:root{--cream:#fff4df;--ink:#31584a;--orange:#ef8745;--radius:20px;--shadow:0 6px 18px #0000002e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}.stage{touch-action:none;position:fixed;inset:0;overflow:hidden}.game{display:block;position:absolute;inset:0}.hud{top:calc(8px + var(--safe-top));pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute}.hud.left{left:8px;right:64px}.hud.right{right:8px}.pill{background:var(--cream);color:var(--ink);box-shadow:var(--shadow);pointer-events:auto;border:3px solid #fff;border-radius:999px;padding:4px 10px;font:700 15px/1.2 Trebuchet MS,system-ui,sans-serif}button.pill.round{cursor:pointer;width:46px;height:46px;padding:0;font-size:20px}.snap{right:16px;bottom:calc(24px + var(--safe-bottom));background:var(--cream);width:76px;height:76px;box-shadow:var(--shadow);cursor:pointer;border:4px solid #fff;border-radius:50%;font-size:34px;transition:transform .12s;position:absolute}.snap.perfect{box-shadow:0 0 0 6px #ffdc5a99, var(--shadow);background:#fff2a8;transform:scale(1.1)}.bubble{left:50%;top:calc(64px + var(--safe-top));background:var(--cream);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);pointer-events:none;border:3px solid #fff;padding:8px 16px;font:700 22px/1.2 Trebuchet MS,system-ui,sans-serif;animation:1.8s both pop;position:absolute;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-8px)scale(.8)}10%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0}}.cover{background:#14281e73;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.panel{background:var(--cream);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;border:4px solid #fff;justify-items:center;gap:12px;padding:20px 28px;font-family:Trebuchet MS,system-ui,sans-serif;display:grid}.panel .big{font-size:56px}.panel .stats{margin:0;font-size:20px;font-weight:700}.panel .build{opacity:.6;margin:0;font-size:11px}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn{min-width:120px;min-height:48px;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;background:#fff;border:3px solid #fff;border-radius:999px;font-size:22px}.btn.primary{background:var(--orange)}.btn:focus-visible,.pill:focus-visible,.snap:focus-visible{outline-offset:2px;outline:4px solid #2b6cb0}.card{width:min(340px,100%);color:var(--ink);box-shadow:var(--shadow);background:#fffaf0;border:6px solid #5fa070;border-radius:22px;gap:8px;padding:14px 16px;font-family:Trebuchet MS,system-ui,sans-serif;animation:.5s both develop;display:grid}@keyframes develop{0%{opacity:0;filter:brightness(1.8);transform:translateY(-30px)rotate(-3deg)}}.card-head{justify-content:space-between;align-items:baseline;display:flex}.card-name{font-size:22px;font-weight:700}.card-pic{background:linear-gradient(#cdeaf2,#e8f3d0);border-radius:14px;place-items:center;height:120px;font-size:72px;display:grid}.perfect-tag{justify-self:center;font-weight:700}.fact{margin:0;font-size:15px;line-height:1.4}.facts{flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.battle{border-top:2px dashed #d8cdb0;gap:4px;padding-top:8px;display:grid}.battle-top{justify-content:space-between;font-size:18px;display:flex}.juice{background:#ffe7b0;border-radius:999px;padding:0 10px;font-size:15px;font-weight:700}.dots{align-items:center;gap:4px;display:flex}.dlabel{width:28px}.dot{background:#e2dccb;border-radius:50%;width:14px;height:14px}.dot.on{background:#4f9a5e}.special{font-size:14px}.card .btn{justify-self:center}.places{grid-template-columns:repeat(6,44px);gap:8px;display:grid}.place{width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:3px solid #fff;border-radius:50%;font-size:22px}.place.here{border-color:var(--orange);background:#ffe7b0}.pill.ouch{animation:.5s ouch}@keyframes ouch{20%{background:#ffd6d6;transform:translate(-4px)scale(1.08)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.mission .card-name{text-align:center}.mission-items{text-align:center;letter-spacing:2px;font-size:30px}.pill.done{background:#dff3d6}.card-pic{position:relative}.new-tag{font-size:28px;animation:1.8s both pop;position:absolute;top:6px;right:8px}.title{background:linear-gradient(#bfe3e8,#e9f1cf)}.title-panel{width:min(360px,100%)}.logo{font-size:34px;font-weight:700}.slot{gap:8px;width:100%;display:flex}.slot-main{min-height:64px;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;background:#fff;border:3px solid #fff;border-radius:18px;flex:1;justify-items:start;gap:2px;padding:8px 14px;font-size:20px;display:grid}.slot.empty .slot-main{background:#fff8ea;justify-items:center}.slot-main small{font-size:15px}.slot-erase{width:52px;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:3px solid #fff;border-radius:18px;font-size:20px}.slot-erase.armed{background:#ffd6d6}.mapcard{left:50%;bottom:calc(14px + var(--safe-bottom));gap:6px;width:min(360px,100% - 32px);padding:12px 18px;position:absolute;transform:translate(-50%)}.map-name{font-size:22px;font-weight:700}.map-stats{font-size:18px}.map-soon{font-size:34px}.binder{justify-items:stretch;width:min(420px,100%);max-height:calc(100dvh - 32px);overflow:auto}.binder-head{justify-content:space-between;align-items:center;display:flex}.binder-title{font-size:24px;font-weight:700}.binder-tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.binder-tabs .place,.pill.round{position:relative}.binder-place{font-size:17px;font-weight:700}.binder-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.tile{color:var(--ink);box-shadow:var(--shadow);cursor:pointer;background:#fffaf0;border:3px solid #fff;border-radius:14px;justify-items:center;gap:2px;padding:8px 4px;font-family:inherit;display:grid;position:relative}.tile.missing{opacity:.75;cursor:default;background:#eee7d6}.tile-face{font-size:34px}.tile-name{font-size:12px;line-height:1.2}.tile-stars{font-size:10px}.dot-new{background:#e8434f;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;right:2px}.binder-cover,.shop-cover{z-index:10}.shop{justify-items:stretch;width:min(420px,100%);max-height:calc(100dvh - 32px);overflow:auto}.preview{justify-self:center}.need{color:#b4362f;justify-self:center;font-size:22px;font-weight:700}.shop-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.shop-slot{width:30px;font-size:22px}.item{width:58px;height:64px;box-shadow:var(--shadow);cursor:pointer;color:var(--ink);background:#fffaf0;border:3px solid #fff;border-radius:14px;align-content:center;justify-items:center;gap:2px;font-family:inherit;display:grid;position:relative}.item.buy{background:#fff3d6}.item.on{background:#e3f4dc;border-color:#4f9a5e}.item.try{border-color:var(--orange);transform:scale(1.08)}.item-icon{font-size:26px}.item-price{font-size:11px;font-weight:700}.swatch{border:2px solid #fff;border-radius:50%;width:28px;height:28px}.fur-red .swatch{background:linear-gradient(135deg,#e98546 55%,#fff0d2 55%)}.fur-fennec .swatch{background:linear-gradient(135deg,#f0c98a 55%,#fff7e4 55%)}.fur-arctic .swatch{background:linear-gradient(135deg,#eef2f6 55%,#fff 55%)}.fur-silver .swatch{background:linear-gradient(135deg,#5f6470 55%,#e8e8ee 55%)}.fur-golden .swatch{background:linear-gradient(135deg,#f2c230 55%,#fff6c8 55%)}.stage.fight{background:#24331f;justify-content:center;display:flex}.stage.fight canvas{touch-action:none;display:block}.toggles{gap:10px;display:flex}.toggles .pill.round[aria-pressed=false]{opacity:.7}.calm *,.calm :before,.calm :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.toggles .pill.round[aria-pressed=true]{background:#e3f4dc;border-color:#4f9a5e}.calm .bubble,.calm .new-tag{animation:none!important}.curtain{z-index:20;background:linear-gradient(#bfe3e8,#e9f1cf);place-items:center;transition:opacity .35s;display:grid;position:absolute;inset:0}.curtain.lifting{opacity:0}.curtain-name{color:var(--ink);background:var(--cream);border-radius:var(--radius);box-shadow:var(--shadow);border:4px solid #fff;padding:12px 26px;font:700 34px Trebuchet MS,system-ui,sans-serif}.postcard{aspect-ratio:3/2;width:min(420px,92vw);box-shadow:var(--shadow);cursor:pointer;color:var(--ink);background:#fffdf6;border:8px solid #fffdf6;border-radius:10px;padding:0;font-family:Trebuchet MS,system-ui,sans-serif;animation:.5s both develop;position:relative;transform:rotate(-1.5deg)}.postcard.turned{transform:rotate(1deg)}.pc-front,.pc-back{border-radius:4px;position:absolute;inset:0;overflow:hidden}.pc-photo{object-fit:cover;width:100%;height:100%;display:block}.pc-blank{background:#cfe6ea;place-items:center;font-size:64px;display:grid}.pc-stamp{background:#fffaf0;border:3px dashed #d0a050;border-radius:4px;place-items:center;width:52px;height:60px;font-size:30px;display:grid;position:absolute;top:8px;right:8px;transform:rotate(6deg);box-shadow:0 2px 6px #0003}.pc-stamp.still{position:static;transform:rotate(4deg)}.pc-star{filter:drop-shadow(0 2px 3px #0005);font-size:34px;position:absolute;top:8px;left:8px}.pc-animals{gap:4px;display:flex;position:absolute;bottom:8px;left:8px}.pc-animals span{background:#fffaf0;border:3px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:28px;display:grid;box-shadow:0 2px 6px #0004}.pc-back{background:repeating-linear-gradient(#fffdf6 0 27px,#e8e0cc 27px 28px);grid-template-columns:1.4fr 1fr;gap:10px;padding:14px;display:grid}.pc-fact{text-align:left;border-right:2px solid #e0d6c0;align-self:center;margin:0;padding-right:10px;font-size:16px;line-height:1.45}.pc-side{align-content:space-around;justify-items:center;font-size:14px;display:grid}.pc-place{font-weight:700}.pc-date{opacity:.7;font-size:11px}.pc-wall{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;display:grid}.pc-frame{aspect-ratio:3/2;box-shadow:var(--shadow);cursor:pointer;background:#fffdf6;border:5px solid #fffdf6;border-radius:6px;place-items:center;padding:0;font-size:30px;display:grid;position:relative;overflow:hidden}.pc-frame:nth-child(odd){transform:rotate(-2deg)}.pc-frame:nth-child(2n){transform:rotate(1.5deg)}.pc-frame img{object-fit:cover;width:100%;height:100%}.pc-frame.empty{opacity:.7;cursor:default;background:#eee7d6;border-style:dashed;border-color:#d8ccb0}.pc-mini-star{font-size:18px;position:absolute;top:2px;left:4px}.end-postcard{justify-items:center;gap:12px;display:grid}.end-postcard .postcard{width:min(420px,86vw,150dvh - 285px)}.dot.on.trained{background:#f2b62a;box-shadow:inset 0 0 0 2px #fff3c4}.trained-badge{font-size:14px}.btn.train{color:#4a3300;background:#f2b62a}.btn.train:disabled{opacity:.5}.stage.fight.team-stage{background:#6fae5f;place-items:center;display:grid}.team-panel{grid-template-rows:auto 1fr auto;max-height:96dvh;display:grid}.team-panel .binder-grid{padding:4px;overflow-y:auto}.team-lanes{gap:8px;font-size:15px;font-weight:700;display:flex}.team-lanes .none{opacity:.35}.team-tile{border-color:#fff}.team-tile.chosen{background:#fff3c4;border-color:#f2b62a}.team-strip{font-size:12px}.team-check{font-size:14px;position:absolute;top:2px;right:4px}.mini-dots{gap:2px;display:flex}.mini-dots span{background:#e2dccb;border-radius:50%;width:7px;height:7px}.mini-dots span.on{background:#4f9a5e}.team-go{justify-self:center;min-width:120px;margin-top:8px}.speak{width:40px;height:40px;box-shadow:var(--shadow);cursor:pointer;background:#e8f4ff;border:3px solid #fff;border-radius:50%;flex:none;margin-left:auto;font-size:20px}.speak.on{background:#ffe7a8}.gate,.share-sheet{justify-items:center;gap:10px;max-width:340px;display:grid}.gate-title{margin:0;font-size:18px;font-weight:700}.gate-ask{margin:0;font-size:17px}.gate-got{gap:10px;font-size:26px;font-weight:700;display:flex}.gate-keys{grid-template-columns:repeat(3,64px);gap:8px;display:grid}.gate-keys .btn{min-width:0;padding:10px 0;font-size:22px}.share-name{text-align:left;font-size:15px}.share-note{opacity:.75;margin:0;font-size:13px}.share-actions{gap:10px;display:flex}.pc-open{align-content:center;place-items:center;gap:14px;display:grid}.big-buttons .snap{width:104px;height:104px;font-size:46px}.big-buttons .pill.round{min-width:60px;min-height:60px;font-size:26px}.big-buttons .btn{min-height:60px;font-size:26px}