@font-face{font-display:swap;font-family:Sour Gummy;font-style:normal;font-weight:400;src:url(/assets/fonts/sour-gummy-v3-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Sour Gummy;font-style:italic;font-weight:400;src:url(/assets/fonts/sour-gummy-v3-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Sour Gummy;font-style:normal;font-weight:600;src:url(/assets/fonts/sour-gummy-v3-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Sour Gummy;font-style:normal;font-weight:700;src:url(/assets/fonts/sour-gummy-v3-latin-700.woff2) format("woff2")}:root{--sky-0: #c9edff;--sky-1: #9adcf8;--water-0: #57c0ec;--water-1: #2f97d0;--water-2: #1a6fa8;--letterbox-bleed: linear-gradient( 180deg, #c9edff 0%, #b5e6fd 14%, #9adcf8 20%, #57c0ec 26%, #45b2e4 40%, #2f97d0 62%, #1f7fba 82%, #1a6fa8 100% );--paper: #fffdf4;--paper-2: #fff3d8;--paper-border: #f0b45a;--paper-shadow: rgba(122, 74, 18, .25);--btn-hi: #ffc95a;--btn-lo: #f59c1c;--btn-border: #cf7f13;--btn-shadow: #a86410;--ink: #7a4a12;--ink-dark: #2b3644;--danger-hi: #f4695e;--danger-lo: #d93a30;--danger-border: #a8261e;--danger-shadow: #8a1d16;--title-yellow: #ffd23f;--title-stroke: #6b3f12;--atk-hi: #9ba6b2;--atk-lo: #67727e;--hp-hi: #f4695e;--hp-lo: #d93a30;--pad-hi: #7ecb52;--pad-lo: #4a9c38;--font-display: "Sour Gummy", system-ui, sans-serif;--radius: 20px;--shadow: 0 3px 8px rgba(122, 74, 18, .22);--charm-accent: var(--water-1);--tier-1: #5bb6e6;--tier-2: #5fc06a;--tier-3: #f2b53a;--tier-4: #f08a3c;--tier-5: #a06ad6;--tier-6: #e85c92}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-display);color:var(--ink-dark);background:var(--letterbox-bleed);-webkit-font-smoothing:antialiased;overflow:hidden}.stage-viewport{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background-color:var(--sky-0);background-image:var(--letterbox-bleed);background-repeat:no-repeat;background-position:bottom center;background-size:100% var(--stage-px-h, 100%)}.stage{width:1280px;height:720px;position:relative;transform-origin:bottom center;flex:none;overflow:hidden}.stage-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.pond-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.pond-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#c9edff,#b5e6fd 14%,#9adcf8,#57c0ec 26%,#45b2e4 40%,#2f97d0 62%,#1f7fba 82%,#1a6fa8)}.pond-cloud{position:absolute;height:46px;background:#ffffffeb;border-radius:999px;box-shadow:-42px 8px 0 -6px #ffffffeb,46px 10px 0 -4px #ffffffeb,10px -14px 0 -8px #ffffffe6}.pond-cloud-a{top:74px;left:190px;width:150px}.pond-cloud-b{top:128px;left:900px;width:190px;transform:scale(1.15)}.pond-hill{position:absolute;border-radius:50%;background:linear-gradient(#9ada6e,#7cc455)}.pond-hill-1{left:-60px;top:205px;width:560px;height:220px}.pond-hill-2{left:400px;top:178px;width:700px;height:250px;background:linear-gradient(#a6e07a,#86cc5e)}.pond-hill-3{left:860px;top:208px;width:560px;height:220px}.pond-grass{position:absolute;left:-100px;top:292px;width:1480px;height:130px;border-radius:50% 50% 0 0/60px 60px 0 0;background:linear-gradient(#8fd06a,#6cbb48)}.pond-band{position:absolute;height:16px;border-radius:999px;background:#ffffff24;filter:blur(1px)}.pond-band-1{left:120px;top:430px;width:360px}.pond-band-2{left:720px;top:502px;width:420px}.pond-band-3{left:300px;top:600px;width:300px}.pond-pad{position:absolute;border-radius:50%;background:radial-gradient(circle at 50% 28%,#7ecb52,#4f9e3c);box-shadow:inset 0 -8px 14px #184a1659,0 6px 10px #0c3c5a40}.pond-pad:before{content:"";position:absolute;top:-1px;left:50%;width:0;height:0;transform:translate(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid #2f97d0}.pond-pad-1{left:150px;top:470px;width:150px;height:118px}.pond-pad-2{left:940px;top:545px;width:180px;height:138px;transform:rotate(-8deg)}.pond-bush{position:absolute;bottom:-34px;height:150px;border-radius:50%;background:linear-gradient(#4f9e3c,#3c7d2e);box-shadow:120px 30px 0 -10px #488f37,220px 46px 0 -20px #3c7d2e,-60px 40px 0 -26px #4f9e3c}.pond-bush-l{left:-50px;width:320px}.pond-bush-r{right:-50px;width:360px}.app{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;gap:14px;padding:22px max(28px,calc((100% - 940px)/2));overflow-y:auto;overflow-x:hidden;color:var(--ink-dark)}.app.center{align-items:center;justify-content:center;text-align:center}.app.play{padding:0;gap:0;overflow:hidden}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600;color:var(--ink-dark)}h2{font-size:1.4rem;margin:6px 2px}a{color:var(--water-2)}button{font-family:var(--font-display);font-weight:600;cursor:pointer;color:#fff;border:3px solid var(--btn-border);border-radius:16px;padding:12px 18px;font-size:1rem;background:linear-gradient(180deg,var(--btn-hi),var(--btn-lo));box-shadow:inset 0 2px #ffffff8c,0 4px 0 var(--btn-shadow);text-shadow:0 1px 0 rgba(0,0,0,.18);transition:transform .06s ease,box-shadow .06s ease,filter .06s ease;touch-action:manipulation}button:active{transform:translateY(3px);box-shadow:inset 0 2px #fff6,0 1px 0 var(--btn-shadow)}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.2)}button.primary{font-size:1.15rem;padding:15px 22px;border-width:4px}button.ghost{color:var(--ink);background:linear-gradient(180deg,var(--paper),var(--paper-2));border-color:var(--paper-border);box-shadow:inset 0 2px #ffffffb3,0 4px 0 var(--paper-shadow);text-shadow:none}button.ghost:active{box-shadow:inset 0 2px #ffffff80,0 1px 0 var(--paper-shadow)}button.danger{background:linear-gradient(180deg,var(--danger-hi),var(--danger-lo));border-color:var(--danger-border);box-shadow:inset 0 2px #fff6,0 4px 0 var(--danger-shadow)}button.wide{width:100%}button.small{padding:7px 12px;font-size:.85rem;border-radius:12px;border-width:3px;box-shadow:inset 0 1px #ffffff8c,0 3px 0 var(--btn-shadow)}button.small.ghost{box-shadow:inset 0 1px #fff9,0 3px 0 var(--paper-shadow)}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:8px;align-items:center}.spread{justify-content:space-between}.grow{flex:1}.center{text-align:center}.muted{opacity:.72;font-size:.9rem}.small{font-size:.8rem}.card,.paper{background:linear-gradient(180deg,var(--paper),var(--paper-2));border:3px solid var(--paper-border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);color:var(--ink-dark)}details.card summary{cursor:pointer;font-weight:600;font-size:.9rem;color:var(--ink-dark)}.section-title{font-family:var(--font-display);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--ink);opacity:.85;margin:2px}.brand{text-align:center;padding:12px 0 4px}.brand .logo{font-size:3.4rem;line-height:1}.brand h1{font-size:2.4rem;letter-spacing:.5px;margin-top:6px;color:var(--title-yellow);-webkit-text-stroke:3px var(--title-stroke);paint-order:stroke fill;text-shadow:0 4px 0 var(--title-stroke)}.brand .tagline{color:var(--ink-dark);margin-top:6px;font-size:.95rem;font-weight:700}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.game-frame{width:100%;height:100%;aspect-ratio:1280 / 720;overflow:hidden}.game-frame canvas{touch-action:none;width:100%!important;height:100%!important;margin:0!important}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#142c4080;z-index:5;padding:16px}.result-card{background:linear-gradient(180deg,var(--paper),var(--paper-2));border:4px solid var(--paper-border);border-radius:24px;box-shadow:var(--shadow);padding:18px;width:min(420px,92%);color:var(--ink-dark)}.result-card .delta{font-size:1.15rem;font-weight:600;padding:0 4px}.result-card .delta em{font-style:normal;font-size:.85rem}.result-card .delta .up{color:var(--pad-lo)}.result-card .delta .down{color:var(--danger-lo)}.banner{text-align:center;padding:12px 16px;border-radius:var(--radius);font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:#fff;border:3px solid rgba(0,0,0,.12);text-shadow:0 2px 0 rgba(0,0,0,.2)}.banner.win{background:linear-gradient(180deg,var(--pad-hi),var(--pad-lo))}.banner.loss{background:linear-gradient(180deg,var(--danger-hi),var(--danger-lo))}.banner.draw{background:linear-gradient(180deg,var(--water-0),var(--water-2))}.team-tag{position:absolute;bottom:12px;z-index:6;font-family:var(--font-display, "Sour Gummy", sans-serif);font-weight:600;font-size:.85rem;color:#fff;padding:6px 14px;border-radius:999px;box-shadow:0 3px #0003;pointer-events:none;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-tag-you{left:12px;background:#2f9de2}.team-tag-foe{right:12px;background:#f2803a}.result-overlay.battle-result{flex-direction:column;align-items:center;justify-content:space-between;gap:12px;padding:26px 24px 22px;background:radial-gradient(ellipse at 50% 46%,#0c1c2a1a,#0c1c2a57 60%,#0c1c2a85);animation:br-overlay-in .3s ease both}.battle-result .br-top,.battle-result .br-center,.battle-result .br-bottom{display:flex;flex-direction:column;align-items:center;width:100%}.battle-result .br-top{gap:8px;animation:br-drop-in .42s cubic-bezier(.2,.9,.3,1.2) .06s both}.battle-result .br-center{flex:1;justify-content:center;gap:4px;animation:br-pop-in .46s cubic-bezier(.2,1.3,.4,1) .16s both}.battle-result .br-bottom{gap:10px;animation:br-rise-in .42s cubic-bezier(.2,.9,.3,1.2) .24s both}.battle-result .br-progress{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-display, "Sour Gummy", sans-serif);font-weight:600;font-size:1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.55)}.battle-result .br-progress-ico{font-size:1.05rem}.battle-result .br-progress.hearts .br-progress-ico{color:var(--hp-hi, #f4695e)}.battle-result .br-progress-num{font-size:1.5rem;line-height:1}.battle-result .br-progress.trophies .br-progress-num{color:var(--title-yellow, #ffd23f)}.battle-result .br-progress.hearts .br-progress-num{color:var(--hp-hi, #f4695e)}.battle-result .br-progress-total{font-size:.9rem;opacity:.65}.battle-result em{font-style:normal;font-weight:600;font-size:.95rem}.battle-result .up{color:var(--pad-hi, #7ecb52)}.battle-result .down{color:var(--danger-hi, #f4695e)}.battle-result .br-trophy-row,.battle-result .br-heart-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 8px;max-width:640px}.battle-result .br-trophy{font-size:1.7rem;line-height:1;filter:grayscale(1) brightness(.85) opacity(.45)}.battle-result .br-trophy.earned{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.battle-result .br-trophy.pop{animation:br-trophy-pop .5s cubic-bezier(.2,1.5,.4,1) both;filter:drop-shadow(0 0 8px rgba(255,210,63,.9)) drop-shadow(0 1px 2px rgba(0,0,0,.5))}.battle-result .br-heart{font-size:2rem;line-height:1;color:#ffffff4d;text-shadow:0 2px 4px rgba(0,0,0,.5)}.battle-result .br-heart.alive{color:var(--hp-hi, #f4695e);text-shadow:0 0 8px rgba(217,58,48,.55),0 2px 4px rgba(0,0,0,.5)}.battle-result .br-heart.lost{color:var(--hp-hi, #f4695e);animation:br-heart-break .7s ease both}.battle-result .br-face{font-size:5.2rem;line-height:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.battle-result .br-word{font-family:var(--font-display, "Sour Gummy", sans-serif);font-weight:600;font-size:3.4rem;letter-spacing:.06em;color:#fff;-webkit-text-stroke:3px var(--title-stroke, #6b3f12);paint-order:stroke fill;text-shadow:0 4px 0 var(--title-stroke, #6b3f12),0 8px 16px rgba(0,0,0,.4)}.result-overlay.battle-result.is-win .br-word{color:var(--title-yellow, #ffd23f)}.result-overlay.battle-result.is-loss .br-word{color:var(--danger-hi, #f4695e)}.result-overlay.battle-result.is-draw .br-word{color:#fff}.battle-result .squeak-note{color:var(--title-yellow, #ffd23f);text-shadow:0 2px 4px rgba(0,0,0,.5)}.battle-result .br-opponent{font-family:var(--font-display, "Sour Gummy", sans-serif);font-weight:600;font-size:.92rem;color:#fff;opacity:.9;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.battle-result .br-actions{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:2px}@keyframes br-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes br-drop-in{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}@keyframes br-pop-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes br-rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes br-trophy-pop{0%{opacity:0;transform:scale(0) rotate(-25deg)}60%{opacity:1;transform:scale(1.35) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes br-heart-break{0%{transform:translate(0) scale(1);opacity:1}12%{transform:translate(-3px) scale(1.14)}26%{transform:translate(3px) scale(1.14)}40%{transform:translate(-3px)}54%{transform:translate(2px)}66%{transform:translate(0) scale(1);opacity:1}to{transform:translate(0) scale(.9);opacity:.4;filter:grayscale(.7)}}@media (prefers-reduced-motion: reduce){.result-overlay.battle-result,.battle-result .br-top,.battle-result .br-center,.battle-result .br-bottom,.battle-result .br-trophy.pop,.battle-result .br-heart.lost{animation:none}.battle-result .br-heart.lost{opacity:.4;filter:grayscale(.7)}}.hud-wrap{display:flex;flex-direction:column;gap:6px}.hud{display:flex;flex-direction:column;gap:6px;background:transparent;box-shadow:none;padding:0}.hud .stats{display:flex;flex-wrap:wrap;gap:8px}.hud .stat{display:flex;align-items:center;gap:6px;border:12px solid transparent;border-image:url(/assets/ui/paper_special_slice.png) 30 fill stretch;image-rendering:pixelated;padding:0 4px;box-shadow:var(--shadow)}.hud .stat .val{font-size:1.05rem;font-weight:600;color:var(--paper)}.hud .stat .lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:var(--paper);opacity:.7}.hud .hearts{color:var(--hp-hi)}.hud .trophies{color:var(--btn-hi)}.hud .pearls{color:var(--water-0)}.chip{align-self:flex-start;border:12px solid transparent;border-image:url(/assets/ui/paper_special_slice.png) 30 fill stretch;image-rendering:pixelated;padding:0 6px;font-size:.85rem;font-weight:600;color:var(--paper);box-shadow:var(--shadow);text-align:center}.tier-note{font-size:.72rem;color:var(--ink);opacity:.7;text-align:left}.toast{align-self:center;background:linear-gradient(180deg,var(--paper),var(--paper-2));border:3px solid var(--paper-border);color:var(--ink-dark);padding:8px 16px;border-radius:999px;text-align:center;font-weight:600;font-size:.88rem;box-shadow:var(--shadow)}.entry .ability{font-size:.85rem;opacity:.95;margin-top:4px;color:var(--ink-dark)}.entry .flavor{font-size:.8rem;font-style:italic;opacity:.7;margin-top:4px}.price{font-size:.8rem;font-weight:600;color:var(--btn-lo)}.log{background:#0000000a;border-radius:14px;padding:10px 12px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--ink-dark)}.log .line{padding:2px 0;border-bottom:1px solid rgba(122,74,18,.1)}.loglist .item{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--ink-dark)}.stamp{font-family:var(--font-display);font-weight:600;padding:2px 9px;border-radius:999px;font-size:.75rem;color:#fff}.stamp.victory{background:var(--pad-lo)}.stamp.defeat{background:var(--danger-lo)}.play-desc{text-align:center;font-size:.82rem;color:var(--ink-dark);opacity:.75;margin-top:-2px}.chip-mini{display:inline-block;background:var(--paper-2);color:var(--ink);border:2px solid var(--paper-border);border-radius:999px;padding:1px 9px;font-size:.7rem;font-weight:600}.opponent-line{font-weight:600;font-size:.95rem;color:var(--ink-dark)}.waiting{text-align:center;background:linear-gradient(180deg,var(--paper),var(--paper-2));border:3px solid var(--paper-border);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow)}.nickname-input{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--ink-dark);background:#fff;border:3px solid var(--paper-border);border-radius:14px;padding:12px 14px;width:100%;outline:none}.nickname-input:focus{border-color:var(--btn-lo)}.invite-row{gap:8px}.lobby-code{font-family:var(--font-display);font-size:2.4rem;font-weight:600;letter-spacing:.35em;padding-left:.35em;color:var(--title-yellow);-webkit-text-stroke:2px var(--title-stroke);paint-order:stroke fill;text-shadow:0 3px 0 var(--title-stroke)}.seat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.seat{background:linear-gradient(180deg,var(--paper),var(--paper-2));border:3px solid var(--paper-border);border-radius:16px;padding:8px 10px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;min-height:84px;color:var(--ink-dark)}.seat.me{border-color:var(--btn-lo);box-shadow:0 0 0 3px #f59c1c47,var(--shadow)}.seat.away{opacity:.6}.seat.empty{background:#ffffff59;border:3px dashed var(--paper-border);color:var(--ink);align-items:center;justify-content:center;font-size:.8rem;font-weight:700;opacity:.75}.seat-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.seat-name{font-weight:600;font-size:.95rem;line-height:1.1;word-break:break-word}.seat-remove{background:var(--danger-lo);color:#fff;border:2px solid var(--danger-border);border-radius:999px;width:24px;height:24px;padding:0;font-size:.75rem;line-height:1;box-shadow:none;flex:0 0 auto}.seat-badges{display:flex;flex-wrap:wrap;gap:6px;font-size:.7rem;font-weight:600;color:var(--ink)}.seat-stats{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;font-weight:700;align-items:center}.seat-ready{color:var(--pad-lo);font-weight:600}.seat-away{color:var(--water-1);font-weight:600}.seat-out{color:var(--danger-lo);font-weight:600}.host-controls .setting-row{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9rem;color:var(--ink-dark)}.host-controls select{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink-dark);background:#fff;border:3px solid var(--paper-border);border-radius:12px;padding:8px 10px}.countdown-pill{display:inline-block;background:linear-gradient(180deg,var(--paper),var(--paper-2));border:3px solid var(--paper-border);border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:600;color:var(--ink)}.countdown-pill.warn{background:linear-gradient(180deg,var(--danger-hi),var(--danger-lo));border-color:var(--danger-border);color:#fff}.reconnect-strip{text-align:center;background:linear-gradient(180deg,var(--btn-hi),var(--btn-lo));color:#fff;border:3px solid var(--btn-border);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.18)}.spectator-banner{text-align:center;background:linear-gradient(180deg,var(--paper),var(--paper-2));border:3px solid var(--paper-border);border-radius:16px;padding:8px 12px;font-size:.9rem;font-weight:600;color:var(--ink);box-shadow:var(--shadow)}.standings .standing-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid rgba(122,74,18,.12)}.standings .standing-row:last-child{border-bottom:none}.standing-row.me{background:#f59c1c1f;border-radius:10px}.standing-row .medal{font-size:1.3rem;min-width:1.6em;text-align:center;font-weight:600}.standing-name{font-weight:600;flex:1;color:var(--ink-dark)}.rarity-minor{--charm-accent: var(--tier-1)}.rarity-major{--charm-accent: var(--tier-5)}.rarity-wild{--charm-accent: var(--title-yellow)}.totem-draft{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#142c4099;z-index:6;padding:12px}.totem-draft-card{background:linear-gradient(180deg,var(--paper),var(--paper-2));border:4px solid var(--paper-border);border-radius:24px;box-shadow:var(--shadow);padding:18px;width:min(440px,96%);color:var(--ink-dark)}.totem-draft-title{font-family:var(--font-display);font-weight:600;font-size:1.15rem;text-align:center;margin-bottom:4px}.charm-offer{display:flex;flex-direction:column;gap:10px}.charm-card{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px 12px 16px;border-radius:14px;border:3px solid var(--charm-accent, var(--water-1));border-left-width:8px;background:linear-gradient(180deg,var(--paper),var(--paper-2));color:var(--ink-dark);box-shadow:var(--shadow);cursor:pointer}.charm-card:hover{filter:brightness(1.03)}.charm-card:active{transform:translateY(2px)}.charm-rarity{align-self:flex-start;background:var(--charm-accent, var(--water-1));color:#fff;border-radius:999px;padding:1px 9px;font-size:.7rem;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.18)}.charm-name{font-size:1.05rem;color:var(--ink-dark)}.charm-text{font-size:.85rem;color:var(--ink-dark);opacity:.9}.shop-chrome{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.charm-chips{display:inline-flex;flex-wrap:wrap;gap:6px}.charm-chip{display:inline-block;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;color:var(--ink);background:linear-gradient(180deg,var(--paper),var(--paper-2));border:2px solid var(--charm-accent, var(--water-1))}.squeak-wrap{position:relative;display:inline-block}.squeak-btn{padding:0 8px 4px;font-weight:600;font-size:.85rem;color:var(--paper);border:solid transparent;border-width:12px 11px;border-image:url(/assets/ui/btn_big_blue_slice.png) 47 45 fill stretch;image-rendering:pixelated;background:none;box-shadow:var(--shadow);cursor:pointer;text-shadow:0 2px 0 rgba(20,40,50,.35)}.squeak-btn:disabled{opacity:.5;cursor:not-allowed}.squeak-btn.armed{border-width:9px 12px 12px;border-image:url(/assets/ui/btn_big_blue_p_slice.png) 36 50 49 50 fill stretch;padding:3px 8px 1px;box-shadow:0 0 0 3px #ffd23f66,var(--shadow)}.squeak-tip{position:absolute;top:calc(100% + 8px);left:0;width:300px;display:none;flex-direction:column;gap:7px;padding:8px 10px;border:solid transparent;border-width:11px 13px;border-image:url(/assets/ui/paper_tooltip_slice.png) 44 52 45 52 fill stretch;image-rendering:pixelated;color:var(--ink-dark);font-size:.8rem;font-weight:600;line-height:1.35;text-align:left;z-index:40;pointer-events:none}.squeak-wrap:hover .squeak-tip,.squeak-wrap:has(.squeak-btn:focus-visible) .squeak-tip{display:flex}.squeak-tip .tip-title{font-size:.92rem}.squeak-tip .tip-flavor{opacity:.7}.squeak-note{font-weight:600;color:var(--btn-lo)}.squeak-mark{font-size:.9em}.sparkline-line{stroke:var(--btn-lo);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.sparkline-dot{fill:var(--hp-lo)}.board-strip{display:flex;flex-wrap:wrap;gap:8px}.board-card{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:12px;border:3px solid var(--tier-1);background:linear-gradient(180deg,var(--paper),var(--paper-2));min-width:96px;color:var(--ink-dark);box-shadow:var(--shadow)}.board-card-name{font-weight:600;font-size:.82rem}.board-card-stats .atk{color:var(--atk-lo);font-weight:600}.board-card-stats .hp{color:var(--hp-lo);font-weight:600}.turn-row .charm-chip,.turn-row .squeak-mark{font-size:.68rem}.streak-chip{font-family:var(--font-display);font-weight:600;color:var(--btn-lo);font-size:.95rem}.daily-grid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;line-height:1.5;text-align:center;margin:0;padding:12px;border-radius:14px;background:#0000000a;border:2px solid var(--paper-border);color:var(--ink-dark);white-space:pre-wrap;word-break:break-word}.progress-chip{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--paper),var(--paper-2));border:3px solid var(--paper-border);border-radius:999px;padding:6px 14px;color:var(--ink);font-weight:600;box-shadow:var(--shadow)}.progress-chip.locker-link{color:var(--btn-lo)}.level-badge{color:var(--btn-lo);font-weight:600}.shell-balance{color:var(--water-1);font-weight:600}.xpbar,.questbar{width:100%;height:16px;border-radius:999px;background:#7a4a1224;border:2px solid var(--paper-border);overflow:hidden}.questbar{height:12px}.xpbar-fill,.questbar-fill{height:100%;background:linear-gradient(90deg,var(--btn-hi),var(--btn-lo));border-radius:999px;transition:width .4s ease}.quest-row{padding:8px 10px;border-radius:12px;background:#ffffff80;border:2px solid var(--paper-border)}.quest-row.done{background:#7ecb5233;border-color:var(--pad-lo)}.quest-desc{font-weight:600;color:var(--ink-dark)}.quest-reward{color:var(--btn-lo);font-weight:600;white-space:nowrap}.levelup-toast{display:block;text-align:center;font-weight:600;color:var(--ink);background:linear-gradient(90deg,var(--btn-hi),var(--title-yellow));border:3px solid var(--btn-border);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.locker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.locker-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:16px;border:3px solid var(--paper-border);background:linear-gradient(180deg,var(--paper),var(--paper-2));text-align:center;box-shadow:var(--shadow);color:var(--ink-dark)}.locker-card.status-equipped{border-color:var(--btn-lo);box-shadow:0 0 0 3px #ffd23f59,var(--shadow)}.locker-card.status-locked{opacity:.7}.locker-card.rarity-rare{border-color:var(--tier-1)}.locker-card.rarity-epic{border-color:var(--tier-5)}.locker-name{font-weight:600}.locker-tag{font-size:.78rem;font-weight:600}.locker-tag.equipped{color:var(--btn-lo)}.locker-tag.locked{color:var(--water-1);opacity:.9}.avatar-frame{border-radius:999px;padding:4px}.frame-pup_frame{box-shadow:0 0 0 3px var(--pad-lo)}.frame-wave_frame{box-shadow:0 0 0 3px var(--water-0),0 0 0 6px #57c0ec66}.frame-star_frame{box-shadow:0 0 0 3px var(--title-yellow),0 0 12px 2px #ffd23f99}.game-frame[data-skin=reedy_bank] canvas{filter:hue-rotate(-18deg) saturate(1.15) brightness(1.02)}.game-frame[data-skin=night_lake] canvas{filter:hue-rotate(200deg) saturate(1.2) brightness(.82)}.app.home{display:grid;grid-template-columns:minmax(380px,1fr) minmax(360px,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"title pills" "menu  side";gap:16px 28px;padding:26px 40px;overflow:hidden}.home-title{grid-area:title;align-self:start}.home-title h1{font-size:4.4rem;line-height:.95;color:var(--title-yellow);-webkit-text-stroke:4px var(--title-stroke);paint-order:stroke fill;text-shadow:0 6px 0 var(--title-stroke);letter-spacing:1px}.home-title .tagline{color:var(--ink-dark);font-weight:700;margin-top:8px;font-size:1rem;max-width:30ch}.home-pills{grid-area:pills;justify-self:end;align-self:start;display:flex;gap:10px}.home-menu{grid-area:menu;align-self:start;display:flex;flex-direction:column;gap:10px;max-width:440px}.home-side{grid-area:side;display:flex;flex-direction:column;gap:14px;overflow-y:auto;min-height:0}.home-footer{margin-top:6px;color:var(--ink-dark);opacity:.7;font-size:.78rem}.mascot-idle{position:absolute;left:28px;bottom:20px;z-index:2;width:192px;height:192px;background:url(/assets/sprites/units/_default/idle.png) 0 0 no-repeat;background-size:1536px 192px;animation:mascot-idle .9s steps(8) infinite;pointer-events:none}@keyframes mascot-idle{to{background-position-x:-1536px}}.app.play .canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.app.play>.row.spread{position:absolute;top:8px;left:16px;right:16px;z-index:6;color:#fff}.app.play>.row.spread strong{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.45)}.app.play>.opponent-line{position:absolute;top:56px;left:0;right:0;z-index:6;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.45)}.app.play>.hud-wrap{position:absolute;top:44px;left:16px;z-index:6;max-width:484px}.app.play>.waiting{position:absolute;top:96px;left:50%;transform:translate(-50%);z-index:6}.app.play>.toast{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:7}.app.play>.card.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.app.play>.shop-mascot-frame{position:absolute;left:39px;top:244px;width:130px;height:130px;z-index:2;pointer-events:none}.charm-card{border:14px solid transparent;border-image:url(/assets/ui/paper_special_slice.png) 30 fill stretch;image-rendering:pixelated;border-radius:0;background:none;color:#f5eedb;padding:10px 8px 6px}.charm-card .charm-name{color:#fff7e6}.charm-card .charm-text{color:#e8dfc8;opacity:1}.charm-card.rarity-minor{--ribbon: url(/assets/ui/ribbon_teal.png)}.charm-card.rarity-major{--ribbon: url(/assets/ui/ribbon_purple.png)}.charm-card.rarity-wild{--ribbon: url(/assets/ui/ribbon_yellow.png)}.charm-card .charm-rarity{display:none}.charm-card .charm-name{align-self:flex-start;background:var(--ribbon, none) center / 100% 100% no-repeat;image-rendering:pixelated;padding:6px 36px 12px;margin:-2px 0 2px -10px;font-size:1rem;color:#fff7e6;text-shadow:0 2px 0 rgba(20,35,45,.45)}.seat-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.entry{display:flex;flex-direction:column;gap:6px}.unit-thumb{width:64px;height:64px;flex:0 0 auto;border-radius:12px;background:url(/assets/sprites/units/_default/idle.png) 0 0 no-repeat;background-size:512px 64px;border:2px solid var(--paper-border);image-rendering:auto}.unit-badges{display:flex;gap:6px;font-weight:600;font-size:.9rem}.unit-badges .atk{color:var(--atk-lo)}.unit-badges .hp{color:var(--hp-lo)}.roster-tier{font-family:var(--font-display);font-size:.62rem;font-weight:600;padding:2px 8px;border-radius:999px;color:#fff;border:2px solid rgba(0,0,0,.12)}.locker-card:before{content:"";position:absolute;top:-6px;left:10px;width:92px;height:26px;background:var(--locker-ribbon, none) center / contain no-repeat;pointer-events:none}.locker-card.rarity-common{--locker-ribbon: url(/assets/ui/ribbon_slate.png)}.locker-card.rarity-rare{--locker-ribbon: url(/assets/ui/ribbon_teal.png)}.locker-card.rarity-epic{--locker-ribbon: url(/assets/ui/ribbon_purple.png)}.locker-card{padding-top:20px}.app.play>details.card{position:absolute;left:16px;right:16px;bottom:12px;z-index:6;max-height:46%;overflow-y:auto}