@font-face{font-family:Bowlby One;font-style:normal;font-display:swap;font-weight:400;src:url(./bowlby-one-latin-400-normal-BlBlciR_.woff2) format("woff2"),url(./bowlby-one-latin-400-normal-DAczUCp_.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(./atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(./atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff")}:root{--wood: #2a1c14;--wood2: #3b281c;--paper: #f3ead8;--ink: #2b211b;--red: #c8402e;--gold: #e3b04b;--p1: #3f8fd8;--p2: #e2573d;--ok: #3fae6a;--display: "Bowlby One", "Arial Black", Impact, sans-serif;--body: "Atkinson Hyperlegible", system-ui, sans-serif;color-scheme:dark}html,body{height:100%}body{background:var(--wood);color:var(--paper);font-family:var(--body);margin:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none}#game{position:fixed;inset:0}#loading{display:grid;place-items:center}#game canvas{display:block}.screen{position:fixed;inset:0;overflow-y:auto;background:#1a120df7;touch-action:pan-y;padding:max(14px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.wrap{max-width:1100px;margin:0 auto;display:grid;gap:14px}.wrap.center{text-align:center;justify-items:center}h1,h2{font-family:var(--display);font-weight:400;margin:0;line-height:1.05;text-wrap:balance}h1{font-size:clamp(1.6rem,4.5vw,2.6rem);color:var(--gold)}h2{font-size:clamp(1.2rem,3.2vw,1.8rem)}p{margin:0;color:#d9cdb7;max-width:70ch}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}button{font:700 1rem var(--body);border:0;border-radius:10px;padding:10px 16px;cursor:pointer;background:var(--paper);color:var(--ink)}button.primary{background:var(--gold)}button.ghost{background:transparent;color:var(--paper);border:2px solid #6b5444}select.ghost{font:700 1rem var(--body);background:#2a1c14;color:var(--paper);border:2px solid #6b5444;border-radius:10px;padding:8px 10px}select.ghost[hidden],.row[hidden]{display:none}.levels{display:flex;flex-wrap:wrap;gap:6px}button.lvl{min-width:42px;padding:8px 0;text-align:center}.levelwords{display:flex;gap:14px;flex-wrap:wrap;font-size:.82rem;color:#bba98f}@media(max-width:560px){.levels{flex:1 1 100%}button.lvl{flex:1 1 0;min-width:0;padding:10px 0}}button.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.card{background:var(--paper);color:var(--ink);border-radius:12px;padding:8px;display:grid;gap:6px;cursor:pointer;border:3px solid transparent;text-align:left;font-weight:400;align-content:start}.card:hover{border-color:var(--gold)}.card img{width:100%;aspect-ratio:1;object-fit:contain;background:#ecdfc8;border-radius:8px}.card b{font-size:.86rem;line-height:1.25}.chips{display:flex;gap:4px;flex-wrap:wrap}.chip{font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--ink);color:var(--paper);text-transform:uppercase;letter-spacing:.04em}.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.vs .side{background:var(--paper);color:var(--ink);border-radius:14px;padding:10px;display:grid;gap:6px;min-width:0}.vs .side img{width:100%;max-height:34vh;object-fit:contain}.vs .mid{font-family:var(--display);font-size:2rem;color:var(--gold)}.odds{font-size:.82rem;line-height:1.4}.odds b{text-transform:uppercase}#tools{position:fixed;top:max(8px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5;opacity:.75}#tools button{padding:4px 10px;font-size:.8rem;background:#2a1c14b3}#touch{position:fixed;inset:auto 0 0;display:flex;justify-content:space-between;pointer-events:none;z-index:6;padding:0 max(14px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}#touch .pad{display:flex;gap:10px;pointer-events:auto;align-items:flex-end}#touch button{width:68px;height:68px;border-radius:50%;font-size:1.4rem;padding:0;background:#f3ead8d1;touch-action:none;-webkit-tap-highlight-color:transparent}#touch .pad:first-child{gap:8px}#touch .pad:first-child button{width:58px;height:58px;font-size:1.2rem}#touch button.atk{width:82px;height:82px;font-size:.78rem;text-transform:uppercase;background:#e3b04be6;line-height:1.1}#touch button.blk{background:#78a0d2e0;font-size:.72rem;text-transform:uppercase}#touch button.held{transform:scale(.92);filter:brightness(.85)}@media(orientation:portrait){#touch{flex-direction:column-reverse;align-items:stretch;gap:8px}#touch .pad:last-child{justify-content:flex-end}}.keys{font-size:.82rem;color:#bba98f}kbd{background:#4a3527;border-radius:4px;padding:1px 6px;font-family:inherit;color:var(--paper)}[hidden]{display:none!important}@media(max-width:560px){.vs{grid-template-columns:1fr}.vs .mid{text-align:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.share{display:grid;gap:8px}.share label{font-size:.85rem;color:#bba98f}input[readonly]{flex:1 1 260px;min-width:0;font:400 .95rem var(--body);padding:10px 12px;border-radius:10px;border:2px solid #6b5444;background:#1a120d;color:var(--paper);-webkit-user-select:text;user-select:text}.countdown{font-family:var(--display);font-size:2rem;color:var(--gold);text-align:center;max-width:none}#netstatus{position:fixed;top:44px;left:50%;transform:translate(-50%);z-index:8;background:#c8402eeb;color:#fff;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.9rem;pointer-events:none}#watchbar{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:7;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;background:#2a1c14e0;border-radius:14px;padding:8px 12px;max-width:96vw}#watchbar #watchInfo{color:var(--gold);font-weight:700;margin-right:4px}#watchbar button{padding:8px 14px}#watchbar button:disabled{opacity:.45;cursor:default}.card.picked{border-color:var(--gold)}body.r3d #tools{top:auto;bottom:max(8px,env(safe-area-inset-bottom,0px))}@media(pointer:fine){body.r3d.platform #tools{top:max(8px,env(safe-area-inset-top,0px));bottom:auto;left:auto;right:max(8px,env(safe-area-inset-right,0px));transform:none}}@media(pointer:coarse){body.r3d #tools{top:48px;bottom:auto;left:auto;right:max(8px,env(safe-area-inset-right,0px));transform:none}body.r3d #viewBtn,body.r3d #camBtn{display:none}}@media(pointer:coarse)and (orientation:portrait){body.r3d #tools{top:auto;left:max(10px,env(safe-area-inset-left,0px));right:auto;transform:none;bottom:calc(max(12px,env(safe-area-inset-bottom,0px)) + 164px)}body.r3d #muteBtn,body.r3d #mixBtn{display:none}}#stage3d{position:absolute;inset:0;overflow:hidden;background:#000}#stage3d canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}body.portrait #game{background:#0b0605}body.portrait #stage3d{left:50%;right:auto;width:auto;height:100%;aspect-ratio:9 / 16;max-width:100vw;transform:translate(-50%);border-radius:14px;box-shadow:0 0 0 5px #000,0 0 0 6px #3a2a22,0 20px 80px #000c}@media(max-aspect-ratio:9/16){body.portrait #stage3d{height:auto;width:100vw;top:50%;bottom:auto;transform:translate(-50%,-50%)}}.hud3d{position:absolute;inset:0;pointer-events:none;overflow:hidden;--u: 1px;font-family:var(--body)}.hud3d-bars{position:absolute;left:0;right:0;top:calc(var(--u) * 14);padding:0 calc(var(--u) * 28);display:flex;gap:calc(var(--u) * 12);align-items:flex-start}.hud3d-bars.duel{justify-content:space-between}.hud3d-bars.many{justify-content:center;flex-wrap:wrap}.hud3d-team{display:flex;gap:calc(var(--u) * 10);flex:1 1 0;min-width:0;padding:calc(var(--u) * 6);border-radius:calc(var(--u) * 12);background:color-mix(in srgb,var(--c) 18%,transparent);border:calc(var(--u) * 2) solid color-mix(in srgb,var(--c) 60%,transparent)}.hud3d-team:first-child{margin-right:calc(var(--u) * 24)}.hud3d-card{--c: #3f8fd8;flex:1 1 0;min-width:0;display:grid;gap:calc(var(--u) * 4)}.hud3d-bars.duel .hud3d-card{flex:0 1 calc(var(--u) * 560)}.hud3d-bars.duel .hud3d-card:last-child{text-align:right}.hud3d-bars.many:not(:has(.hud3d-team)) .hud3d-card{max-width:calc(var(--u) * 230);min-width:calc(var(--u) * 92)}.hud3d-head{display:flex;align-items:center;gap:calc(var(--u) * 7);min-width:0}.hud3d-bars.duel .hud3d-card:last-child .hud3d-head{flex-direction:row-reverse}.hud3d-dot{flex:none;width:calc(var(--u) * 14);height:calc(var(--u) * 14);border-radius:50%;background:var(--c);box-shadow:0 0 0 calc(var(--u) * 2) #2b211b}.hud3d-name{font-weight:700;color:#f3ead8;font-size:max(9px,calc(var(--u) * 26));line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 calc(var(--u) * 5) #2b211b,0 calc(var(--u) * 2) 0 #2b211b}.hud3d-bars.many .hud3d-name{font-size:max(8px,calc(var(--u) * 20))}.hud3d-bar{position:relative;height:calc(var(--u) * 30);background:#5a2c22;border:calc(var(--u) * 4) solid #2b211b;border-radius:calc(var(--u) * 6);overflow:hidden}.hud3d-bars.many .hud3d-bar{height:calc(var(--u) * 20);border-width:calc(var(--u) * 3)}.hud3d-fill,.hud3d-trail{position:absolute;top:0;bottom:0;left:0;width:100%}.hud3d-fill{background:var(--c);transition:width .08s linear}.hud3d-trail{background:#f3ead8d9;transition:width .6s ease .28s}.hud3d-bars.duel .hud3d-card:last-child .hud3d-fill,.hud3d-bars.duel .hud3d-card:last-child .hud3d-trail{left:auto;right:0}.hud3d-card.low .hud3d-fill{animation:hud3d-pulse .5s ease-in-out infinite alternate}@keyframes hud3d-pulse{0%{filter:brightness(1)}to{filter:brightness(1.5)}}.hud3d-abil{font-weight:700;color:var(--gold);font-size:max(9px,calc(var(--u) * 22));text-shadow:0 0 calc(var(--u) * 5) #2b211b}.hud3d-ko{position:absolute;inset:0;display:none;place-items:center;font-family:var(--display);font-size:calc(var(--u) * 16);color:#f3ead8;letter-spacing:.1em}.hud3d-card.dead{opacity:.55;filter:grayscale(.7)}.hud3d-card.dead .hud3d-ko{display:grid}.hud3d-tags,.hud3d-labels{position:absolute;inset:0}.hud3d-tag{position:absolute;left:0;top:0;padding:calc(var(--u) * 2) calc(var(--u) * 9);border-radius:999px;background:color-mix(in srgb,var(--c) 82%,#2b211b);color:#fff;font-weight:700;font-size:max(8px,calc(var(--u) * 19));white-space:nowrap;box-shadow:0 0 0 calc(var(--u) * 2) #2b211b}.hud3d-label{position:absolute;left:0;top:0;font-family:var(--display);white-space:nowrap;will-change:transform,opacity;-webkit-text-stroke:calc(var(--u) * 8) #2b211b;paint-order:stroke fill;text-shadow:0 calc(var(--u) * 3) 0 #2b211b}.hud3d-banner{position:absolute;left:50%;top:38%;opacity:0;font-family:var(--display);white-space:nowrap;transform:translate(-50%,-50%);-webkit-text-stroke:calc(var(--u) * 14) #2b211b;paint-order:stroke fill;text-shadow:0 calc(var(--u) * 8) 0 #2b211b}.hud3d-flash{position:absolute;inset:0;background:#fffbd0;opacity:0}.hud3d-tint{position:absolute;inset:0;mix-blend-mode:multiply}.hud3d.narrow .hud3d-bars.duel{flex-wrap:wrap}.hud3d.narrow .hud3d-bars.duel .hud3d-card{flex:1 1 40%}#tools button.on{background:var(--gold);color:var(--ink)}.hud3d-pct,.hud3d-stocks,.hud3d-bars.percent .hud3d-bar{display:none}.hud3d-bars.percent .hud3d-pct{display:block;font-family:var(--display);font-size:calc(var(--u) * 54);color:color-mix(in srgb,#f3ead8,#ff4a2a calc(var(--heat, 0) * 100%));-webkit-text-stroke:calc(var(--u) * 7) #2b211b;paint-order:stroke fill;line-height:1}.hud3d-bars.percent .hud3d-stocks{display:block;color:var(--c);letter-spacing:.15em;font-size:calc(var(--u) * 20);text-shadow:0 0 calc(var(--u) * 3) #2b211b}.modebar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.modetext,.modeinfo{color:#e3b04b;font-weight:700}.seats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.seat{--c: #888;display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:center;padding:8px 12px;border-radius:12px;background:#2a1c14;border:2px solid color-mix(in srgb,var(--c) 55%,#2a1c14)}.seat.me{border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,#2a1c14)}.seat .dot{width:16px;height:16px;border-radius:50%;background:var(--c);grid-row:span 2;box-shadow:0 0 0 2px #2b211b}.seat.free .dot{background:transparent;box-shadow:inset 0 0 0 2px #6b5444}.seat b{font-size:1rem}.seat em{font-style:normal;font-size:.8rem;color:#bba98f;grid-column:2}.seat .state{grid-row:span 2;grid-column:3;font-size:.8rem;font-weight:700;padding:3px 9px;border-radius:999px;background:#3b281c;color:#d9cdb7}.seat .state.ok{background:#3fae6a;color:#10261a}.seat .state.wait{background:#e3b04b;color:#2b211b}.seat.free{opacity:.65}.revgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.revgrid .team{grid-column:1 / -1;font-family:var(--display);color:var(--c);font-size:1.1rem;margin-top:4px}.revgrid .rc{background:var(--paper);color:var(--ink);border-radius:12px;padding:8px;display:grid;gap:4px;border-bottom:6px solid var(--c);min-width:0}.revgrid .rc img{width:100%;aspect-ratio:1;object-fit:contain;background:#ecdfc8;border-radius:8px}.revgrid .rc b{font-size:.8rem;line-height:1.2}.revgrid .rc small{font-weight:700;color:#6b5444}.places{list-style:none;margin:0;padding:0;display:grid;gap:6px;min-width:min(420px,90vw);text-align:left}.places li{display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:10px;background:#2a1c14;border-left:8px solid var(--c)}.places li b{font-family:var(--display);font-weight:400;color:var(--gold);min-width:2.4em}@media(max-height:460px){.modebar button,.modebar select,.seat{padding:6px 10px}}#watchbar{gap:6px;padding:6px 10px}#watchbar button{padding:6px 11px;font-size:.9rem}#watchbar #watchInfo{font-size:.8rem;flex:1 1 100%;text-align:center;margin:0}.revgrid.grouped{display:flex;flex-wrap:wrap;gap:14px}.revgrid .tgroup{flex:1 1 300px;display:grid;gap:6px;padding:8px;border-radius:14px;border:3px solid color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent)}.revgrid .tgroup .team{margin:0}.revgrid .tcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}@media(max-height:520px){.revgrid .rc img{aspect-ratio:1.6}.revgrid .rc{padding:5px}}.pf{position:absolute;inset:0;pointer-events:none;overflow:hidden;--lb: 0}.pf-cards{position:absolute;left:calc(var(--u) * 22);right:calc(var(--u) * 22);bottom:calc(var(--u) * 16);display:flex;gap:calc(var(--u) * 14);justify-content:center;align-items:flex-end}.pf-top .pf-cards{bottom:auto;top:calc(var(--u) * 14);align-items:flex-start}.pf-card{--c: #3f8fd8;flex:1 1 0;min-width:0;max-width:calc(var(--u) * 330);position:relative;background:#f3ead8;color:#2b211b;border:calc(var(--u) * 4) solid #2b211b;border-radius:calc(var(--u) * 14);box-shadow:0 calc(var(--u) * 6) 0 #140a0473;transform:rotate(var(--rot, 0deg))}.pf-tab{border-radius:calc(var(--u) * 10) calc(var(--u) * 10) 0 0}.pf-meter{border-radius:999px}.pf-card.out{filter:grayscale(.85) brightness(.82);opacity:.75}.pf-tab{display:flex;align-items:baseline;gap:calc(var(--u) * 8);background:var(--c);color:#fff;padding:calc(var(--u) * 3) calc(var(--u) * 10);white-space:nowrap;overflow:hidden;font-weight:700;font-size:calc(var(--u) * 22);line-height:1.15;text-shadow:0 calc(var(--u) * 2) 0 rgba(0,0,0,.4)}.pf-name{flex:none}.pf-desc{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:.78em;opacity:.9}.pf-body{display:flex;align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 10) calc(var(--u) * 6) calc(var(--u) * 6)}.pf-face{flex:none;width:calc(var(--u) * 82);height:calc(var(--u) * 82);border-radius:calc(var(--u) * 12);object-fit:cover;background:color-mix(in srgb,var(--c) 28%,#f3ead8);border:calc(var(--u) * 3) solid #2b211b}.pf-main{min-width:0;flex:1;display:grid;gap:calc(var(--u) * 2);justify-items:start}.pf-pct{font-family:var(--display);font-size:calc(var(--u) * 74);line-height:1;color:var(--pc, #f6efe2);-webkit-text-stroke:calc(var(--u) * 7) #2b211b;paint-order:stroke fill;letter-spacing:.01em;transform-origin:30% 60%;white-space:nowrap}.pf-pct:after{content:"%";font-size:.5em;margin-left:.06em}.pf-card.out .pf-pct:after{content:""}.pf-stocks{display:flex;gap:calc(var(--u) * 4)}.pf-stock{width:calc(var(--u) * 26);height:calc(var(--u) * 26);border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--c) 40%,#f3ead8);border:calc(var(--u) * 3) solid #2b211b}.pf-stock.off{opacity:.22;filter:grayscale(1);transform:scale(.85) rotate(-14deg)}.pf-meter{position:relative;height:calc(var(--u) * 14);margin:0 calc(var(--u) * 10) calc(var(--u) * 8);background:#5a4a3c;border:calc(var(--u) * 3) solid #2b211b;border-radius:999px;overflow:hidden}.pf-meter i{display:block;height:100%;width:0;background:var(--c);transition:width .12s linear}.pf-ready{position:absolute;inset:0;display:none;place-items:center;font-family:var(--display);font-size:calc(var(--u) * 11);letter-spacing:.14em;color:#fff;text-shadow:0 0 calc(var(--u) * 3) #2b211b}.pf-card.full .pf-meter{border-color:#7a5a00;animation:pf-glow .7s ease-in-out infinite alternate}.pf-card.full .pf-meter i{background:linear-gradient(90deg,#ffd23f,#fff3a8,#ffd23f);background-size:200% 100%;animation:pf-shine 1s linear infinite;width:100%!important}.pf-card.full .pf-ready{display:grid;color:#3a2a00;text-shadow:none}.pf-flames{position:absolute;left:calc(var(--u) * 8);right:calc(var(--u) * 8);bottom:100%;height:0;display:none;pointer-events:none}.pf-card.full .pf-flames{display:block}.pf-card.full{animation:pf-card-ready .8s ease-in-out infinite alternate;border-color:color-mix(in srgb,var(--c) 55%,#2b211b)}.pf-flame{position:absolute;bottom:calc(var(--u) * -4);left:calc(var(--i) * 14.5% + 1%);width:calc(var(--u) * 46);height:calc(var(--u) * 80);transform-origin:50% 100%;background:color-mix(in srgb,var(--c) 90%,#fff);clip-path:polygon(50% 0,56% 22%,78% 40%,96% 66%,90% 90%,68% 100%,32% 100%,10% 90%,4% 64%,22% 46%,30% 30%,42% 36%,46% 18%);animation:pf-flame calc(.55s + var(--i) * .07s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.13s)}.pf-flame:nth-child(2n){height:calc(var(--u) * 62)}.pf-flame:nth-child(3n){height:calc(var(--u) * 96)}.pf-flame b{position:absolute;left:24%;right:24%;bottom:0;height:56%;background:#ffe27a;clip-path:polygon(50% 0,70% 34%,94% 66%,80% 94%,50% 100%,20% 94%,6% 66%,30% 36%)}@keyframes pf-flame{0%{transform:scale(.9,.72) rotate(-5deg)}to{transform:scale(1.06,1.12) rotate(5deg)}}@keyframes pf-card-ready{0%{box-shadow:0 calc(var(--u) * 6) 0 #140a0473,0 0 calc(var(--u) * 10) calc(var(--u) * 2) color-mix(in srgb,var(--c) 70%,#ffd23f)}to{box-shadow:0 calc(var(--u) * 6) 0 #140a0473,0 0 calc(var(--u) * 30) calc(var(--u) * 9) color-mix(in srgb,var(--c) 80%,#ffd23f)}}.pf-hint{position:absolute;left:50%;bottom:31%;transform:translate(-50%,calc(var(--u) * 30)) scale(.85) rotate(-1.5deg);opacity:0;transition:transform .45s cubic-bezier(.2,1.6,.4,1),opacity .25s;pointer-events:none;background:#f3ead8;color:#2b211b;border:calc(var(--u) * 5) solid #2b211b;border-radius:calc(var(--u) * 14);padding:calc(var(--u) * 9) calc(var(--u) * 26) calc(var(--u) * 11);white-space:nowrap;font-family:var(--display);font-size:calc(var(--u) * 40);letter-spacing:.02em;box-shadow:0 calc(var(--u) * 7) 0 #140a0480,inset 0 calc(var(--u) * -9) 0 #ffd23f}.pf-hint:not(.on){transition:opacity .06s,transform .2s}.pf-hint.on{opacity:1;transform:translate(-50%) scale(1) rotate(-1.5deg);animation:pf-hint-bob 1.1s ease-in-out .5s infinite alternate}@keyframes pf-hint-bob{0%{translate:0 0}to{translate:0 calc(var(--u) * -8)}}.pf-top .pf-hint{bottom:auto;top:34%}@keyframes pf-glow{0%{box-shadow:0 0 calc(var(--u) * 4) #ffd23f99}to{box-shadow:0 0 calc(var(--u) * 16) calc(var(--u) * 4) #ffe678f2}}@keyframes pf-shine{0%{background-position:0 0}to{background-position:-200% 0}}.pf-edges{position:absolute;inset:0}.pf-edge{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}.pf-edge-in{--s: 1;position:absolute;left:0;top:0;width:0;height:0;transform:scale(0);transition:transform .22s cubic-bezier(.2,1.6,.4,1)}.pf-edge-in.on{transform:scale(var(--s))}.pf-edge-face{position:absolute;left:calc(var(--u) * -29);top:calc(var(--u) * -29);width:calc(var(--u) * 58);height:calc(var(--u) * 58);border-radius:50%;object-fit:cover;border:calc(var(--u) * 6) solid var(--c);background:color-mix(in srgb,var(--c) 35%,#f3ead8);box-shadow:0 0 0 calc(var(--u) * 5) #f3ead8,0 0 0 calc(var(--u) * 9) #2b211b,0 calc(var(--u) * 12) 0 calc(var(--u) * 5) #140a0461}.pf-edge-in.me .pf-edge-face{box-shadow:0 0 0 calc(var(--u) * 5) #fff3c4,0 0 0 calc(var(--u) * 9) #2b211b,0 0 calc(var(--u) * 16) calc(var(--u) * 6) #ffd966}.pf-edge-arrow{position:absolute;left:0;top:0;width:0;height:0;transform:rotate(var(--a, 0rad))}.pf-edge-arrow:before,.pf-edge-arrow:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.pf-edge-arrow:before{left:calc(var(--u) * 40);top:calc(var(--u) * -19);border-width:calc(var(--u) * 19) 0 calc(var(--u) * 19) calc(var(--u) * 28);border-left-color:#2b211b}.pf-edge-arrow:after{left:calc(var(--u) * 42);top:calc(var(--u) * -12);border-width:calc(var(--u) * 12) 0 calc(var(--u) * 12) calc(var(--u) * 18);border-left-color:var(--c)}.pf-edge-pct{position:absolute;left:0;top:calc(var(--u) * 33);transform:translate(-50%);font-family:var(--display);font-size:calc(var(--u) * 26);line-height:1;color:var(--pc, #f6efe2);-webkit-text-stroke:calc(var(--u) * 6) #2b211b;paint-order:stroke fill;white-space:nowrap}.pf-tags{position:absolute;inset:0}.pf-tag{position:absolute;left:0;top:0;padding:calc(var(--u) * 2) calc(var(--u) * 11);border-radius:999px;background:var(--c);color:#fff;border:calc(var(--u) * 3) solid #2b211b;font-weight:700;font-size:max(9px,calc(var(--u) * 21));white-space:nowrap;text-shadow:0 calc(var(--u) * 2) 0 rgba(0,0,0,.4);margin-top:calc(var(--u) * -12)}.pf-tag:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:calc(var(--u) * 9) solid transparent;border-top-color:#2b211b;border-bottom:0}.pf-timer{position:absolute;left:50%;top:calc(var(--u) * 14);transform:translate(-50%);background:#f3ead8;color:#2b211b;border:calc(var(--u) * 4) solid #2b211b;border-radius:999px;padding:calc(var(--u) * 2) calc(var(--u) * 24);font-family:var(--display);font-size:calc(var(--u) * 46);box-shadow:0 calc(var(--u) * 5) 0 #140a0473;white-space:nowrap}.pf-top .pf-timer{top:calc(var(--u) * 170)}.pf-timer.low{background:#ffd9cf;color:#b3201a}.pf-timer.sudden{background:#b3201a;color:#fff3e0;font-size:calc(var(--u) * 40);animation:pf-pulse .5s ease-in-out infinite alternate}@keyframes pf-pulse{0%{filter:brightness(1)}to{filter:brightness(1.35)}}.pf-dim{position:absolute;inset:0;opacity:0}.pf-super{position:absolute;left:50%;top:24%;width:min(86%,calc(var(--u) * 1100));display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:calc(var(--u) * 24);row-gap:0;padding:calc(var(--u) * 18) calc(var(--u) * 34) calc(var(--u) * 20) calc(var(--u) * 20);background:#f3ead8;border:calc(var(--u) * 6) solid #2b211b;border-radius:calc(var(--u) * 18);box-shadow:0 calc(var(--u) * 10) 0 #140a0480,inset 0 calc(var(--u) * -14) 0 var(--c, #e3b04b);will-change:transform,opacity}.pf-super-face{grid-row:1 / 3;width:calc(var(--u) * 170);height:calc(var(--u) * 170);border-radius:50%;object-fit:cover;border:calc(var(--u) * 6) solid #2b211b;background:color-mix(in srgb,var(--c) 35%,#f3ead8)}.pf-super-tag{grid-column:2;grid-row:1;align-self:end;font-weight:700;letter-spacing:.3em;font-size:calc(var(--u) * 26);color:var(--c, #b3201a);filter:brightness(.8)}.pf-super-name{grid-column:2;grid-row:2;align-self:start;font-family:var(--display);font-size:calc(var(--u) * 84);line-height:1.02;color:#2b211b;text-wrap:balance}.pf-super-name{order:3}.pf-bar{position:absolute;left:0;right:0;background:#0d0907;height:calc(var(--u) * 118 * var(--lb));display:none}.pf-bar.top{top:0}.pf-bar.bottom{bottom:0}.pf-pops{position:absolute;inset:0}.pf-pop{position:absolute;width:0;height:0}.pf-pop-burst{position:absolute;left:0;top:0;width:calc(var(--u) * 640);height:calc(var(--u) * 640);border-radius:50%;background:radial-gradient(circle,#fffbe0 0 12%,var(--c) 34%,transparent 68%);transform:translate(-50%,-50%)}.pf-pop-ko{position:absolute;left:0;top:0;display:grid;place-items:center;width:calc(var(--u) * 250);height:calc(var(--u) * 250);font-family:var(--display);font-size:calc(var(--u) * 92);color:#fff;letter-spacing:.02em;-webkit-text-stroke:calc(var(--u) * 9) #2b211b;paint-order:stroke fill;text-align:center;line-height:.95;background:var(--c);clip-path:polygon(50% 0,61% 17%,80% 7%,80% 28%,100% 31%,88% 48%,100% 64%,80% 70%,81% 92%,62% 83%,50% 100%,38% 83%,19% 92%,20% 70%,0 64%,12% 48%,0 31%,20% 28%,20% 7%,39% 17%)}.pf-pop-ko.last{width:calc(var(--u) * 340);height:calc(var(--u) * 340);font-size:calc(var(--u) * 122)}.pf.n5 .pf-card,.pf.n6 .pf-card,.pf.n7 .pf-card,.pf.n8 .pf-card{max-width:calc(var(--u) * 230)}.pf.n5 .pf-desc,.pf.n6 .pf-desc,.pf.n7 .pf-desc,.pf.n8 .pf-desc,.pf.n4 .pf-desc{display:none}.pf.n5 .pf-face,.pf.n6 .pf-face,.pf.n7 .pf-face,.pf.n8 .pf-face{width:calc(var(--u) * 58);height:calc(var(--u) * 58)}.pf.n5 .pf-pct,.pf.n6 .pf-pct,.pf.n7 .pf-pct,.pf.n8 .pf-pct{font-size:calc(var(--u) * 52);-webkit-text-stroke-width:calc(var(--u) * 5)}.pf.n5 .pf-stock,.pf.n6 .pf-stock,.pf.n7 .pf-stock,.pf.n8 .pf-stock{width:calc(var(--u) * 19);height:calc(var(--u) * 19);border-width:calc(var(--u) * 2)}.pf.n5 .pf-tab,.pf.n6 .pf-tab,.pf.n7 .pf-tab,.pf.n8 .pf-tab{font-size:calc(var(--u) * 18)}.hud3d.narrow .pf-cards{left:calc(var(--u) * 10);right:calc(var(--u) * 10);display:grid;grid-template-columns:repeat(min(var(--n),4),minmax(0,1fr));gap:calc(var(--u) * 8)}.hud3d.narrow .pf-card{max-width:none}.hud3d.narrow .pf-tab{font-size:calc(var(--u) * 17);padding:calc(var(--u) * 2) calc(var(--u) * 6)}.hud3d.narrow .pf-desc{display:none}.hud3d.narrow .pf-body{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:calc(var(--u) * 6);row-gap:0;padding:calc(var(--u) * 4) calc(var(--u) * 6)}.hud3d.narrow .pf-main{display:contents}.hud3d.narrow .pf-face{width:calc(var(--u) * 40);height:calc(var(--u) * 40);grid-row:1;grid-column:1;border-radius:calc(var(--u) * 8)}.hud3d.narrow .pf-stocks{grid-row:1;grid-column:2;flex-wrap:wrap;gap:calc(var(--u) * 3);justify-content:flex-end}.hud3d.narrow .pf-stock{width:calc(var(--u) * 15);height:calc(var(--u) * 15);border-width:calc(var(--u) * 2)}.hud3d.narrow .pf-pct{grid-row:2;grid-column:1 / 3;font-size:calc(var(--u) * 50);-webkit-text-stroke-width:calc(var(--u) * 5);text-align:center;justify-self:center}.hud3d.narrow .pf-meter{height:calc(var(--u) * 10);margin:0 calc(var(--u) * 6) calc(var(--u) * 6)}.hud3d.narrow .pf-ready{display:none!important}.hud3d.narrow .pf-timer{font-size:calc(var(--u) * 38)}.hud3d.narrow .pf-super{width:92%}.hud3d.narrow .pf-super-name{font-size:calc(var(--u) * 58)}.hud3d.narrow .pf-super-face{width:calc(var(--u) * 120);height:calc(var(--u) * 120)}.hud3d.narrow .pf.n5 .pf-pct,.hud3d.narrow .pf.n6 .pf-pct,.hud3d.narrow .pf.n7 .pf-pct,.hud3d.narrow .pf.n8 .pf-pct{font-size:calc(var(--u) * 40);-webkit-text-stroke-width:calc(var(--u) * 4)}#soundMenuBtn{position:fixed;top:max(8px,env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px));z-index:5;padding:4px 10px;font-size:.8rem;background:#2a1c14b3;opacity:.8}#soundMenuBtn[hidden]{display:none}#audioPop{position:fixed;z-index:20;width:min(260px,calc(100vw - 16px));padding:12px 14px;display:grid;gap:10px;background:var(--wood2);color:var(--paper);border:2px solid #6b5444;border-radius:12px;box-shadow:0 8px 24px #00000073;font:700 .9rem var(--body)}#audioPop[hidden]{display:none}#audioPop .ap-row{display:grid;grid-template-columns:4.5rem 1fr;align-items:center;gap:10px}#audioPop .ap-on{grid-template-columns:auto 1fr}#audioPop input[type=range]{width:100%;accent-color:var(--gold);min-height:28px}#audioPop input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold)}.pf-specials{display:flex;gap:calc(var(--u) * 6);justify-content:center;padding:calc(var(--u) * 5) calc(var(--u) * 6) calc(var(--u) * 7)}.pf-sp{position:relative;width:calc(var(--u) * 40);height:calc(var(--u) * 40);flex:none;filter:drop-shadow(0 calc(var(--u) * 3) 0 rgba(20,10,4,.5))}.pf-sp canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.pf-sp-cd{position:absolute;inset:0;border-radius:50%;--p: 0%;background:conic-gradient(rgba(28,20,14,.74) var(--p),transparent 0);transition:none}.pf-sp.cool canvas{filter:saturate(.35) brightness(.85)}.pf-sp-key{position:absolute;right:calc(var(--u) * -3);bottom:calc(var(--u) * -4);font-size:calc(var(--u) * 15);line-height:1;font-weight:700;color:#fff;background:#2b211b;border-radius:50%;width:calc(var(--u) * 17);height:calc(var(--u) * 17);display:grid;place-items:center}.pf.n5 .pf-sp,.pf.n6 .pf-sp,.pf.n7 .pf-sp,.pf.n8 .pf-sp{width:calc(var(--u) * 26);height:calc(var(--u) * 26)}.pf.n5 .pf-sp-key,.pf.n6 .pf-sp-key,.pf.n7 .pf-sp-key,.pf.n8 .pf-sp-key{display:none}.pf.n5 .pf-specials,.pf.n6 .pf-specials,.pf.n7 .pf-specials,.pf.n8 .pf-specials{gap:calc(var(--u) * 3);padding:calc(var(--u) * 3) calc(var(--u) * 3) calc(var(--u) * 5)}.hud3d.narrow .pf-sp{width:calc(var(--u) * 28);height:calc(var(--u) * 28)}.hud3d.narrow .pf-sp-key{display:none}#title{--m-spring: cubic-bezier(.34, 1.56, .64, 1);--m-out: cubic-bezier(.22, 1, .36, 1);--m-in: cubic-bezier(.55, 0, .8, .3);--m-drop: .64s;--m-stagger: 105ms;--m-hover: .2s;--m-press: 80ms;--m-exit: .34s;--ink: #4a2b19;--brass: radial-gradient(circle at 36% 32%, #fff3b0 0 14%, #e3b04b 36%, #a87a1f 78%, #7a5614 100%);background:#86c8ee;overflow:hidden;padding:0;touch-action:none}#title[hidden]{display:none}.t-backdrop{position:absolute;inset:-3%;background:#86c8ee center bottom / cover no-repeat;translate:calc(var(--tx, 0) * -14px) calc(var(--ty, 0) * -8px);scale:calc(1.02 + var(--dive, 0) * .45)}.t-poster{opacity:0;transition:opacity .5s ease}.t-poster-on .t-poster{opacity:1}.t-3d .t-backdrop{visibility:hidden;transition:visibility 0s .9s}.t-stage{position:absolute;inset:0}.t-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .85s ease}.t-3d .t-canvas{opacity:1}.t-3d-fast .t-canvas{transition-duration:.22s}.t-ui{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;padding:max(10px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.t-ui>*{pointer-events:auto}.t-logo{margin:clamp(4px,1.6vh,20px) 0 0;width:min(43vw,70vh);line-height:0;font-size:2rem;color:#fff;translate:calc(var(--tx, 0) * -16px) calc(var(--ty, 0) * -9px);pointer-events:none}.t-logo img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 14px rgba(40,30,10,.35));user-select:none;-webkit-user-drag:none}.t-enter .t-logo img{animation:t-logo-in .9s var(--m-spring) .26s backwards,t-float 7s ease-in-out 1.2s infinite}@keyframes t-logo-in{0%{transform:translateY(-40px) scale(.55) rotate(-7deg);opacity:0}30%{opacity:1}to{transform:none;opacity:1}}@keyframes t-float{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-5px) rotate(.5deg)}}.t-menu{margin-top:clamp(2px,1.2vh,14px);display:grid;gap:clamp(7px,1.5vh,16px);width:clamp(236px,27vw,400px);justify-items:stretch;translate:calc(var(--tx, 0) * -6px) calc(var(--ty, 0) * -4px)}.t-card{all:unset;box-sizing:border-box;display:block;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation;rotate:var(--rot, 0deg);filter:drop-shadow(0 6px 5px rgba(45,28,8,.38));transition:translate var(--m-hover) var(--m-spring),rotate var(--m-hover) var(--m-spring),scale var(--m-hover) var(--m-spring),filter var(--m-hover) ease}.t-card:nth-child(1){--rot: -.7deg;--i: 0;--clip: polygon(.5% 7%, 5% 1%, 24% 3%, 49% 0, 74% 3%, 96% 0, 100% 9%, 99% 47%, 100% 78%, 98% 100%, 70% 97%, 45% 100%, 20% 97%, 3% 100%, 0 70%, 1% 36%)}.t-card:nth-child(2){--rot: .6deg;--i: 1;--clip: polygon(0 4%, 18% 0, 42% 3%, 68% 0, 99% 3%, 100% 30%, 98.5% 66%, 100% 97%, 75% 100%, 48% 96%, 22% 100%, 1% 97%, 2% 62%)}.t-card:nth-child(3){--rot: -.5deg;--i: 2;--clip: polygon(1% 0, 28% 4%, 55% 0, 83% 3%, 100% 0, 98.5% 38%, 100% 74%, 99% 100%, 62% 96%, 36% 100%, 12% 96%, 0 100%, 1.5% 55%)}.t-card:nth-child(4){--rot: .8deg;--i: 3;--clip: polygon(0 3%, 22% 0, 47% 4%, 76% 0, 100% 4%, 99% 40%, 100% 70%, 98% 100%, 66% 96%, 40% 100%, 15% 97%, 1% 100%, 0 60%)}.t-face{display:block;position:relative;background:#f7f0de;clip-path:var(--clip);text-align:center;font-family:var(--display);color:var(--ink);line-height:1.1;letter-spacing:.01em;transform:perspective(700px) rotateX(calc(var(--py, 0) * -7deg)) rotateY(calc(var(--px, 0) * 9deg));transition:transform .14s linear}.t-face:before{content:"";position:absolute;inset:clamp(4px,.55vw,7px);clip-path:var(--clip);background:var(--c, #f7f0de);background-image:var(--grain);box-shadow:inset 0 0 0 2px #fff0}.t-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--brass) 4.2% 50% / .95em .95em no-repeat,var(--brass) 95.8% 50% / .95em .95em no-repeat;opacity:0}.t-play .t-face:after{opacity:1;background:var(--brass) 3.4% 22% / 14px 14px no-repeat,var(--brass) 96.6% 22% / 14px 14px no-repeat,var(--brass) 3.4% 78% / 14px 14px no-repeat,var(--brass) 96.6% 78% / 14px 14px no-repeat}.t-txt{position:relative;z-index:1;display:block;padding:.62em .8em .66em;font-size:clamp(1.05rem,2.05vw,1.75rem);text-shadow:0 1px 0 rgba(255,255,255,.35)}.t-play .t-txt{font-size:clamp(1.7rem,3.9vw,3.1rem);padding:.42em .8em .46em}.t-play{--c: #f3b82e}.t-create{--c: #f8f1df}.t-online{--c: #3a86c8;color:#fff}.t-online .t-face{color:#fffaf0}.t-online .t-txt{text-shadow:0 2px 0 rgba(10,40,80,.45)}.t-settings{--c: #86bb48}.t-card{--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .3  0 0 0 0 .2  0 0 0 0 .1  0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}@media(hover:hover){.t-card:hover{translate:0 -7px;rotate:calc(var(--rot) * -1.6 + .4deg);scale:1.045;filter:drop-shadow(0 14px 10px rgba(45,28,8,.32))}}.t-card:active{translate:0 2px;scale:1.045 .9;rotate:var(--rot);filter:drop-shadow(0 2px 2px rgba(45,28,8,.4));transition-duration:var(--m-press);transition-timing-function:ease-out}.t-card:focus-visible{outline:3px dashed #e3b04b;outline-offset:5px}.t-waiting .t-menu{cursor:progress}.t-waiting .t-card{opacity:.82}.t-enter .t-card{animation:t-drop var(--m-drop) var(--m-spring) calc(.78s + var(--i) * var(--m-stagger)) backwards}@keyframes t-drop{0%{transform:translateY(-130px) rotate(-4deg) scale(.9);opacity:0}45%{opacity:1}to{transform:none;opacity:1}}.t-leaving .t-card{animation:t-out var(--m-exit) var(--m-in) calc((3 - var(--i)) * 55ms) forwards;pointer-events:none}.t-leaving .t-logo img{animation:t-logo-out .42s var(--m-in) forwards}@keyframes t-out{0%{transform:none;opacity:1}28%{transform:translateY(-9px) scale(1.03);opacity:1}to{transform:translateY(70px) scale(.86) rotate(3deg);opacity:0}}@keyframes t-logo-out{0%{transform:none;opacity:1}25%{transform:translateY(6px) scale(.98)}to{transform:translateY(-60px) scale(1.12);opacity:0}}.t-curtain{position:absolute;inset:0;background:#1a120d;pointer-events:none;opacity:clamp(0,calc((var(--dive, 0) - .55) * 2.4),1)}.t-leaving{pointer-events:none}@media(max-aspect-ratio:17/20){.t-ui{justify-content:space-between}.t-logo{width:min(94vw,52vh);margin-top:clamp(6px,2.5vh,26px)}.t-menu{width:min(80vw,330px);margin:0 0 clamp(6px,2vh,20px);gap:8px}.t-txt{font-size:clamp(1.1rem,5.2vw,1.5rem);padding:.5em .6em .54em}.t-play .t-txt{font-size:clamp(1.7rem,8.6vw,2.5rem);padding:.32em .6em .36em}}@media(max-height:460px)and (orientation:landscape){.t-logo{width:min(30vw,44vh);margin-top:2px}.t-menu{gap:5px;width:clamp(200px,32vw,300px)}.t-txt{padding:.36em .6em .4em;font-size:clamp(.9rem,2.6vw,1.2rem)}.t-play .t-txt{padding:.24em .6em .28em;font-size:clamp(1.3rem,4vw,2rem)}}body.on-title #soundMenuBtn{display:none}body.on-title #rotate{display:none!important}@media(prefers-reduced-motion:reduce){.t-enter .t-card,.t-enter .t-logo img{animation:t-fade .25s ease backwards}.t-leaving .t-card,.t-leaving .t-logo img{animation:t-fade-out .2s ease forwards}.t-card,.t-card:hover,.t-card:active{transition:none;translate:none;scale:none}.t-face{transform:none!important;transition:none}.t-canvas{transition-duration:.3s}.t-backdrop{translate:none;scale:none}.t-logo,.t-menu{translate:none}@keyframes t-fade{0%{opacity:0}to{opacity:1}}@keyframes t-fade-out{to{opacity:0}}}.rm-on .t-enter .t-card,.rm-on .t-enter .t-logo img{animation:t-fade .25s ease backwards}.rm-on .t-leaving .t-card,.rm-on .t-leaving .t-logo img{animation:t-fade-out .2s ease forwards}.rm-on .t-card,.rm-on .t-card:hover,.rm-on .t-card:active{transition:none;translate:none;scale:none}.rm-on .t-face{transform:none!important;transition:none}.rm-on .t-canvas{transition-duration:.3s}.rm-on .t-backdrop{translate:none;scale:none}.rm-on .t-logo,.rm-on .t-menu{translate:none}@keyframes t-fade{0%{opacity:0}to{opacity:1}}@keyframes t-fade-out{to{opacity:0}}.pp-root{--ink: #4a2b19;--cream: #f7f0de;--cream2: #efe3c8;--c-purple: #7a4fb4;--c-green: #5fae3e;--c-blue: #3a86c8;--c-orange: #e8872b;--c-gold: #f3b82e;--c-slate: #5d6b86;--c-red: #d4553a;--m-spring: cubic-bezier(.34, 1.56, .64, 1);--m-out: cubic-bezier(.22, 1, .36, 1);--m-in: cubic-bezier(.55, 0, .8, .3);--m-hover: .2s;--m-press: 80ms;--brass: radial-gradient(circle at 36% 32%, #fff3b0 0 14%, #e3b04b 36%, #a87a1f 78%, #7a5614 100%);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .3  0 0 0 0 .2  0 0 0 0 .1  0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--clip-a: polygon(.5% 3%, 14% 0, 40% 1.5%, 70% 0, 99% 2%, 100% 40%, 99% 97%, 72% 100%, 38% 98.5%, 8% 100%, 0 95%, 1% 50%);--clip-b: polygon(0 1.5%, 24% .5%, 52% 2%, 80% 0, 100% 2.5%, 99% 52%, 100% 99%, 66% 97.5%, 34% 100%, 9% 98%, 1% 100%, .5% 46%);--clip-c: polygon(1% 4%, 5% 0, 30% 3%, 58% 0, 96% 3%, 100% 12%, 99% 55%, 100% 92%, 96% 100%, 60% 97%, 30% 100%, 4% 98%, 0 90%, 1.5% 50%);font-family:var(--body);color:var(--ink);-webkit-user-select:none;user-select:none}.pp-root[hidden]{display:none}.pp-paper{position:relative;filter:drop-shadow(0 8px 9px rgba(45,28,8,.42))}.pp-face{position:relative;display:block;background:var(--cream);background-image:var(--grain);clip-path:var(--clip, var(--clip-a))}.pin{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--brass);box-shadow:0 1px 2px #2818068c;z-index:3}.pin.tl{left:12px;top:10px}.pin.tr{right:12px;top:10px}.pin.bl{left:12px;bottom:10px}.pin.br{right:12px;bottom:10px}.pin.tc{left:calc(50% - 7px);top:6px}.pp-banner{position:relative;display:inline-block;filter:drop-shadow(0 6px 6px rgba(45,28,8,.4));rotate:-2deg}.pp-banner>span{display:block;position:relative;background:var(--c, var(--c-purple));background-image:var(--grain);clip-path:var(--clip-c);color:#fdf6e4;font-family:var(--display);line-height:1;padding:.34em .8em .4em;font-size:clamp(2.1rem,5.6vw,4.2rem);letter-spacing:.02em;text-shadow:0 .05em 0 rgba(30,14,50,.45),0 0 .02em #2a1640,.04em .05em 0 rgba(30,14,50,.35)}.pp-banner:before,.pp-banner:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--brass);z-index:3;top:12px;box-shadow:0 1px 2px #2818068c}.pp-banner:before{left:10px}.pp-banner:after{right:10px}button.pp-banner{background:none;border:0;padding:0;margin:0;border-radius:0;font:inherit;color:inherit}.pp-banner.small>span{font-size:clamp(1.1rem,2.4vw,1.6rem);padding:.3em 1.45em .36em}.pp-banner.small:before,.pp-banner.small:after{top:7px;width:11px;height:11px}.pp-btn{all:unset;box-sizing:border-box;position:relative;display:block;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 5px 4px rgba(45,28,8,.4));rotate:var(--rot, 0deg);transition:translate var(--m-hover) var(--m-spring),rotate var(--m-hover) var(--m-spring),scale var(--m-hover) var(--m-spring),filter var(--m-hover) ease}.pp-btn .pp-face{background:var(--c, var(--c-purple));background-image:var(--grain);color:#fffaf0;font-family:var(--display);text-align:center;line-height:1.05;padding:.68em .9em .74em;font-size:clamp(.95rem,1.5vw,1.3rem);text-shadow:0 .07em 0 rgba(20,10,40,.38);display:flex;align-items:center;justify-content:center;gap:.5em;flex-direction:column}.pp-btn.row .pp-face{flex-direction:row}.pp-btn svg{width:1.7em;height:1.7em;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.pp-btn.purple{--c: var(--c-purple)}.pp-btn.green{--c: var(--c-green)}.pp-btn.blue{--c: var(--c-blue)}.pp-btn.orange{--c: var(--c-orange)}.pp-btn.gold{--c: var(--c-gold)}.pp-btn.gold .pp-face{color:var(--ink);text-shadow:0 .06em 0 rgba(255,255,255,.4)}.pp-btn.cream{--c: var(--cream)}.pp-btn.cream .pp-face{color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.5)}.pp-btn.slate{--c: var(--c-slate)}.pp-btn:nth-child(3n+1){--rot: -.8deg;--clip: var(--clip-a)}.pp-btn:nth-child(3n+2){--rot: .7deg;--clip: var(--clip-b)}.pp-btn:nth-child(3n){--rot: -.4deg;--clip: var(--clip-c)}@media(hover:hover){.pp-btn:not(:disabled):hover{translate:0 -5px;rotate:calc(var(--rot) * -1.6 + .4deg);scale:1.04;filter:drop-shadow(0 12px 8px rgba(45,28,8,.32))}}.pp-btn:not(:disabled):active{translate:0 2px;scale:1.04 .92;rotate:var(--rot);filter:drop-shadow(0 2px 2px rgba(45,28,8,.4));transition-duration:var(--m-press);transition-timing-function:ease-out}.pp-btn:focus-visible{outline:3px dashed #e3b04b;outline-offset:4px}.pp-btn:disabled,.pp-btn.soon{cursor:default}.pp-btn:disabled .pp-face{--c: #cfc6b0;color:#8a7a62;text-shadow:none}.pp-btn:disabled{filter:drop-shadow(0 3px 3px rgba(45,28,8,.3))}.pp-btn .badge{position:absolute;right:-4px;top:-10px;z-index:4;rotate:7deg;background:var(--c-gold);color:var(--ink);font:700 .62rem var(--body);text-transform:uppercase;letter-spacing:.06em;padding:3px 7px 2px;border-radius:3px;box-shadow:0 2px 3px #28180666}.pp-result{position:fixed;inset:0;z-index:22;pointer-events:none;padding:max(10px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}.pp-result>*{pointer-events:auto}.pp-title{position:absolute;left:clamp(14px,3.5vw,60px);top:clamp(44px,11vh,100px);max-width:52vw;display:grid;gap:8px;justify-items:start}.pp-title .pp-banner{margin-left:4px}.pp-sub{margin:2px 0 0 14px;max-width:none;font:700 clamp(.95rem,1.5vw,1.25rem) var(--body);color:var(--ink);background:#f6eed9;background-image:var(--grain);padding:6px 16px 7px;clip-path:var(--clip-b);rotate:1.2deg;filter:none}.pp-sub:empty{display:none}.pp-sub-wrap{filter:drop-shadow(0 3px 3px rgba(45,28,8,.4))}.pp-crown{position:absolute;left:41%;top:-.78em;width:1.7em;height:1.1em;font-size:clamp(2.1rem,5.6vw,4.2rem);background:linear-gradient(#f9d86c,#e3a92c);z-index:4;rotate:4deg;clip-path:polygon(0 100%,2% 22%,24% 52%,50% 0,76% 52%,98% 22%,100% 100%);filter:drop-shadow(0 3px 2px rgba(40,24,6,.4));display:none}.pp-victory .pp-crown{display:block}.pp-defeat .pp-banner{--c: var(--c-slate)}.pp-draw .pp-banner{--c: var(--c-blue)}.pp-card{position:absolute;right:clamp(12px,2.6vw,44px);top:clamp(60px,15vh,140px);width:min(470px,38vw);padding-top:18px}.pp-card .pp-card-title{position:absolute;left:22px;top:0;z-index:4;rotate:-1.5deg}.pp-card .pp-face{padding:46px 12px 14px;--clip: polygon(2% 1.5%, 98% 0, 100% 4%, 99% 50%, 100% 96%, 96% 100%, 4% 99%, 0 95%, 1% 46%, 0 5%)}.pp-head,.pp-row{display:grid;grid-template-columns:minmax(0,1fr) 3.2em 4.6em 3.2em;gap:6px;align-items:center}.pp-head{margin:0 0 8px;padding:0 8px 0 0;font:700 .74rem var(--body);text-transform:uppercase;letter-spacing:.04em;text-align:center;color:#fdf6e4}.pp-head span{padding:5px 2px 4px;border-radius:4px;line-height:1.05;box-shadow:0 2px #28180640}.pp-head .k{background:var(--c-green)}.pp-head .d{background:var(--c-blue)}.pp-head .f{background:var(--c-orange)}.pp-head .n{background:none;box-shadow:none}.pp-rows{display:grid;gap:5px}.pp-row{position:relative;background:#fffaf0;background-image:var(--grain);border-radius:7px;padding:5px 8px 5px 6px;box-shadow:0 2px #78542847,inset 0 0 0 1px #78542824}.pp-row.me{box-shadow:0 2px #78542847,inset 0 0 0 2px var(--c-gold)}.pp-who{display:flex;align-items:center;gap:8px;min-width:0}.pp-place{flex:none;width:1.9em;height:1.9em;display:grid;place-items:center;border-radius:5px;font:400 1.05rem var(--display);color:#fdf6e4;background:var(--pc, #9a8a72);text-shadow:0 1px 0 rgba(0,0,0,.3)}.pp-row[data-place="1"]{--pc: var(--c-purple)}.pp-row[data-place="2"]{--pc: var(--c-blue)}.pp-row[data-place="3"]{--pc: var(--c-orange)}.pp-face-img{flex:none;width:2.6em;height:2.6em;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(40,24,6,.35))}.pp-name{min-width:0;display:grid;line-height:1.12}.pp-name b{font:400 1.02rem var(--display);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-name small{font:400 .72rem var(--body);color:#7a6450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-num{text-align:center;font:400 1.35rem var(--display);font-variant-numeric:tabular-nums}.pp-num.k{color:#3f8f27}.pp-num.d{color:#2f72b0}.pp-num.f{color:#cc6c14}.pp-result.dense .pp-row{padding:3px 8px 3px 6px}.pp-result.dense .pp-face-img{width:2.1em;height:2.1em}.pp-result.dense .pp-num{font-size:1.15rem}.pp-result.dense .pp-name small{display:none}.pp-actions{position:absolute;right:clamp(12px,2.6vw,44px);bottom:clamp(12px,4vh,40px);width:min(470px,38vw);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pp-actions .pp-btn .pp-face{padding:.6em .4em .66em;font-size:clamp(.85rem,1.25vw,1.1rem);min-height:4.4em}.pp-status{position:absolute;right:clamp(12px,2.6vw,44px);bottom:calc(clamp(12px,4vh,40px) + 108px);width:min(470px,38vw);margin:0;text-align:center;font:700 .95rem var(--body);color:#fdf6e4;text-shadow:0 2px 0 rgba(30,20,5,.6);max-width:none;pointer-events:none}.pp-status:empty{display:none}.pp-result:not(.pp-in) .pp-title,.pp-result:not(.pp-in) .pp-card,.pp-result:not(.pp-in) .pp-actions,.pp-result:not(.pp-in) .pp-status{visibility:hidden}.pp-in .pp-title .pp-banner{animation:pp-banner-in .76s var(--m-spring) backwards}.pp-in .pp-crown{animation:pp-crown-in .7s var(--m-spring) .38s backwards}.pp-in .pp-sub{animation:pp-fade .4s ease .52s backwards}.pp-in .pp-card{animation:pp-card-in .7s var(--m-out) .26s backwards}.pp-in .pp-row{animation:pp-row-in .56s var(--m-spring) calc(.52s + var(--i, 0) * 90ms) backwards}.pp-in .pp-actions .pp-btn{animation:pp-drop .56s var(--m-spring) calc(.9s + var(--i, 0) * .11s) backwards}.pp-in .pp-status{animation:pp-fade .4s ease 1s backwards}@keyframes pp-banner-in{0%{transform:translateY(-120px) rotate(-8deg) scale(.7);opacity:0}35%{opacity:1}to{transform:none;opacity:1}}@keyframes pp-crown-in{0%{transform:translateY(-80px) rotate(-20deg) scale(.4);opacity:0}40%{opacity:1}to{transform:none;opacity:1}}@keyframes pp-card-in{0%{transform:translate(120%) rotate(5deg);opacity:0}30%{opacity:1}to{transform:none;opacity:1}}@keyframes pp-row-in{0%{transform:translate(46px) scale(.96);opacity:0}40%{opacity:1}to{transform:none;opacity:1}}@keyframes pp-drop{0%{transform:translateY(70px) rotate(4deg) scale(.9);opacity:0}45%{opacity:1}to{transform:none;opacity:1}}@keyframes pp-fade{0%{opacity:0}to{opacity:1}}.pp-result.pp-out>*{animation:pp-leave .32s var(--m-in) forwards!important}@keyframes pp-leave{to{transform:translateY(40px) scale(.94);opacity:0}}@media(max-aspect-ratio:17/20){.pp-title{left:12px;right:12px;top:calc(max(10px,env(safe-area-inset-top,0px)) + 30px);max-width:none;justify-items:center;text-align:center}.pp-title .pp-banner>span{font-size:clamp(1.9rem,10vw,3rem)}.pp-sub{margin-left:0}.pp-card{left:8px;right:8px;width:auto;top:auto;bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + 78px);padding-top:15px}.pp-card .pp-face{padding:36px 8px 8px}.pp-card .pp-card-title{left:14px}.pp-card .pp-card-title>span{font-size:1.05rem}.pp-head,.pp-row{grid-template-columns:minmax(0,1fr) 2.6em 4.4em 2.6em;gap:4px}.pp-head{font-size:.6rem;margin-bottom:5px}.pp-head i{display:none}.pp-rows{gap:3px}.pp-row{padding:2px 6px 2px 4px;border-radius:6px}.pp-face-img{width:2em;height:2em}.pp-place{width:1.6em;height:1.6em;font-size:.9rem}.pp-who{gap:5px}.pp-name b{font-size:.86rem}.pp-name small{display:none}.pp-num{font-size:1.05rem}.pp-actions{left:8px;right:8px;width:auto;bottom:max(10px,env(safe-area-inset-bottom,0px));gap:8px}.pp-actions .pp-btn .pp-face{min-height:0;padding:.5em .2em .56em;font-size:.82rem;flex-direction:row;gap:.3em}.pp-actions .pp-btn svg{width:1.3em;height:1.3em}.pp-status{left:8px;right:8px;width:auto;bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + 62px);font-size:.85rem}}@media(max-height:460px)and (orientation:landscape){.pp-card{top:52px}.pp-title .pp-banner>span{font-size:1.7rem}.pp-head span{padding:2px}.pp-row{padding:1px 6px}.pp-face-img{width:1.8em;height:1.8em}.pp-name small{display:none}}.pp-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top,0px)) 14px max(14px,env(safe-area-inset-bottom,0px));background:#18223a00;transition:background .28s ease;touch-action:manipulation}.pp-modal.open{background:#18223a5c}.pp-modal.pause.open{background:#141c306b}.pp-modal.closing{background:#18223a00;pointer-events:none}.pp-sheet{position:relative;width:min(470px,100%);max-height:calc(100dvh - 28px);display:flex;flex-direction:column;filter:drop-shadow(0 10px 16px rgba(30,20,5,.5));transform-origin:50% 80%}.pp-modal.open .pp-sheet{animation:pp-sheet-in .56s var(--m-spring) backwards,pp-sheet-shadow .56s var(--m-out) backwards}.pp-modal.closing .pp-sheet{animation:pp-sheet-out .26s var(--m-in) forwards}@keyframes pp-sheet-in{0%{transform:translateY(-46px) rotate(-3.5deg) scale(.93);opacity:0}35%{opacity:1}to{transform:none;opacity:1}}@keyframes pp-sheet-shadow{0%{filter:drop-shadow(0 38px 30px rgba(30,20,5,.22))}to{filter:drop-shadow(0 10px 16px rgba(30,20,5,.5))}}@keyframes pp-sheet-out{0%{transform:none;opacity:1}25%{transform:translateY(-8px) scale(1.01);opacity:1}to{transform:translateY(60px) rotate(2.5deg) scale(.94);opacity:0}}.pp-sheet .pp-face{--clip: polygon(0 1.2%, 12% 0, 40% 1%, 70% 0, 100% 1.4%, 99.3% 45%, 100% 99%, 70% 100%, 38% 99%, 10% 100%, .4% 98%, 1% 50%);padding:22px 20px 18px;overflow-y:auto;overscroll-behavior:contain;max-height:calc(100dvh - 28px)}.pp-sheet h2{font-family:var(--display);font-weight:400;font-size:1.7rem;color:var(--ink);margin:0 0 10px}.pp-sheet h3{font:400 1.02rem var(--display);margin:16px 0 8px;color:var(--ink);display:flex;align-items:center;gap:8px}.pp-sheet h3:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--dot, var(--c-orange));flex:none}.pp-sheet h3:first-of-type{margin-top:4px}.pp-sheet p{color:#6a5340;margin:0 0 6px;font-size:.86rem;max-width:none}.pp-sheet .pp-close{position:absolute;right:10px;top:8px;z-index:5;all:unset;cursor:pointer;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 1.1rem var(--body);background:#e7d9b9;color:var(--ink);transition:scale .15s var(--m-spring)}.pp-sheet .pp-close:hover{scale:1.12}.pp-sheet .pp-close:active{scale:.9}.pp-sheet .pp-close:focus-visible{outline:3px dashed #a87a1f;outline-offset:2px}.pp-line{display:grid;grid-template-columns:5.6em minmax(0,1fr) 3em;align-items:center;gap:10px;margin:6px 0;font:700 .95rem var(--body)}.pp-line output{text-align:right;font-weight:400;color:#7a6450;font-variant-numeric:tabular-nums}.pp-switch{all:unset;box-sizing:border-box;cursor:pointer;width:3.3em;height:1.8em;border-radius:99px;background:#cdbd9a;position:relative;transition:background .16s;box-shadow:inset 0 2px 3px #3c240a4d;touch-action:manipulation}.pp-switch:after{content:"";position:absolute;left:.2em;top:.2em;width:1.4em;height:1.4em;border-radius:50%;background:#fffaf0;box-shadow:0 2px 3px #28180666;transition:left .22s var(--m-spring)}.pp-switch[aria-checked=true]{background:var(--c-green)}.pp-switch[aria-checked=true]:after{left:1.7em}.pp-switch:focus-visible{outline:3px dashed #a87a1f;outline-offset:3px}.pp-sheet input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;margin:0;cursor:pointer;touch-action:pan-y}.pp-sheet input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:6px;background:linear-gradient(90deg,var(--c-orange) var(--v, 50%),#d8c8a4 var(--v, 50%));box-shadow:inset 0 1px 2px #3c240a4d}.pp-sheet input[type=range]::-moz-range-track{height:8px;border-radius:6px;background:#d8c8a4}.pp-sheet input[type=range]::-moz-range-progress{height:8px;border-radius:6px;background:var(--c-orange)}.pp-sheet input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:50%;background:var(--brass);box-shadow:0 2px 3px #28180680;border:0}.pp-sheet input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#e3b04b;border:0;box-shadow:0 2px 3px #28180680}.pp-sheet input[type=range]:focus-visible{outline:3px dashed #a87a1f;outline-offset:2px}.pp-chips{display:flex;gap:5px;flex-wrap:wrap}.pp-chip{all:unset;box-sizing:border-box;flex:1 1 0;min-width:2.3em;text-align:center;padding:9px 4px;border-radius:8px;background:#e9dcc0;font:700 .95rem var(--body);cursor:pointer;color:var(--ink);touch-action:manipulation;transition:translate .14s var(--m-spring),scale .14s var(--m-spring),background .12s;box-shadow:0 2px #7854284d}.pp-chip:hover{translate:0 -2px}.pp-chip:active{scale:1.04 .9}.pp-chip.on{background:var(--c-gold);box-shadow:inset 0 0 0 2px #a87a1f,0 2px #7854284d}.pp-chip:disabled{opacity:.55;cursor:default;translate:none}.pp-chip:focus-visible{outline:3px dashed #a87a1f;outline-offset:2px}.pp-chips.levels .pp-chip{min-width:0;padding:10px 0}.pp-words{display:flex;justify-content:space-between;font-size:.74rem;color:#7a6450;margin-top:3px}.pp-keys{width:100%;border-collapse:collapse;font-size:.86rem}.pp-keys th{text-align:left;font:400 .72rem var(--body);text-transform:uppercase;letter-spacing:.05em;color:#7a6450;padding:0 4px 4px}.pp-keys th:not(:first-child){text-align:center}.pp-keys td{padding:4px;border-top:1px dashed rgba(120,84,40,.3);vertical-align:middle}.pp-keys td:not(:first-child){text-align:center}.pp-keys td:first-child{font-weight:700}.pp-sheet kbd{display:inline-block;min-width:1.6em;padding:2px 6px 3px;margin:1px;border-radius:5px;background:#fffaf0;color:var(--ink);font:700 .8rem var(--body);text-align:center;box-shadow:0 2px #78542873,inset 0 0 0 1px #78542833}.pp-note{margin-top:8px!important;padding:7px 10px;background:#f3e6c4;border-radius:6px;rotate:-.6deg}.pp-stack{display:grid;gap:10px;margin-top:4px}.pp-stack .pp-btn .pp-face{font-size:1.05rem;flex-direction:row;padding:.7em 1em}.pp-cols>div>h3:first-child{margin-top:4px}@media(min-width:880px)and (min-height:560px){.pp-sheet:not(.small){width:min(900px,100%)}.pp-sheet:not(.small) .pp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0 30px}.pp-sheet:not(.small) .pp-cols>div:last-child h3{margin-top:4px}}.pp-pause-title{font-family:var(--display);font-size:2rem;margin:0 0 4px}.pp-pause-note{margin:0 0 12px!important}.pp-sheet.small{width:min(340px,100%)}.pp-sheet.small .pp-face{padding:20px 18px 18px;text-align:center}.pp-lobby{position:fixed;inset:0;z-index:14;pointer-events:none;padding:max(10px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}.pp-lobby>*{pointer-events:auto}.pp-lobby-top{position:absolute;left:50%;top:max(8px,env(safe-area-inset-top,0px));translate:-50% 0;display:grid;justify-items:center;gap:6px;text-align:center;max-width:92vw;pointer-events:none!important}.pp-lobby-top .pp-banner{--c: var(--c-green)}.pp-lobby-top .pp-banner>span{font-size:clamp(1.5rem,3.4vw,2.6rem)}.pp-lobby-status{background:var(--c-blue);color:#fdf6e4;font:700 clamp(.85rem,1.3vw,1.05rem) var(--body);padding:6px 16px 7px;clip-path:var(--clip-c);filter:none;text-shadow:0 1px 0 rgba(0,0,0,.3)}.pp-lobby-status-wrap{filter:drop-shadow(0 3px 3px rgba(45,28,8,.4))}.pp-lobby-left{position:absolute;left:clamp(12px,2.4vw,40px);top:clamp(60px,11vh,96px);width:min(330px,30vw);display:grid;gap:16px;align-content:start;max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain;padding:8px 8px 12px 4px;scrollbar-width:none}.pp-lobby-left::-webkit-scrollbar{display:none}.pp-note-code{rotate:-1.4deg;margin-bottom:26px}.pp-note-code .pp-face{--clip: polygon(1% 4%, 12% 0, 38% 3%, 66% 0, 99% 4%, 100% 40%, 98.5% 76%, 100% 97%, 70% 100%, 40% 96%, 12% 100%, 0 96%, 1.5% 56%);background:#fdf8ea;background-image:var(--grain);padding:34px 14px 38px;text-align:center}.pp-note-code .tab{position:absolute;left:14px;top:-10px;z-index:4;rotate:-2deg}.pp-note-code .tab>span{font-size:.92rem}.pp-code{font:400 clamp(2.4rem,4.6vw,3.6rem) var(--display);letter-spacing:.06em;color:#3a2a20;line-height:1;word-break:break-all}.pp-code.long{font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:.03em}.pp-copyrow{position:absolute;left:14px;right:14px;bottom:-14px;display:flex;gap:8px;z-index:4}.pp-copyrow .pp-btn{flex:1 1 auto}.pp-copyrow .pp-btn .pp-face{font:700 .92rem var(--body);padding:.55em .5em .6em;text-shadow:none;flex-direction:row}.pp-copyrow .pp-btn svg{width:1.25em;height:1.25em}.pp-copyrow .pp-btn.sm{flex:0 0 auto}.pp-copyrow .pp-btn.sm .pp-face{padding-left:.8em;padding-right:.8em}.pp-linkfallback{display:none;margin-top:12px;width:100%;box-sizing:border-box;font:400 .8rem var(--body);padding:6px 8px;border-radius:6px;border:2px dashed #a87a1f;background:#fffaf0;color:var(--ink);-webkit-user-select:text;user-select:text}.pp-linkfallback.show{display:block}.pp-settings-card{rotate:.5deg}.pp-settings-card .pp-face{--clip: polygon(1% 2%, 20% 0, 50% 1.5%, 80% 0, 99% 1.5%, 100% 50%, 99% 98%, 70% 100%, 40% 98.5%, 10% 100%, 0 97%, .5% 45%);padding:34px 12px 12px}.pp-settings-card .tab{position:absolute;left:16px;top:-10px;z-index:4;rotate:-1.5deg;--c: var(--c-green);pointer-events:none}.pp-settings-card .tab>span{font-size:.95rem}.pp-settings-card .tab .car{display:none;margin-left:.5em;width:.5em;height:.5em;border-right:3px solid currentColor;border-bottom:3px solid currentColor;rotate:45deg;translate:0 -.12em;transition:rotate .22s var(--m-spring)}.pp-settings-card.open .tab .car{rotate:225deg;translate:0 .1em}.pp-sumline{display:none;font:700 .9rem var(--body);color:var(--ink);padding:4px 6px 2px}.pp-setrow{display:grid;grid-template-columns:4.4em minmax(0,1fr);align-items:center;gap:8px;padding:6px 4px;border-bottom:1.5px dashed rgba(120,84,40,.3);font:700 .88rem var(--body)}.pp-setrow:last-of-type{border-bottom:0}.pp-setrow .val{text-align:right;font:700 .95rem var(--body);color:var(--c-blue)}.pp-setrow .pp-chip{padding:6px 2px;font-size:.82rem;border-radius:6px}.pp-setrow select{all:unset;box-sizing:border-box;width:100%;padding:7px 28px 7px 10px;border-radius:6px;background:#e9dcc0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234a2b19' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") right 10px center no-repeat;font:700 .88rem var(--body);cursor:pointer}.pp-setrow select:focus-visible{outline:3px dashed #a87a1f;outline-offset:2px}.pp-setrow select:disabled{cursor:default;background-color:transparent;background-image:none;padding-left:0;color:var(--c-blue)}.pp-stagepick{display:flex;align-items:center;gap:8px;min-width:0}.pp-stagepick select{flex:1 1 auto;min-width:0}.pp-sthumb{flex:none;width:54px;height:36px;object-fit:cover;border:2px solid #fffaf0;border-radius:3px;box-shadow:0 2px 3px #28190559;rotate:-2deg;background:#e9dcc0}.pp-setrow .chipbox{display:flex;gap:4px;flex-wrap:wrap}.pp-setrow .chipbox .pp-chip{flex:1 1 0;min-width:2.2em}.pp-hostnote{margin:4px 4px 0!important;font-size:.78rem;color:#7a6450}.pp-start{width:min(330px,100%);rotate:-1deg}.pp-start .pp-face{font-size:clamp(1.9rem,3.2vw,2.7rem);padding:.32em .5em .38em}.pp-start .sub{display:block;font:700 .8rem var(--body);text-shadow:none;opacity:.92;margin-top:3px}.pp-wait-note{background:#f6eed9;padding:12px 16px;font:700 .95rem var(--body);text-align:center;color:var(--ink);clip-path:var(--clip-b);filter:none}.pp-lobby-right{position:absolute;right:clamp(12px,2.4vw,40px);top:max(10px,env(safe-area-inset-top,0px));display:flex;gap:12px;align-items:flex-start}.pp-pill{background:#f6eed9;color:var(--ink);font:700 .9rem var(--body);padding:8px 14px 9px;clip-path:var(--clip-b);display:flex;gap:8px;align-items:center}.pp-pill b{font:400 1.15rem var(--display);color:var(--c-blue)}.pp-lobby-right .pp-btn .pp-face{font:700 .95rem var(--body);padding:.6em 1.1em .68em;text-shadow:none}.pp-lobby-status-card{position:absolute;left:50%;top:42%;translate:-50% -50%;width:min(440px,88vw);text-align:center}.pp-lobby-status-card .pp-face{padding:26px 22px 22px;background:#fdf8ea;background-image:var(--grain)}.pp-lobby-status-card p{margin:0 0 14px;color:var(--ink);font:700 1.05rem var(--body);line-height:1.4;max-width:none}.pp-lobby-status-card.error p{color:#a63420}.pp-lobby.pp-show .pp-note-code{animation:pp-drop .64s var(--m-spring) .12s backwards}.pp-lobby.pp-show .pp-settings-card{animation:pp-drop .64s var(--m-spring) .24s backwards}.pp-lobby.pp-show .pp-start,.pp-lobby.pp-show .pp-wait-note{animation:pp-drop .64s var(--m-spring) .36s backwards}.pp-lobby.pp-show .pp-lobby-top .pp-banner{animation:pp-banner-in .7s var(--m-spring) backwards}.pp-lobby.pp-show .pp-lobby-right>*{animation:pp-drop .56s var(--m-spring) .42s backwards}.pp-lobby.pp-show .pp-lobby-status-card{animation:pp-status-in .64s var(--m-spring) backwards}@keyframes pp-status-in{0%{transform:translateY(-80px) rotate(-4deg) scale(.92);opacity:0}40%{opacity:1}to{transform:none;opacity:1}}.pp-bump{animation:pp-bump .38s var(--m-spring)}@keyframes pp-bump{0%{scale:1}30%{scale:1.07 .93}60%{scale:.98 1.04}to{scale:1}}@media(max-aspect-ratio:17/20){.pp-lobby-left{left:8px;right:8px;top:auto;bottom:max(8px,env(safe-area-inset-bottom,0px));width:auto;max-height:46dvh;gap:20px;padding:14px 6px 0}.pp-note-code .pp-face{padding:24px 10px 30px}.pp-code{font-size:2.1rem}.pp-note-code{margin-bottom:20px}.pp-settings-card .pp-face{padding-top:28px}.pp-settings-card .tab{pointer-events:auto;cursor:pointer}.pp-settings-card .tab .car{display:inline-block}.pp-settings-card:not(.open) #ppLSet,.pp-settings-card:not(.open) .pp-hostnote{display:none}.pp-settings-card:not(.open) .pp-sumline{display:block;padding-bottom:6px}#ppLGo{position:sticky;bottom:0;z-index:6;padding:4px 0 8px}.pp-lobby-top{top:max(6px,env(safe-area-inset-top,0px));gap:4px}.pp-lobby-top .pp-banner>span{font-size:1.35rem;padding:.28em 1.2em .34em}.pp-lobby-status{font-size:.8rem;padding:5px 12px 6px}.pp-lobby-right{display:contents}.pp-lobby-right [data-act=leave]{position:absolute;left:8px;top:calc(max(6px,env(safe-area-inset-top,0px)) + 4px)}.pp-lobby-right [data-act=settings]{position:absolute;right:8px;top:calc(max(6px,env(safe-area-inset-top,0px)) + 4px)}.pp-lobby-right .pp-paper{position:absolute;left:50%;translate:-50% 0;top:calc(max(6px,env(safe-area-inset-top,0px)) + 96px)}.pp-lobby-right .pp-btn .pp-face{font-size:.8rem;padding:.5em .9em .56em}.pp-pill{font-size:.78rem;padding:4px 10px 5px}.pp-start{width:100%}.pp-start .pp-face{font-size:1.7rem}}@media(max-height:460px)and (orientation:landscape){.pp-lobby-left{width:min(300px,34vw);top:50px;gap:12px}.pp-code{font-size:2rem}}.rm-on .pp-root *,.rm-on .pp-root *:before,.rm-on .pp-root *:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}.rm-on .pp-in .pp-title .pp-banner,.rm-on .pp-in .pp-crown,.rm-on .pp-in .pp-card,.rm-on .pp-in .pp-row,.rm-on .pp-in .pp-actions .pp-btn,.rm-on .pp-modal.open .pp-sheet,.rm-on .pp-lobby.pp-show .pp-lobby-status-card,.rm-on .pp-lobby.pp-show .pp-note-code,.rm-on .pp-lobby.pp-show .pp-settings-card,.rm-on .pp-lobby.pp-show .pp-start{animation:pp-fade .22s ease backwards!important;animation-duration:.22s!important}.rm-on .pp-modal.closing .pp-sheet{animation:pp-fade-out .16s ease forwards!important;animation-duration:.16s!important}.rm-on .pp-btn,.rm-on .pp-btn:hover,.rm-on .pp-btn:active,.rm-on .pp-chip:hover{translate:none;scale:none;rotate:var(--rot, 0deg);transition:none}@keyframes pp-fade-out{to{opacity:0}}body.pp-results #soundMenuBtn{display:none}body.pp-results #rotate,body.pp-lobby-on #rotate,body.pp-modal-open #rotate{display:none!important}body.pp-lobby-on #soundMenuBtn{display:none}.pp-line.wide{grid-template-columns:minmax(0,1fr) auto}.pp-line small{font-weight:400;color:#7a6450}.pp-bind{all:unset;box-sizing:border-box;cursor:pointer;min-width:3.2em;padding:3px 5px;border-radius:8px;border:2px dashed transparent;transition:background .12s,border-color .12s}.pp-bind:hover{background:#e3b04b40;border-color:#a87a1f80}.pp-bind:focus-visible{outline:3px dashed #a87a1f;outline-offset:1px}.pp-bind.listening{background:#f6dfa0;border-color:#a87a1f}.pp-bind em{font:400 .78rem var(--body);color:#7a6450}.pp-bind.add{min-width:1.5em;padding:3px 4px;font:700 .85rem var(--body);color:#a08560;opacity:.7}.pp-bind.add:hover{opacity:1}.pp-sheet kbd.bad{background:#f7cdbd;box-shadow:0 2px #b5482a,inset 0 0 0 1px #b5482a}.pp-msg{min-height:2.5em;margin-top:6px!important}.pp-warn{color:#8a2f17!important;background:#f7e0d4;border-radius:6px;padding:6px 9px}.pp-pads{margin:0 0 6px;padding-left:1.2em;font-size:.86rem;color:#6a5340}.pp-keybtns{display:flex;gap:6px;margin-top:8px}.pp-keybtns .pp-chip{flex:0 1 auto;padding:8px 14px}.pp-cell{display:flex;align-items:center;justify-content:center;gap:1px}.pp-cell .pp-bind:not(.add){flex:0 1 auto;min-width:0}#pick{--m-spring: cubic-bezier(.34, 1.56, .64, 1);--m-out: cubic-bezier(.22, 1, .36, 1);--m-in: cubic-bezier(.55, 0, .8, .3);--m-deal: .52s;--m-stagger: 48ms;--m-hover: .2s;--m-press: 80ms;--ink: #4a2b19;--paper: #f7f0de;--brass: radial-gradient(circle at 36% 32%, #fff3b0 0 14%, #e3b04b 36%, #a87a1f 78%, #7a5614 100%);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .3  0 0 0 0 .2  0 0 0 0 .1  0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--tray: 240px;--fightw: clamp(200px, 21vw, 290px);--cw: clamp(104px, 11.2vw, 150px);background:none;overflow:hidden;padding:0;pointer-events:none;touch-action:manipulation;color:var(--ink)}#pick[hidden]{display:none}#pick button,#pick input{pointer-events:auto}:where(#pick) button{all:unset;box-sizing:border-box;cursor:pointer;font-family:var(--display);-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto}#pick button:focus-visible{outline:3px dashed #e3b04b;outline-offset:4px}:where(#pick) button:disabled{cursor:default}.sx-top{position:absolute;left:0;right:0;top:0;display:grid;gap:8px;pointer-events:none;padding:max(10px,env(safe-area-inset-top,0px)) max(96px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px))}.sx-top>*{pointer-events:none}.sx-top>*>*,.sx-top>button{pointer-events:auto}.sx-top{grid-template-columns:auto minmax(0,1fr);align-items:start}.sx-row2{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 14px}.sx-paper{display:block;background:var(--paper);padding:.55em .95em .6em;font-size:.95rem;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.4);clip-path:polygon(.5% 9%,5% 1%,30% 4%,60% 0,95% 3%,100% 14%,99% 60%,100% 96%,70% 100%,38% 97%,8% 100%,0 72%)}.sx-back{filter:drop-shadow(0 4px 3px rgba(40,25,5,.4));transition:translate var(--m-hover) var(--m-spring),rotate var(--m-hover) var(--m-spring);rotate:-1deg;margin-top:4px}.sx-lefts{display:flex;gap:8px;align-items:flex-start}.sx-settings{rotate:1deg}.sx-back:hover{translate:0 -3px;rotate:1deg}.sx-back:active{scale:1 .9}#pick .typebox{margin:0;position:relative}#pick .typebox label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#pick .tb-form{display:block}#pick .tb-row{display:flex;gap:8px;flex-wrap:nowrap;align-items:stretch;max-width:640px;filter:drop-shadow(0 5px 4px rgba(40,25,5,.38));rotate:.3deg}#pick .tb-input{all:unset;box-sizing:border-box;flex:1 1 auto;min-width:0;padding:.6em .9em;background:var(--paper);font:700 1.05rem var(--body);color:var(--ink);cursor:text;clip-path:polygon(0 12%,4% 2%,30% 5%,55% 0,98% 4%,100% 40%,99% 92%,70% 100%,40% 96%,3% 100%);-webkit-user-select:text;user-select:text;pointer-events:auto}#pick .tb-input::placeholder{color:#8c7358;font-weight:400;font-style:italic}#pick .tb-input:focus{background:#fffaee;outline:none}#pick .tb-go{flex:none;padding:.55em 1em;background:#6fa83a;color:#fffaf0;font:400 1rem var(--display);text-shadow:0 2px 0 rgba(30,60,10,.45);text-align:center;clip-path:polygon(0 8%,20% 0,60% 4%,100% 0,99% 55%,100% 100%,55% 96%,18% 100%,1% 94%);transition:translate var(--m-hover) var(--m-spring),scale var(--m-hover) var(--m-spring)}#pick .tb-go:hover{translate:0 -2px;scale:1.04}#pick .tb-go:active{scale:1 .9}#pick .tb-pending{position:fixed;left:max(12px,8vw);top:clamp(112px,19vh,160px);width:236px;display:grid;gap:8px;margin:0;z-index:4;pointer-events:none}#pick .tb-card{flex-direction:column;align-items:stretch;gap:8px;padding:8px 8px 10px;rotate:-1.4deg;box-shadow:0 10px 18px #28190573;border-radius:10px;background:var(--paper);animation:sx-land .48s var(--m-spring) backwards}#pick .tb-card.tb-leave{animation:none;opacity:0;transform:translateY(-30px) scale(.9) rotate(-3deg);transition:opacity .3s,transform .3s var(--m-in)}#pick .tb-stage{width:100%}#pick .tb-text{text-align:center}#pick .tb-text strong{white-space:normal;font:400 .9rem var(--display)}@keyframes sx-land{0%{transform:translateY(-40px) scale(.92) rotate(-4deg);opacity:0}}.sx-tabs{display:flex;align-items:flex-end;gap:2px}.sx-tab{display:block;filter:drop-shadow(0 4px 3px rgba(40,25,5,.36));translate:0 6px;transition:translate var(--m-hover) var(--m-spring),filter .16s}.sx-tab span{display:block;padding:.55em .95em .6em;font-size:clamp(.72rem,1.15vw,.98rem);letter-spacing:.02em;color:#4a2b19;background:var(--c);white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.35);clip-path:polygon(0 100%,2% 28%,7% 8%,20% 0,80% 2%,94% 8%,98% 30%,100% 100%)}.t-cpu{--c: #f3c53a}.t-2p{--c: #6aa7da}.t-brawl{--c: #ee8a47}.t-online{--c: #8bc34e}.sx-tab:hover{translate:0 2px}.sx-tab:active{scale:1 .92}.sx-tab.on{translate:0 0;z-index:1;filter:drop-shadow(0 6px 4px rgba(40,25,5,.4)) saturate(1.12)}.sx-tab.on span{padding-top:.75em}.sx-tab:not(.on) span{filter:saturate(.8) brightness(.96)}.sx-ribbon{display:flex;align-items:center;gap:10px;padding:5px 12px 6px 14px;background:#3b78b8;filter:none;position:relative;margin-bottom:2px;clip-path:polygon(0 0,100% 6%,98.5% 50%,100% 94%,0 100%,1.5% 50%)}.sx-lab{font:400 clamp(.72rem,1vw,.9rem) var(--display);color:#fffaf0;text-shadow:0 2px 0 rgba(10,40,80,.5);letter-spacing:.02em;white-space:nowrap}.sx-ribbon .levels{display:flex;gap:4px;flex-wrap:nowrap}#pick .lvl{display:grid;place-items:center;width:clamp(24px,2.3vw,30px);aspect-ratio:1;border-radius:7px;background:#cfe0f0;color:#26486b;font-size:.9rem;border:0;padding:0;min-width:0;transition:translate .14s var(--m-spring),scale .14s var(--m-spring),background .12s}#pick .lvl:hover{translate:0 -2px}#pick .lvl:active{scale:.92}#pick .lvl.on{background:#f3b82e;color:#4a2b19;box-shadow:inset 0 0 0 2px #a87a1f;scale:1.12}.sx-step{display:flex;align-items:center;gap:6px}.sx-step button{display:grid;place-items:center;width:28px;aspect-ratio:1;border-radius:7px;background:#cfe0f0;color:#26486b;font-size:1.1rem;transition:translate .14s var(--m-spring),scale .14s}.sx-step button:hover{translate:0 -2px}.sx-step button:active{scale:.92}.sx-step button:disabled{opacity:.4}.sx-step b{min-width:1.4em;text-align:center;font:400 1.15rem var(--display);color:#fffaf0;text-shadow:0 2px 0 rgba(10,40,80,.5)}.sx-hint{position:absolute;left:max(14px,env(safe-area-inset-left,0px));top:clamp(96px,15vh,112px);margin:0;max-width:min(34ch,40vw);font:700 .84rem var(--body);color:#fffaf0;text-shadow:0 1px 3px rgba(20,35,60,.75),0 0 8px rgba(20,35,60,.5);pointer-events:none}.sx-bottom{position:absolute;left:0;right:0;bottom:0;padding:0 0 max(8px,env(safe-area-inset-bottom,0px));pointer-events:none}.sx-bottom:before{content:"";position:absolute;inset:26px 0 0;pointer-events:none;background:var(--grain),linear-gradient(#a98a63,#8a6c48);background-blend-mode:multiply,normal;filter:drop-shadow(0 -6px 6px rgba(40,25,5,.35));clip-path:polygon(0 12px,6% 4px,14% 10px,25% 2px,38% 9px,50% 3px,63% 10px,78% 2px,90% 9px,100% 4px,100% 100%,0 100%)}.sx-head{position:relative;padding-right:var(--fightw)!important;display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:6px max(16px,env(safe-area-inset-right,0px)) 4px max(16px,env(safe-area-inset-left,0px));pointer-events:none}.sx-head>*{pointer-events:auto}.sx-head h2{font:400 clamp(1rem,1.5vw,1.3rem) var(--display);color:#fffaf0;text-shadow:0 2px 0 rgba(60,35,10,.55)}.sx-head .sx-type{flex:1 1 340px;max-width:560px;margin-right:auto}.sx-head .sx-type .tb-row{max-width:none}.sx-chip{display:block;padding:.3em .9em;border-radius:999px;background:#e9dcc0;color:#4a2b19;font-size:.9rem;transition:translate .14s var(--m-spring),scale .14s}.sx-seatchips{display:flex;gap:6px}.sx-chip.on{color:#fff;box-shadow:0 0 0 2px #fff6;scale:1.08}.sx-chip.c0.on{background:#3f8fd8}.sx-chip.c1.on{background:#e2573d}.sx-stagewrap{position:relative}.sx-stage{display:inline-flex;align-items:center;gap:.5em;font:700 .8rem var(--body);color:#fffaf0;background:#3c280f73;padding:.2em .9em .2em .25em;border-radius:999px;transition:scale .14s var(--m-spring),background .14s}.sx-stage:hover{background:#3c280f9e;scale:1.04}.sx-stage:active{scale:.97}.sx-stage b{font-family:var(--display);font-weight:400}.sx-stage[aria-expanded=true]{background:#3c280fb3}.sx-stage:after{content:"";width:.5em;height:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -.12em;margin-left:.15em;transition:rotate .16s var(--m-spring)}.sx-stage[aria-expanded=true]:after{rotate:-135deg;translate:0 .12em}.sx-sthumb{width:2.7em;height:1.8em;object-fit:cover;border:2px solid #fffaf0;border-radius:4px;background:#e9dcc0;box-shadow:0 1px 2px #28190566}.sx-stagepick{position:absolute;left:0;bottom:calc(100% + 10px);z-index:6;display:flex;gap:10px;padding:12px 14px 14px;background:var(--paper);filter:drop-shadow(0 8px 6px rgba(40,25,5,.45));transform-origin:14% 100%;clip-path:polygon(.5% 4%,8% 0,30% 2%,60% 0,95% 1.5%,100% 7%,99.4% 55%,100% 96%,70% 100%,38% 98%,6% 100%,0 70%)}.sx-stagepick[hidden]{display:none}.sx-stagepick.open{animation:sx-pick-in .3s var(--m-spring)}@keyframes sx-pick-in{0%{transform:translateY(14px) scale(.9) rotate(-1.5deg);opacity:0}}.sx-stopt{position:relative;display:grid;gap:5px;width:clamp(118px,12vw,160px);padding:6px 6px 8px;background:#fffaf0;color:var(--ink);text-align:left;border-radius:3px;box-shadow:0 2px 3px #2819054d;transition:translate .15s var(--m-spring),rotate .15s var(--m-spring),box-shadow .15s}.sx-stopt:nth-child(odd){rotate:-1.2deg}.sx-stopt:nth-child(2n){rotate:1deg}.sx-stopt img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:2px;background:#e9dcc0}.sx-stopt b{font:400 .95rem var(--display)}.sx-stopt i{font:700 .68rem/1.25 var(--body);font-style:normal;color:#7a6246}.sx-stopt:hover{translate:0 -4px;rotate:0deg;box-shadow:0 7px 8px #28190561}.sx-stopt[aria-selected=true]{box-shadow:0 0 0 3px #e3b04b,0 4px 6px #28190566}.sx-stopt[aria-selected=true]:before{content:"";position:absolute;width:14px;height:14px;margin:-11px 0 0 calc(50% - 7px);border-radius:50%;background:var(--brass);box-shadow:0 2px 2px #0006}.sx-random{display:block;filter:drop-shadow(0 3px 2px rgba(40,25,5,.4));transition:translate var(--m-hover) var(--m-spring),rotate var(--m-hover) var(--m-spring);rotate:.6deg}.sx-random span{display:block;padding:.4em .9em .45em;font-size:clamp(.78rem,1vw,.92rem);background:#f7f0de;color:#4a2b19;clip-path:polygon(0 10%,12% 0,55% 5%,100% 0,99% 55%,100% 100%,50% 94%,10% 100%,1% 90%)}.sx-random:hover{translate:0 -3px;rotate:-.8deg}.sx-random:active{scale:1 .9}.sx-random:disabled{opacity:.6}.sx-keys{font:700 .78rem var(--body);color:#fffaf0;text-decoration:underline dotted;opacity:.85;padding:.2em .4em}.sx-sheet{position:absolute;right:12px;bottom:calc(var(--tray) + 16px);width:min(520px,calc(100vw - 24px));padding:12px 16px;background:var(--paper);z-index:6;pointer-events:auto;clip-path:polygon(0 2%,14% 0,40% 1.5%,70% 0,100% 2%,99% 45%,100% 98%,70% 100%,38% 98.5%,10% 100%,.5% 96%,1.5% 50%);filter:drop-shadow(0 8px 12px rgba(30,20,5,.45));animation:sx-land .38s var(--m-spring) backwards}.sx-sheet .keys{color:#4a2b19;font-size:.8rem;line-height:1.7;margin:0;max-width:none}.sx-sheet kbd{background:#e9dcc0;color:#4a2b19}.sx-tray{--gap: clamp(8px, 1.1vw, 14px);position:relative;display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;padding:12px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));scroll-snap-type:x proximity;scroll-padding-inline:16px;scrollbar-width:thin;scrollbar-color:#5a4126 transparent;pointer-events:auto;overscroll-behavior-x:contain;touch-action:pan-x;margin-right:var(--fightw)}.sx-card{--pastel: #cfe8a6;flex:none;width:var(--cw);aspect-ratio:.74;display:block;position:relative;scroll-snap-align:start;filter:drop-shadow(0 6px 4px rgba(35,20,5,.4));rotate:var(--r, 0deg);translate:var(--tx, 0) var(--ty, 0);transition:translate var(--m-hover) var(--m-spring),rotate var(--m-hover) var(--m-spring),scale var(--m-hover) var(--m-spring),filter var(--m-hover) ease}.sx-card:nth-child(4n+1){--r: -.8deg}.sx-card:nth-child(4n+2){--r: .6deg}.sx-card:nth-child(4n+3){--r: -.4deg}.sx-card:nth-child(4n){--r: .9deg}.sx-face{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto;padding:5px;background:#f7f0de;text-align:center;clip-path:polygon(1% 2%,14% 0,42% 1.5%,70% 0,98% 1%,100% 20%,99% 55%,100% 99%,72% 100%,40% 98.5%,12% 100%,0 97%,1% 60%,0 30%);transform:perspective(700px) rotateX(calc(var(--py, 0) * -7deg)) rotateY(calc(var(--px, 0) * 9deg));transition:transform .14s linear}.sx-art{position:relative;display:grid;place-items:end center;overflow:hidden;background:var(--pastel);background-image:var(--grain);border-radius:6px 6px 3px 3px;box-shadow:inset 0 0 0 1px #5032142e}.sx-art:after{content:"";position:absolute;left:12%;right:12%;bottom:4%;height:10%;border-radius:50%;background:radial-gradient(closest-side,rgba(70,45,15,.35),transparent)}.sx-art img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:50% 54%;transform:scale(1.85);transform-origin:50% 55%;mix-blend-mode:multiply;user-select:none;-webkit-user-drag:none;pointer-events:none}.sx-info{padding:.28em .2em .18em;display:grid;gap:.18em;min-height:0}.sx-name{font:400 clamp(.72rem,1.05vw,.92rem) / 1.05 var(--display);color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-wrap:balance}.sx-sub{font:400 clamp(.52rem,.68vw,.62rem) / 1.15 var(--body);color:#7a6450;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-style:italic;min-height:1.1em}.sx-tags{display:flex;gap:3px;justify-content:center;flex-wrap:nowrap}.sx-tags em{font:400 clamp(.46rem,.62vw,.6rem) var(--display);font-style:normal;text-transform:uppercase;letter-spacing:.03em;padding:.22em .55em;border-radius:999px;color:#fffaf0;background:var(--tc, #666);text-shadow:0 1px 0 rgba(0,0,0,.3)}.sx-pin{position:absolute;z-index:3;top:-3px;left:50%;width:22px;aspect-ratio:1;border-radius:50%;background:var(--brass);box-shadow:0 2px 3px #00000080;translate:-50% 0;scale:0;pointer-events:none}.sx-flag{position:absolute;z-index:3;bottom:34%;font:400 .72rem var(--display);color:#fff;padding:.15em .6em;border-radius:999px;box-shadow:0 2px 3px #0006;scale:0;pointer-events:none}.sx-flag.f0{left:-4px;background:#3f8fd8;rotate:-6deg}.sx-flag.f1{right:-4px;background:#e2573d;rotate:6deg}.sx-card.on .sx-pin{scale:1;animation:sx-pin .48s var(--m-spring) backwards}.sx-card.pick0 .sx-flag.f0,.sx-card.pick1 .sx-flag.f1{scale:1;animation:sx-pin .42s var(--m-spring) backwards}@keyframes sx-pin{0%{scale:3;opacity:0;translate:-50% -22px}55%{opacity:1}to{scale:1;translate:-50% 0}}.sx-card.pick1:not(.pick0) .sx-flag.f1{translate:0 0}.sx-card.on{filter:drop-shadow(0 0 7px rgba(255,214,90,.95)) drop-shadow(0 7px 5px rgba(35,20,5,.4))}.sx-card.on .sx-face{background:#ffe9a0}.sx-card.new{animation:sx-new .76s var(--m-spring) backwards}@keyframes sx-new{0%{transform:translateY(-190px) rotate(-10deg) scale(.7);opacity:0}40%{opacity:1}}@media(hover:hover){.sx-card:hover{translate:var(--tx, 0) -9px;rotate:calc(var(--r, 0deg) * -1.6 + .4deg);scale:1.05;filter:drop-shadow(0 14px 8px rgba(35,20,5,.34));z-index:2}.sx-card.on:hover{filter:drop-shadow(0 0 7px rgba(255,214,90,.95)) drop-shadow(0 14px 8px rgba(35,20,5,.34))}}.sx-card:active{translate:0 2px;scale:1.03 .94;transition-duration:var(--m-press)}.sx-card{cursor:pointer;outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.sx-card:focus-visible{outline:3px dashed #e3b04b;outline-offset:4px}#pick .sx-del{position:absolute;z-index:4;top:-3px;right:-3px;display:grid;place-items:center;width:24px;aspect-ratio:1;border-radius:50%;background:#c8402e;color:#fffaf0;font:400 1.05rem/1 var(--display);box-shadow:0 2px 3px #00000073,inset 0 0 0 2px #fffaf08c;transition:scale var(--m-hover) var(--m-spring),rotate var(--m-hover) var(--m-spring),background .12s;opacity:.92}#pick .sx-del:after{content:"";position:absolute;inset:-10px;border-radius:50%}#pick .sx-card:has(.sx-confirm) .sx-del{opacity:0}#pick .sx-del:hover,#pick .sx-del:focus-visible{scale:1.18;rotate:90deg;background:#de4a35;opacity:1}#pick .sx-del:active{scale:.9}#pick .sx-confirm{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 6px;text-align:center;background:var(--grain),#fbf5e4;background-blend-mode:multiply,normal;color:var(--ink);rotate:-1.2deg;animation:sx-conf-in .3s var(--m-spring) backwards;clip-path:polygon(1% 2%,14% 0,42% 1.5%,70% 0,98% 1%,100% 20%,99% 55%,100% 99%,72% 100%,40% 98.5%,12% 100%,0 97%,1% 60%,0 30%)}#pick .sx-confirm b{font:400 clamp(.7rem,.95vw,.82rem)/1.12 var(--display);text-wrap:balance}#pick .sx-confirm button{display:block;width:86%;padding:.42em .3em .46em;border-radius:6px;font:400 clamp(.66rem,.85vw,.78rem) var(--display);text-align:center;letter-spacing:.02em;transition:translate var(--m-hover) var(--m-spring),scale var(--m-hover) var(--m-spring)}#pick .sx-confirm button:hover{translate:0 -2px}#pick .sx-confirm button:active{scale:.94}#pick .sx-c-yes{background:#c8402e;color:#fffaf0;text-shadow:0 1px 0 rgba(60,10,0,.4)}#pick .sx-c-no{background:#e5d6b4;color:var(--ink)}#pick .sx-confirm button:focus-visible{outline:3px dashed #e3b04b;outline-offset:2px}#pick .sx-confirm.out{animation:sx-conf-out .16s var(--m-in) forwards;pointer-events:none}@keyframes sx-conf-in{0%{transform:scale(.7) rotate(-5deg);opacity:0}}@keyframes sx-conf-out{to{transform:scale(.85);opacity:0}}#pick .sx-card.sx-gone{pointer-events:none;opacity:0;aspect-ratio:auto;width:0;min-width:0;margin-right:calc(var(--gap) * -1);filter:none;animation:none;transition:width .34s var(--m-out) .15s,margin-right .34s var(--m-out) .15s}#pick .sx-tear{position:fixed;z-index:30;pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 6px 4px rgba(35,20,5,.4));animation:none}#pick .sx-tear-l{clip-path:polygon(-6% -6%,55% -6%,49% 9%,57% 19%,47% 30%,56% 42%,48% 54%,57% 66%,49% 78%,56% 90%,51% 106%,-6% 106%);animation:sx-tear-l .62s cubic-bezier(.5,0,.85,.45) forwards}#pick .sx-tear-r{clip-path:polygon(55% -6%,106% -6%,106% 106%,51% 106%,56% 90%,49% 78%,57% 66%,48% 54%,56% 42%,47% 30%,57% 19%,49% 9%);animation:sx-tear-r .62s cubic-bezier(.5,0,.85,.45) forwards}@keyframes sx-tear-l{0%{transform:none;opacity:1}16%{transform:translate(-7px,-5px) rotate(-3deg);opacity:1}to{transform:translate(-64px,170px) rotate(-26deg);opacity:0}}@keyframes sx-tear-r{0%{transform:none;opacity:1}16%{transform:translate(7px,-3px) rotate(3.5deg);opacity:1}to{transform:translate(58px,190px) rotate(30deg);opacity:0}}.sx-toasts{position:absolute;z-index:7;left:50%;translate:-50% 0;bottom:calc(var(--tray) + 14px);display:flex;flex-direction:column-reverse;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);pointer-events:none}.sx-toast{filter:drop-shadow(0 6px 5px rgba(30,20,5,.45));rotate:-.6deg;animation:sx-toast-in .42s var(--m-spring) backwards}.sx-toast:nth-child(2n){rotate:.5deg}.sx-t-in{position:relative;display:flex;align-items:center;gap:12px;padding:.6em .55em .8em 1.1em;background:var(--grain),#fbf5e4;background-blend-mode:multiply,normal;color:var(--ink);font:700 .9rem var(--body);clip-path:polygon(0 12%,3% 2%,30% 6%,60% 0,97% 4%,100% 40%,99% 94%,70% 100%,40% 96%,4% 100%,1% 60%)}.sx-t-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(46ch,62vw)}#pick .sx-t-undo{display:block;flex:none;padding:.45em 1em .5em;border-radius:6px;background:#6fa83a;color:#fffaf0;font:400 .9rem var(--display);text-shadow:0 1px 0 rgba(20,50,5,.45);transition:translate var(--m-hover) var(--m-spring),scale var(--m-hover) var(--m-spring)}#pick .sx-t-undo:hover{translate:0 -2px;scale:1.05}#pick .sx-t-undo:active{scale:.94}.sx-t-bar{position:absolute;left:14px;right:14px;bottom:7px;height:3px;border-radius:2px;background:#c8402e;opacity:.7;transform-origin:0 50%;animation:sx-t-bar linear forwards}.sx-toast.out{animation:sx-toast-out .26s var(--m-in) forwards}@keyframes sx-toast-in{0%{transform:translateY(40px) scale(.9);opacity:0}}@keyframes sx-toast-out{to{transform:translateY(24px) scale(.92);opacity:0}}@keyframes sx-t-bar{to{transform:scaleX(0)}}.sx-fight{position:absolute;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(var(--tray) * .5 - 40px);display:block;z-index:3;filter:drop-shadow(0 8px 6px rgba(40,25,5,.45));rotate:-2deg;transition:translate var(--m-hover) var(--m-spring),rotate var(--m-hover) var(--m-spring),scale var(--m-hover) var(--m-spring),opacity .2s}.sx-fight span{display:block;padding:.3em .9em .36em;font:400 clamp(1.6rem,2.9vw,2.5rem) var(--display);color:#4a2b19;background:#f3b82e;text-shadow:0 2px 0 rgba(255,255,255,.45);letter-spacing:.02em;clip-path:polygon(0 10%,5% 1%,28% 5%,55% 0,85% 4%,100% 0,98.5% 50%,100% 98%,70% 94%,40% 100%,12% 95%,0 100%,1.5% 50%)}.sx-fight:hover{translate:0 -5px;rotate:1deg;scale:1.05}.sx-fight:active{translate:0 2px;scale:1.05 .9;transition-duration:var(--m-press)}.sx-fight:disabled{opacity:.55;filter:grayscale(.5) drop-shadow(0 4px 3px rgba(40,25,5,.4));rotate:-2deg;translate:0 0;scale:1}.sx-fight.ready span{animation:sx-nudge 2.6s ease-in-out 1.4s infinite}@keyframes sx-nudge{0%,86%,to{transform:none}90%{transform:scale(1.06) rotate(-1.5deg)}95%{transform:scale(.98) rotate(1deg)}}.sx-deal .sx-top>*,.sx-deal .sx-hint{animation:sx-top-in .56s var(--m-spring) backwards}.sx-deal .sx-top>:nth-child(2){animation-delay:70ms}.sx-deal .sx-top>:nth-child(3){animation-delay:.15s}@keyframes sx-top-in{0%{transform:translateY(-70px) rotate(-1.5deg);opacity:0}}.sx-deal .sx-bottom:before,.sx-deal .sx-head{animation:sx-shelf-in .48s var(--m-out) 90ms backwards}@keyframes sx-shelf-in{0%{transform:translateY(80px);opacity:0}}.sx-deal .sx-card{animation:sx-deal var(--m-deal) var(--m-spring) calc(.26s + var(--i, 0) * var(--m-stagger)) backwards}@keyframes sx-deal{0%{transform:translateY(190px) rotate(8deg) scale(.82);opacity:0}40%{opacity:1}}.sx-deal .sx-fight{animation:sx-fight-in .62s var(--m-spring) .64s backwards}@keyframes sx-fight-in{0%{transform:translate(160px) rotate(10deg) scale(.8);opacity:0}}.sx-back-out .sx-top>*,.sx-back-out .sx-hint{animation:sx-top-out .28s var(--m-in) forwards}.sx-back-out .sx-card{animation:sx-fly .32s var(--m-in) calc(var(--i, 0) * 20ms) forwards}.sx-back-out .sx-bottom:before,.sx-back-out .sx-head,.sx-back-out .sx-fight{animation:sx-shelf-out .3s var(--m-in) forwards}@keyframes sx-top-out{to{transform:translateY(-60px);opacity:0}}@keyframes sx-shelf-out{to{transform:translateY(90px);opacity:0}}.sx-leaving{pointer-events:none}.sx-leaving .sx-card{animation:sx-fly .44s var(--m-in) calc(var(--i, 0) * 38ms) forwards}.sx-leaving .sx-top>*,.sx-leaving .sx-hint{animation:sx-top-out .36s var(--m-in) .14s forwards}.sx-leaving .sx-head,.sx-leaving .sx-bottom:before{animation:sx-shelf-out .36s var(--m-in) .38s forwards}.sx-leaving .sx-fight{animation:sx-fight-out .46s var(--m-in) forwards}@keyframes sx-fly{0%{transform:none;opacity:1}22%{transform:translateY(-14px) scale(1.04);opacity:1}to{transform:translate(var(--fx, 0px),130vh) rotate(var(--fr, 14deg)) scale(.85);opacity:1}}@keyframes sx-fight-out{0%{transform:none}20%{transform:scale(1.12) rotate(-3deg)}to{transform:translate(120vw) rotate(24deg)}}.sx-card:nth-child(odd){--fx: -40px;--fr: -16deg}.sx-card:nth-child(2n){--fx: 40px;--fr: 18deg}#title.t-seam-out{opacity:0;transition:opacity .16s linear;pointer-events:none}#title.t-select .t-ui{visibility:hidden;pointer-events:none}body.on-title.on-select #soundMenuBtn{display:none}@media(max-aspect-ratio:17/20),(max-width:560px){body.on-title.on-select #soundMenuBtn{display:block;top:132px}}#title.t-select .t-backdrop{scale:1.02}#stage3d .pf-cards{transition:transform .62s cubic-bezier(.34,1.56,.64,1),opacity .26s ease}#stage3d .pf-timer{transition:opacity .3s ease}#stage3d.hud-hold .pf-cards{transform:translateY(150%);opacity:0;transition:none}#stage3d.hud-hold .pf-top .pf-cards{transform:translateY(-150%)}#stage3d.hud-hold .pf-timer{opacity:0;transition:none}#oddsTags{position:fixed;inset:0;pointer-events:none;z-index:9;overflow:hidden}.ot{position:absolute;left:0;top:0;width:max-content;max-width:min(380px,62vw);transform:translate(-50%,-100%);will-change:transform}.ot-in{--c: #3f8fd8;position:relative;margin-bottom:12px;padding:7px 11px 8px;background:#f7f0de;color:#4a2b19;font:700 .76rem/1.3 var(--body);border:3px solid var(--c);border-radius:4px;text-align:left;box-shadow:0 6px #1e0f0547;transform-origin:50% 100%;animation:ot-pop .46s cubic-bezier(.34,1.56,.64,1) backwards;rotate:var(--r, -1.2deg)}.ot-in:after{content:"";position:absolute;left:50%;bottom:-13px;translate:-50% 0;border:8px solid transparent;border-top:10px solid var(--c);border-bottom:0}.ot-name{display:block;font:400 .92rem var(--display);color:var(--c);filter:brightness(.8);margin-bottom:2px}.ot-line{display:block}.ot-line b{text-transform:uppercase}.ot.out .ot-in{animation:ot-out .36s cubic-bezier(.55,0,.8,.3) forwards}@keyframes ot-pop{0%{transform:translateY(26px) scale(.4);opacity:0}60%{opacity:1}}@keyframes ot-out{to{transform:translateY(-26px) scale(.7);opacity:0}}.ot-wait{position:fixed;left:50%;top:14%;translate:-50% 0;z-index:9;padding:.4em 1em;background:var(--paper, #f7f0de);color:#4a2b19;font:700 .9rem var(--body);border-radius:999px;box-shadow:0 4px 10px #0000004d}.sx-warmhint{position:fixed;left:0;top:0;z-index:8;width:max-content;max-width:min(340px,78vw);pointer-events:none;opacity:0;will-change:transform,opacity;padding:7px 12px 8px;background:#f7f0de;color:#4a2b19;font:700 .8rem/1.3 var(--body);border:3px solid #e3b04b;border-radius:4px;box-shadow:0 6px #1e0f0547;rotate:-1.4deg;transition:opacity .26s ease}.sx-warmhint.on{opacity:1;animation:wh-pop .46s cubic-bezier(.34,1.56,.64,1) backwards;transform-origin:50% 100%}@keyframes wh-pop{0%{scale:.4;opacity:0}60%{opacity:1}}.sx-warmhint:after{content:"";position:absolute;left:50%;bottom:-13px;translate:-50% 0;border:8px solid transparent;border-top:10px solid #e3b04b;border-bottom:0}.sx-warmhint.side:after{left:-13px;top:50%;bottom:auto;translate:0 -50%;border:8px solid transparent;border-right:10px solid #e3b04b;border-left:0}.sx-warmhint span{display:block}.sx-warmhint .l0{font-family:var(--display);font-weight:400;font-size:.92rem}@media(prefers-reduced-motion:reduce){.sx-warmhint.on{animation:none}}@media(max-aspect-ratio:17/20),(max-width:560px){#pick{--cw: clamp(92px, 25vw, 112px);--fightw: 0px}.sx-top{padding-right:max(10px,env(safe-area-inset-right,0px));grid-template-columns:1fr;gap:6px;padding-top:max(8px,env(safe-area-inset-top,0px))}.sx-top>.sx-lefts{display:none}.sx-row2{gap:6px}.sx-tabs{width:100%;justify-content:space-between}.sx-tab{flex:1 1 0}.sx-tab span{padding:.5em .2em .55em;font-size:.66rem;text-align:center}.sx-ribbon{width:100%;padding:4px 8px 5px 10px;justify-content:space-between}.sx-ribbon .levels{flex:1 1 auto;gap:3px}#pick .lvl{flex:1 1 0;width:auto;max-width:30px}.sx-hint{display:none}#pick .tb-row{max-width:none}.sx-head .sx-type{flex-basis:100%;order:5;margin-right:0}#pick .tb-pending{top:218px;left:50%;translate:-50% 0;width:min(250px,66vw)}.sx-head{gap:6px 10px;padding-top:2px}.sx-head h2{font-size:.95rem}.sx-stage .sx-stname{display:none}.sx-stage{padding:.2em .5em .2em .2em}.sx-keys{display:none}.sx-stopt{width:clamp(88px,27vw,120px)}.sx-stopt i{display:none}.sx-stagepick{gap:6px;padding:10px 10px 12px;position:fixed;left:8px;right:8px;bottom:calc(var(--tray, 240px) + 8px);justify-content:center;transform-origin:50% 100%}.sx-fight{position:absolute;left:12px;right:12px;bottom:max(8px,env(safe-area-inset-bottom,0px));rotate:0deg}.sx-fight span{text-align:center;padding:.2em 0 .26em;font-size:1.7rem;clip-path:polygon(0 10%,5% 1%,28% 4%,55% 0,85% 3%,100% 0,99% 50%,100% 98%,70% 95%,40% 100%,12% 96%,0 100%,1% 50%)}.sx-bottom{padding-bottom:calc(max(8px,env(safe-area-inset-bottom,0px)) + 62px)}.sx-sheet{bottom:calc(var(--tray) + 12px)}.sx-toasts{bottom:calc(var(--tray) + 10px)}#pick .sx-del{width:28px;top:-5px;right:-5px}.sx-t-msg{max-width:48vw}}@media(max-height:560px)and (min-aspect-ratio:17/20){#pick{--cw: clamp(84px, 9vw, 104px);--fightw: clamp(150px, 20vw, 200px)}.sx-hint,.sx-keys{display:none}.sx-paper{font-size:.8rem}.sx-fight span{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.sx-deal .sx-top>*,.sx-deal .sx-hint,.sx-deal .sx-card,.sx-deal .sx-fight,.sx-deal .sx-head,.sx-deal .sx-bottom:before{animation:sx-fade .25s ease backwards}.sx-leaving .sx-card,.sx-leaving .sx-top>*,.sx-leaving .sx-hint,.sx-leaving .sx-head,.sx-leaving .sx-bottom:before,.sx-leaving .sx-fight,.sx-back-out .sx-card,.sx-back-out .sx-top>*,.sx-back-out .sx-hint,.sx-back-out .sx-head,.sx-back-out .sx-bottom:before,.sx-back-out .sx-fight{animation:sx-fade-out .2s ease forwards}.sx-card,.sx-card:hover,.sx-card:active,.sx-back,.sx-tab,.sx-fight,.sx-random{transition:none;translate:none;scale:none}.sx-face{transform:none!important;transition:none}.sx-card.on .sx-pin,.sx-card.new,.sx-fight.ready span,#pick .tb-card,.sx-sheet{animation:none}#pick .sx-confirm,.sx-toast{animation:sx-fade .2s ease backwards}#pick .sx-confirm.out,.sx-toast.out{animation:sx-fade-out .16s ease forwards}#pick .sx-card.sx-gone{transition:width 1ms,margin-right 1ms}#pick .sx-del,#pick .sx-del:hover{transition:none;rotate:none}.ot-in{animation:sx-fade .2s ease backwards}.ot.out .ot-in{animation:sx-fade-out .2s ease forwards}@keyframes sx-fade{0%{opacity:0}to{opacity:1}}@keyframes sx-fade-out{to{opacity:0}}}#pick .pp-online{position:absolute;z-index:2;left:0;right:0;top:clamp(122px,17vh,150px);bottom:calc(var(--tray, 240px) + 8px);pointer-events:none}#pick .pp-online[hidden]{display:none}.pp-on-col{position:absolute;left:max(10px,env(safe-area-inset-left,0px));top:0;bottom:0;width:min(318px,26vw);overflow-y:auto;overscroll-behavior:contain;display:grid;gap:22px;align-content:start;padding:16px 10px 14px 6px;scrollbar-width:none;pointer-events:auto}.pp-on-col.right{left:auto;right:max(10px,env(safe-area-inset-right,0px))}.pp-on-col::-webkit-scrollbar{display:none}.pp-on-card{position:relative}.pp-on-card>.tab{position:absolute;left:14px;top:-13px;z-index:4;rotate:-2deg;pointer-events:none}.pp-on-card>.tab>span{font-size:.95rem}.pp-on-card>.tab b{font:inherit;letter-spacing:.05em}.pp-on-card .pp-face{padding:24px 10px 10px;--clip: polygon(1% 2%, 20% 0, 50% 1.5%, 80% 0, 99% 1.5%, 100% 50%, 99% 98%, 70% 100%, 40% 98.5%, 10% 100%, 0 97%, .5% 45%)}.pp-on-card:nth-child(2n){rotate:.5deg}.pp-on-card:nth-child(odd){rotate:-.4deg}.pp-on-lead{margin:0 0 6px;font:700 .84rem var(--body);color:var(--ink);line-height:1.35}.pp-on-lead.small{font-size:.76rem;color:#7a6450;margin:6px 2px 0}.pp-on-modes{display:grid;gap:5px;margin-bottom:2px}.pp-online .chipbox{display:flex;gap:4px;flex-wrap:wrap}.pp-online .pp-chip{padding:6px 4px;font-size:.82rem;border-radius:6px;min-width:2.2em}.pp-online select{all:unset;box-sizing:border-box;width:100%;padding:6px 28px 6px 10px;border-radius:6px;cursor:pointer;font:700 .86rem var(--body);background:#e9dcc0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234a2b19' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") right 10px center no-repeat}.pp-online select:disabled{cursor:default;background-color:transparent;background-image:none;padding-left:0;color:var(--c-blue)}.pp-online select:focus-visible{outline:3px dashed #a87a1f;outline-offset:2px}.pp-on-go{width:100%;margin-top:8px}.pp-on-go .pp-face{padding:.4em .5em .46em;font-size:clamp(1.05rem,1.6vw,1.3rem)}.pp-on-quick .pp-on-go .pp-face{font-size:clamp(1.35rem,2.2vw,1.8rem);padding:.3em .5em .36em}.pp-on-go .sub{display:block;font:700 .74rem var(--body);text-shadow:none;opacity:.92;margin-top:1px}.pp-on-foot{display:flex;justify-content:flex-end;margin-top:6px}.pp-on-foot .pp-chip{flex:0 0 auto;padding:5px 12px}.pp-on-leave{justify-self:start}.pp-on-leave .pp-face{font:700 .88rem var(--body);padding:.5em 1.1em .56em;text-shadow:none}.pp-on-games .pp-face{padding-bottom:8px}.pp-games{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:calc(100% - 20px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.pp-games .empty{font:700 .86rem var(--body);color:#7a6450;padding:8px 4px;line-height:1.35}.pp-game{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:6px 4px;border-bottom:1.5px dashed rgba(120,84,40,.3)}.pp-game:last-child{border-bottom:0}.pp-game .who{min-width:0;display:grid}.pp-game .who b{font:700 .95rem var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-game .who small{font:700 .76rem var(--body);color:#7a6450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-game .n{font:400 1.05rem var(--display);color:var(--c-blue)}.pp-game .join{flex:none;background:var(--c-green);color:#fffaf0;box-shadow:none;padding:7px 14px}.pp-game .join:disabled{opacity:.5}.pp-seats{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:1px}.pp-seat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:3px 4px}.pp-seat .dot{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 1px 2px #28180680}.pp-seat.free .dot{background:transparent;border:2px dashed var(--c);box-shadow:none}.pp-seat .nm{min-width:0;display:flex;align-items:baseline;gap:6px}.pp-seat .nm b{font:700 .92rem var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-seat .nm small{font:700 .72rem var(--body);color:#7a6450;white-space:nowrap}.pp-seat.free .nm b{color:#9b8870;font-weight:400}.pp-seat .st{font:700 .78rem var(--body);padding:2px 9px 3px;border-radius:999px;background:#e9dcc0;color:#7a6450;white-space:nowrap;transition:background .2s,color .2s}.pp-seat .st.ok{background:#cfe8a6;color:#2f5a14}.pp-seat .st.wait{background:#f7dc8e;color:#7a5410}.pp-seat.me .nm b{color:var(--c-blue)}.pp-on-links{display:flex;gap:6px}.pp-on-links .pp-btn{flex:1 1 auto}.pp-on-links .pp-btn.sm{flex:0 0 auto}.pp-on-links .pp-btn .pp-face{font:700 .84rem var(--body);padding:.5em .5em .55em;text-shadow:none;flex-direction:row;gap:.35em}.pp-on-links .pp-btn svg{width:1.2em;height:1.2em}.pp-on-links .pp-btn.sm .pp-face{padding-left:.7em;padding-right:.7em}.pp-on-room .pp-linkfallback{margin-top:8px}.pp-on-room #ppOnVis{margin-top:6px}.pp-on-room .pp-setrow{grid-template-columns:3em minmax(0,1fr);padding:2px;border-bottom:0}.pp-on-settings>.tab{pointer-events:auto;cursor:pointer}.pp-on-settings .tab .car{display:inline-block;margin-left:.5em;width:.45em;height:.45em;border-right:3px solid currentColor;border-bottom:3px solid currentColor;rotate:45deg;translate:0 -.12em;transition:rotate .22s var(--m-spring)}.pp-on-settings.open .tab .car{rotate:225deg;translate:0 .1em}.pp-on-settings .pp-sumline{display:block;padding:2px 4px 0;line-height:1.35;font:700 .84rem var(--body)}.pp-on-settings.open .pp-sumline{display:none}.pp-on-settings:not(.open) #ppOnSet,.pp-on-settings:not(.open) .pp-hostnote{display:none}.pp-on-settings .pp-hostnote{margin:4px 4px 0!important}.pp-note{position:relative;rotate:-.8deg}.pp-note .pp-face{padding:12px 14px;background:#fff3d6;background-image:var(--grain)}.pp-note p{margin:0;font:700 .88rem var(--body);line-height:1.4;color:var(--ink)}.pp-note.error .pp-face{background:#fde3d6;background-image:var(--grain);box-shadow:inset 4px 0 0 var(--c-red)}.pp-note.error p{color:#8f2a14}.pp-online .pp-lobby-status-wrap{justify-self:start;max-width:100%;rotate:-.6deg}.pp-online .pp-lobby-status{font-size:.84rem;line-height:1.3;padding:5px 12px 6px}.pp-online .pp-start{width:100%}.pp-online .pp-start .pp-face{font-size:clamp(1.4rem,2.2vw,1.9rem);padding:.26em .5em .32em}.pp-online .pp-wait-note{font-size:.84rem;padding:8px 12px}.pp-online.pp-show .pp-on-col>*{animation:pp-drop .56s var(--m-spring) backwards}.pp-online.pp-show .pp-on-col>*:nth-child(2){animation-delay:90ms}.pp-online.pp-show .pp-on-col>*:nth-child(3){animation-delay:.17s}.pp-online.pp-show .pp-on-col>*:nth-child(4){animation-delay:.25s}.pp-online.pp-show .pp-on-col>*:nth-child(5){animation-delay:.33s}#pick.sx-leaving .pp-online{transition:opacity .26s ease,translate .36s cubic-bezier(.55,0,.8,.3);opacity:0;translate:-60px 0;pointer-events:none}.rm-on .pp-online.pp-show .pp-on-col>*{animation:none}.rm-on #pick.sx-leaving .pp-online{translate:none}#pick[data-mode=online] #modeInfo{display:none}.sx-fight[hidden]{display:none!important}@media(max-aspect-ratio:17/20){#pick .pp-online{top:auto;height:min(42dvh,340px);overflow-y:auto;pointer-events:auto}.pp-on-col,.pp-on-col.right{position:static;width:auto;padding:14px 8px 8px;gap:20px;overflow:visible}.pp-on-col.right{padding-top:0}}.prf-avatar{--s: 44px;--fr: #fffaf0;position:relative;flex:none;display:grid;place-items:center;width:var(--s);height:var(--s);border-radius:50%;box-sizing:border-box;background:#efe3c8;border:3px solid var(--fr);box-shadow:0 2px 4px #28180666;overflow:visible}.prf-clip{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#efe3c8}.prf-clip img{width:100%;height:100%;object-fit:cover;transform:scale(2.35);transform-origin:50% 56%;pointer-events:none}.prf-avatar>b{font:400 calc(var(--s) * .5) var(--display);color:#7a6450}.prf-avatar.sm{--s: 38px}.prf-avatar.big{--s: 96px;border-width:5px}.prf-avatar.prf-frame-tape:before,.prf-avatar.prf-frame-tape:after{content:"";position:absolute;width:38%;height:18%;background:#f3c850cc;box-shadow:0 1px 1px #2818064d;top:-6%}.prf-avatar.prf-frame-tape:before{left:-10%;rotate:-38deg}.prf-avatar.prf-frame-tape:after{right:-10%;rotate:38deg}.prf-frame-stitched{--fr: #e8872b;border-style:dashed!important;outline:3px solid #fffaf0;outline-offset:-1px}.prf-frame-foil{border-color:transparent!important;background:linear-gradient(#efe3c8,#efe3c8) padding-box,linear-gradient(135deg,#fff3b0,#e3b04b 30%,#a87a1f,#f9d86c 80%,#fff3b0) border-box!important}.prf-frame-torn{border-radius:46% 54% 50% 50%/52% 46% 54% 48%!important;--fr: #fffaf0;border-style:double!important;border-width:6px}.prf-frame-scallop{--fr: #fffaf0;border-style:dotted!important;border-width:5px;outline:2px solid #d9c9a3;outline-offset:1px}.prf-frame-crayon{border-color:transparent!important;background:linear-gradient(#efe3c8,#efe3c8) padding-box,conic-gradient(#d4553a,#e8872b,#f3b82e,#5fae3e,#3a86c8,#7a4fb4,#d4553a) border-box!important}.prf-frame-holo{border-color:transparent!important;background:linear-gradient(#efe3c8,#efe3c8) padding-box,conic-gradient(from var(--a, 0deg),#ffd6f6,#b8f0ff,#d6ffb8,#fff3b0,#ffd6f6) border-box!important;animation:prf-holo 5s linear infinite}@property --a{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes prf-holo{to{--a: 360deg}}.rm-on .prf-frame-holo{animation:none}.prf-chip{all:unset;box-sizing:border-box;position:fixed;z-index:6;top:max(8px,env(safe-area-inset-top,0px));right:calc(max(8px,env(safe-area-inset-right,0px)) + 96px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 4px 4px rgba(45,28,8,.4));rotate:-1deg;transition:translate .2s var(--m-spring),rotate .2s var(--m-spring),scale .2s var(--m-spring);font-family:var(--body);color:var(--ink, #4a2b19);--ink: #4a2b19;--cream: #f7f0de;--m-spring: cubic-bezier(.34, 1.56, .64, 1);--c-gold: #f3b82e;--c-green: #5fae3e;--c-orange: #e8872b}.prf-chip[hidden]{display:none}.prf-chip-in{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;background:#f7f0de;background-image:var(--grain);clip-path:polygon(.5% 6%,20% 0,60% 4%,99% 0,100% 50%,99% 96%,60% 100%,20% 95%,0 92%,1% 50%)}.prf-chip-txt{display:grid;line-height:1.1;max-width:9.5em}.prf-chip-txt b{font:400 .95rem var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prf-chip-lv{display:flex;align-items:center;gap:6px;font:700 .72rem var(--body);color:#7a6450}@media(hover:hover){.prf-chip:hover{translate:0 -3px;rotate:1deg;scale:1.04}}.prf-chip:active{scale:1.03 .94}.prf-chip:focus-visible{outline:3px dashed #e3b04b;outline-offset:4px}.prf-dot{font:700 .7rem var(--body);background:#e7d9b9;border-radius:99px;padding:3px 7px;color:var(--ink)}.prf-dot.all{background:var(--c-green);color:#fff}@media(max-width:560px){.prf-chip-txt{max-width:6em}.prf-dot{display:none}.prf-chip{right:calc(max(8px,env(safe-area-inset-right,0px)) + 88px)}}.prf-bar{position:relative;height:10px;border-radius:99px;background:#d8c8a4;box-shadow:inset 0 1px 2px #3c240a4d;overflow:hidden;flex:1;min-width:40px}.prf-bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#e8872b,#f3b82e);transition:width .6s var(--m-out, ease)}.prf-bar.mini{height:6px;width:46px;flex:none}.prf-level{display:flex;align-items:center;gap:10px;margin:8px 0 4px}.prf-lv{font:400 1.05rem var(--display);white-space:nowrap}.prf-xp{font:700 .76rem var(--body);color:#7a6450;white-space:nowrap}.prf-modal{grid-template-columns:minmax(0,1fr)}.prf-sheet{width:min(720px,100%);min-width:0}.prf-sheet .pp-paper,.prf-sheet .pp-face{min-width:0}.prf-sheet .pp-face{padding:18px 18px 16px}.prf-tabs{display:flex;gap:6px;margin:0 40px 10px 0;flex-wrap:wrap}.prf-tab{flex:1 1 0;min-width:5.6em}.prf-tab small{font-weight:700;opacity:.7}.prf-body{min-width:0;min-height:300px;max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 6px 2px}.prf-body h3:first-child{margin-top:2px}.prf-card{background:#fffaf0;background-image:var(--grain);border-radius:10px;padding:12px 14px;box-shadow:0 2px #78542847,inset 0 0 0 1px #78542824}.prf-card-top{display:flex;gap:14px;align-items:center}.prf-who{display:grid;gap:3px;flex:1;min-width:0}.prf-namelab{font:700 .7rem var(--body);text-transform:uppercase;letter-spacing:.05em;color:#7a6450}.prf-name,.prf-email{all:unset;box-sizing:border-box;width:100%;font:400 1.35rem var(--display);color:var(--ink);background:#f3e6c4;border-radius:7px;padding:5px 10px;box-shadow:inset 0 1px 3px #3c240a4d;-webkit-user-select:text;user-select:text}.prf-email{font:400 1rem var(--body);flex:1}.prf-name:focus,.prf-email:focus{outline:3px dashed #a87a1f;outline-offset:2px}.prf-title{justify-self:start;font:700 .8rem var(--body);background:var(--c-green);color:#fff;border-radius:5px;padding:2px 9px 3px;rotate:-1deg}.prf-msg{min-height:1.2em;margin:0!important;font-size:.78rem!important}.prf-msg.warn{color:#a3402a}.prf-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;list-style:none;margin:8px 0 0;padding:0;text-align:center}.prf-stats b{display:block;font:400 1.15rem var(--display)}.prf-stats span{font:700 .66rem var(--body);text-transform:uppercase;letter-spacing:.04em;color:#7a6450}.prf-sync{margin:8px 0 0!important;font-size:.74rem!important}.prf-picks{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 8px}.prf-pick{all:unset;cursor:pointer;position:relative;flex:none;width:56px;height:56px;border-radius:50%;background:#efe3c8;box-shadow:0 2px #7854284d;transition:scale .14s var(--m-spring)}.prf-pick{position:relative}.prf-pick:hover{scale:1.08}.prf-pick.on{background:var(--c-gold);box-shadow:inset 0 0 0 3px #a87a1f}.prf-pick:focus-visible{outline:3px dashed #a87a1f;outline-offset:2px}.prf-later{margin:-4px 0 6px!important;font-size:.76rem!important}.prf-unlocks{display:flex;flex-wrap:wrap;gap:6px}.prf-unlock{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;background:#e9dcc0;font:700 .84rem var(--body);color:var(--ink);box-shadow:0 2px #7854284d;transition:translate .14s var(--m-spring)}.prf-unlock small{font-size:.7rem;opacity:.75}.prf-unlock:hover:not(:disabled){translate:0 -2px}.prf-unlock.on{background:var(--c-gold);box-shadow:inset 0 0 0 2px #a87a1f,0 2px #7854284d}.prf-unlock.locked{opacity:.55;cursor:default;background:#ddd2b8}.prf-unlock:focus-visible{outline:3px dashed #a87a1f;outline-offset:2px}.prf-sw{width:20px;height:20px;border-radius:50%;border:3px solid #fffaf0;box-sizing:border-box;background:#efe3c8;box-shadow:0 1px 2px #28180666}.prf-mail{display:flex;gap:6px;margin:4px 0}.prf-mail .pp-chip{flex:none;padding:9px 18px}.prf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px 6px}.prf-ach{all:unset;box-sizing:border-box;position:relative;cursor:pointer;display:grid;justify-items:center;gap:3px;padding:6px 2px 4px;border-radius:10px;text-align:center;transition:translate .16s var(--m-spring),background .12s}.prf-ach:hover{translate:0 -3px}.prf-ach.sel{background:#f3b82e66}.prf-ach:focus-visible{outline:3px dashed #a87a1f;outline-offset:2px}.prf-badge-img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(40,24,6,.4))}.prf-badge-img.sm{width:26px;height:26px}.prf-badge-img.grey{filter:grayscale(1) brightness(1.08) contrast(.85) opacity(.7)}.prf-ach.locked .prf-badge-img{filter:grayscale(1) brightness(1.1) contrast(.8) opacity(.55) drop-shadow(0 2px 2px rgba(40,24,6,.25))}.prf-ach b{font:700 .72rem var(--body);line-height:1.1;min-height:1.6em;display:grid;place-items:start center}.prf-ach.locked b{color:#8a7a62}.prf-q{position:absolute;top:22px;left:50%;translate:-50% 0;font:400 1.9rem var(--display);color:#fffaf0;text-shadow:0 2px 0 rgba(60,40,10,.7),0 0 6px rgba(60,40,10,.5);font-style:normal;pointer-events:none}.prf-detail{display:flex;gap:12px;align-items:center;margin-top:12px;padding:10px 12px;background:#fffaf0;border-radius:10px;box-shadow:inset 0 0 0 1px #7854282e;min-height:78px}.prf-detail .prf-badge-img{width:64px;height:64px;flex:none}.prf-detail p{margin:2px 0 0!important}.prf-detail.empty p{margin:0!important}.prf-rar{display:inline-block;font:700 .66rem var(--body);text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:4px;color:#fff;background:#8a7a62;vertical-align:middle}.prf-rar.uncommon{background:var(--c-green)}.prf-rar.rare{background:var(--c-blue, #3a86c8)}.prf-rar.epic{background:var(--c-purple, #7a4fb4)}.prf-tasks{list-style:none;margin:0;padding:0;display:grid;gap:8px}.prf-task{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:9px 12px;background:#fffaf0;border-radius:10px;box-shadow:inset 0 0 0 1px #7854282e}.prf-task b{font:400 1.02rem var(--display)}.prf-task small{font:700 .72rem var(--body);color:#7a6450}.prf-task .prf-bar{margin:4px 0 3px;height:8px}.prf-check{width:26px;height:26px;border-radius:50%;background:#e3d6b6;box-shadow:inset 0 1px 3px #3c240a4d;display:grid;place-items:center;font:700 1rem var(--body);color:#fff}.prf-task.done .prf-check{background:var(--c-green)}.prf-task.done b{text-decoration:line-through;text-decoration-thickness:2px;color:#7a6450}.prf-reward-xp{font:400 1rem var(--display);color:#b86a12;white-space:nowrap}.prf-bonus{margin-top:10px!important}.prf-bonus.got{color:#3f8f27!important;font-weight:700}.prf-reset{font-size:.8rem!important}.prf-subs{display:flex;gap:6px;margin-bottom:10px}.prf-rows{list-style:none;margin:0;padding:0;display:grid;gap:5px}.prf-row{display:grid;grid-template-columns:2.2em 38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:5px 10px 5px 6px;background:#fffaf0;background-image:var(--grain);border-radius:8px;box-shadow:0 2px #78542840,inset 0 0 0 1px #7854281f}.prf-row.me{box-shadow:0 2px #78542847,inset 0 0 0 2px var(--c-gold)}.prf-row:nth-child(1) .prf-rank{background:var(--c-gold);color:var(--ink)}.prf-row:nth-child(2) .prf-rank{background:#b8c0cc;color:var(--ink)}.prf-row:nth-child(3) .prf-rank{background:#d99a63;color:var(--ink)}.prf-rank{width:1.9em;height:1.9em;display:grid;place-items:center;border-radius:5px;font:400 1rem var(--display);background:#9a8a72;color:#fdf6e4;text-shadow:0 1px 0 rgba(0,0,0,.25)}.prf-rname{display:grid;min-width:0;line-height:1.12}.prf-rname b{font:400 1.02rem var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prf-rname small{font:700 .7rem var(--body);color:#7a6450}.prf-pts{text-align:right;display:grid}.prf-pts b{font:400 1.25rem var(--display);color:#b86a12;font-variant-numeric:tabular-nums}.prf-pts small{font:700 .68rem var(--body);color:#7a6450}.prf-meline{margin-top:8px!important;font-size:.9rem!important}.prf-note{margin-top:10px!important;font-size:.76rem!important}.prf-toasts{position:fixed;z-index:45;left:50%;translate:-50% 0;top:clamp(52px,10vh,96px);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:calc(100vw - 24px)}.prf-toast{display:flex;align-items:center;gap:10px;padding:8px 18px 9px 12px;background:#f7f0de;background-image:var(--grain);filter:drop-shadow(0 6px 5px rgba(45,28,8,.45));color:var(--ink);clip-path:polygon(.5% 8%,14% 0,50% 5%,86% 0,100% 10%,99.4% 52%,100% 92%,82% 100%,48% 95%,12% 100%,0 90%,.6% 50%);animation:prf-in .56s var(--m-spring) backwards}.prf-toast.out{animation:prf-out .32s var(--m-in) forwards}.prf-toast .prf-big{font:400 1.7rem var(--display);color:#c9710f;text-shadow:0 1px 0 rgba(255,255,255,.6);white-space:nowrap}.prf-toast.level .prf-big{color:var(--c-purple);font-size:2rem}.prf-toast span{font:700 .86rem var(--body)}.prf-toast .prf-tt{display:grid;line-height:1.15;max-width:22em}.prf-toast .prf-tt small{font:700 .64rem var(--body);text-transform:uppercase;letter-spacing:.07em;color:#7a6450}.prf-toast .prf-tt b{font:400 1.15rem var(--display)}.prf-toast .prf-tt em{font:400 .76rem var(--body);font-style:normal;color:#6a5340}.prf-toast .prf-badge-img{width:54px;height:54px;margin:-6px 0}.prf-toast.achievement{padding-right:14px}.prf-toast.task,.prf-toast.bonus{background-color:#e8f2dc}@keyframes prf-in{0%{transform:translateY(-34px) rotate(-5deg) scale(.8);opacity:0}40%{opacity:1}to{transform:none;opacity:1}}@keyframes prf-out{to{transform:translateY(-26px) scale(.94);opacity:0}}.rm-on .prf-toast{animation:prf-fade .3s ease backwards}.rm-on .prf-toast.out{animation:prf-fadeout .25s ease forwards}@keyframes prf-fade{0%{opacity:0}}@keyframes prf-fadeout{to{opacity:0}}.prf-reward{margin-top:10px;padding:8px 10px;background:#fff3cf;border-radius:8px;box-shadow:0 2px #78542847,inset 0 0 0 2px var(--c-gold)}.prf-reward-head{display:flex;align-items:baseline;gap:10px}.prf-reward .prf-plus{font:400 1.5rem var(--display);color:#c9710f}.prf-lvup{font:400 1.05rem var(--display);color:var(--c-purple);animation:prf-pulse 1s var(--m-spring) 1.2s backwards}@keyframes prf-pulse{0%{scale:.4;opacity:0}to{scale:1;opacity:1}}.prf-parts{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:1px 14px;grid-template-columns:1fr 1fr;font:700 .76rem var(--body)}.prf-parts li{display:flex;justify-content:space-between;align-items:center;gap:6px}.prf-parts b{color:#b86a12}.prf-parts li.ach{grid-column:1 / -1;justify-content:flex-start}.prf-parts li.ach b{margin-left:auto}.prf-parts li.task{grid-column:1 / -1}.prf-unls{margin-top:4px;display:flex;flex-wrap:wrap;gap:5px}.prf-unl{font:700 .72rem var(--body);background:var(--c-green);color:#fff;border-radius:4px;padding:2px 7px}.pp-result.dense .prf-parts{display:none}@media(max-aspect-ratio:17/20){.prf-parts{display:none}.prf-reward{margin-top:6px;padding:5px 8px}.prf-reward .prf-plus{font-size:1.15rem}.prf-parts li.ach,.prf-parts li.task{display:none}}@media(max-width:620px){.prf-sheet .pp-face{padding:16px 12px 12px}.prf-card-top{gap:10px}.prf-stats{grid-template-columns:repeat(3,1fr)}.prf-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.prf-badge-img{width:62px;height:62px}.prf-q{top:18px}.prf-toast .prf-tt{max-width:15em}.prf-toast .prf-tt em{display:none}.prf-toast{padding:5px 14px 6px 10px}.prf-toast .prf-badge-img{width:44px;height:44px}.prf-toast .prf-big{font-size:1.35rem}}.aim-hint{position:fixed;left:0;top:0;z-index:4;pointer-events:none;opacity:0;will-change:transform,opacity;transition:opacity .16s ease-out;filter:drop-shadow(0 1px 1px rgba(40,25,15,.35))}.aim-hint.on{opacity:.82}.aim-hint svg{display:block;overflow:visible}.aim-hint .ah-paper{fill:#f3ead8;stroke:#5a3a1c;stroke-width:2.2;stroke-linejoin:round}.aim-hint .ah-shadow{fill:#28190f2e}html.rm-on .aim-hint{transition:none}@media(prefers-reduced-motion:reduce){.aim-hint{transition:none}}#game{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.typebox{margin:14px 0 10px}.typebox label{display:block;font-weight:700;margin-bottom:6px}.tb-row{display:flex;gap:8px;flex-wrap:wrap}.tb-input{flex:1 1 260px;min-width:0;padding:10px 12px;border-radius:10px;border:2px solid var(--gold, #d9a441);background:var(--paper, #f4ead6);color:var(--ink, #2a2118);font:inherit}.tb-count{display:flex;justify-content:flex-end;align-items:baseline;gap:10px;margin-top:5px;font-size:.8rem;min-height:1.2em}.tb-count[hidden]{display:none}.tb-count .tb-note{opacity:.85;flex:1 1 auto;text-align:right}.tb-count .tb-n{font-variant-numeric:tabular-nums;opacity:.75;white-space:nowrap;flex:none}.tb-count.full .tb-n{color:#b5483a;opacity:1}.tb-pending{display:grid;gap:8px;margin-top:8px}.tb-card{display:flex;gap:14px;align-items:center;background:var(--paper, #f4ead6);color:var(--ink, #2a2118);border-radius:12px;padding:10px 12px;transition:opacity .28s ease,transform .28s ease}.tb-card.tb-leave{opacity:0;transform:scale(.97)}.tb-card.failed{outline:2px solid #b5483a}.tb-text{flex:1;display:grid;gap:3px;min-width:0}.tb-text strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-text span{font-size:.8rem;opacity:.8}.tb-bar{height:6px;border-radius:3px;background:#0000001f;overflow:hidden}.tb-bar div{height:100%;background:var(--gold, #d9a441);transition:width .6s ease}.tb-stage{position:relative;flex:none;width:216px;aspect-ratio:1;border-radius:12px;overflow:hidden;isolation:isolate;background:repeating-linear-gradient(90deg,rgba(0,0,0,.055) 0 2px,transparent 2px 9px),linear-gradient(170deg,#94643f,#6a4326);box-shadow:inset 0 0 0 2px #0000002e,inset 0 6px 14px #00000047}.tb-paper{position:absolute;background:#fbf6e8;border-radius:2px;box-shadow:0 3px 8px #00000061,0 0 0 1px #0000000f;z-index:1}.tb-sheet{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;user-select:none}.tb-scribble{position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s ease}.tb-scribble path{fill:none;stroke:#5b5047;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;animation:tb-draw 5.6s ease-in-out infinite both}.tb-has-sheet .tb-scribble,.tb-failed .tb-scribble{opacity:0}.tb-failed .tb-scribble path{animation-play-state:paused}@keyframes tb-draw{0%{stroke-dashoffset:1;opacity:1}20%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:0;opacity:1}95%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:1;opacity:0}}.tb-pencil{position:absolute;z-index:3;width:0;height:0;left:48%;top:19%;animation:tb-pencil 6.6s ease-in-out infinite;pointer-events:none}.tb-pencil i{position:absolute;left:-3.5px;bottom:0;width:7px;height:40px;transform-origin:50% 100%;transform:rotate(32deg);background:linear-gradient(90deg,#e6a92c,#f7cf5a 45%,#d18f1a);border-radius:1px 1px 0 0;box-shadow:1px 2px 3px #00000059;animation:tb-scrib .22s ease-in-out infinite alternate}.tb-pencil i:before{content:"";position:absolute;left:0;top:-5px;width:7px;height:5px;background:#e58a8a;border-radius:2px 2px 0 0}.tb-pencil i:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:7px solid #e8c88c;filter:drop-shadow(0 4px 0 #3a3530)}@keyframes tb-scrib{0%{transform:rotate(27deg) translate(-1.5px)}to{transform:rotate(37deg) translate(1.5px)}}@keyframes tb-pencil{0%{left:48.3%;top:19%}8.3%{left:56.9%;top:31.1%}16.6%{left:46.6%;top:41.4%}25%{left:60.3%;top:65.5%}33.3%{left:44.8%;top:68.9%}41.6%{left:39.7%;top:46.6%}50%{left:29.4%;top:62%}58.3%{left:58.6%;top:46.6%}66.6%{left:72.4%;top:62%}75%{left:56.9%;top:84.4%}83.3%{left:43.1%;top:82.7%}91.6%{left:50%;top:32.8%}to{left:48.3%;top:19%}}.tb-puppet{position:absolute;inset:0;z-index:2;transform-origin:50% 88%;pointer-events:none}.tb-part{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;user-select:none;-webkit-user-drag:none;will-change:transform}.tb-bob{animation:tb-bob 2.4s ease-in-out infinite;animation-delay:calc(var(--tb-d, 0s) * -1)}@keyframes tb-bob{50%{translate:0 -2.5px}}.tb-floor{position:absolute;border-radius:50%;opacity:0;background:radial-gradient(closest-side,#1e100680,#1e100600)}.tb-pin{position:absolute;width:7.4%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;background:radial-gradient(circle at 34% 30%,#fff6c4 0 14%,#efc85a 36%,#b07a1e 76%,#6c4812);box-shadow:0 1px 2px #0000008c,0 0 0 .5px #3c230599}.tb-card.failed .tb-stage{display:none}.tb-own{justify-self:start;padding:2px 8px;font-size:.72rem;font-style:normal;font-weight:700;color:#5b4a2a;background:#fff3b8;border-radius:2px;transform:rotate(-1.5deg);box-shadow:0 1px 2px #00000047}.tb-own[hidden]{display:none}.sx-own{justify-self:center;padding:0 6px;font:700 clamp(.5rem,.62vw,.6rem) / 1.4 var(--body, sans-serif);color:#5b4a2a;background:#fff3b8;border-radius:2px;transform:rotate(-2deg);box-shadow:0 1px 2px #0000004d;white-space:nowrap}@media(max-width:520px){.tb-card{flex-direction:column;align-items:stretch;gap:10px}.tb-stage{width:min(250px,72vw);align-self:center}.tb-text{text-align:center}.tb-own{justify-self:center}.tb-text strong{white-space:normal}}@media(prefers-reduced-motion:reduce){.tb-bar div{transition:none}.tb-scribble path{animation:none;stroke-dashoffset:0;opacity:1}.tb-pencil{display:none}.tb-bob{animation:none}.tb-card{transition:none}}