@font-face{font-family:Classic Console Neue;src:url(./ClassicConsoleNeue-CUz0UEI6.woff)format("woff");font-weight:400;font-style:normal;font-display:block}:root{--felt-dark:#0a2a4d;--panel:#1e2225;--panel-edge:#0b0d0e;--panel-hi:#3b4247;--ink:#f4f1e8;--ink-dim:#b9c9bf;--hp:#e8323a;--hp-dark:#8e141c;--hp-track:#2a0e12;--gold:#ffcf3a;--gold-dark:#7a5200;--rune:#5fe3ff;--enemy:#ff5a4a;--card:#f2f0ea;--card-edge:#c9c5bb;--card-ink:#1b1b1b;--font-pixel:"Classic Console Neue",ui-monospace,Menlo,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[hidden]{display:none!important}html,body{height:100%}body{background:var(--felt-dark);color:var(--ink);font-family:var(--font-pixel);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{background:var(--felt-dark);max-width:480px;height:100%;margin-inline:auto;position:relative;overflow:hidden}#bg,#fx{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:block;position:absolute;inset:0}#fx{z-index:4}#floats{z-index:5;pointer-events:none;position:absolute;inset:0}#app:after{content:"";z-index:6;pointer-events:none;background:repeating-linear-gradient(0deg,#00000012 0 1px,#0000 1px 3px);position:absolute;inset:0}#hud{z-index:3;pointer-events:none;flex-direction:column;gap:8px;padding-block:12px;padding-inline:16px;display:flex;position:absolute;inset:0}.board{pointer-events:auto;background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi),0 4px 0 #00000059;border-radius:10px;gap:6px;padding:8px;display:grid;position:relative}.board.me{touch-action:none}.row{grid-template-columns:repeat(7,1fr);gap:4px;display:grid;position:relative}.link{z-index:0;pointer-events:none;background:var(--beam,#ffcf3a);opacity:.9;height:76%;box-shadow:0 0 0 2px #0a0b0c,0 0 14px 4px var(--beam,#ffcf3a);border-radius:999px;animation:.6s steps(2,end) infinite beam;position:absolute;top:50%;transform:translateY(-50%)}@keyframes beam{50%{opacity:.6;box-shadow:0 0 0 2px #0a0b0c,0 0 24px 8px var(--beam,#ffcf3a)}}.stone{z-index:1;aspect-ratio:1;image-rendering:pixelated;background-size:100% 100%;transition:transform .1s steps(2,end);position:relative}.board.me .stone{cursor:pointer}.stone.sel{z-index:2;transform:translate(var(--pull,0px),-3px) scale(1.08);filter:drop-shadow(2px 0 0 #0a0b0c) drop-shadow(-2px 0 0 #0a0b0c) drop-shadow(0 0 6px var(--glow,#fff))}.stone.pair{z-index:2;transform:translate(var(--sx,0px),var(--sy,0px)) scale(.95);filter:drop-shadow(2px 0 0 var(--glow)) drop-shadow(-2px 0 0 var(--glow)) drop-shadow(0 2px 0 var(--glow)) drop-shadow(0 -2px 0 var(--glow))}.pairmark{z-index:6;width:32px;height:32px;box-shadow:0 0 0 2px var(--rune);pointer-events:none;background:#15181a;border:2px solid #0a0b0c;border-radius:8px;place-items:center;display:grid;position:absolute}.pairmark img{width:26px;height:24px;image-rendering:pixelated}.ghost{z-index:7;pointer-events:none;justify-items:center;animation:.5s steps(2,end) infinite bob;display:grid;position:absolute}.ghost .stone{width:30px;box-shadow:0 0 0 2px #0a0b0c,0 0 0 4px var(--gold);border-radius:50%}.ghost img{width:18px;height:14px;image-rendering:pixelated;margin-top:2px}@keyframes bob{50%{translate:0 -3px}}.stone.fly{z-index:8;transition:left .28s steps(7,end),top .28s steps(7,end),width .28s steps(7,end);position:absolute}.stone.born{animation:.4s steps(5,end) born}@keyframes born{0%{filter:brightness(3);transform:scale(1.45)}to{filter:none;transform:scale(1)}}.stone.fresh{animation:.3s steps(4,end) pop}@keyframes pop{0%{transform:scale(.25)}to{transform:scale(1)}}.status{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.timer{box-sizing:border-box;font-variant-numeric:tabular-nums;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;justify-self:start;align-items:center;height:36px;padding:0 8px;font-size:24px;font-weight:400;line-height:24px;transition:opacity .2s;display:flex;box-shadow:inset 0 0 0 2px #2b3135}.timer.idle{opacity:.45}.timer.low{color:var(--enemy)}.next{background:#0a0c0e8c;border:2px solid #0006;border-radius:8px;justify-self:center;gap:3px;padding:4px;display:grid}.next .stone{width:42px}.pips{justify-self:end;gap:9px;padding-right:6px;display:flex}.pip{background:#2a2f33;border:2px solid #0b0d0e;width:15px;height:15px;transform:rotate(45deg);box-shadow:inset 2px 2px #4a5257}.pips.on .pip{background:var(--gold);box-shadow:inset 2px 2px #fff0a8,inset -2px -2px #c58a10}.pips.on .pip.bonus{background:#ff8a3a;box-shadow:inset 2px 2px #ffd0a0,inset -2px -2px #b8400e}.pips.on .pip.used{background:#2a2f33;box-shadow:inset 2px 2px #4a5257}.field{flex:1;min-height:0;position:relative;container-type:size}.cards{justify-content:center;align-items:center;gap:26cqw;display:flex;position:absolute;inset:0}.slot{width:min(33cqw,66.6667cqh - 84px);position:relative;container-type:inline-size}.card{background:var(--card);border:3px solid var(--card-edge);border-radius:6px;padding:6% 6% 0;transition:box-shadow .2s;position:relative;box-shadow:0 0 0 2px #22262a,5px 6px #00000059}.slot.active .card{box-shadow:0 0 0 2px #22262a,0 0 0 6px var(--gold),5px 6px 0 #00000059}.art{background:#000;position:relative;overflow:hidden}.art img{aspect-ratio:264/348;width:100%;image-rendering:pixelated;display:block}.name{color:var(--card-ink);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding-block:5% 6%;font-size:16px;font-weight:400;line-height:1.1;overflow:hidden}.flash{opacity:0;pointer-events:none;background:#ff2a2a;position:absolute;inset:0}.card.hit{animation:.32s steps(6,end) shake}.card.hit .flash{animation:.32s steps(3,end) flash}.card.healed .flash{background:#6aff7a;animation:.4s steps(3,end) flash}.card.blocked .flash{background:var(--rune);animation:.3s steps(3,end) flash}.card.hit.t0{animation:.24s steps(4,end) shakeS}.card.hit.t2{animation:.42s steps(7,end) shakeL}.card.hit.t2 .flash{animation:.42s steps(4,end) flashL}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}to{transform:translate(0)}}@keyframes shakeS{0%,to{transform:translate(0)}33%{transform:translate(-3px,1px)}66%{transform:translate(2px,-1px)}}@keyframes shakeL{0%,to{transform:translate(0)}15%{transform:translate(-9px,3px)scale(1.03)}30%{transform:translate(8px,-4px)}50%{transform:translate(-6px,3px)}70%{transform:translate(4px,-2px)}85%{transform:translate(-2px,1px)}}@keyframes flash{0%{opacity:.6}to{opacity:0}}@keyframes flashL{0%{opacity:.85;background:#fff}25%{opacity:.7}to{opacity:0}}.slot.ko .art img{animation:.5s steps(5,end) forwards ko}.slot.ko .name{color:#77756f}.op-offline{z-index:1;color:#ff8a3a;background:#15181a;border:2px solid #0a0b0c;border-radius:4px;place-items:center;width:24px;height:24px;animation:1.4s steps(2,end) infinite hpLow;display:grid;position:absolute;top:9%;right:9%}.op-offline svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:14px;height:14px}.slot.offline:not(.ko) .art img{filter:grayscale(.8)brightness(.7)}@keyframes ko{to{filter:grayscale()brightness(.45);transform:scale(1.14)}}.hpbox{background:#15181a;border:2px solid #0a0b0c;border-radius:6px;align-items:center;gap:6px;margin-top:28px;padding:4px 7px;display:flex;box-shadow:0 3px #00000059}.slot.op .hpbox{flex-direction:row-reverse}.bar{background:var(--hp-track);border:2px solid #0a0b0c;border-radius:3px;flex:1;min-width:0;height:12px;position:relative;overflow:hidden}.bar i{background:linear-gradient(var(--hp) 0 55%,var(--hp-dark) 55%);width:100%;height:100%;transition:width .2s steps(4,end);display:block;position:relative;box-shadow:inset 0 2px #ffffff59}.bar .lag{background:#fff3dc;width:100%;transition:width .3s steps(6,end);position:absolute;top:0;bottom:0;left:0}.slot.low .bar i{animation:.7s steps(2,end) infinite hpLow}.slot.low .hpnum{color:#ff8a3a}@keyframes hpLow{50%{filter:brightness(1.8)}}.hpnum{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:400}.badges{flex-wrap:wrap;justify-content:center;gap:4px;min-height:24px;margin-top:6px;display:flex}@container (width<=90px){.hpbox,.badges{margin-inline:calc(50cqw - 54px)}.name{font-size:12px}}.badge{background:#15181a;border:2px solid #0a0b0c;border-radius:4px;align-items:center;gap:3px;padding:1px 6px 2px 3px;font-size:16px;font-weight:400;display:flex;position:relative}.badge img{width:18px;height:18px;image-rendering:pixelated}.badge b{font-weight:400}.badge.in{animation:.3s steps(4,end) badgeIn}.badge.pop{animation:.3s steps(4,end) badgePop}.badge.out{animation:.22s steps(3,end) forwards badgeOut}@keyframes badgeIn{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes badgePop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes badgeOut{to{opacity:0;transform:scale(.4)}}.badge .delta{pointer-events:none;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;font-size:16px;font-style:normal;animation:.9s steps(9,end) forwards delta;position:absolute;top:-15px;right:-8px}.badge .delta.down{color:#ff8a80}.badge .delta.up{color:#7dff8f}@keyframes delta{0%{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-10px)}}#toast{z-index:2;text-align:center;color:var(--gold);text-shadow:3px 3px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;opacity:0;pointer-events:none;font-size:32px;font-weight:400;position:absolute;top:40%;left:0;right:0}#toast.show{animation:1.3s steps(12,end) forwards toast}@keyframes toast{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.1)}70%{opacity:1;transform:scale(1)}to{opacity:0}}.float{white-space:nowrap;text-shadow:3px 3px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;font-size:32px;font-weight:400;animation:1.15s steps(14,end) forwards rise;position:absolute;transform:translate(-50%,-50%)}.float.dmg{color:#ff5a55}.float.heal{color:#7dff8f}.float.block{color:var(--rune)}.float.info{color:var(--gold);font-size:16px}.float.cast{color:#fff;font-size:16px}.float.dmg.t0,.float.heal.t0{font-size:24px}.float.dmg.t2,.float.heal.t2{font-size:48px}.float.info.t2{font-size:24px}.float.cast.t2{color:var(--gold)}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-180%)}}#end{z-index:7;background:#06100bbf;place-items:center;display:grid;position:absolute;inset:0}#end div{background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi);border-radius:10px;justify-items:center;gap:14px;padding:22px 28px;display:grid}#end h2{color:var(--gold);text-shadow:3px 3px #000;margin:0;font-size:32px}#end p{color:var(--ink-dim);margin:0;font-size:16px}#end button{font:400 16px var(--font-pixel);color:#1a1200;cursor:pointer;background:var(--gold);border:2px solid #0a0b0c;border-radius:6px;padding:8px 20px 10px;box-shadow:inset 2px 2px #fff0a8,inset -2px -3px #c58a10,0 4px #0006}#end button:focus-visible{outline:3px solid var(--rune);outline-offset:3px}#status-me{position:relative}.castbar{z-index:8;pointer-events:auto;background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi),0 4px 0 #00000059;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;animation:.2s steps(3,end) barIn;display:flex;position:absolute;inset:-6px 0}@keyframes barIn{0%{opacity:0;transform:translateY(8px)}}.castbar img{width:48px;height:48px;image-rendering:pixelated;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;flex:none}.castbar .txt{flex:1;gap:3px;min-width:0;display:grid}.castbar b{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;overflow:hidden}.castbar .txt span{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.castbar button{cursor:pointer;border:2px solid #0a0b0c;border-radius:8px;flex:none;place-items:center;width:46px;height:46px;padding:0;display:grid}.castbar button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:square;shape-rendering:crispedges;width:24px;height:24px}.castbar button:focus-visible{outline:3px solid var(--rune);outline-offset:2px}.cb-ok{color:#0b2a10;background:#3fbf4a;box-shadow:inset 2px 2px #a8f08a,inset -2px -3px #1f7a2c}.cb-no{color:#2a0508;background:#e8323a;box-shadow:inset 2px 2px #ff9a90,inset -2px -3px #8e141c}.board.me.nope{animation:.3s steps(5,end) nope}@keyframes nope{0%,to{translate:0}20%{translate:-6px}40%{translate:5px}60%{translate:-4px}80%{translate:2px}}#app.reduce-shake .card.hit{animation-name:shakeS}#app.reduce-flash .card .flash{animation-name:flashSoft;animation-timing-function:ease-out}#app.reduce-flash #toast.show{animation-name:toastSoft}@keyframes flashSoft{0%{opacity:.22}to{opacity:0}}@keyframes toastSoft{0%{opacity:0}15%,70%{opacity:1}to{opacity:0}}#app.reduce-flash .slot.low .bar i{background:linear-gradient(#ff8a3a 0 55%,#b8400e 55%);animation:none}#app.reduce-flash .op-offline{animation:none}#app.reduce-flash .slot.ko .art img,#app.reduce-shake .slot.ko .art img{filter:grayscale()brightness(.45);animation:none}#app.reduce-shake .board.me.nope{animation-name:nopeS;animation-duration:.2s}@keyframes nopeS{0%,to{translate:0}50%{translate:-3px}}@media (prefers-reduced-motion:reduce){.card.hit,.card.hit.t0,.card.hit.t2,.stone.fresh,#toast.show,.board.me.nope{animation-duration:10ms}.link,.ghost{animation:none}.slot.low .bar i{background:linear-gradient(#ff8a3a 0 55%,#b8400e 55%);animation:none}.slot.ko .art img{filter:grayscale()brightness(.45);animation:none}.op-offline{animation:none}.badge.in,.badge.pop,.badge.out{animation-duration:10ms}}:root{--safe-top:max(env(safe-area-inset-top,0px),calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px)));--safe-bottom:max(env(safe-area-inset-bottom,0px),calc(var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,0px)))}#hud{padding-block:calc(12px + var(--safe-top)) calc(12px + var(--safe-bottom))}.status .left{justify-self:start;align-items:center;gap:8px;display:flex}.iconbtn{cursor:pointer;width:36px;height:36px;color:var(--ink);pointer-events:auto;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;place-items:center;padding:0;display:grid;box-shadow:inset 0 0 0 2px #2b3135}.iconbtn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:square;shape-rendering:crispedges;width:16px;height:16px}.iconbtn:focus-visible,.btn:focus-visible{outline:3px solid var(--rune);outline-offset:2px}.iconbtn.corner{top:calc(14px + var(--safe-top));position:absolute;right:16px}.sound-toggle .spk{fill:currentColor;stroke:none}.sound-toggle.muted .on,.sound-toggle:not(.muted) .off{display:none}.stone.consume{opacity:0;transition:transform .24s steps(4,end),opacity .24s steps(4,end);transform:translate(var(--pull,0px),-6px) scale(.3)!important}.screen{z-index:20;padding-inline:24px;padding-block:calc(24px + var(--safe-top)) calc(24px + var(--safe-bottom));flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,4vh,34px);display:flex;position:absolute;inset:0}.screen.overlay{z-index:30;background:#06100bc7}.logo{text-align:center;justify-items:center;line-height:.9;display:grid}.logo-top{color:var(--ink);letter-spacing:.3em;text-transform:uppercase;text-shadow:3px 3px #000;font-size:32px}.logo h1{color:var(--gold);letter-spacing:.04em;text-transform:uppercase;text-shadow:4px 4px #3a2604,-2px -2px #000,2px -2px #000,-2px 2px #000,6px 8px #00000059;margin:0;font-size:64px;font-weight:400}.cycle{aspect-ratio:1;width:min(62vw,240px);position:relative}.cycle:before{content:"";border:3px dashed #ffcf3a59;border-radius:50%;position:absolute;inset:14%}.cycle .stone{width:30%;animation:1.2s steps(2,end) infinite hover;position:absolute;transform:translate(-50%,-50%)}@keyframes hover{50%{translate:0 -4px}}.menu-buttons{gap:12px;width:min(100%,300px);display:grid}.btn{font:400 16px var(--font-pixel);color:var(--ink);cursor:pointer;background:#2a2f33;border:3px solid #0a0b0c;border-radius:8px;padding:12px 18px 14px;box-shadow:inset 3px 3px #4a5257,inset -3px -4px #15181a,0 5px #0006}.btn.primary{color:#1a1200;background:var(--gold);box-shadow:inset 3px 3px #fff0a8,inset -3px -4px #c58a10,0 5px #0006}.btn:active{transform:translateY(3px)}.panel,.sheet,.menu-buttons,.castbar{box-sizing:border-box}.panel{text-align:center;background:var(--panel);border:3px solid var(--panel-edge);width:min(100%,340px);box-shadow:inset 0 0 0 2px var(--panel-hi),0 6px 0 #0006;border-radius:12px;justify-items:center;gap:12px;padding:22px 24px;display:grid}.panel h2{color:var(--ink);text-shadow:3px 3px #000;margin:0;font-size:32px;font-weight:400}#result.win .panel h2{color:var(--gold)}.res-sub{color:var(--ink);margin:0;font-size:16px}.res-stats{color:var(--ink-dim);margin:0 0 6px;font-size:16px}.sheet{background:var(--panel);border:3px solid var(--panel-edge);width:min(100%,420px);max-height:100%;box-shadow:inset 0 0 0 2px var(--panel-hi);border-radius:12px;flex-direction:column;display:flex}.sheet-head{border-bottom:2px solid #0a0b0c;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.sheet-head h2{color:var(--gold);margin:0;font-size:32px;font-weight:400}.sheet-body{touch-action:pan-y;-webkit-user-select:text;user-select:text;padding:4px 16px 16px;font-size:16px;line-height:1.35;overflow-y:auto}.sheet-body h3{color:var(--gold);margin:16px 0 8px;font-size:16px;font-weight:400}.sheet-body b{color:var(--gold);font-weight:400}.plain{gap:6px;margin:0;padding-left:18px;display:grid}.rules-note{margin:0 0 10px}.cycle-line{text-align:center;color:var(--ink);background:#15181a;border-radius:6px;margin:12px 0 0;padding:6px 10px}.spells{gap:8px;margin:0;padding:0;list-style:none;display:grid}.spells li{align-items:center;gap:10px;display:flex}.spells img{width:36px;height:36px;image-rendering:pixelated;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;flex:none}.spells div{gap:1px;min-width:0;display:grid}.spells span{color:var(--ink-dim);font-size:16px}@media (prefers-reduced-motion:reduce){.cycle .stone{animation:none}}.btn,#end button{letter-spacing:1px;text-shadow:1px 0;padding-top:13px;padding-bottom:15px;font-size:24px;line-height:1}.screen.overlay{background:#040c1acc}.px-icon{width:24px;height:24px;image-rendering:pixelated;object-fit:contain;vertical-align:middle;flex:none}.px-icon.big{width:32px;height:32px}.muted{color:var(--ink-dim);margin:0;font-size:16px;line-height:1.4}.center{text-align:center}.boot{background:var(--felt-dark);gap:16px}.boot-logo{width:144px;height:144px;image-rendering:pixelated;animation:1.2s steps(2,end) infinite bootbob}@keyframes bootbob{50%{transform:translateY(-6px)}}.boot-title{color:var(--ink);letter-spacing:.12em;text-shadow:4px 4px #000;margin:0;font-size:64px}.boot-status{color:var(--ink-dim);text-align:center;max-width:300px;margin:0;font-size:16px}.onboard{background:var(--felt-dark)}.ob-card{box-sizing:border-box;text-align:center;background:var(--panel);border:3px solid var(--panel-edge);width:min(100%,340px);box-shadow:inset 0 0 0 2px var(--panel-hi),0 6px 0 #0006;border-radius:12px;justify-items:center;gap:10px;padding:22px 22px 24px;display:grid}.ob-avatar{width:96px;height:96px;box-shadow:0 0 0 3px var(--gold);image-rendering:pixelated;border:3px solid #0a0b0c;border-radius:12px}.ob-card h2{color:var(--gold);text-shadow:3px 3px #000;text-wrap:balance;margin:6px 0 0;font-size:32px;font-weight:400;line-height:1}.ob-hello{color:var(--ink);margin:0;font-size:16px;line-height:1.35}.ob-label{color:var(--ink-dim);justify-self:start;margin-top:6px;font-size:16px}#ob-nick{box-sizing:border-box;width:100%;font:400 32px var(--font-pixel);color:var(--ink);-webkit-user-select:text;user-select:text;touch-action:auto;caret-color:var(--gold);background:#0e1114;border:3px solid #0a0b0c;border-radius:8px;outline:none;padding:8px 10px;box-shadow:inset 0 0 0 2px #2b3135}#ob-nick:focus{box-shadow:inset 0 0 0 2px var(--rune)}.ob-note{color:var(--ink-dim);text-align:left;justify-self:start;margin:0;font-size:16px}.ob-note.bad{color:var(--enemy)}.ob-warn{color:var(--gold);margin:0;font-size:16px;line-height:1.35}.ob-card .btn{width:100%;margin-top:6px}.btn:disabled{opacity:.5;cursor:default;transform:none}.shell{background:0 0;justify-content:stretch;align-items:stretch;gap:0;padding:0}.topbar{padding:calc(10px + var(--safe-top)) 12px 10px;background:linear-gradient(#0b1e36f2,#0b1e36d0);border-bottom:3px solid #06101d;align-items:center;gap:8px;display:flex;box-shadow:0 3px #00000040}.tb-player{min-width:0;color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.tb-avatar{width:40px;height:40px;box-shadow:0 0 0 2px var(--gold);image-rendering:pixelated;border:2px solid #0a0b0c;border-radius:8px;flex:none}.tb-who{min-width:0;display:grid}.tb-who b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;overflow:hidden}.tb-lvl{color:var(--gold);font-size:16px}.tb-lvl i{font-style:normal}.tb-player{position:relative}.tb-wallet{gap:6px;display:flex}.chip{box-sizing:border-box;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;align-items:center;gap:4px;height:32px;padding:0 8px 0 4px;font-size:16px;display:flex;box-shadow:inset 0 0 0 2px #2b3135}.chip b{font-weight:400}.chip .px-icon{width:20px;height:20px}@media (max-width:359px){.topbar{gap:6px;padding-inline:8px}.tb-player{container-type:inline-size}.tb-wallet{gap:4px}.chip{gap:2px;padding:0 5px 0 3px}.tb-who{position:static}.tb-lvl-pre{display:none}.tb-lvl{box-sizing:border-box;text-align:center;color:#1a1200;background:var(--gold);border:2px solid #0a0b0c;border-radius:5px;min-width:18px;padding:0 3px;font-size:16px;line-height:16px;position:absolute;bottom:-6px;left:28px}}@container (width<=84px){.tb-who b{display:none}}.tabs{flex:1;min-height:0;position:relative}.tab{overscroll-behavior:contain;touch-action:pan-y;padding:14px 16px calc(120px + var(--safe-bottom));flex-direction:column;gap:12px;display:flex;position:absolute;inset:0;overflow-y:auto}.tab-title{color:var(--gold);text-shadow:3px 3px #000;margin:4px 0 2px;font-size:32px;font-weight:400;line-height:1}.sec-title{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin:10px 0 0;font-size:16px;font-weight:400}.tabbar{z-index:2;padding:0 4px var(--safe-bottom);height:calc(64px + var(--safe-bottom));box-sizing:border-box;background:#15181a;border-top:3px solid #0a0b0c;grid-template-columns:repeat(5,1fr);align-items:stretch;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 2px #2b3135,0 -4px #00000040}.tb-btn{min-width:0;height:auto;color:var(--ink-dim);font:400 16px var(--font-pixel);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.tb-btn .px-icon{width:28px;height:28px;transition:transform .1s steps(2,end)}.tb-btn:not(.tb-play):active .px-icon{transform:translateY(2px)}.tb-btn:not(.tb-play):after{content:"";background:var(--gold);opacity:0;border-radius:0 0 3px 3px;width:28px;height:4px;transition:opacity .1s steps(2,end);position:absolute;top:0;left:50%;transform:translate(-50%)}.tb-btn.on:not(.tb-play):after{opacity:1}.tb-btn:focus-visible{outline:3px solid var(--rune);outline-offset:-3px;border-radius:8px}.tb-play{position:relative}.tb-orb{filter:drop-shadow(0 5px #0006);border-radius:50%;place-items:center;width:60px;height:60px;transition:transform .1s steps(2,end),filter .1s steps(2,end);display:grid;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.tb-orb img{width:60px;height:60px;image-rendering:pixelated;display:block}.tb-play.on .tb-orb{filter:drop-shadow(0 5px #0006)drop-shadow(0 0 10px #ffcf3a80)}.tb-play:active .tb-orb{filter:drop-shadow(0 2px #0006);transform:translate(-50%)translateY(3px)}.tb-play:focus-visible{outline:none}.tb-play:focus-visible .tb-orb{outline:3px solid var(--rune);outline-offset:3px}@media (prefers-reduced-motion:reduce){.tb-orb{transition:none}}.snack{left:50%;bottom:calc(96px + var(--safe-bottom));z-index:40;box-sizing:border-box;max-width:calc(100% - 32px);box-shadow:inset 0 0 0 2px var(--gold),0 4px 0 #0006;text-align:center;opacity:0;pointer-events:none;background:#15181a;border:2px solid #0a0b0c;border-radius:8px;padding:10px 14px;font-size:16px;transition:opacity .15s steps(3,end),transform .15s steps(3,end);position:absolute;transform:translate(-50%,16px)}.snack.on{opacity:1;transform:translate(-50%)}.tab[data-tab=play]{justify-content:safe center;align-items:center}.tab[data-tab=play] .tab-title{text-align:center}.games{gap:12px;width:100%;max-width:360px;display:grid}.game-card{width:100%;min-width:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--panel);box-shadow:inset 3px 3px 0 var(--panel-hi),inset -3px -4px 0 #15181a,0 5px 0 #00000073;border:3px solid #0a0b0c;border-radius:10px;grid-template-columns:72px 1fr 18px;align-items:center;gap:12px;padding:10px 14px 12px 10px;transition:transform 80ms steps(2,end);display:grid}.game-card:active{transform:translateY(3px)}.game-card:focus-visible{outline:3px solid var(--rune);outline-offset:3px}.gc-icon{box-sizing:border-box;background:#15181a;border:2px solid #0a0b0c;border-radius:8px;place-items:center;width:72px;height:72px;display:grid;box-shadow:inset 0 3px #0b0d0e}.gc-icon img{-webkit-user-drag:none;width:60px;height:60px;display:block}.gc-text{gap:4px;min-width:0;display:grid}.gc-title{text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:400;line-height:1.1;overflow:hidden}.gc-tag{color:var(--ink-dim);font-size:16px;line-height:1.25}.gc-go{color:var(--gold);font-size:24px;font-style:normal;line-height:1}.game-card.locked{cursor:default;color:#c9d3df}.game-card.locked:active{transform:none}.game-card.locked .gc-icon img{filter:saturate(.6)brightness(.8)}.gc-lock{place-items:center;width:24px;display:grid}.gc-lock .px-icon{width:24px;height:24px}@media (prefers-reduced-motion:reduce){.game-card{transition:none}}.games .play-learn{margin-top:8px}.tab[data-tab=play].learn{justify-content:flex-start;align-items:stretch}.tab[data-tab=play].learn .tab-title{text-align:left}.pf-head{text-align:center;justify-items:center;gap:6px;padding-top:6px;display:grid}.pf-avatar{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:112px;height:112px;padding:0;position:relative}.pf-avatar:active{transform:translateY(2px)}.pf-avatar:focus-visible{outline:3px solid var(--rune);outline-offset:6px;border-radius:14px}.pf-avatar img{width:100%;height:100%;box-shadow:0 0 0 4px var(--gold),0 6px 0 4px #0000004d;image-rendering:pixelated;box-sizing:border-box;border:3px solid #0a0b0c;border-radius:14px}.pf-level{box-sizing:border-box;color:#1a1200;background:var(--gold);border:3px solid #0a0b0c;border-radius:8px;place-items:center;min-width:40px;height:40px;padding:0 6px;font-size:24px;font-style:normal;display:grid;position:absolute;bottom:-10px;right:-12px;box-shadow:inset 2px 2px #fff0a8,inset -2px -3px #c58a10}.pf-name{color:var(--ink);text-shadow:3px 3px #000;word-break:break-all;margin:12px 0 0;font-size:32px;font-weight:400;line-height:1}.pf-rank{color:var(--gold);margin:0;font-size:16px}.pf-rank .px-icon{width:20px;height:20px;margin-left:2px}.xp{background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi);border-radius:10px;gap:8px;padding:12px;display:grid}.xp-top{justify-content:space-between;font-size:16px;display:flex}.xp-top span:first-child{color:var(--gold)}.xp-bar{background:#0e1114;border:2px solid #0a0b0c;border-radius:4px;height:16px;overflow:hidden}.xp-bar i{background:repeating-linear-gradient(90deg,#5fe3ff 0 6px,#3ab8e0 6px 8px);height:100%;display:block;box-shadow:inset 0 3px #ffffff59}.wallet-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wallet-row span{background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi);border-radius:10px;justify-items:center;gap:2px;padding:10px 4px;display:grid}.wallet-row b{font-size:24px;font-weight:400}.wallet-row small{color:var(--ink-dim);font-size:16px}.wallet-row .px-icon{width:32px;height:32px}.stat-card{background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi);border-radius:10px;gap:10px;padding:12px;display:grid}.stat-card.locked{opacity:.55}.sc-head{justify-content:space-between;align-items:center;display:flex}.sc-head b{color:var(--gold);font-size:24px;font-weight:400}.sc-head span{align-items:center;gap:4px;font-size:16px;display:flex}.sc-head .px-icon{width:20px;height:20px}.sc-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sc-grid span{color:var(--ink-dim);text-align:center;background:#15181a;border-radius:6px;justify-items:center;padding:6px 2px;font-size:16px;display:grid}.sc-grid b{color:var(--ink);font-size:24px;font-weight:400}.list-row{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi),0 4px 0 #0000004d;border-radius:10px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.list-row .px-icon{width:32px;height:32px}.list-row span{gap:2px;display:grid}.list-row b{color:var(--gold);font-size:16px;font-weight:400}.list-row small{color:var(--ink-dim);font-size:16px}.list-row i{color:var(--gold);font-size:32px;font-style:normal}.list-row.locked{cursor:default;opacity:.55}.list-row.locked>.px-icon:last-child{width:24px;height:24px}.list-row:not(.locked):active{transform:translateY(3px)}.list-row .learn-game{image-rendering:auto;filter:drop-shadow(0 2px #00000059)}.learn-back{width:max-content;font:400 16px var(--font-pixel);color:var(--ink);cursor:pointer;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;place-self:flex-start start;align-items:center;gap:6px;margin:0 0 -4px;padding:6px 12px 7px 8px;display:inline-flex;box-shadow:inset 0 0 0 2px #2b3135}.learn-back i{color:var(--gold);font-size:24px;font-style:normal;line-height:16px}.learn-back:active{transform:translateY(2px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{font:400 16px var(--font-pixel);color:var(--ink-dim);cursor:pointer;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;padding:6px 12px;box-shadow:inset 0 0 0 2px #2b3135}.chip-btn.on{color:#1a1200;background:var(--gold);box-shadow:inset 2px 2px #fff0a8,inset -2px -2px #c58a10}.board-list{gap:6px;display:grid}.lb-row{background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi);border-radius:8px;grid-template-columns:36px 36px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.lb-row.me{box-shadow:inset 0 0 0 2px var(--rune)}.lb-place{width:32px;height:32px;color:var(--ink-dim);background:#15181a;border-radius:6px;place-items:center;font-size:16px;font-style:normal;display:grid}.lb-place.long{letter-spacing:-.02em;font-size:12px}.lb-gap{text-align:center;color:var(--ink-dim);font-size:18px;line-height:12px}.lb-row.top1 .lb-place{background:var(--gold);color:#1a1200}.lb-row.top2 .lb-place{color:#1a1d22;background:#dfe5ec}.lb-row.top3 .lb-place{color:#1a0e06;background:#e0904a}.lb-avatar{width:36px;height:36px;image-rendering:pixelated;box-sizing:border-box;border:2px solid #0a0b0c;border-radius:6px}.lb-name{min-width:0;display:grid}.lb-name b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;overflow:hidden}.lb-name small{color:var(--ink-dim);font-size:16px}.lb-cups{color:var(--gold);align-items:center;gap:4px;font-size:16px;display:flex}.lb-cups .px-icon{width:20px;height:20px}.tour-card{background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi),0 5px 0 #00000059;border-radius:12px;gap:12px;padding:12px;display:grid}.tc-head{grid-template-columns:36px 1fr auto;align-items:center;gap:10px;display:grid}.tc-head span{gap:2px;min-width:0;display:grid}.tc-head b{color:var(--gold);font-size:24px;font-weight:400;line-height:1}.tc-head small{color:var(--ink-dim);font-size:16px}.pill{color:var(--rune);white-space:nowrap;background:#0a2a4d;border:2px solid #0a0b0c;border-radius:6px;padding:4px 8px;font-size:16px;font-style:normal}.tc-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tc-grid span{text-align:center;background:#15181a;border-radius:6px;justify-items:center;gap:2px;padding:6px 2px;display:grid}.tc-grid small{color:var(--ink-dim);font-size:16px}.tc-grid b{align-items:center;gap:4px;font-size:16px;font-weight:400;display:flex}.tc-grid .px-icon{width:20px;height:20px}.btn-soon{opacity:.8;position:relative}.btn-soon small{letter-spacing:0;text-shadow:none;color:#1a1200;background:var(--rune);border:2px solid #0a0b0c;border-radius:5px;padding:2px 6px;font-size:16px;position:absolute;top:-10px;right:-8px;transform:rotate(4deg)}.hub{background:0 0}.hub .logo h1{letter-spacing:.08em;font-size:32px}@media (min-width:430px){.hub .logo h1{letter-spacing:.02em;font-size:64px}}.hub .logo-top{letter-spacing:.4em;font-size:16px}.hub-stats{color:var(--ink-dim);text-align:center;text-wrap:balance;margin:0;font-size:16px}#find-match.btn-soon{opacity:1}.train-unit{display:grid}.train-unit>.btn{z-index:1;border-radius:8px 8px 0 0;position:relative;box-shadow:inset 3px 3px #4a5257,inset -3px -4px #15181a}.train-unit>.btn:active{transform:translateY(2px)}.bot-pick{width:100%;min-height:40px;font:400 16px/1 var(--font-pixel);color:var(--ink-dim);text-align:left;cursor:pointer;background:#1c2023;border:3px solid #0a0b0c;border-radius:0 0 8px 8px;align-items:center;gap:6px;margin-top:-3px;padding:7px 10px 8px 12px;display:flex;position:relative;box-shadow:inset 0 3px #111416,inset 3px 0 #2b3135,inset -3px -3px #121517,0 5px #0006}.bot-pick:active{transform:translateY(2px);box-shadow:inset 0 3px #111416,inset 3px 0 #2b3135,inset -3px -3px #121517,0 3px #0006}@media (hover:hover){.bot-pick:hover{background:#23282c}}.bot-pick:focus-visible{z-index:2}.bot-pick>span{flex:none}.bot-pick .bp-name{min-width:0;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;font-weight:400;overflow:hidden}.bot-pick .bp-level{color:var(--rune)}.bot-pick[data-level=easy] .bp-level{color:#8af07a}.bot-pick[data-level=hard] .bp-level{color:var(--enemy)}.bot-pick[data-level=special] .bp-level{color:var(--gold)}.bot-pick .bp-go{color:var(--ink);margin-left:auto;padding-left:4px;font-size:24px;line-height:16px}.pill[data-level=easy],[data-level=easy] .pill{color:#8af07a}.pill[data-level=hard],[data-level=hard] .pill{color:var(--enemy)}.pill[data-level=special],[data-level=special] .pill{color:var(--gold)}.bot-sheet{width:min(100%,400px)}.bot-list{-webkit-user-select:none;user-select:none;gap:8px;padding-top:12px;display:grid}.bot-row{text-align:left;cursor:pointer;width:100%;font:400 16px var(--font-pixel);color:var(--ink);background:#15181a;border:2px solid #0a0b0c;border-radius:10px;grid-template-columns:44px 1fr;align-items:start;gap:10px;padding:8px 10px;display:grid;box-shadow:inset 0 0 0 2px #2b3135}.bot-row img{object-fit:cover;object-position:top;width:44px;height:58px;image-rendering:pixelated;background:#000;border:2px solid #0a0b0c;border-radius:4px}.bot-txt{gap:4px;min-width:0;display:grid}.bot-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.bot-top b{color:var(--ink);font-size:24px;line-height:1}.bot-row small{color:var(--ink-dim);font-size:16px;line-height:1.25}.bot-row:active{transform:translateY(2px)}.bot-row[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--gold);background:#2a2410}.bot-row[aria-pressed=true] .bot-top b{color:var(--gold)}.bot-row:focus-visible{outline:3px solid var(--rune);outline-offset:2px}.res-reward{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;display:flex}.res-reward span{color:var(--rune);background:#15181a;border:2px solid #0a0b0c;border-radius:6px;padding:4px 8px;font-size:16px}.res-reward span:last-child:not(:first-child){color:var(--gold)}:where(button,input,select,textarea,a,[tabindex]):focus-visible{outline:3px solid var(--rune);outline-offset:2px}:where(button,input,a,[tabindex]):focus-visible{animation:.5s step-end 2 focusblink}@keyframes focusblink{50%{outline-color:#fff}}.screen:focus,.screen:focus-visible{outline:none}.sheet-body:focus-visible{outline-offset:-3px;border-radius:0 0 8px 8px}.list-row:focus-visible,.chip-btn:focus-visible,.tb-player:focus-visible{outline:3px solid var(--rune);outline-offset:2px}@media (prefers-reduced-motion:reduce){:where(button,input,a,[tabindex]):focus-visible{animation:none}}html:not(.kbd) :focus-visible{outline:none!important;animation:none!important}html:not(.kbd) .tb-play:focus-visible .tb-orb{outline:none}.set-sheet{width:min(100%,380px)}.set-body{-webkit-user-select:none;user-select:none;gap:12px;padding-top:12px;display:grid}.set-body h3{margin:4px 0 0}.set-vol{grid-template-columns:auto 1fr 48px;align-items:center;gap:14px 12px;display:grid}.set-vol label{color:var(--ink);font-size:16px}.set-vol output{color:var(--gold);text-align:right;font-variant-numeric:tabular-nums;font-size:16px}#settings.muted .set-vol{opacity:.5}.set-vol input[type=range]{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;min-width:0;height:36px;margin:0}.set-vol input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--gold) 0 var(--v,50%),#0e1114 var(--v,50%));border:2px solid #0a0b0c;border-radius:4px;height:16px;box-shadow:inset 0 3px #ffffff40}.set-vol input[type=range]::-moz-range-track{background:linear-gradient(90deg,var(--gold) 0 var(--v,50%),#0e1114 var(--v,50%));border:2px solid #0a0b0c;border-radius:4px;height:12px}.set-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#dfe5ec;border:2px solid #0a0b0c;border-radius:4px;width:20px;height:32px;margin-top:-10px;box-shadow:inset 2px 2px #fff,inset -2px -3px #7c8794,0 3px #0006}.set-vol input[type=range]::-moz-range-thumb{background:#dfe5ec;border:2px solid #0a0b0c;border-radius:4px;width:16px;height:28px;box-shadow:inset 2px 2px #fff,inset -2px -3px #7c8794}.set-vol input[type=range]:focus-visible{outline-offset:0}.set-switch{cursor:pointer;background:#15181a;border:2px solid #0a0b0c;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 2px #2b3135}.set-switch span{gap:2px;min-width:0;display:grid}.set-switch b{color:var(--ink);font-size:16px;font-weight:400}.set-switch small{color:var(--ink-dim);font-size:16px}.set-switch input{appearance:none;cursor:pointer;background:#2a2f33;border:2px solid #0a0b0c;border-radius:6px;flex:none;width:56px;height:32px;margin:0;position:relative;box-shadow:inset 0 3px #00000059}.set-switch input:before{content:"";background:#9aa8b8;border:2px solid #0a0b0c;border-radius:4px;width:20px;height:20px;transition:transform .1s steps(2,end);position:absolute;top:2px;left:2px;box-shadow:inset 2px 2px #dfe5ec,inset -2px -2px #5a6470}.set-switch input:checked{background:var(--gold);box-shadow:inset 0 3px #c58a10}.set-switch input:checked:before{background:#fff8dc;transform:translate(24px);box-shadow:inset 2px 2px #fff,inset -2px -2px #c58a10}.onboard,.hub{overscroll-behavior:contain;touch-action:pan-y;justify-content:safe center;overflow-y:auto}.hub .cycle{width:min(52vw,200px,max(96px,100dvh - 540px))}.hub{padding-block:calc(16px + var(--safe-top)) calc(16px + var(--safe-bottom));gap:clamp(12px,2.6vh,26px)}.hub .menu-buttons{gap:8px}.hub .menu-buttons .btn{padding-top:9px;padding-bottom:11px}.hub .bot-pick{min-height:36px;padding-block:5px 6px}@media (max-height:620px){.hub .menu-buttons{gap:8px}.hub .menu-buttons .btn{padding-top:10px;padding-bottom:12px}.hub .bot-pick{min-height:36px}.screen{gap:14px}.ob-card{gap:6px;padding:14px 18px 16px}.ob-avatar{width:64px;height:64px}}@media (orientation:landscape) and (max-height:520px){.screen{padding-block:calc(10px + var(--safe-top)) calc(10px + var(--safe-bottom))}.ob-avatar{display:none}.hub{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-content:center;place-items:center;gap:8px 16px;display:grid}.hub .logo{grid-area:1/1}.hub .logo h1{letter-spacing:.08em;font-size:32px}.hub .cycle{grid-area:2/1;width:min(100%,max(100px,100dvh - 180px))}.hub-stats{grid-area:3/1}.hub .menu-buttons{grid-area:1/2/4;gap:10px;width:min(100%,340px)}.hub .menu-buttons .btn{padding-top:10px;padding-bottom:12px}.topbar{padding-block:calc(6px + var(--safe-top)) 6px}.tb-avatar{width:32px;height:32px}.tabbar{height:calc(52px + var(--safe-bottom))}.tb-orb{top:-14px}.tab{padding-bottom:calc(84px + var(--safe-bottom))}.games{gap:8px}.game-card{grid-template-columns:44px 1fr 18px;padding:4px 12px 6px 6px}.gc-icon{width:44px;height:44px}.gc-icon img{width:36px;height:36px}.gc-tag{display:none}.tab[data-tab=play]{gap:8px;padding-top:2px}.tab[data-tab=play] .tab-title{margin:0;font-size:24px}}.set-group{gap:12px;display:grid}.set-switch small.bad{color:var(--enemy)}#menu-bg{z-index:-1;pointer-events:none;image-rendering:pixelated;display:block;position:fixed;top:0;left:0}html.mbg-battle #menu-bg{display:none}html:not(.mbg-battle) body{background:#070916}html:not(.mbg-battle) #app{background:0 0}html:not(.mbg-battle) #bg{visibility:hidden}html:not(.mbg-battle) :is(#boot,#onboard,#shell,#hub,#trinity){background:0 0}.lang-sheet{width:min(100%,360px)}.lang-list{-webkit-user-select:none;user-select:none;gap:8px;padding-top:12px;display:grid}.lang-row{text-align:left;cursor:pointer;width:100%;font:400 24px var(--font-pixel);color:var(--ink);background:#15181a;border:2px solid #0a0b0c;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;line-height:1;display:flex;box-shadow:inset 0 0 0 2px #2b3135}.lang-row b{font-weight:400}.lang-row:active{transform:translateY(2px)}.lang-row .lang-mark{visibility:hidden;width:20px;height:20px}.lang-row .lang-mark svg{fill:none;width:100%;height:100%;stroke:var(--gold);stroke-width:1.6px;stroke-linecap:square}.lang-row[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--gold);background:#2a2410}.lang-row[aria-pressed=true] b{color:var(--gold)}.lang-row[aria-pressed=true] .lang-mark{visibility:visible}.lang-row:focus-visible{outline:3px solid var(--rune);outline-offset:2px}.ob-card{position:relative}.ob-lang{cursor:pointer;font:400 16px var(--font-pixel);color:var(--ink-dim);background:#15181a;border:2px solid #0a0b0c;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;top:10px;right:10px}.ob-lang svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:16px;height:16px}.ob-lang:active{transform:translateY(2px)}.set-lang{width:100%;font:400 16px var(--font-pixel);text-align:left;color:var(--ink)}.set-lang i{color:var(--gold);font-size:32px;font-style:normal;line-height:16px}.set-lang:active{transform:translateY(2px)}.m-well{box-sizing:border-box;background:#15181a;border:2px solid #0a0b0c;border-radius:8px;flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:inset 0 3px #0b0d0e}.m-well .mi{image-rendering:pixelated;-webkit-user-drag:none;display:block}.mi-32{width:32px;height:32px}.mi-28{width:28px;height:28px}.mi-spell,.mi-18{width:36px;height:36px}.mi-orb{width:30px;height:30px}.m-well .mi-game{image-rendering:auto;filter:drop-shadow(0 2px #00000059);width:38px;height:38px}.mi-pair,.mi-fan,.mi-merge,.mi-five{width:40px;height:40px;display:block;position:relative}.mi-pair .mi{image-rendering:auto;width:24px;height:24px;position:absolute}.mi-pair .mi:first-child{top:2px;left:0}.mi-pair .mi:last-child{bottom:2px;right:0}.mi-fan .mi-game{width:24px;height:24px;position:absolute}.mi-fan .mi-game:first-child{top:2px;left:0}.mi-fan .mi-game:nth-child(2){top:2px;right:0}.mi-fan .mi-game:nth-child(3){bottom:0;left:8px}.mi-merge .stone{width:22px;position:absolute;top:4px}.mi-merge .stone:first-child{left:0}.mi-merge .stone:nth-child(2){right:0}.mi-merge .mi-arrow{width:18px;height:12px;position:absolute;bottom:0;left:11px}.mi-five .stone{width:16px;position:absolute}.mi-five .stone:first-child{top:0;left:12px}.mi-five .stone:nth-child(2){top:10px;right:0}.mi-five .stone:nth-child(3){bottom:0;right:4px}.mi-five .stone:nth-child(4){bottom:0;left:4px}.mi-five .stone:nth-child(5){top:10px;left:0}.m-well .mi-level{box-sizing:border-box;color:#1a1200;background:var(--gold);border:3px solid #0a0b0c;border-radius:7px;place-items:center;min-width:36px;height:32px;padding:0 4px;font-size:24px;font-weight:400;display:grid;box-shadow:inset 2px 2px #fff0a8,inset -2px -3px #c58a10}.m-chip{box-sizing:border-box;text-align:center;color:#1a1200;background:var(--gold);border:2px solid #0a0b0c;border-radius:5px;min-width:18px;padding:0 3px;font-size:16px;font-style:normal;line-height:16px;position:absolute;bottom:-6px;right:-6px}.m-well .mi-cup{width:20px;height:20px;position:absolute;bottom:-5px;right:-5px}.m-rw{white-space:nowrap;color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.m-rw .px-icon{width:20px;height:20px}.m-rw+.m-rw{margin-left:6px}.dl-panel{gap:10px;width:min(100%,360px)}.dl-panel h2{color:var(--gold);line-height:1}.dl-streak{min-height:16px;color:var(--rune);margin:-4px 0 0;font-size:16px}.dl-streak:empty{display:none}.dl-days{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin:2px 0 0;padding:0;list-style:none;display:grid}.dl-day{background:#15181a;border:2px solid #0a0b0c;border-radius:8px;align-content:start;justify-items:center;gap:4px;min-width:0;padding:6px 2px 7px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #2b3135}.dl-n{color:var(--ink-dim);white-space:nowrap;font-size:16px;font-weight:400;line-height:16px}.dl-rw{justify-items:center;gap:2px;font-size:16px;line-height:16px;display:grid}.dl-rw .m-rw+.m-rw{margin-left:0}.dl-day.later{opacity:.55}.dl-day.later .m-rw{color:var(--ink)}.dl-day.done{background:#11261a;box-shadow:inset 0 0 0 2px #1f4a2c}.dl-day.done .dl-rw{opacity:.45}.dl-tick{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.dl-tick svg{fill:none;stroke:#7dff8f;stroke-width:1.8px;stroke-linecap:square;filter:drop-shadow(2px 2px #0a0b0c);width:30px;height:30px}.dl-day.today{box-shadow:inset 0 0 0 2px var(--gold),0 0 0 2px #0a0b0c;background:#2a2410;animation:1s steps(2,end) infinite dl-bob}.dl-day.today .dl-n{color:var(--gold)}.dl-day.now.done{box-shadow:inset 0 0 0 2px #7dff8f}.dl-day.pop .dl-tick{animation:.32s steps(4,end) dl-tick}@keyframes dl-bob{50%{transform:translateY(-2px)}}@keyframes dl-tick{0%{opacity:0;scale:2}to{opacity:1;scale:1}}.dl-prize{text-shadow:3px 3px #000;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin:0;font-size:32px;line-height:1;display:flex}.dl-prize .m-rw{gap:6px}.dl-prize .m-rw .px-icon{width:32px;height:32px}.dl-prize .m-rw+.m-rw{margin-left:0}.dl-got{color:var(--ink);text-shadow:none;flex-basis:100%;font-size:16px}.dl-prize.pop{animation:.4s steps(5,end) dl-pop}@keyframes dl-pop{0%{opacity:0;scale:.3}60%{opacity:1;scale:1.25}to{scale:1}}.dl-hint{text-wrap:balance;font-size:16px}.dl-hint.bad{color:var(--enemy)}.dl-prize:not([hidden])~.dl-hint{display:none}.dl-claim{width:100%}@media (max-width:359px){.dl-panel{padding:18px 12px}.dl-days{gap:4px}.dl-day{padding-inline:0}}@media (prefers-reduced-motion:reduce){.dl-day.today,.dl-day.pop .dl-tick,.dl-prize.pop{animation:none}}.quests{gap:8px;display:grid}.q-card{background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi);border-radius:10px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:8px 10px 8px 8px;display:grid}.q-text{gap:6px;min-width:0;display:grid}.q-text b{color:var(--ink);font-size:16px;font-weight:400;line-height:1.25}.q-bar{background:#0e1114;border:2px solid #0a0b0c;border-radius:3px;height:10px;display:block;overflow:hidden}.q-bar i{background:var(--gold);height:100%;display:block;box-shadow:inset 0 2px #fff0a8}.q-side{justify-items:end;gap:4px;font-size:16px;display:grid}.q-prog{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-style:normal}.q-done{place-items:center;width:24px;height:20px;display:grid}.q-done svg{fill:none;stroke:#7dff8f;stroke-width:1.8px;stroke-linecap:square;width:20px;height:20px}.q-card.done{background:#18231c;box-shadow:inset 0 0 0 2px #2f6a40}.q-card.done .q-text b{color:var(--ink-dim)}.q-card.done .q-bar i{box-shadow:none;background:#7dff8f}.q-card.done .m-rw{opacity:.6}.q-hint{margin-top:-4px}.ach-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (min-width:380px){.ach-grid{grid-template-columns:repeat(5,1fr)}}.ach{aspect-ratio:1;cursor:pointer;min-width:0;font:inherit;-webkit-tap-highlight-color:transparent;background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi),0 4px 0 #0000004d;border-radius:10px;place-items:center;padding:0;display:grid;position:relative}.ach:active{transform:translateY(3px)}.ach.on{box-shadow:inset 0 0 0 2px var(--gold),0 4px 0 #0000004d}.ach.on .m-well{background:#2a2410}.ach.off .m-well{filter:grayscale()brightness(.7);opacity:.75}.ach .m-chip{bottom:-5px;right:-5px}.ach-bar{background:#0e1114;border-radius:2px;height:6px;position:absolute;bottom:5px;left:7px;right:7px;overflow:hidden}.ach-bar b{background:var(--gold);height:100%;display:block}.ach.off:has(.ach-bar) .m-well{margin-top:-6px}@media (max-width:359px){.ach .m-well{width:48px;height:48px}}.ach-sheet{width:min(100%,360px)}.ach-body{text-align:center;-webkit-user-select:none;user-select:none;justify-items:center;gap:12px;padding-top:16px;display:grid}.ach-hero .m-well.big{border-width:3px;width:96px;height:96px}.ach-hero .m-well.big>:not(.m-chip){scale:2}.ach-hero .m-chip{bottom:-8px;right:-8px}.ach-hero.on .m-well{box-shadow:inset 0 0 0 2px var(--gold);background:#2a2410}.ach-hero.off .m-well>:not(.m-chip){filter:grayscale()brightness(.75)}.ach-desc{color:var(--ink);text-wrap:balance;margin:0;font-size:16px;line-height:1.35}.ach-prog{width:100%;color:var(--ink-dim);gap:6px;font-size:16px;display:grid}.ach-reward{background:#15181a;border:2px solid #0a0b0c;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;font-size:16px;display:flex}.ach-reward small{color:var(--ink-dim);font-size:16px}.ach-date{color:var(--ink-dim);margin:0;font-size:16px}.ach-date.on{color:#7dff8f}.ach-toast{left:50%;top:calc(10px + var(--safe-top));z-index:45;box-sizing:border-box;pointer-events:none;width:min(100% - 24px,380px);box-shadow:inset 0 0 0 2px var(--gold),0 5px 0 #00000073;transform:translate(-50%,calc(-100% - 20px - var(--safe-top)));background:#15181a;border:3px solid #0a0b0c;border-radius:10px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:grid;position:absolute}.ach-toast .m-well{background:#2a2410}.ach-toast.in{animation:.28s steps(4,end) forwards at-in}.ach-toast.out{animation:.24s steps(3,end) forwards at-out}@keyframes at-in{0%{transform:translate(-50%,calc(-100% - 20px - var(--safe-top)))}to{transform:translate(-50%)}}@keyframes at-out{0%{transform:translate(-50%)}to{transform:translate(-50%,calc(-100% - 20px - var(--safe-top)))}}.at-text{gap:2px;min-width:0;display:grid}.at-text small{color:var(--ink-dim);font-size:16px}.at-text b{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;overflow:hidden}.at-reward{justify-items:end;gap:2px;font-size:16px;display:grid}.at-reward .m-rw+.m-rw{margin-left:0}@media (prefers-reduced-motion:reduce){.ach-toast.in{animation:none;transform:translate(-50%)}.ach-toast.out{opacity:0;animation:none}}@media (orientation:landscape) and (max-height:520px){.dl-panel{gap:8px;width:min(100%,560px);padding:12px 10px}.dl-days{grid-template-columns:repeat(7,1fr);gap:4px}.dl-day{padding-inline:0}.dl-rw .m-rw{flex-direction:column;gap:1px}.dl-hint{display:none}}.tut{z-index:9;pointer-events:none;position:absolute;inset:0}.tut-layer{position:absolute;inset:0}.tut.held{visibility:hidden}.tut-mark{box-sizing:border-box;border:3px solid var(--gold);border-radius:10px;animation:.8s steps(2,end) infinite tutPulse;position:absolute;box-shadow:0 0 0 2px #0a0b0c,inset 0 0 0 2px #0a0b0c,0 0 10px 2px #ffcf3a80}@keyframes tutPulse{50%{border-color:#fff0a8;box-shadow:0 0 0 2px #0a0b0c,inset 0 0 0 2px #0a0b0c,0 0 18px 6px #ffcf3abf}}.tut-path{transform-origin:0;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px 12px);filter:drop-shadow(0 2px #0a0b0c);height:4px;position:absolute}.tut-path:after{content:"";border-style:solid;border-width:8px 0 8px 10px;border-color:transparent transparent transparent var(--gold);position:absolute;top:-6px;right:-4px}.tut-hand{width:36px;height:42px;image-rendering:pixelated;filter:drop-shadow(2px 3px #00000073);animation:1.6s steps(16,end) infinite tutSwipe;position:absolute}@keyframes tutSwipe{0%{opacity:0;transform:translate(0)}10%{opacity:1;transform:translate(0)}70%{transform:translate(var(--dx),var(--dy));opacity:1}90%,to{transform:translate(var(--dx),var(--dy));opacity:0}}.tut-bubble{box-sizing:border-box;pointer-events:none;background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi),0 6px 0 #0006;color:var(--ink);text-align:left;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px 12px;font-size:16px;line-height:1.3;display:flex;position:absolute;top:12px;left:16px;right:16px;overflow:hidden}.tut-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tut-head:has(.tut-pause:not([hidden])){align-items:center}.tut-title{min-width:0;color:var(--gold);text-shadow:2px 2px #000;flex:1;font-size:16px;font-weight:400}.tut-pause{pointer-events:auto;flex:none;align-self:center;width:28px;height:28px}.tut-count{color:var(--ink-dim);font-variant-numeric:tabular-nums;flex:none;font-size:16px}.tut-say{gap:4px;display:grid}.tut-say p{margin:0}.tut-wait{color:var(--rune)}.tut-hint{color:#ff8a80}.tut-btns{align-items:center;gap:8px;margin-top:2px;display:flex}.tut-btns button{pointer-events:auto;font:400 16px var(--font-pixel);cursor:pointer;color:var(--ink);background:#2a2f33;border:3px solid #0a0b0c;border-radius:8px;padding:7px 10px 9px;line-height:1;box-shadow:inset 2px 2px #4a5257,inset -2px -3px #15181a,0 3px #0006}.tut-btns .tut-next{color:#1a1200;background:var(--gold);margin-left:auto;box-shadow:inset 2px 2px #fff0a8,inset -2px -3px #c58a10,0 3px #0006}.tut-btns button:active{transform:translateY(2px)}.tut-btns .tut-next.ask{animation:.9s steps(6,end) tutAsk}@keyframes tutAsk{0%,to{translate:0}25%,75%{translate:0 -3px}50%{translate:0}}.tut-btns button:focus-visible{outline:3px solid var(--rune);outline-offset:2px}.tut.waiting .tut-bubble{border-color:#0a0b0c;box-shadow:inset 0 0 0 2px #2b3135,0 6px #0006}.tut-bubble.nope{animation:.3s steps(4,end) tutNope}@keyframes tutNope{25%{translate:-4px}75%{translate:4px}}.tut.calm .tut-mark,.tut.calm .tut-hand,.tut.calm .tut-bubble.nope,.tut.calm .tut-next.ask{animation:none}@media (prefers-reduced-motion:reduce){.tut-mark,.tut-hand,.tut-bubble.nope,.tut-next.ask{animation:none}}.intro .panel{gap:10px;max-height:100%;overflow-y:auto}.intro-art{box-sizing:border-box;aspect-ratio:264/348;background:var(--card);border:3px solid var(--card-edge);width:min(36vw,132px);box-shadow:0 0 0 2px #22262a,0 0 0 6px var(--gold),5px 6px 0 #00000059;border-radius:6px;padding:5px 5px 0}.intro-art img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}.intro .panel h2{color:var(--gold);font-size:24px;line-height:1.15}.intro .menu-buttons{width:100%}@media (max-height:440px){.intro .panel{text-align:left;grid-template-columns:auto 1fr;justify-items:start;width:min(100%,440px);padding:14px 16px}.intro-art{grid-row:span 3;width:84px}.intro .panel h2{font-size:20px}.intro .menu-buttons{grid-column:2}}.lesson-row .ls-num{box-sizing:border-box;width:32px;height:32px;color:var(--gold);background:#15181a;border:2px solid #0a0b0c;border-radius:6px;place-items:center;font-size:16px;display:grid;box-shadow:inset 0 0 0 2px #2b3135}.lesson-row.done .ls-num{background:var(--gold);color:#1a1200;box-shadow:inset 2px 2px #fff0a8,inset -2px -2px #c58a10}.lesson-row .ls-mark{place-items:center;width:24px;height:24px;display:grid}.lesson-row .ls-mark svg{fill:none;stroke:#7dff8f;stroke-width:2.4px;stroke-linecap:square;shape-rendering:crispedges;width:20px;height:20px}.lesson-row .ls-mark b{font-size:32px;line-height:1}.learn-note{margin:0}.shop-nav{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;display:grid}.shop-sec{min-width:0;font:400 16px var(--font-pixel);color:var(--ink-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--panel);box-shadow:inset 2px 2px 0 var(--panel-hi),inset -2px -3px 0 #15181a,0 4px 0 #0006;border:3px solid #0a0b0c;border-radius:10px;grid-column:span 3;align-content:center;justify-items:center;gap:4px;padding:8px 4px 6px;display:grid}.shop-sec span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.shop-sec.wide{grid-column:span 6;justify-content:center;align-items:center;gap:8px;padding:6px 8px;display:flex}.shop-sec:active{transform:translateY(2px)}.shop-sec.on{color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold),0 4px 0 #0006;background:#2a2410}.shop-sec-img{box-sizing:border-box;object-fit:cover;-webkit-user-drag:none;border-radius:6px;width:40px;height:40px;display:block}.shop-sec[data-shop-sec=avatars] .shop-sec-img{border:2px solid #0a0b0c}.shop-sec-img.bg-mini{border:2px solid #0a0b0c;position:relative;overflow:hidden}.shop-sec:focus-visible{outline:3px solid var(--rune);outline-offset:2px}@media (max-width:359px){.shop-nav{gap:6px 4px}.shop-sec{border-width:2px;padding-inline:0}.shop-sec-img{width:32px;height:32px}}.shop-page{gap:12px;display:grid}.shop-desc{color:var(--ink-dim);text-wrap:balance;margin:0;font-size:16px;line-height:1.35}.shop-now{background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.sn-face{box-sizing:border-box;width:56px;height:56px;box-shadow:0 0 0 2px var(--gold);border:2px solid #0a0b0c;border-radius:8px;flex:none}.shop-now span{gap:2px;min-width:0;display:grid}.shop-now small{color:var(--ink-dim);font-size:16px}.shop-now b{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:400;line-height:1.1;overflow:hidden}.coins{white-space:nowrap}.av-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (min-width:520px){.av-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.av-tile{min-width:0;font:400 16px var(--font-pixel);color:var(--ink);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--panel);box-shadow:inset 2px 2px 0 var(--panel-hi),inset -2px -3px 0 #15181a,0 4px 0 #0006;border:3px solid #0a0b0c;border-radius:10px;gap:4px;padding:4px 4px 8px;display:grid;position:relative}.av-tile:active{transform:translateY(2px)}.av-tile.on{box-shadow:inset 0 0 0 2px var(--gold),0 4px 0 #0006;background:#2a2410}.av-art{aspect-ratio:198/261;box-sizing:border-box;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;width:100%;display:block}.sk-art{position:relative;overflow:hidden;container-type:inline-size}.sk-art>img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}span.sn-face{aspect-ratio:1;display:block}.av-name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;line-height:1.1;overflow:hidden}.av-tile.on .av-name{color:var(--gold)}.av-tag{color:var(--ink);white-space:nowrap;background:#15181a;border:2px solid #0a0b0c;border-radius:5px;justify-self:center;align-items:center;gap:3px;padding:3px 6px 4px;font-size:16px;font-style:normal;line-height:1;display:inline-flex}.av-tag .px-icon{width:16px;height:16px}.av-tag.short{color:var(--ink-dim)}.av-tag.short .px-icon{filter:saturate(.4)}.av-tag.free{color:#8af07a}.av-tag.worn{color:#1a1200;background:var(--gold);box-shadow:inset 1px 1px #fff0a8,inset -1px -2px #c58a10}.av-tile:focus-visible{outline:3px solid var(--rune);outline-offset:2px}.shop-sheet{width:min(100%,360px)}.ss-body{text-align:center;-webkit-user-select:none;user-select:none;justify-items:center;gap:12px;padding-top:16px;display:grid}.ss-art{aspect-ratio:396/522;width:min(62vw,200px,100dvh - 330px);min-width:120px;box-shadow:0 0 0 3px var(--panel-hi),0 6px 0 #0006;background:#15181a;border:3px solid #0a0b0c;border-radius:10px;overflow:hidden}.ss-art.on{box-shadow:0 0 0 3px var(--gold),0 6px 0 #0006}.ss-have{text-wrap:balance;color:var(--ink-dim);align-items:center;gap:4px;margin:0;font-size:16px;line-height:1.35;display:flex}.ss-go{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:100%;display:inline-flex}.ss-go .px-icon,.ss-have .px-icon{width:20px;height:20px}.tcard{aspect-ratio:2/3;perspective:600px;width:100%;transition:translate .18s cubic-bezier(.34,1.56,.64,1),scale .18s cubic-bezier(.34,1.56,.64,1);display:block;position:relative;container-type:inline-size}.tc-inner{transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.tc-inner.tc-instant{transition:none}.tcard[data-side=back] .tc-inner{transform:rotateY(180deg)}.tc-face,.tc-back{backface-visibility:hidden;position:absolute;inset:0}.tc-back{transform:rotateY(180deg)}.tc-face{box-sizing:border-box;background:var(--card);border:3px solid var(--card-edge);border-radius:6px;flex-direction:column;padding:6% 6% 0;transition:box-shadow .18s;display:flex;box-shadow:0 0 0 2px #22262a,4px 5px #00000059}.tc-face img,.tc-back img{pointer-events:none;-webkit-user-drag:none;image-rendering:auto;display:block}.tc-face img{aspect-ratio:264/348;background:#000;flex:none;width:100%;height:auto}.tc-back img{filter:drop-shadow(4px 5px #00000059);width:100%;height:100%}.tc-face b{min-height:0;font-family:var(--font-pixel);color:var(--card-ink);white-space:nowrap;flex:1;justify-content:center;align-items:center;font-size:16px;font-weight:400;line-height:1;display:flex;overflow:hidden}@container (width<=76px){.tc-face b{font-size:12px}}@container (width<=52px){.tc-face b{display:none}}.tcard:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}.tcard.lift{translate:0 -8px}.tcard.lift .tc-face{box-shadow:0 0 0 2px #22262a,5px 12px #00000047}.tcard.lift .tc-back img{filter:drop-shadow(5px 12px #00000047)}.tcard.drag{translate:0 var(--dy,0px);transition:none;scale:1.06}.tcard.lift.drag{translate:0 calc(var(--dy,0px) - 8px)}.tcard.inert{pointer-events:none}.tcard.inert :is(.tc-face,.tc-back){filter:brightness(.85)}.tcard.shake{animation:.24s steps(4,end) tcShake}@keyframes tcShake{0%,to{translate:0}33%{translate:-3px 1px}66%{translate:2px -1px}}.tcard.crack .tc-face:after{content:"";pointer-events:none;image-rendering:pixelated;background:var(--tc-crack) 0 0/100% 100% no-repeat;clip-path:circle(0 at 50% 42%);animation:.18s steps(3,end) forwards tcCrack;position:absolute;inset:0}@keyframes tcCrack{to{clip-path:circle(90% at 50% 42%)}}.tcard.gone{pointer-events:none;animation:.26s steps(4,end) forwards tcGone}@keyframes tcGone{to{opacity:0;scale:.4}}.tr-fx{z-index:6;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.tcard,.tc-inner{transition:none}.tcard.shake{animation:none}.tcard.crack .tc-face:after{clip-path:none;animation:none}.tcard.gone{animation-duration:10ms}}.tcard[data-tskin=ukiyo]{--card:#efe4c8;--card-edge:#b8352a;--card-ink:#1d2b4f}.tcard[data-tskin=pirate]{--card:#f2dfb4;--card-edge:#8a5a2a;--card-ink:#3b2416}.tcard[data-tskin=cosmos]{--card:#d9dde6;--card-edge:#5a6680;--card-ink:#1b2546}.tcard[data-tskin=grimoire]{--card:#e8dcc0;--card-edge:#5a3a1c;--card-ink:#2e1c12}.tcard[data-tskin=noir]{--card:#2a2a2e;--card-edge:#8a8a90;--card-ink:#ebe8e0}.tcard[data-tskin=west]{--card:#ecd2a6;--card-edge:#7a4a24;--card-ink:#3a2414}.tcard[data-tskin=cats]{--card:#fff0f4;--card-edge:#e08aa4;--card-ink:#7a3a5a}.tcard[data-tskin=frost]{--card:#f4f0e6;--card-edge:#b8303a;--card-ink:#8a1c24}.tcard[data-tskin=halloween]{--card:#ece6d2;--card-edge:#c45a18;--card-ink:#321e44}.tcard[data-tskin=pocket]{--card:#c8ccc0;--card-edge:#5a5e66;--card-ink:#1e2f1c}.tsk{pointer-events:none;display:block;position:absolute;inset:0}.tsk-slot{display:block;position:absolute}.tsk-slot .tcard{transition:none}.tsk-slot .tcard,.tsk-slot .tc-inner,.tsk-slot .tc-face,.tsk-back{display:block}.tsk-slot .tc-face{display:flex}.tsk-back{aspect-ratio:2/3;filter:drop-shadow(3px 4px #0006);-webkit-user-drag:none;width:100%;height:auto}.tsk-tile .t-back{width:56%;top:5%;left:6%;rotate:-7deg}.tsk-tile .t-face{width:56%;top:30%;left:38%;rotate:6deg}.tsk-big .b-back{width:42%;top:3%;left:29%}.tsk-big .b-rock{width:32%;top:50%;left:2%;rotate:-8deg}.tsk-big .b-scissors{z-index:1;width:32%;top:47%;left:34%}.tsk-big .b-paper{width:32%;top:50%;left:66%;rotate:8deg}.sks{background:var(--felt-dark);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.sks-board{box-sizing:border-box;background:var(--panel);border:2px solid var(--panel-edge);width:96%;box-shadow:inset 0 0 0 1px var(--panel-hi),0 3px 0 #00000059;border-radius:6px;display:grid}.sks-cell{aspect-ratio:1;background:#15181a;border:1px solid #0a0b0c;border-radius:3px;place-items:center;min-width:0;display:grid;box-shadow:inset 0 1px #ffffff0f}.sks-cell img{width:16px;height:16px;image-rendering:pixelated;-webkit-user-drag:none;filter:drop-shadow(1px 1px #00000059);display:block}.sks-tile .sks-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px}@container (width>=85px){.sks-tile .sks-board{border-width:2px;gap:3px;padding:3px}.sks-tile .sks-cell img{filter:drop-shadow(2px 2px #00000059);width:32px;height:32px}}.sks-big .sks-board{box-shadow:inset 0 0 0 2px var(--panel-hi),0 6px 0 #00000059;border-width:3px;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px}.sks-big .sks-cell{border-width:2px;border-radius:5px}@container (width>=140px){.sks-big .sks-cell img{filter:drop-shadow(2px 2px #00000059);width:32px;height:32px}}@container (width>=190px){.sks-big .sks-cell img{filter:drop-shadow(3px 3px #00000059);width:48px;height:48px}}.piece{pointer-events:none;z-index:1;place-items:center;display:grid;position:absolute;inset:0;container-type:size}.piece img,.piece.ghost img{width:48px;height:48px;image-rendering:pixelated;-webkit-user-drag:none;filter:drop-shadow(3px 3px #00000059);margin:0;display:block}@container (width<=69px){.piece img,.piece.ghost img{filter:drop-shadow(2px 2px #00000059);width:32px;height:32px}}.sk-cell.small .piece img,.sk-cell.small .piece.ghost img{filter:drop-shadow(2px 2px #00000059);width:32px;height:32px}.piece.ghost{z-index:1;opacity:.35;justify-items:center;animation:none}.piece.ghost img,.sk-cell.small .piece.ghost img{filter:none}.piece.dim{opacity:.35}.piece.doomed{animation:.6s steps(2,end) infinite skDoomFlicker,.3s steps(2,end) infinite skDoomJitter}@keyframes skDoomFlicker{0%{opacity:.8}50%{opacity:.55}to{opacity:.8}}@keyframes skDoomJitter{0%{translate:-1px}50%{translate:1px}to{translate:-1px}}.piece.win img{filter:drop-shadow(2px 0 0 var(--sk-win,var(--gold))) drop-shadow(-2px 0 0 var(--sk-win,var(--gold))) drop-shadow(0 2px 0 var(--sk-win,var(--gold))) drop-shadow(0 -2px 0 var(--sk-win,var(--gold)))}.piece .piece-flash{z-index:2;opacity:0;pointer-events:none;background:#fff;border-radius:4px;animation:.15s steps(3,end) forwards skPieceFlash;position:absolute;inset:0}.piece .piece-flash.grey{background:#b3bcc8}@keyframes skPieceFlash{0%{opacity:.8}to{opacity:0}}@keyframes skPieceFlashSoft{0%{opacity:.3}to{opacity:0}}#strike .sk-fx{z-index:6;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}#strike .sk-strike-word{z-index:7;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;height:0;display:flex;position:absolute;left:0;right:0}#strike .sk-strike-word .sk-sw{transform-origin:50%;justify-items:center;line-height:.9;display:grid}#strike .sk-strike-word b{font-family:var(--font-pixel);color:var(--gold);letter-spacing:.04em;text-transform:uppercase;text-shadow:4px 4px #3a2604,-2px -2px #000,2px -2px #000,-2px 2px #000,6px 8px #00000059;font-size:64px;font-weight:400}#strike .sk-strike-word small{font-family:var(--font-pixel);color:var(--ink);text-shadow:2px 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;margin-top:8px;font-size:16px}#strike .sk-strike-word.enemy b{color:var(--enemy);text-shadow:4px 4px #3a0a06,-2px -2px #000,2px -2px #000,-2px 2px #000,6px 8px #00000059}@media (max-width:399px){#strike .sk-strike-word b{font-size:48px}}#app.reduce-flash .piece .piece-flash{animation-name:skPieceFlashSoft}#app.reduce-flash .piece.doomed{opacity:.55;animation:.3s steps(2,end) infinite skDoomJitter}#app.reduce-shake .piece.doomed{animation:.6s steps(2,end) infinite skDoomFlicker}#app.reduce-flash.reduce-shake .piece.doomed{opacity:.55;animation:none}@media (prefers-reduced-motion:reduce){.piece.doomed{animation:1.2s steps(2,end) infinite skDoomFlicker}#app.reduce-flash .piece.doomed{opacity:.55;animation:none}.piece .piece-flash{animation-duration:.1s}}.stsk{background:radial-gradient(circle at 50% 54%,#1e2a33 0,#15181a 70%);position:absolute;inset:0}.stsk:before{content:"";aspect-ratio:1;box-sizing:border-box;border:2px dashed #ffcf3a4d;border-radius:50%;width:62cqw;position:absolute;top:calc(54% - 31cqw);left:19cqw}.stsk.big:before{border-width:3px}.stsk .stone{z-index:auto;width:36cqw;transition:none;position:absolute;transform:translate(-50%,-50%)}.stsk .stone:first-child{top:calc(54% - 31cqw);left:50cqw}.stsk .stone:nth-child(2){top:calc(54% - 9.6cqw);left:79.5cqw}.stsk .stone:nth-child(3){top:calc(54% + 25.1cqw);left:68.2cqw}.stsk .stone:nth-child(4){top:calc(54% + 25.1cqw);left:31.8cqw}.stsk .stone:nth-child(5){top:calc(54% - 9.6cqw);left:20.5cqw}.stsk.big .stone{animation:1.2s steps(2,end) infinite hover}.stsk.big .stone:nth-child(2){animation-delay:.12s}.stsk.big .stone:nth-child(3){animation-delay:.24s}.stsk.big .stone:nth-child(4){animation-delay:.36s}.stsk.big .stone:nth-child(5){animation-delay:.48s}@container (width<=80px){.stsk:before,.stsk .stone{display:none}.stsk .stone[data-el=fire]{width:84cqw;display:block;top:50%;left:50%}}@media (prefers-reduced-motion:reduce){.stsk.big .stone{animation:none}}.skc{background:var(--felt-dark);pointer-events:none;position:absolute;inset:0;overflow:hidden}.skc img{max-width:none;image-rendering:pixelated;-webkit-user-drag:none;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.skc-tile img{width:50px;height:66px}@container (width>=80px){.skc-tile img{width:100px;height:132px}}.skc-big img{width:100px;height:132px;top:auto;bottom:0;translate:-50%}@container (width>=188px){.skc-big img{width:200px;height:264px}}#bbg{pointer-events:none;image-rendering:pixelated;display:block;position:absolute;top:0;left:0}html:not(.mbg-battle) #bbg,html:not(.bbg-on) #bbg{display:none}html.mbg-battle.bbg-on body,html.mbg-battle.bbg-on #app{background:var(--bbg-edge,var(--felt-dark))}.sk-backgrounds>.bbg-tile,.sk-backgrounds>.bbg-big{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}#trinity{z-index:3;padding:calc(12px + var(--safe-top)) 16px calc(12px + var(--safe-bottom));--cw:min(108px,calc(100cqw * .26),calc((100cqh - 200px) / 4.5));--hgap:10px;--hand-w:calc(3 * var(--cw) + 2 * var(--hgap));--bar-col:36px;--track-w:11px;--tbn-h:36px;background:0 0;grid-template:"top""mid"minmax(0,1fr)"hand""bottom"/minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:8px;display:grid;container-type:size}#trinity .tr-pause{pointer-events:auto;flex:none;width:32px;height:32px;margin-left:auto}#trinity .tr-pause svg{width:14px;height:14px}.tr-top{grid-area:top;justify-content:center;display:flex}.tr-bottom{z-index:2;grid-area:bottom;justify-content:center;display:flex;position:relative}.tplate{box-sizing:border-box;pointer-events:none;background:var(--panel);border:3px solid var(--panel-edge);min-width:0;max-width:100%;box-shadow:inset 0 0 0 2px var(--panel-hi),0 4px 0 #00000059;border-radius:10px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex;position:relative}.tr-top .tplate,.tr-bottom .tplate{width:var(--hand-w)}.tplate.me,.tplate.op{padding-right:8px}.tp-ava{object-fit:cover;object-position:top;box-sizing:border-box;background:#000;border:2px solid #0a0b0c;border-radius:6px;flex:none;width:48px;height:48px}.tplate.me .tp-ava,.tplate.op .tp-ava.tp-person{width:40px;height:40px;image-rendering:pixelated}.tp-ava.tp-bot{object-fit:contain;object-position:center;image-rendering:pixelated;background:#15181a;padding:6px}.tp-txt{gap:2px;min-width:0;display:grid}.tp-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;line-height:1.1;overflow:hidden}.tplate.op .tp-name{color:var(--gold)}.tp-cups{box-sizing:border-box;height:32px;color:var(--ink);font-variant-numeric:tabular-nums;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;flex:none;align-items:center;gap:4px;margin-left:auto;padding:0 8px 0 4px;font-size:16px;line-height:1;display:flex;box-shadow:inset 0 0 0 2px #2b3135}.tp-cups[hidden]{display:none}.tp-cups b{white-space:nowrap;font-weight:400}.tp-cups .px-icon{width:20px;height:20px}#trinity .tplate:not(.off) .tp-cups:not([hidden])+.tr-pause{margin-left:0}.tp-off{color:var(--enemy);white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1;display:block;overflow:hidden}.tp-off[hidden],.tplate.op.off .tp-cups{display:none}.tplate.op.off .tp-ava{filter:grayscale()brightness(.6)}.tplate.won{animation:.3s steps(4,end) badgePop}.tplate.me.won{box-shadow:inset 0 0 0 2px var(--gold),0 4px 0 #00000059}.tplate.op.won{box-shadow:inset 0 0 0 2px var(--rune),0 4px 0 #00000059}.tr-mid{grid-area:mid;grid-template-columns:var(--bar-col) minmax(0,1fr) var(--bar-col);gap:8px;min-height:0;display:grid}.tbar{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:0;display:flex}#trinity .tbar.timer:after{content:"";height:var(--tbn-h);flex:none}.tbar.timer{height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-size:16px;line-height:normal;transition:none}.tbar .tb-num{box-sizing:border-box;min-width:var(--bar-col);height:var(--tbn-h);font-variant-numeric:tabular-nums;color:var(--ink);background:#15181a;border:2px solid #0a0b0c;border-radius:6px;flex:none;place-items:center;padding:0 4px;font-size:24px;line-height:24px;display:grid;box-shadow:inset 0 0 0 2px #2b3135}.tb-track{height:70%;min-height:48px;width:var(--track-w,11px);box-sizing:border-box;background:#2a2f33;border:2px solid #0a0b0c;border-radius:3px;flex:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #3b4247}.tb-fill{background:linear-gradient(90deg,#fff0a8 0 1px,var(--gold) 1px calc(100% - 1px),#c58a10 calc(100% - 1px));height:100%;max-height:calc(100% - 4px);position:absolute;bottom:2px;left:2px;right:2px}.tbar.timer.rest .tb-num{opacity:.45}.tbar.timer.low .tb-num{color:var(--enemy);animation:.5s steps(2,end) infinite trLow}.tbar.timer.low .tb-fill{background:linear-gradient(90deg,#ff9a90 0 1px,var(--enemy) 1px calc(100% - 1px),#8e141c calc(100% - 1px));animation:.5s steps(2,end) infinite trLow}@keyframes trLow{50%{filter:brightness(1.6)}}.tbar.score .tb-track{flex-direction:column;gap:0;padding:2px;display:flex}.half{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex}.half.me{flex-direction:column-reverse}.tb-split{background:#0a0b0c;flex:none;height:4px;margin:2px -2px;position:relative}.tb-split:after{content:"";background:var(--gold);width:4px;height:8px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.seg{background:#1b1f22;flex-direction:column;flex:1;display:flex;position:relative;box-shadow:inset 0 0 0 1px #121517}.half.me .seg{justify-content:flex-end}.seg s{height:0;transition:height .35s steps(5,end);display:block}.seg.on s{height:100%}.half.op .seg s{background:linear-gradient(90deg,#c8f6ff 0 1px,var(--rune) 1px calc(100% - 1px),#2a8fb0 calc(100% - 1px))}.half.me .seg s{background:linear-gradient(90deg,#fff0a8 0 1px,var(--gold) 1px calc(100% - 1px),#c58a10 calc(100% - 1px))}.seg:after{content:"";opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.seg.hit:after{animation:.12s steps(2,end) trSegFlash}@keyframes trSegFlash{0%{opacity:.95}to{opacity:0}}.half.full{animation:.3s steps(2,end) .35s 2 trFull}@keyframes trFull{50%{filter:brightness(1.8)}}.tbar .tb-num.pop{animation:.3s steps(4,end) badgePop}.tb-num.op{color:var(--rune)}.tb-num.me{color:var(--gold)}.table{grid-template-rows:1fr 1fr;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.tslot{z-index:1;aspect-ratio:2/3;width:min(132px,50cqw,33.3333cqh - 12px);transition:translate .5s cubic-bezier(.2,.7,.2,1);position:relative}.tslot.op{grid-row:1}.tslot.me{grid-row:2}.tslot:before{content:"";pointer-events:none;border:2px dashed #ffffff2e;border-radius:6px;position:absolute;inset:0}.tslot:has(.tcard):before{display:none}.tslot.breath .tcard{animation:1.2s steps(2,end) infinite trBreath}@keyframes trBreath{50%{translate:0 -2px}}.tslot.missed:before{background:linear-gradient(to top right,#0000 calc(50% - 2px),#ff5a4a8c calc(50% - 2px) calc(50% + 2px),#0000 calc(50% + 2px)),linear-gradient(to top left,#0000 calc(50% - 2px),#ff5a4a8c calc(50% - 2px) calc(50% + 2px),#0000 calc(50% + 2px));border-color:#ff5a4a8c;display:block}.table.tense .tslot.op{translate:0 8px}.table.tense .tslot.me{translate:0 -8px}.tr-toast{z-index:5;text-align:center;color:var(--gold);text-shadow:3px 3px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;opacity:0;pointer-events:none;white-space:nowrap;margin-top:-20px;font-size:32px;line-height:40px;position:absolute;top:50%;left:-60px;right:-60px}.tr-toast.long{white-space:normal;text-wrap:balance;margin-top:-28px;padding-inline:70px;font-size:24px;line-height:28px}.tr-toast.show{animation:1.3s steps(12,end) forwards toast}#trinity .tr-fx{z-index:6;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.tr-hand{z-index:1;justify-content:center;align-items:flex-end;gap:var(--hgap);touch-action:none;grid-area:hand;padding-top:8px;display:flex;position:relative}.hslot{width:var(--cw);aspect-ratio:2/3;transition:translate .1s steps(2,end);position:relative}.hslot:first-child{rotate:-3deg}.hslot:nth-child(2){translate:0 -4px}.hslot:nth-child(3){rotate:3deg}.hslot.empty:before{content:"";border:2px dashed #ffffff38;border-radius:6px;position:absolute;inset:0}.tr-hand .tcard{cursor:pointer;touch-action:none}.tr-hand .tcard:focus-visible{outline:3px solid var(--rune);outline-offset:3px}@media (hover:hover){.tr-hand.live .hslot:hover{translate:0 -6px}.tr-hand.live .hslot:nth-child(2):hover{translate:0 -10px}}.tr-hint{text-align:center;color:var(--gold);pointer-events:none;text-shadow:2px 2px #000;font-size:16px;line-height:16px;animation:1s steps(2,end) infinite trHint;position:absolute;top:-14px;left:0;right:0}@keyframes trHint{50%{opacity:.55}}.trinity-result .tr-res-score{color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:3px 3px #000;margin:0;font-size:32px;line-height:1}.trinity-result.win .panel h2{color:var(--gold)}.trinity-result .res-stats{margin:0}@media (orientation:landscape) and (max-height:520px){#trinity{padding-block:calc(8px + var(--safe-top)) calc(8px + var(--safe-bottom));--cw:min(108px,calc((100cqw - 120px) / 2.6),calc((100cqh - 96px) / 3.2));--tbn-h:30px;grid-template:"bottom top""mid mid"minmax(0,1fr)"hand hand"/minmax(0,1fr) minmax(0,1fr);gap:6px}.tr-top{justify-content:flex-end}.tr-bottom{justify-content:flex-start}.tplate{padding-block:2px}.tp-ava,.tplate.me .tp-ava,.tplate.op .tp-ava.tp-person{width:36px;height:36px}.tp-ava.tp-bot{padding:0}.tbar{gap:4px}.tbar .tb-num{min-width:34px;font-size:16px;line-height:16px}.table{--axis:x;grid-template-rows:1fr;grid-template-columns:1fr 1fr}.tslot{width:min(120px,40cqw,66.6667cqh - 10.6667px)}.tslot.me{grid-area:1/1}.tslot.op{grid-area:1/2}.table.tense .tslot.op{translate:-8px}.table.tense .tslot.me{translate:8px}.tr-hand{padding-top:4px}.tr-hint{top:-10px}}#app.reduce-flash .tr-toast.show{animation-name:toastSoft}#app.reduce-flash .seg.hit:after,#app.reduce-flash .tbar.timer.low .tb-num,#app.reduce-flash .tbar.timer.low .tb-fill,#app.reduce-flash .half.full{animation:none}@media (prefers-reduced-motion:reduce){.tr-toast.show{animation-duration:.6s}.tslot.breath .tcard,.tr-hint,.tbar.timer.low .tb-num,.tbar.timer.low .tb-fill,.half.full{animation:none}.tslot,.seg s,.hslot{transition:none}.tplate.won,.tbar .tb-num.pop{animation-duration:10ms}}#trinity-find.btn-soon{opacity:1}.trinity-emblem{aspect-ratio:1;flex:none;width:min(52vw,200px,max(96px,100dvh - 540px));position:relative}.te-card{transform-origin:50% 115%;width:38%;animation:1.2s steps(2,end) infinite hover;position:absolute;top:22%}.te-card[data-move=rock]{left:7%;rotate:-14deg}.te-card[data-move=scissors]{z-index:1;top:14%;left:31%}.te-card[data-move=paper]{left:55%;rotate:14deg}.trinity-emblem .tcard{pointer-events:none}@media (prefers-reduced-motion:reduce){.te-card{animation:none}}@media (orientation:landscape) and (max-height:520px){.hub .trinity-emblem{grid-area:2/1;width:min(100%,max(100px,100dvh - 180px))}}.tr-beats,.tr-bars{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tr-beats li,.tr-bars li{align-items:center;gap:12px;display:flex}.tr-pair{background:#15181a;border:2px solid #0a0b0c;border-radius:6px;flex:none;align-items:center;gap:4px;padding:4px 6px;display:flex}.tr-pair img{border:2px solid #0a0b0c;border-radius:3px;width:32px;height:42px;display:block}.tr-pair i{color:var(--gold);font-style:normal}.tr-bar-ico{box-sizing:border-box;background:#2a2f33;border:2px solid #0a0b0c;flex:none;width:16px;height:48px;margin-inline:8px;position:relative;box-shadow:inset 0 0 0 2px #3b4247}.tr-bar-ico i{position:absolute;left:2px;right:2px}.tr-bar-ico.timer i{background:var(--gold);height:60%;bottom:2px}.tr-bar-ico.score i:first-child{background:var(--rune);height:14px;top:2px}.tr-bar-ico.score i:last-child{background:var(--gold);height:7px;bottom:2px}.tr-bar-ico.score:after{content:"";background:#0a0b0c;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}#strike{z-index:3;padding:calc(12px + var(--safe-top)) 16px calc(12px + var(--safe-bottom));--bw:max(150px,min(100cqw - 32px,100cqh - 260px,360px));background:0 0;grid-template:"pop""top""board"minmax(0,1fr)"tme""pme"/minmax(0,1fr);place-items:center;row-gap:8px;display:grid;container-type:size}#strike .sk-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}#strike .tplate{width:var(--bw);box-sizing:border-box;pointer-events:none;background:var(--panel);border:3px solid var(--panel-edge);min-width:0;max-width:100%;box-shadow:inset 0 0 0 2px var(--panel-hi),0 4px 0 #00000059;border-radius:10px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex;position:relative}#strike .tplate.op{grid-area:pop}#strike .tplate.me{grid-area:pme}#strike .tp-ava{object-fit:cover;object-position:top;box-sizing:border-box;background:#000;border:2px solid #0a0b0c;border-radius:6px;flex:none;width:48px;height:48px;padding:0}#strike .tplate.me .tp-ava{width:40px;height:40px;image-rendering:pixelated}#strike .tp-txt{gap:2px;min-width:0;display:grid}#strike .tp-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;line-height:1.1;overflow:hidden}#strike .tplate.op .tp-name{color:var(--gold)}#strike .tp-level{color:var(--rune);white-space:nowrap;font-size:16px;line-height:1}#strike .tplate[data-level=easy] .tp-level{color:#8af07a}#strike .tplate[data-level=hard] .tp-level{color:var(--enemy)}#strike .tp-mark{width:32px;height:32px;image-rendering:pixelated;flex:none;margin-left:4px}#strike .tp-mark[hidden]{display:none}#strike .sk-pause{pointer-events:auto;flex:none;width:32px;height:32px;margin-left:auto}#strike .sk-pause svg{width:14px;height:14px}#strike .tp-cups{box-sizing:border-box;height:32px;color:var(--ink);font-variant-numeric:tabular-nums;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;flex:none;align-items:center;gap:4px;margin-left:auto;padding:0 8px 0 4px;font-size:16px;line-height:1;display:flex;box-shadow:inset 0 0 0 2px #2b3135}#strike .tp-cups[hidden]{display:none}#strike .tp-cups b{white-space:nowrap;font-weight:400}#strike .tp-cups .px-icon{width:20px;height:20px}#strike .tplate.op.human .tp-ava{width:40px;height:40px;image-rendering:pixelated}#strike .tplate.op .tp-cups+.sk-pause{margin-left:0}#strike .sk-off{z-index:1;box-sizing:border-box;background:var(--enemy);border:2px solid #0a0b0c;border-radius:2px;width:12px;height:12px;position:absolute;top:2px;left:36px;box-shadow:inset 2px 2px #ffffff59}#strike .sk-off[hidden]{display:none}#strike .tplate.offline .tp-ava{filter:grayscale()brightness(.6)}#strike .tplate.active{box-shadow:inset 0 0 0 2px var(--panel-hi),0 0 0 3px var(--gold),0 4px 0 #00000059;animation:1s steps(2,end) infinite skPulse}@keyframes skPulse{50%{box-shadow:inset 0 0 0 2px #6a747c,0 0 0 3px #fff0a8,0 4px #00000059}}#strike .tplate.shake{animation:.3s steps(4,end) skShake}@keyframes skShake{0%,to{translate:0}25%{translate:-6px}50%{translate:5px}75%{translate:-3px}}#strike .sk-timer{width:var(--bw);align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}#strike .sk-timer.op{grid-area:top}#strike .sk-timer.me{grid-area:tme}#strike .sk-timer .tb-num{box-sizing:border-box;font-variant-numeric:tabular-nums;min-width:40px;height:36px;color:var(--ink);background:#15181a;border:2px solid #0a0b0c;border-radius:6px;flex:none;place-items:center;padding:0 6px;font-size:24px;line-height:24px;display:grid;box-shadow:inset 0 0 0 2px #2b3135}#strike .sk-timer .tb-track{box-sizing:border-box;background:#2a2f33;border:2px solid #0a0b0c;border-radius:3px;flex:1;width:auto;height:16px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #3b4247}#strike .sk-timer .tb-fill{max-width:none;height:auto;max-height:none;width:calc((100% - 4px) * var(--t,1));background:linear-gradient(180deg,#fff0a8 0 2px,var(--gold) 2px calc(100% - 2px),#c58a10 calc(100% - 2px));position:absolute;inset:2px auto 2px 2px}#strike .sk-timer.op .tb-fill{background:linear-gradient(180deg,#c8f6ff 0 2px,var(--rune) 2px calc(100% - 2px),#2a8fb0 calc(100% - 2px))}#strike .sk-timer.rest{opacity:.45}#strike .sk-timer.low .tb-num{color:var(--enemy);animation:.5s steps(2,end) infinite skLow}#strike .sk-timer.low .tb-fill{background:linear-gradient(180deg,#ff9a90 0 2px,var(--enemy) 2px calc(100% - 2px),#8e141c calc(100% - 2px));animation:.5s steps(2,end) infinite skLow}@keyframes skLow{50%{filter:brightness(1.6)}}#strike .sk-board{box-sizing:border-box;width:var(--bw);aspect-ratio:1;background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi),0 6px 0 #00000059;border-radius:12px;grid-area:board;grid-template-rows:repeat(3,minmax(0,1fr));gap:6px;padding:8px;display:grid;position:relative}#strike .sk-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0;display:grid}#strike .sk-cell{cursor:default;min-width:0;min-height:0;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;margin:0;padding:0;position:relative;box-shadow:inset 0 2px #ffffff0f,inset 0 -2px #00000059}#strike .sk-board.live .sk-cell:not(.filled){cursor:pointer}@media (hover:hover){#strike .sk-board.live .sk-cell:not(.filled):hover{background:#1b2023}}#strike .sk-cell:focus-visible{outline:3px solid var(--rune);outline-offset:1px;z-index:2}#strike .sk-cell.nope{animation:.3s steps(4,end) nope}#strike .sk-toast{z-index:8;text-align:center;color:var(--gold);text-shadow:3px 3px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;opacity:0;pointer-events:none;white-space:nowrap;margin-top:-20px;font-size:32px;line-height:40px;position:absolute;top:50%;left:-60px;right:-60px}#strike .sk-toast.long{white-space:normal;text-wrap:balance;margin-top:-28px;padding-inline:70px;font-size:24px;line-height:28px}#strike .sk-toast.show{animation:1.3s steps(12,end) forwards toast}.strike-result .sk-res-turns{color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:3px 3px #000;margin:0;font-size:24px;line-height:1}.strike-result.win .panel h2{color:var(--gold)}.strike-result .res-stats{margin:0}@media (orientation:landscape) and (max-height:520px){#strike{--bar:40px;--bw:max(150px,min(100cqh - 62px,100cqw - 2 * var(--bar) - 40px,360px));grid-template-columns:minmax(0,1fr) var(--bar) auto auto var(--bar) minmax(0,1fr);padding-block:calc(8px + var(--safe-top)) calc(8px + var(--safe-bottom));grid-template-rows:auto minmax(0,1fr);grid-template-areas:"pme pme pme pop pop pop"".tme board board top.";align-items:center;gap:8px}#strike .tplate{justify-self:stretch;width:auto;padding-block:2px}#strike .tp-ava,#strike .tplate.me .tp-ava{width:36px;height:36px}#strike .sk-timer{width:var(--bar);height:var(--bw);flex-direction:column;justify-content:center;align-self:center;gap:4px}#strike .sk-timer:after{content:"";flex:none;height:30px}#strike .sk-timer .tb-num{min-width:34px;height:30px;padding:0 4px;font-size:16px;line-height:16px}#strike .sk-timer .tb-track{flex:0 auto;width:16px;height:70%;min-height:48px}#strike .sk-timer .tb-fill{width:auto;height:calc((100% - 4px) * var(--t,1));background:linear-gradient(90deg,#fff0a8 0 2px,var(--gold) 2px calc(100% - 2px),#c58a10 calc(100% - 2px));inset:auto 2px 2px}#strike .sk-timer.op .tb-fill{background:linear-gradient(90deg,#c8f6ff 0 2px,var(--rune) 2px calc(100% - 2px),#2a8fb0 calc(100% - 2px))}#strike .sk-timer.low .tb-fill{background:linear-gradient(90deg,#ff9a90 0 2px,var(--enemy) 2px calc(100% - 2px),#8e141c calc(100% - 2px))}}#app.reduce-flash #strike .sk-toast.show{animation-name:toastSoft}#app.reduce-flash #strike .tplate.active,#app.reduce-flash #strike .sk-timer.low .tb-num,#app.reduce-flash #strike .sk-timer.low .tb-fill,#app.reduce-shake #strike .tplate.shake,#app.reduce-shake #strike .sk-cell.nope{animation:none}@media (prefers-reduced-motion:reduce){#strike .sk-toast.show{animation-duration:.6s}#strike .tplate.active,#strike .sk-timer.low .tb-num,#strike .sk-timer.low .tb-fill{animation:none}#strike .tplate.shake,#strike .sk-cell.nope{animation-duration:10ms}}#strike-find.btn-soon{opacity:1}.strike-emblem{aspect-ratio:1;flex:none;width:min(52vw,200px,max(96px,100dvh - 540px));position:relative}.se-line{z-index:0;width:calc(100% - 12px);height:calc(100% - 12px);image-rendering:pixelated;pointer-events:none;position:absolute;inset:6px}@media (orientation:landscape) and (max-height:520px){.hub .strike-emblem{grid-area:2/1;width:min(100%,max(100px,100dvh - 180px))}}.sr-row{align-items:center;gap:12px;display:flex}.sr-row .plain{flex:1;min-width:0}.sr-board{background:var(--panel);box-shadow:inset 0 0 0 2px var(--panel-hi);border:2px solid #0a0b0c;border-radius:6px;flex:none;grid-template:repeat(3,36px)/repeat(3,36px);gap:2px;padding:4px;display:grid;position:relative}.sr-cell{background:#15181a;border-radius:3px;display:block;position:relative;box-shadow:inset 0 0 0 1px #0a0b0c}.sr-board .se-line{width:calc(100% - 8px);height:calc(100% - 8px);inset:4px}.sr-board .piece img{filter:drop-shadow(2px 2px #00000059);width:32px;height:32px}@media (max-width:419px){.sr-row{flex-direction:column;align-items:flex-start;gap:8px}.sr-row .plain{align-self:stretch}}.strike-emblem .se-l{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute;inset:0}.strike-emblem .se-x{animation:1.2s steps(2,end) infinite seBob}.strike-emblem .se-o{animation:1.2s steps(2,end) -.6s infinite seBob}.strike-emblem .se-shards{animation:1.2s steps(2,end) -.6s infinite seDrift}.strike-emblem .se-boltA,.strike-emblem .se-sparkA{animation:1.2s step-end infinite seOn}.strike-emblem .se-boltB,.strike-emblem .se-sparkB{animation:1.2s step-end infinite seOff}.strike-emblem .se-sparkA,.strike-emblem .se-sparkB{animation-duration:.8s}@keyframes seBob{50%{translate:0 -2.5%}}@keyframes seDrift{50%{translate:2.5% 2.5%}}@keyframes seOn{50%{opacity:0}}@keyframes seOff{0%{opacity:0}50%{opacity:1}}#app.reduce-flash .strike-emblem :is(.se-boltA,.se-boltB,.se-sparkA,.se-sparkB){animation:none}#app.reduce-flash .strike-emblem :is(.se-boltB,.se-sparkB){opacity:0}@media (prefers-reduced-motion:reduce){.strike-emblem .se-l{animation:none}.strike-emblem :is(.se-boltB,.se-sparkB){opacity:0}}#coridore{z-index:3;padding:calc(10px + var(--safe-top)) 12px calc(10px + var(--safe-bottom));--bw:max(220px,min(100cqw - 24px,100cqh - 296px,520px));background:0 0;grid-template:"pop""."minmax(0,1fr)"top""board""tme""tray""."minmax(0,1fr)"pme"/minmax(0,1fr);place-items:center;row-gap:8px;display:grid;container-type:size}#coridore .sk-fx{z-index:6;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}#coridore .cd-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}#coridore .tplate{width:var(--bw);box-sizing:border-box;pointer-events:none;background:var(--panel);border:3px solid var(--panel-edge);min-width:0;max-width:100%;box-shadow:inset 0 0 0 2px var(--panel-hi),0 4px 0 #00000059;border-radius:10px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex;position:relative}#coridore .tplate.op{grid-area:pop}#coridore .tplate.me{grid-area:pme}#coridore .tp-ava{object-fit:cover;object-position:top;box-sizing:border-box;background:#000;border:2px solid #0a0b0c;border-radius:6px;flex:none;width:44px;height:44px;padding:0}#coridore .tplate.me .tp-ava,#coridore .tplate.op.human .tp-ava{width:40px;height:40px;image-rendering:pixelated}#coridore .tp-txt{flex:1;gap:2px;min-width:0;display:grid}#coridore .tp-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;line-height:1.1;overflow:hidden}#coridore .tplate.op .tp-name{color:var(--rune)}#coridore .tplate.me .tp-name{color:var(--gold)}#coridore .tp-level{color:var(--rune);white-space:nowrap;font-size:16px;line-height:1}#coridore .tplate[data-level=easy] .tp-level{color:#8af07a}#coridore .tplate[data-level=normal] .tp-level{color:#b9c9bf}#coridore .tplate[data-level=hard] .tp-level{color:var(--enemy)}#coridore .cd-pause{pointer-events:auto;flex:none;width:32px;height:32px}#coridore .cd-pause svg{width:14px;height:14px}#coridore .tp-cups{box-sizing:border-box;height:32px;color:var(--ink);font-variant-numeric:tabular-nums;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;flex:none;align-items:center;gap:4px;margin-left:auto;padding:0 8px 0 4px;font-size:16px;line-height:1;display:flex;box-shadow:inset 0 0 0 2px #2b3135}#coridore .tp-cups[hidden]{display:none}#coridore .tp-cups b{white-space:nowrap;font-weight:400}#coridore .tp-cups .px-icon{width:20px;height:20px}#coridore .cd-off{z-index:1;box-sizing:border-box;background:var(--enemy);border:2px solid #0a0b0c;border-radius:2px;width:12px;height:12px;position:absolute;top:2px;left:34px;box-shadow:inset 2px 2px #ffffff59}#coridore .cd-off[hidden]{display:none}#coridore .tplate.offline .tp-ava{filter:grayscale()brightness(.6)}#coridore .tplate.active{box-shadow:inset 0 0 0 2px var(--panel-hi),0 0 0 3px var(--gold),0 4px 0 #00000059;animation:1s steps(2,end) infinite cdPulse}#coridore .tplate.op.active{box-shadow:inset 0 0 0 2px var(--panel-hi),0 0 0 3px var(--rune),0 4px 0 #00000059;animation-name:cdPulseOp}@keyframes cdPulse{50%{box-shadow:inset 0 0 0 2px #6a747c,0 0 0 3px #fff0a8,0 4px #00000059}}@keyframes cdPulseOp{50%{box-shadow:inset 0 0 0 2px #6a747c,0 0 0 3px #c8f6ff,0 4px #00000059}}#coridore .tplate.shake{animation:.3s steps(4,end) cdShake}@keyframes cdShake{0%,to{translate:0}25%{translate:-6px}50%{translate:5px}75%{translate:-3px}}#coridore .cd-bar{flex:none;align-items:center;gap:2px;height:22px;display:flex}#coridore .cd-pip{width:8px;height:20px;image-rendering:pixelated;display:block}#coridore .cd-pip.spend{animation:.45s steps(3,end) cdSpend}@keyframes cdSpend{0%{filter:brightness(2.2);translate:0 -6px}50%{filter:brightness(1.4);translate:0 2px}to{filter:none;translate:0}}#coridore .tplate.op .cd-bar{margin-left:auto}#coridore .tplate.op .cd-bar+.tp-cups{margin-left:0}#coridore .cd-timer{width:var(--bw);align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}#coridore .cd-timer.op{grid-area:top}#coridore .cd-timer.me{grid-area:tme}#coridore .cd-timer .tb-num{box-sizing:border-box;font-variant-numeric:tabular-nums;min-width:36px;height:28px;color:var(--ink);background:#15181a;border:2px solid #0a0b0c;border-radius:6px;flex:none;place-items:center;padding:0 4px;font-size:16px;line-height:16px;display:grid;box-shadow:inset 0 0 0 2px #2b3135}#coridore .cd-timer .tb-track{box-sizing:border-box;background:#2a2f33;border:2px solid #0a0b0c;border-radius:3px;flex:1;width:auto;height:12px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3b4247}#coridore .cd-timer .tb-fill{max-width:none;height:auto;max-height:none;width:calc((100% - 2px) * var(--t,1));background:linear-gradient(180deg,#fff0a8 0 2px,var(--gold) 2px calc(100% - 2px),#c58a10 calc(100% - 2px));position:absolute;inset:1px auto 1px 1px}#coridore .cd-timer.op .tb-fill{background:linear-gradient(180deg,#c8f6ff 0 2px,var(--rune) 2px calc(100% - 2px),#2a8fb0 calc(100% - 2px))}#coridore .cd-timer.rest{opacity:.45}#coridore .cd-timer.low .tb-num{color:var(--enemy);animation:.5s steps(2,end) infinite cdLow}#coridore .cd-timer.low .tb-fill{background:linear-gradient(180deg,#ff9a90 0 2px,var(--enemy) 2px calc(100% - 2px),#8e141c calc(100% - 2px));animation:.5s steps(2,end) infinite cdLow}@keyframes cdLow{50%{filter:brightness(1.6)}}#coridore .cd-board{box-sizing:border-box;width:var(--bw);aspect-ratio:1;background:var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-hi),0 6px 0 #00000059;touch-action:manipulation;border-radius:12px;grid-area:board;place-items:center;padding:8px;display:grid;position:relative}#coridore .cd-field{grid-template-columns:repeat(9,var(--cell,30px));grid-template-rows:repeat(9,var(--cell,30px));gap:var(--gap,8px);display:grid;position:relative}#coridore .cd-cell{cursor:default;min-width:0;min-height:0;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#15181a;border:0;border-radius:4px;margin:0;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0a0b0c,inset 0 2px #ffffff0d,inset 0 -2px #00000059}#coridore .cd-cell.goal-me{background:#2b2511;box-shadow:inset 0 0 0 1px #0a0b0c,inset 0 0 0 3px #ffcf3a38,inset 0 -2px #00000059}#coridore .cd-cell.goal-op{background:#10242c;box-shadow:inset 0 0 0 1px #0a0b0c,inset 0 0 0 3px #5fe3ff33,inset 0 -2px #00000059}#coridore .cd-cell.lit-me{background:#5a4a12}#coridore .cd-cell.lit-op{background:#14505e}#coridore .cd-cell.can{cursor:pointer}#coridore .cd-cell.can:after{content:"";width:calc(var(--cell) * .22);height:calc(var(--cell) * .22);background:var(--gold);animation:1s steps(2,end) infinite cdDot;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg;box-shadow:0 0 0 2px #0a0b0c,inset -2px -2px #c58a10}@keyframes cdDot{50%{box-shadow:0 0 0 2px #0a0b0c,inset -2px -2px 0 var(--gold);background:#fff0a8}}@media (hover:hover){#coridore .cd-cell.can:hover{background:#262c30}}#coridore .cd-cell:focus-visible{outline:3px solid var(--rune);outline-offset:1px;z-index:4}#coridore .cd-walls{z-index:2;pointer-events:none;position:absolute;inset:0}#coridore .cd-wall{image-rendering:pixelated;filter:drop-shadow(1px 2px #00000080);pointer-events:none;display:block;position:absolute}#coridore .cd-wall.ghost{z-index:5;opacity:.9}#coridore .cd-wall.ghost.ok{outline:2px solid var(--gold);outline-offset:1px;animation:.6s steps(2,end) infinite cdGhost}#coridore .cd-wall.ghost.bad{opacity:.75;outline:2px solid var(--enemy);outline-offset:1px;filter:sepia()saturate(5)hue-rotate(-40deg)brightness(.9)}#coridore .cd-wall.ghost[hidden]{display:none}@keyframes cdGhost{50%{outline-color:#fff0a8}}#coridore .cd-pawn{z-index:3;pointer-events:none;will-change:transform;position:absolute}#coridore .cd-pawn img{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 calc(var(--px,2px) * 1.5) 0 #00000073);display:block}#coridore .cd-pawn.active img{animation:.9s steps(2,end) infinite cdBob}@keyframes cdBob{50%{translate:0 calc(var(--px,2px) * -1)}}#coridore .cd-pawn.won img{animation:.5s steps(4,end) infinite cdWon}@keyframes cdWon{50%{translate:0 calc(var(--cell) * -.25)}}#coridore .cd-pawn.nope img{animation:.3s steps(4,end) nope}#coridore .cd-pawn.ghost{z-index:2;opacity:0;transition:none}#coridore .cd-pawn.ghost.on{opacity:.4}#coridore .cd-toast{z-index:8;text-align:center;color:var(--gold);text-shadow:3px 3px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;opacity:0;pointer-events:none;white-space:nowrap;margin-top:-20px;font-size:32px;line-height:40px;position:absolute;top:50%;left:-40px;right:-40px}#coridore .cd-toast.long{white-space:normal;text-wrap:balance;margin-top:-28px;padding-inline:50px;font-size:24px;line-height:28px}#coridore .cd-toast.show{animation:1.3s steps(12,end) forwards toast}#coridore .cd-tray{width:var(--bw);box-sizing:border-box;grid-area:tray;align-items:center;gap:8px;max-width:100%;display:flex}#coridore .cd-handle{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#15181a;border:2px solid #0a0b0c;border-radius:8px;flex:none;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 2px #2b3135,0 3px #0006}#coridore .cd-handle img{image-rendering:pixelated;pointer-events:none;filter:drop-shadow(1px 2px #00000080);display:block}#coridore .cd-handle.v img{width:8px;height:40px}#coridore .cd-handle.h img{width:40px;height:8px}#coridore .cd-tray.live .cd-handle{box-shadow:inset 0 0 0 2px #2b3135,0 0 0 2px var(--gold),0 3px 0 #0006}#coridore .cd-handle.off{cursor:default;opacity:.5}#coridore .cd-handle.empty img{opacity:.25}#coridore .cd-handle.lifted img{opacity:.2}#coridore .cd-handle.nope{animation:.3s steps(4,end) nope}#coridore .cd-handle:focus-visible{outline:3px solid var(--rune);outline-offset:2px}#coridore .cd-tray-info{flex:1;justify-items:end;gap:4px;min-width:0;display:grid}#coridore .cd-hint{color:var(--ink-dim,#b9c9bf);text-align:right;text-wrap:balance;font-size:16px;line-height:1.1}#coridore .cd-float{z-index:50;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(2px 4px #00000080);display:block;position:fixed}#coridore .cd-float[hidden]{display:none}.coridore-result .cd-res-turns{color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:3px 3px #000;margin:0;font-size:24px;line-height:1}.coridore-result.win .panel h2{color:var(--gold)}.coridore-result .res-stats{margin:0}@media (max-width:359px){#coridore{--bw:max(200px,min(100cqw - 16px,100cqh - 280px,520px));padding-inline:8px}#coridore .cd-handle{width:44px;height:44px}#coridore .cd-hint{font-size:16px}}@media (orientation:landscape) and (max-height:520px){#coridore{--side:88px;--bw:max(180px,min(100cqh - 74px,100cqw - 2 * var(--side) - 32px,480px));padding-block:calc(8px + var(--safe-top)) calc(8px + var(--safe-bottom));grid-template:"pme pme pop""side board top"minmax(0,1fr)/minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:8px 16px}#coridore .tplate{justify-self:stretch;width:auto;padding-block:2px}#coridore .tplate.me{margin-right:calc(var(--bw) / 2 + 4px);grid-column:1/3}#coridore .tplate.op{margin-left:calc(var(--bw) / 2 + 4px);grid-column:2/4}#coridore .tp-ava,#coridore .tplate.me .tp-ava,#coridore .tplate.op.human .tp-ava{width:36px;height:36px}#coridore .cd-board{grid-area:board;align-self:center}#coridore .cd-timer{flex-direction:column;place-self:start stretch;align-items:stretch;gap:4px;width:auto}#coridore .cd-timer.me{grid-area:side}#coridore .cd-timer.op{grid-area:top}#coridore .cd-timer .tb-num{min-width:0}#coridore .cd-tray{flex-wrap:wrap;grid-area:side;justify-content:center;place-self:start stretch;width:auto;margin-top:56px}#coridore .cd-tray-info{flex-basis:100%;justify-items:center}#coridore .cd-bar{flex-wrap:wrap;justify-content:center;max-width:62px;height:auto}#coridore .cd-hint{text-align:center}}#app.reduce-flash #coridore .cd-toast.show{animation-name:toastSoft}#app.reduce-flash #coridore .tplate.active,#app.reduce-flash #coridore .cd-cell.can:after,#app.reduce-flash #coridore .cd-timer.low .tb-num,#app.reduce-flash #coridore .cd-timer.low .tb-fill,#app.reduce-shake #coridore .tplate.shake,#app.reduce-shake #coridore .cd-handle.nope,#app.reduce-shake #coridore .cd-pawn.nope img{animation:none}@media (prefers-reduced-motion:reduce){#coridore .cd-toast.show{animation-duration:.6s}#coridore .tplate.active,#coridore .cd-timer.low .tb-num,#coridore .cd-timer.low .tb-fill,#coridore .cd-cell.can:after,#coridore .cd-pawn.active img,#coridore .cd-pawn.won img,#coridore .cd-wall.ghost.ok{animation:none}#coridore .tplate.shake,#coridore .cd-handle.nope{animation-duration:10ms}}.cd-emblem{aspect-ratio:1;flex:none;width:min(52vw,200px,max(96px,100dvh - 540px));position:relative}@media (orientation:landscape) and (max-height:520px){.hub .cd-emblem{grid-area:2/1;width:min(100%,max(100px,100dvh - 180px))}}.cr-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.cr-row .plain{flex:1;min-width:0}.cr-board{background:var(--panel);box-shadow:inset 0 0 0 2px var(--panel-hi);border:2px solid #0a0b0c;border-radius:6px;flex:none;padding:6px;display:block}.cr-field{display:block;position:relative}.cr-cell{background:#15181a;border-radius:3px;width:36px;height:36px;position:absolute;box-shadow:inset 0 0 0 1px #0a0b0c}.cr-cell.goal-me{background:#2b2511;box-shadow:inset 0 0 0 1px #0a0b0c,inset 0 0 0 3px #ffcf3a47}.cr-cell.goal-op{background:#10242c;box-shadow:inset 0 0 0 1px #0a0b0c,inset 0 0 0 3px #5fe3ff40}.cr-cell.can:after{content:"";background:var(--gold);width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;rotate:45deg;box-shadow:0 0 0 2px #0a0b0c}.cr-wall{z-index:1;image-rendering:pixelated;filter:drop-shadow(1px 2px #00000073);position:absolute}.cr-wall.bad{filter:drop-shadow(0 0 #ff5a4a)sepia()saturate(6)hue-rotate(-40deg);opacity:.8}.cr-pawn{z-index:2;width:32px;height:32px;image-rendering:pixelated;filter:drop-shadow(1px 2px #0006);position:absolute}@media (max-width:419px){.cr-row{flex-direction:column;align-items:flex-start;gap:8px}.cr-row .plain{align-self:stretch}}.coridore-emblem{position:relative}.coridore-emblem .ce-l{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute;inset:0}.coridore-emblem .ce-me{animation:1.4s steps(2,end) infinite ceBob}.coridore-emblem .ce-op{animation:1.4s steps(2,end) -.7s infinite ceBob}@keyframes ceBob{50%{translate:0 -2.5%}}.coridore-emblem .ce-face{pointer-events:none;position:absolute;overflow:hidden}.coridore-emblem .ce-glint{width:100%;height:100%;image-rendering:pixelated;-webkit-user-drag:none;animation:3.2s infinite ceGlint;position:absolute;top:0;left:0;translate:0 -10%}@keyframes ceGlint{0%{animation-timing-function:steps(36,end);translate:0 -9.0909%}40%{translate:0 100%}to{translate:0 100%}}.coridore-emblem .ce-spark{opacity:0;animation:3.2s step-end infinite ceSpark}@keyframes ceSpark{0%{opacity:1}4%{opacity:0}6%{opacity:1}12%{opacity:0}}#app.reduce-flash .coridore-emblem .ce-spark{animation:none}@media (prefers-reduced-motion:reduce){.coridore-emblem .ce-l{animation:none}.coridore-emblem .ce-glint{visibility:hidden;animation:none}}.online{z-index:40;background:0 0;gap:0;padding:0;overflow:hidden}.online .ol-search{padding-inline:24px;padding-block:calc(24px + var(--safe-top)) calc(24px + var(--safe-bottom));background:#040c1af0;flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,4vh,30px);transition:opacity .25s;display:flex;position:absolute;inset:0}.online.versus .ol-search{opacity:0;pointer-events:none}.ol-radar{aspect-ratio:1;place-items:center;width:min(56vw,220px);display:grid;position:relative}.ol-radar img{z-index:2;width:44%;image-rendering:pixelated;filter:drop-shadow(4px 4px #00000073);animation:1.2s steps(2,end) infinite ol-bob;position:relative}@keyframes ol-bob{50%{translate:0 -5px}}.ol-ring{opacity:.75;border:4px dashed #e98a3a;border-radius:50%;animation:6s steps(24,end) infinite ol-turn;position:absolute;inset:6%}.ol-ring.b{border-color:#2fc3bd;animation-duration:4.5s;animation-direction:reverse;inset:16%}@keyframes ol-turn{to{rotate:360deg}}.ol-wave{opacity:0;border:3px solid #ffcf3a99;border-radius:50%;animation:2.4s steps(12,end) infinite ol-wave;position:absolute;inset:30%}.ol-wave.w2{animation-delay:.8s}.ol-wave.w3{animation-delay:1.6s}@keyframes ol-wave{0%{opacity:.9;inset:30%}to{opacity:0;inset:-6%}}.ol-title{color:var(--gold);text-align:center;text-shadow:3px 3px #000;margin:0;font-size:32px;font-weight:400;line-height:1.1}.ol-title i{text-align:left;width:1.5em;font-style:normal;display:inline-block}.ol-sub{color:var(--ink-dim);text-align:center;font-variant-numeric:tabular-nums;margin:-12px 0 0;font-size:16px}.ol-note{min-height:1.2em;color:var(--ink);text-align:center;margin:0;font-size:16px}.online .ol-search .menu-buttons{width:min(100%,260px)}.online.found .ol-ring{animation-duration:1.2s}.online.found .ol-title{color:#7dff8f}.ol-panel{box-sizing:border-box;height:50%;transform:translateY(var(--from));visibility:hidden;will-change:transform;justify-content:center;align-items:center;gap:16px;padding-inline:24px;display:flex;position:absolute;left:0;right:0}.ol-panel.op{--from:-102%;padding-top:var(--safe-top);background:linear-gradient(#3a1c12 0%,#5e2f1c 70%,#71391f 100%);border-bottom:4px solid #0a0b0c;top:0;box-shadow:inset 0 -6px #8a4a26,0 6px #0006}.ol-panel.me{--from:102%;padding-bottom:var(--safe-bottom);background:linear-gradient(#1b4f53 0%,#164247 30%,#0d2a2d 100%);border-top:4px solid #0a0b0c;flex-direction:row-reverse;bottom:0;box-shadow:inset 0 6px #2a6d70,0 -6px #0006}.ol-panel:before{content:"";pointer-events:none;opacity:.25;background:repeating-linear-gradient(135deg,#ffffff14 0 6px,#0000 6px 14px);position:absolute;inset:0}.ol-ava{width:96px;height:96px;image-rendering:pixelated;object-fit:cover;background:#15181a;border:3px solid #0a0b0c;border-radius:12px;flex:none;position:relative}.ol-panel.op .ol-ava{box-shadow:0 0 0 3px #e98a3a,5px 6px #0006}.ol-panel.me .ol-ava{box-shadow:0 0 0 3px #2fc3bd,5px 6px #0006}.ol-who{gap:8px;min-width:0;display:grid;position:relative}.ol-panel.me .ol-who{text-align:right;justify-items:end}.ol-name{color:var(--ink);text-shadow:3px 3px #000;text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,240px);font-size:32px;line-height:1;overflow:hidden}.ol-cups{color:var(--gold);text-shadow:2px 2px #000;align-items:center;gap:6px;font-size:16px;display:inline-flex}.ol-cups img{width:20px;height:20px;image-rendering:pixelated}.ol-vs{z-index:3;color:#1a1200;background:var(--gold);visibility:hidden;border:4px solid #0a0b0c;border-radius:50%;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;font-size:32px;display:grid;position:absolute;top:50%;left:50%;transform:scale(0);box-shadow:inset 3px 3px #fff0a8,inset -3px -4px #c58a10,0 5px #00000073}.ol-tag{z-index:3;color:var(--gold);white-space:nowrap;visibility:hidden;background:#15181a;border:2px solid #0a0b0c;border-radius:6px;margin-top:46px;padding:4px 10px;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%)}.online.versus .ol-tag.on{visibility:visible}.ol-result .panel{width:min(100%,340px)}.ol-result.win .panel h2{color:var(--gold)}.ol-result .res-reward span{display:block}.ol-rematch{justify-content:center;align-items:center;gap:12px;display:flex}.ol-checks{flex:none;gap:6px;display:inline-flex}.ol-checks i{box-sizing:border-box;background:#15181a;border:3px solid #0a0b0c;border-radius:4px;flex:none;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.btn.primary .ol-checks i{background:#c58a10}.btn.primary .ol-checks i.on,.ol-checks i.on{background:#7dff8f}.ol-checks i.on:after{content:"";border-bottom:3px solid #0a0b0c;border-left:3px solid #0a0b0c;width:8px;height:4px;margin-top:-3px;rotate:-45deg}.ol-checks i.pop{animation:.3s steps(4,end) ol-pop}@keyframes ol-pop{0%{scale:1.8}to{scale:1}}.ol-rematch-note{color:var(--ink-dim);margin:-4px 0 0;font-size:16px}.ol-rematch[disabled]{opacity:.55;cursor:default}.ol-rematch[disabled]:active{transform:none}