:root{--ink: #1B1B2F;--deep: #2E2E48;--sky: #5EC8FF;--candy: #FF5FA2;--sunset: #FF8A3D;--lime: #B6F03C;--paper: #F4F7FB;--cream: #F6F3E8;--steel: #B8C4D0;--slate: #8A94A6;--sun: #FFD93D;--mint: #2ED3A8;--coral: #FF5A5A;--violet: #9B7BFF;--plate: rgba(46, 46, 72, .9);--cut: 12px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--me: var(--candy)}html,body{margin:0;height:100%;background:#cfe6ff;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:var(--font);color:var(--paper)}body{position:fixed;inset:0;container-type:size}@media(orientation:portrait)and (pointer:coarse){:root{--safe-t: env(safe-area-inset-right, 0px);--safe-r: env(safe-area-inset-bottom, 0px);--safe-b: env(safe-area-inset-left, 0px);--safe-l: env(safe-area-inset-top, 0px)}body{inset:0 auto auto 0;width:100dvh;height:100vw;transform-origin:0 0;transform:translate(100vw) rotate(90deg)}}button{font:inherit;color:inherit;touch-action:manipulation}.hidden,body.touch .kb{display:none!important}body:not(.touch) .tc{display:none!important}#game{position:fixed;inset:0;width:100cqw;height:100cqh;display:block;outline:none;z-index:0}#touch{position:fixed;inset:0;z-index:10;pointer-events:none;touch-action:none}body.on-title #touch,body.paused #touch,body.on-results #touch{visibility:hidden}.slant{font-style:italic}.ink-text{-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill}.plate{position:relative;isolation:isolate}.plate:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--plate);border:3px solid var(--ink);border-radius:6px;box-shadow:3px 3px 0 var(--ink);transform:skew(-14deg)}.panel{position:relative;isolation:isolate;color:var(--ink);filter:drop-shadow(4px 4px 0 var(--ink))}.panel:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.panel:after{content:"";position:absolute;inset:3px;z-index:-1;background:radial-gradient(rgba(27,27,47,.08) 1.1px,transparent 1.5px) 0 0 / 8px 8px,var(--paper);clip-path:polygon(calc(var(--cut) - 1.25px) 0,100% 0,100% calc(100% - var(--cut) + 1.25px),calc(100% - var(--cut) + 1.25px) 100%,0 100%,0 calc(var(--cut) - 1.25px))}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;height:1.9em;padding:0 .4em;box-sizing:border-box;border:2px solid var(--ink);border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 3px 0 var(--ink);font:900 .8em/1 var(--font);font-style:normal}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.55em 1.2em;box-sizing:border-box;border:3px solid var(--ink);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink);font:italic 900 clamp(14px,2.4vmin,18px)/1 var(--font);letter-spacing:.06em;white-space:nowrap;cursor:pointer;transition:transform .06s,box-shadow .06s}.btn svg{width:1.3em;height:1.3em;fill:currentColor;flex:none}@media(hover:hover){.btn:hover{filter:brightness(1.06)}}.btn:active,.btn.down{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn.primary{background:var(--sunset)}.btn.danger{background:var(--candy)}.btn:focus{outline:none}.btn:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.btn.big{min-height:60px;padding:.7em 1.6em;font-size:clamp(17px,3.4vmin,26px)}.chip{display:inline-flex;align-items:center;gap:.45em;min-height:44px;padding:.35em .9em .35em .7em;border:3px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font:italic 900 13px/1 var(--font);letter-spacing:.06em;cursor:pointer}.chip svg{width:20px;height:20px;fill:currentColor}.chip:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.chip:focus{outline:none}.chip:focus-visible{outline:3px solid var(--sky);outline-offset:3px}#hud{position:fixed;inset:0;z-index:20;pointer-events:none;font:italic 900 clamp(11px,2.5vmin,16px)/1 var(--font);--pad: calc(var(--safe-t) + max(8px, 1.6vmin));--padx: max(10px, 1.6vmin);--rh: 2em}body.on-title #hud,body.on-title #tags{visibility:hidden}#hud .num{font-variant-numeric:tabular-nums}#menu-btn{position:absolute;z-index:2;pointer-events:auto;top:var(--pad);left:calc(var(--safe-l) + var(--padx));width:48px;height:48px;padding:0;border:3px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer}#menu-btn svg{width:22px;height:22px;fill:currentColor;display:block;margin:auto}#menu-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}#h-speedbox{position:absolute;top:calc(var(--pad) + 58px);left:calc(var(--safe-l) + var(--padx) + 6px);padding:.45em 1.1em .6em .9em;display:flex;flex-direction:column;gap:.45em}#h-speed{font-size:2.1em;line-height:.9;font-variant-numeric:tabular-nums;-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill}#h-speed .unit{font-size:.38em;margin-left:.35em;letter-spacing:.12em;color:var(--sky);-webkit-text-stroke:0}#h-boost{display:flex;gap:4px;width:8.4em;height:.95em;transform:skew(-14deg)}#h-boost i{position:relative;flex:1;border:2px solid var(--ink);border-radius:3px;overflow:hidden;background:repeating-linear-gradient(135deg,#4a4a6a 0 3px,#3a3a58 3px 6px)}#h-boost i:after{content:"";position:absolute;inset:0;transform-origin:left center;transform:scaleX(var(--f, 0));background:var(--sky)}#h-boost i.full:after{background:var(--sunset)}#h-boost i.full{box-shadow:0 0 0 2px var(--sun)}#h-boost.pop i.full:last-of-type,#h-boost i.pop{animation:cellpop .35s ease-out}#h-boost.deny{animation:shake .3s linear}@keyframes cellpop{0%{filter:brightness(2.2);transform:scaleY(1.5)}to{filter:none;transform:none}}@keyframes shake{0%,to{translate:0}20%{translate:-5px 0}40%{translate:5px 0}60%{translate:-4px 0}80%{translate:3px 0}}#h-top{position:absolute;top:var(--pad);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}#h-lap{position:relative;z-index:1;margin-bottom:-3px;padding:.3em 1.1em .35em;border:3px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0;background:var(--sun);color:var(--ink);font-size:.9em;letter-spacing:.14em}#h-lap b{font-size:1.15em}#h-lap.final{background:var(--sunset)}#h-clock{padding:.12em .8em .16em;font-size:2.4em;letter-spacing:.04em;font-variant-numeric:tabular-nums;-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill}#h-last{margin-top:.5em;padding:.3em .9em;font-size:.85em;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--steel)}#h-last b{color:var(--paper);margin-left:.3em}#h-last.best b{color:var(--lime)}#h-last:empty{display:none}#h-item{position:relative;width:72px;height:72px;margin-top:.55em;border-radius:50%;border:3px solid var(--ink);box-sizing:border-box;background:radial-gradient(circle at 35% 30%,#fff 0 30%,var(--paper) 60%,var(--steel) 100%);box-shadow:3px 4px 0 var(--ink);display:flex;align-items:center;justify-content:center}#h-item .ic{width:50px;height:50px;overflow:visible}#h-item.empty{background:#2e2e488c;box-shadow:3px 4px #1b1b2f99}#h-item.empty .ic,#h-item.empty kbd{display:none}#h-item.spin .ic{animation:roul .17s steps(2) infinite}@keyframes roul{50%{scale:.82}}#h-item.pop{animation:slotpop .32s cubic-bezier(.2,1.6,.4,1)}@keyframes slotpop{0%{scale:1.45}to{scale:1}}#h-item.deny{animation:shake .3s linear}#h-item kbd{position:absolute;right:-10px;bottom:-6px;font-size:.72em}#h-item .pips{position:absolute;left:50%;bottom:-13px;display:none;gap:4px;transform:translate(-50%)}#h-item.mallet .pips{display:flex}#h-item .pips i{width:9px;height:9px;border-radius:50%;border:2px solid var(--ink);background:#4a4a6a}#h-item .pips i.on{background:var(--sunset)}body.touch #h-item{display:none}body.touch #h-toast,body.touch #h-warn{top:calc(var(--pad) + 7.6em)}#h-warn{position:absolute;left:50%;top:calc(var(--pad) + 7.6em + 92px);display:none;align-items:center;gap:.35em;padding:.25em .8em .25em .5em;transform:translate(-50%) skew(-14deg);background:var(--coral);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-size:1.5em;letter-spacing:.06em;color:var(--paper);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill}#h-warn svg{width:1.3em;height:1.3em;overflow:visible}#h-warn.on{display:inline-flex;animation:warnpulse .5s ease-in-out infinite alternate}@keyframes warnpulse{0%{filter:none}to{filter:brightness(1.25)}}#h-stand{position:absolute;top:var(--pad);right:calc(var(--safe-r) + var(--padx) + 4px);width:11em;height:calc(var(--n, 4) * var(--rh))}.srow{position:absolute;left:0;right:0;top:0;height:calc(var(--rh) - .3em);display:flex;align-items:center;gap:.5em;padding:0 .8em 0 .6em;font-size:1em;letter-spacing:.05em;white-space:nowrap;transform:translateY(calc(var(--p, 0) * var(--rh)));transition:transform .45s cubic-bezier(.2,.8,.2,1)}.srow:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--plate);border:2px solid var(--ink);border-radius:5px;transform:skew(-14deg)}.srow{isolation:isolate}.srow .pl{width:1.1em;text-align:center;font-size:1.15em;color:var(--sun);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill}.srow svg{flex:none;width:1.05em;height:1.05em;fill:var(--c);stroke:var(--ink);stroke-width:1.6px}.srow .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.srow.me:before{background:var(--me);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.srow.me{color:var(--ink)}.srow.me .pl{color:var(--paper)}.srow.me.pop{animation:rowpop .3s ease-out}@keyframes rowpop{0%{scale:1.18}to{scale:1}}#h-map{position:absolute;right:calc(var(--safe-r) + var(--padx) + 4px);bottom:calc(var(--safe-b) + var(--padx));width:min(210px,26cqw);aspect-ratio:4 / 3}#h-map:before{transform:none;border-radius:14px;background:#2e2e48f0}#h-map canvas{display:block;width:100%;height:100%}#h-portrait{position:absolute;left:50%;bottom:calc(var(--safe-b) + 8px);width:clamp(54px,10.5vmin,84px);aspect-ratio:1;transform:translate(-50%);border-radius:50%;border:3px solid var(--ink);box-shadow:0 0 0 3px var(--me),3px 4px 0 3px var(--ink);overflow:hidden;background:var(--sky)}#h-drift{position:absolute;left:50%;bottom:calc(var(--safe-b) + 8px + clamp(54px,10.5vmin,84px) + 12px);display:flex;gap:.7em;transform:translate(-50%);opacity:0;transition:opacity .15s}#h-drift.on{opacity:1}#h-drift .pip{width:1.7em;height:1.7em;fill:#3a3a58;stroke:var(--ink);stroke-width:1.6px;overflow:visible}#h-drift .pip.lit.p1{fill:var(--sky)}#h-drift .pip.lit.p2{fill:var(--sunset)}#h-drift .pip.lit.p3{fill:var(--candy)}#h-drift .pip.lit{animation:pippop .25s ease-out}@keyframes pippop{0%{scale:1.6}to{scale:1}}#h-count{position:absolute;left:0;right:0;top:24%;text-align:center;font-size:clamp(64px,19vmin,170px);line-height:1;color:var(--sun);-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;text-shadow:.05em .06em 0 var(--ink)}#h-count.go{color:var(--lime);font-size:clamp(72px,22vmin,200px)}#h-count.pop{animation:countpop .25s cubic-bezier(.2,1.4,.4,1)}@keyframes countpop{0%{scale:1.45;opacity:.4}to{scale:1;opacity:1}}#h-count.fade{animation:countfade .5s ease-in forwards}@keyframes countfade{0%{opacity:1;scale:1}to{opacity:0;scale:1.25}}#h-hint{position:absolute;left:50%;top:calc(24% + clamp(64px,19vmin,170px) + 10px);transform:translate(-50%);padding:.45em 1em;white-space:nowrap;border:3px solid var(--ink);border-radius:8px;background:var(--sky);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:1em;letter-spacing:.05em}#h-hint:empty{display:none}#h-call{position:absolute;left:0;right:0;top:40%;text-align:center}#h-call1{display:inline-block;padding:.18em .7em .24em;font-size:clamp(22px,6.4vmin,54px);letter-spacing:.03em;color:var(--paper);-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;transform:rotate(-4deg);position:relative;isolation:isolate}#h-call1:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sky);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);clip-path:polygon(4% 8%,100% 0,96% 92%,0 100%)}#h-call1:empty,#h-call2:empty{display:none}#h-call.sun #h-call1:before{background:var(--sunset)}#h-call.candy #h-call1:before{background:var(--candy)}#h-call.wipe #h-call1:before{background:var(--coral)}#h-call.mint #h-call1:before{background:var(--mint)}#h-call.violet #h-call1:before{background:var(--violet)}#h-call2{margin-top:.5em;font-size:clamp(15px,3.8vmin,30px);color:var(--lime);-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill}#h-call.wipe #h-call2{color:var(--coral)}#h-call.pop #h-call1{animation:callpop .28s cubic-bezier(.2,1.5,.4,1)}@keyframes callpop{0%{scale:.4}to{scale:1}}#h-banner{position:absolute;left:0;right:0;top:30%;display:flex;justify-content:center;pointer-events:none;opacity:0}#h-banner span{padding:.3em 1.6em .36em;font-size:clamp(26px,8vmin,64px);letter-spacing:.06em;color:var(--paper);-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;background:var(--sunset);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:skew(-14deg)}#h-banner.lap span{background:var(--sky);font-size:clamp(20px,5.5vmin,44px)}#h-banner.finish span{background:var(--lime);color:var(--ink);-webkit-text-stroke:0}#h-banner.show{animation:banner 1.6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes banner{0%{opacity:0;translate:40cqw 0}14%{opacity:1;translate:0 0}80%{opacity:1;translate:0 0}to{opacity:0;translate:-40cqw 0}}#h-banner.hold{opacity:1;animation:banner-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes banner-in{0%{opacity:0;translate:40cqw 0}to{opacity:1;translate:0 0}}#h-wrong{position:absolute;left:50%;top:22%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:.3em}#h-wrong.on{display:flex}#h-wrong .chev{display:flex;gap:.2em}#h-wrong .chev i{width:1.6em;height:1.6em;background:var(--coral);clip-path:polygon(60% 0,100% 0,40% 50%,100% 100%,60% 100%,0 50%)}#h-wrong .t{padding:.25em .8em;font-size:2em;color:var(--paper);background:var(--coral);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;transform:skew(-14deg)}#h-wrong .s{font-size:.95em;color:var(--paper);-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill}#h-toast{position:absolute;left:50%;top:calc(var(--pad) + 7.6em + 92px);transform:translate(-50%);padding:.5em 1em;border:3px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:.9em;letter-spacing:.05em;white-space:nowrap;opacity:0;transition:opacity .2s}#h-toast.on{opacity:1}#h-respawn{position:absolute;display:none;pointer-events:auto;left:50%;top:calc(22% + 7.5em);transform:translate(-50%);align-items:center;gap:.5em;min-height:48px;padding:.4em 1.1em;border:3px solid var(--ink);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink);font:italic 900 15px/1 var(--font);letter-spacing:.06em}#h-respawn svg{width:22px;height:22px;fill:currentColor;color:var(--ink)}body.touch #h-respawn.on{display:inline-flex}#tags{position:fixed;inset:0;z-index:15;pointer-events:none}.tag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.35em;padding:.22em .6em .26em .45em;white-space:nowrap;will-change:transform;font:italic 900 clamp(10px,1.9vmin,13px)/1 var(--font);letter-spacing:.06em;color:var(--paper);isolation:isolate}.tag:before{content:"";position:absolute;inset:0;z-index:-1;background:#1b1b2fd1;border:2px solid var(--c);border-radius:5px;transform:skew(-14deg)}.tag svg{width:1.1em;height:1.1em;fill:var(--c);stroke:var(--ink);stroke-width:1.5px}.tag .pl{color:var(--sun)}body.touch #h-stand{width:9.6em}body.touch #h-map{top:var(--pad);bottom:auto;right:calc(var(--safe-r) + var(--padx) + 9.6em + 18px);width:min(150px,18cqw)}body.touch #h-portrait{display:none}body.touch #h-drift{bottom:calc(var(--safe-b) + 18px)}@container (min-width: 900px) and (min-height: 430px){body.touch #h-portrait{display:block}body.touch #h-drift{bottom:calc(var(--safe-b) + 8px + clamp(54px,10.5vmin,84px) + 12px)}}@container (max-height: 430px){#hud{--rh: 1.95em}#h-clock{font-size:2.1em}#h-speed{font-size:1.8em}#h-speedbox{top:calc(var(--pad) + 54px)}}.screen{position:fixed;inset:0;z-index:30;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 16px);touch-action:none}.hdr{margin:0 0 .7em;align-self:flex-start;padding:.25em .9em .3em;background:var(--sky);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:italic 900 clamp(20px,4.6vmin,34px)/1 var(--font);letter-spacing:.06em;transform:skew(-14deg)}.logo{display:flex;flex-direction:column;align-items:center;font:italic 900 clamp(38px,10.5vmin,96px)/.95 var(--font);letter-spacing:.02em}.logo .l1{color:var(--paper);-webkit-text-stroke:.085em var(--ink);paint-order:stroke fill;text-shadow:.06em .07em 0 var(--ink)}.logo .l2{margin-top:-.06em}.logo .l2 span{display:inline-block;padding:.06em .5em .1em;font-size:.62em;letter-spacing:.14em;color:var(--ink);background:var(--sunset);border:.06em solid var(--ink);box-shadow:.06em .06em 0 var(--ink);transform:skew(-14deg) rotate(-3deg)}#title{flex-direction:column;gap:clamp(10px,2.6vmin,22px);padding-top:calc(var(--safe-t) + 64px);background:radial-gradient(ellipse at 50% 38%,#cfe6ff00 0,#2e2e4847 60%,#1b1b2f94)}#title .corner-l,#title .corner-r{position:absolute;top:calc(var(--safe-t) + 12px)}#title .corner-l{left:calc(var(--safe-l) + 14px)}#title .corner-r{right:calc(var(--safe-r) + 14px)}.t-main{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vmin,16px)}.t-sub{padding:.4em 1em;background:var(--ink);color:var(--sun);border-radius:6px;font:italic 900 clamp(11px,2.2vmin,15px)/1 var(--font);letter-spacing:.16em}.t-best{font:italic 900 clamp(12px,2.3vmin,15px)/1 var(--font);letter-spacing:.08em;color:var(--paper);-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill}.t-best:empty{display:none}.t-fs{max-width:92cqw;padding:.35em .8em;background:var(--ink);color:var(--paper);border-radius:6px;text-align:center;font:italic 900 clamp(10px,2vmin,13px)/1.2 var(--font);letter-spacing:.06em}@container (max-height: 320px){#title,.t-main{gap:4px}.t-sub{display:none}#title{padding-bottom:calc(var(--safe-b) + 6px)}.logo{font-size:32px}}@container (max-height: 330px){.t-fs{display:none}}@container (max-height: 500px){#title>.t-help{display:none}}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{scale:1}50%{scale:1.05}}.t-help{padding:14px 20px 16px;font:700 clamp(12px,2.2vmin,15px)/1.25 var(--font)}.help-kb{display:grid;grid-template-columns:repeat(2,auto);gap:8px 26px}.help-kb>div{display:flex;align-items:center;gap:.45em}.help-kb span{margin-right:.5em}.help-tc{display:flex;gap:22px;align-items:stretch}.help-tc .zone{display:flex;flex-direction:column;justify-content:center;gap:.4em;padding:10px 16px;border:2px dashed var(--slate);border-radius:50%;text-align:center;min-width:9em}.help-tc .btns{display:flex;flex-direction:column;gap:6px;justify-content:center}.help-tc .btns>div{display:flex;align-items:center;gap:.6em}.help-tc .b{display:inline-flex;align-items:center;justify-content:center;width:2em;height:2em;flex:none;border-radius:50%;border:2px solid var(--ink);font:italic 900 1em/1 var(--font);color:var(--ink)}.help-tc .b.s{background:var(--sky)}.help-tc .b.d{background:var(--candy)}.help-tc .b.f{background:var(--sunset)}.help-tc .b.a{background:var(--violet)}#pause,#results{background:#1b1b2f8c}.menu{display:flex;flex-direction:column;align-items:stretch;padding:20px 24px 16px;min-width:min(380px,88cqw);max-width:92cqw;max-height:100%;box-sizing:border-box}.menu.wide{min-width:min(560px,92cqw)}.menu .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu .grid .span2{grid-column:span 2}.menu .row{display:flex;gap:10px}.menu .row>.btn{flex:1}#p-help{display:flex;flex-direction:column;align-items:stretch;gap:12px}#p-help .t-help{filter:none;padding:0;font-size:clamp(12px,2.1vmin,14px)}#p-help .t-help:before,#p-help .t-help:after{display:none}.r-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:.5em}.r-head .hdr{margin:0}.menu .foot{margin:12px 0 0;text-align:center;font:700 12px/1 var(--font);color:var(--slate)}#r-place{display:flex;align-items:baseline;gap:.3em;font:italic 900 clamp(34px,9vmin,72px)/1 var(--font);color:var(--sun);-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;text-shadow:.05em .06em 0 var(--ink)}#r-place small{font-size:.38em;color:var(--ink);-webkit-text-stroke:0;text-shadow:none;letter-spacing:.08em}#r-table{display:grid;grid-template-columns:2.6em 2em minmax(5em,1fr) repeat(2,auto);gap:0;margin-bottom:.8em;font:800 clamp(12px,2.6vmin,16px)/1 var(--font);font-variant-numeric:tabular-nums}#r-table>div{padding:.45em .5em;border-bottom:2px solid #D8DEE8;display:flex;align-items:center}#r-table .hd{font:italic 900 .75em/1 var(--font);letter-spacing:.12em;color:var(--slate);border-bottom-color:var(--ink)}#r-table .r{justify-content:flex-end}#r-table .me{background:color-mix(in srgb,var(--me) 28%,transparent)}#r-table svg{flex:none;width:1.25em;height:1.25em;fill:var(--c);stroke:var(--ink);stroke-width:1.5px}#r-table .medal{display:inline-flex;width:1.6em;height:1.6em;border-radius:50%;align-items:center;justify-content:center;border:2px solid var(--ink);font:italic 900 .85em/1 var(--font)}#r-table .m1{background:var(--sun)}#r-table .m2{background:var(--steel)}#r-table .m3{background:var(--sunset)}#r-table .lb{color:var(--mint)}#r-note{min-height:1em;margin-bottom:.9em;font:italic 900 clamp(12px,2.4vmin,15px)/1.2 var(--font);color:var(--ink);letter-spacing:.04em}#r-note:empty{display:none}#r-note .new{display:inline-block;margin-bottom:.45em;padding:.15em .5em;background:var(--lime);border:2px solid var(--ink);border-radius:5px}#r-note .splits{font-variant-numeric:tabular-nums;color:var(--deep);white-space:pre;font-size:.92em}#results .row .btn{flex:1}@container (max-height: 500px){.menu{padding:14px 18px 12px}.menu .grid{gap:8px}.hdr{margin-bottom:.45em;font-size:20px}.menu .btn{min-height:46px;padding:.45em .9em;font-size:14px}#r-place{font-size:34px}#r-table>div{padding:.32em .45em}#r-note{margin-bottom:.6em}.t-help{padding:10px 16px 12px}}#results .panel{display:flex;flex-direction:column}.r-scroll{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.r-scroll>*{flex:none}@container (max-height: 340px){#results .panel{padding:8px 16px}#r-place{font-size:30px}#r-table>div{padding:.2em .45em}#r-note,.r-save{margin-bottom:.4em}#results .row .btn{min-height:44px}}#splash{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(circle at 50% 42%,#7FB8FF,var(--deep) 80%);transition:opacity .35s}#splash.gone{opacity:0;pointer-events:none}#splash .bar{width:min(240px,50cqw);height:12px;border:3px solid var(--ink);border-radius:8px;background:var(--deep);overflow:hidden;box-shadow:3px 3px 0 var(--ink)}#splash .bar i{display:block;height:100%;width:40%;background:var(--sun);animation:load 1s ease-in-out infinite alternate}@keyframes load{0%{translate:-20% 0}to{translate:170% 0}}@media(prefers-reduced-motion:reduce){.pulse,#splash .bar i,#h-count.pop,#h-call.pop #h-call1,.srow.me.pop,#h-drift .pip.lit,#h-boost i.pop,#h-boost.deny,#h-item.spin .ic,#h-item.pop,#h-item.deny,#h-warn.on{animation:none}#h-banner.show{animation:bannerfade 1.6s linear forwards}@keyframes bannerfade{0%,to{opacity:0}10%,85%{opacity:1}}.srow{transition:none}}.lil-gui.autoPlace{z-index:45!important;max-height:92cqh;overflow-y:auto}body:not(.online) .net-only{display:none!important}body:not(.signed-in) .signed-only{display:none!important}.chip.primary{background:var(--sunset)}.overlay{z-index:50;background:#1b1b2fc7;align-items:flex-start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;user-select:text;-webkit-user-select:text;padding-bottom:calc(var(--safe-b) + 12px + var(--kb, 0px))}.overlay>.panel{margin:auto;max-height:none;flex:none}.overlay .menu{min-width:min(420px,88cqw)}.overlay .menu.wide{min-width:min(600px,92cqw)}.o-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:.7em}.o-head .hdr{margin:0}.o-head .btn{min-height:44px;padding:.4em 1em}.seg{display:flex;gap:8px;margin-bottom:10px}.seg .btn{flex:1;min-height:44px;padding:.4em .8em;box-shadow:3px 3px 0 var(--ink)}.seg .btn[aria-pressed=true],.seg .btn[aria-selected=true]{background:var(--sky)}.filters{display:flex;gap:0 16px;flex-wrap:wrap}.filters .seg{flex:1 1 220px}.overlay form{display:flex;flex-direction:column;gap:4px}.overlay label{display:flex;flex-direction:column;gap:4px;font:italic 900 12px/1 var(--font);letter-spacing:.1em;color:var(--deep)}.overlay input{box-sizing:border-box;width:100%;min-height:48px;padding:0 12px;border:3px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink);font:600 16px/1.2 var(--font);letter-spacing:normal;box-shadow:inset 2px 2px #1b1b2f1f;user-select:text;-webkit-user-select:text;-webkit-appearance:none;appearance:none}.overlay input:focus{outline:3px solid var(--sky);outline-offset:1px}.overlay input:disabled,.overlay .btn:disabled{opacity:.6}.overlay .hint,.overlay .err,.overlay .note{margin:0;min-height:1.3em;font:700 13px/1.3 var(--font);color:var(--coral)}.overlay .hint{min-height:0;margin-bottom:4px}.overlay .hint:empty{display:none}.overlay .hint.ok,.overlay .err.ok{color:#1c8f72}.overlay .err{margin:2px 0}.overlay .err:empty{display:none}.overlay .note{min-height:0;margin:2px 0 8px;color:var(--deep);font-weight:600}.overlay form .row,.overlay form .btn{margin-top:4px}.overlay form.busy{opacity:.85}.overlay .kv{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font:italic 900 12px/1 var(--font);letter-spacing:.1em;color:var(--deep)}.overlay .kv b{font:700 16px/1.2 var(--font);letter-spacing:normal;color:var(--ink);overflow-wrap:anywhere}#c-out{margin-top:14px}.lb{display:flex;flex-direction:column;font:800 clamp(13px,2.6vmin,16px)/1.1 var(--font);font-variant-numeric:tabular-nums}.lb-row,.hs-row{display:grid;align-items:center;min-height:36px;padding:2px 8px;border-bottom:2px solid #D8DEE8;gap:8px}.lb-row{grid-template-columns:2.4em minmax(0,1fr) auto}.hs-row{grid-template-columns:minmax(6.5em,1.3fr) 3em minmax(5.2em,1fr) minmax(5.2em,1fr) minmax(4.5em,auto)}.lb .hd{min-height:28px;font:italic 900 .75em/1 var(--font);letter-spacing:.12em;color:var(--slate);border-bottom-color:var(--ink)}.lb-row .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .tm,.hs-row .t{text-align:right}.lb-row .rk{text-align:center;font-style:italic}.lb-row.me{background:color-mix(in srgb,var(--me) 28%,transparent)}.hs-row.dnf .t{color:var(--coral)}.hs-row.hd span:nth-child(3),.hs-row .t{text-align:right}.totals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.totals:empty{display:none}.stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:3px solid var(--ink);border-radius:10px;background:var(--cream)}.stat b{font:italic 900 clamp(15px,3.2vmin,22px)/1 var(--font);font-variant-numeric:tabular-nums}.stat span{font:italic 900 10px/1 var(--font);letter-spacing:.1em;color:var(--slate)}.o-msg{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 8px;text-align:center;font:700 15px/1.3 var(--font);color:var(--deep)}.r-save{margin:0 0 .7em;font:800 13px/1.3 var(--font);color:var(--deep)}.r-save:empty{display:none}#results .row .btn{padding-left:.6em;padding-right:.6em}#t-acct{position:absolute;top:calc(var(--safe-t) + 12px);left:50%;transform:translate(-50%);max-width:36cqw}#t-acct:active{transform:translate(calc(-50% + 2px),2px)}#t-acct span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#t-acct.in{background:var(--sky)}.t-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;max-width:94cqw}.t-nav .chip{min-height:44px}@container (max-height: 500px){.overlay .menu.form{padding:12px 16px}.overlay form .btn{min-height:46px}}@container (max-width: 520px){.totals{grid-template-columns:repeat(2,1fr)}}#guide>.panel{max-height:100%;flex:0 1 auto}#guide .o-head{flex:none;flex-wrap:wrap}#guide .o-head .seg{flex:1 1 300px;margin:0}#guide .seg .btn{padding:.4em;font-size:13px}.g-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:0 6px 2px 0}.g-block{margin-bottom:14px}.g-h{margin:0 0 6px;padding-bottom:4px;border-bottom:3px solid var(--ink);font:italic 900 12px/1 var(--font);letter-spacing:.12em;color:var(--deep)}.g-p{margin:0 0 4px;font:700 14px/1.35 var(--font);color:var(--ink)}.g-keys>.g-p:last-child,.g-pad{margin-top:6px}.g-key{display:grid;grid-template-columns:7.6em minmax(0,1fr);gap:8px;align-items:center;padding:3px 0;font:700 14px/1.3 var(--font)}.g-ks{display:flex;flex-wrap:wrap;gap:5px}.g-ks kbd{font-size:12px}.g-keys .b{display:inline-flex;align-items:center;justify-content:center;width:2em;height:2em;border-radius:50%;border:2px solid var(--ink);font:italic 900 14px/1 var(--font);color:var(--ink)}.g-keys .b.s{background:var(--sky)}.g-keys .b.d{background:var(--candy)}.g-keys .b.f{background:var(--sunset)}.g-keys .b.a{background:var(--violet)}.g-move,.g-set,.g-item{padding:5px 0;border-bottom:2px solid #D8DEE8;font:700 14px/1.3 var(--font)}.g-move{display:grid;grid-template-columns:10em minmax(0,1fr);gap:8px}.g-move b,.g-st b,.g-in b{font:italic 900 12px/1.4 var(--font);letter-spacing:.08em;color:var(--deep)}.g-item{display:flex;align-items:flex-start;gap:10px}.g-item .ic{width:40px;height:40px;flex:none}.g-it{display:flex;flex-direction:column;gap:2px;min-width:0}.g-in{display:flex;align-items:center;gap:8px}.g-tag{padding:.25em .6em .3em;border:2px solid var(--ink);border-radius:999px;font:italic 900 10px/1 var(--font);letter-spacing:.1em;color:var(--ink)}.g-tag.attack{background:var(--candy)}.g-tag.defense{background:var(--mint)}.g-tag.boost{background:var(--lime)}.g-set{display:flex;align-items:center;justify-content:space-between;gap:12px}.g-st{display:flex;flex-direction:column;gap:2px;min-width:0}.g-set .btn{flex:none;min-width:10.5em;min-height:44px;padding:.4em .9em;font-size:14px}.g-note{margin-top:10px;color:var(--deep);font-size:13px}@container (max-width: 560px){.g-key{grid-template-columns:6.4em minmax(0,1fr)}.g-move{grid-template-columns:minmax(0,1fr);gap:0}}@container (max-height: 500px){#guide .hdr{display:none}#guide .o-head{margin-bottom:8px}.g-block{margin-bottom:10px}.g-p,.g-key,.g-move,.g-set,.g-item{font-size:13px}}.t-map{gap:.6em;padding-right:.8em}.t-map .t-map-k{padding:.25em .5em;border-radius:999px;background:var(--ink);color:var(--sun);font-size:11px;letter-spacing:.12em}.t-map #t-map-name{letter-spacing:.06em}.t-map .t-map-go{color:var(--slate);font-size:11px;letter-spacing:.1em}.t-map.adv{background:#dff4ff}.t-map.adv .t-map-k{background:var(--sky);color:var(--ink)}.t-map.mid{background:#fff3dc}.t-map.mid .t-map-k{background:#2ec4b6;color:var(--ink)}.b-map{margin-left:.4em;font-size:.62em;letter-spacing:.1em;color:var(--deep)}.b-map:empty{display:none}.maps-body{display:flex;flex-direction:column;gap:6px}.maps-group{margin-bottom:8px}.maps-group.advanced .g-h{color:#1f6fa8}.maps-group.intermediate .g-h{color:#16867c}.map-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;margin:6px 0 4px;padding:10px 14px 12px;box-sizing:border-box;border:3px solid var(--ink);border-radius:12px;background:var(--cream);color:var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:left;cursor:pointer}.map-card.adv{background:linear-gradient(135deg,#eaf8ff,#cdebff 60%,#b5e1ff)}.map-card.mid{background:linear-gradient(135deg,#fff6e2,#ffe6b8 52%,#9fe6dd)}.map-card.on{outline:3px solid var(--mint);outline-offset:2px}.map-card:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.map-card:focus{outline:none}.map-card:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.mc-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mc-name{font:italic 900 clamp(16px,3.4cqmin,22px)/1 var(--font);letter-spacing:.04em}.mc-pips{display:inline-flex;gap:4px;flex:none}.mc-pips i{width:12px;height:12px;border:2px solid var(--ink);border-radius:3px;transform:skew(-14deg);background:var(--paper)}.mc-pips i.f{background:var(--sunset)}.map-card.adv .mc-pips i.f{background:var(--candy)}.map-card.mid .mc-pips i.f{background:#2ec4b6}.mc-blurb{font:700 14px/1.35 var(--font)}.mc-tags{display:flex;flex-wrap:wrap;gap:5px}.mc-tags i{padding:.25em .6em .3em;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font:italic 900 10px/1 var(--font);letter-spacing:.08em}.map-card.adv .mc-tags i,.map-card.mid .mc-tags i{background:#fff}.mc-state{align-self:flex-end;font:italic 900 11px/1 var(--font);letter-spacing:.12em;color:var(--slate)}.map-card.on .mc-state{color:#1c8f72}#maps{z-index:60}@container (min-width: 600px){.maps-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;align-items:start}.maps-group{margin-bottom:0}}@container (max-height: 500px){.map-card{padding:8px 12px 10px;gap:4px}.mc-blurb{font-size:13px}.maps-group .g-p{font-size:12px}}.lobby{min-width:min(760px,94cqw)!important}#room .menu.wide{min-width:min(700px,94cqw)}.l-cols{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.l-left,.l-right{display:flex;flex-direction:column;gap:10px;min-width:0}.l-left>.btn.big{width:100%}.l-left .note{margin:0}.l-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:3px solid var(--ink);border-radius:12px;background:color-mix(in srgb,var(--me) 18%,var(--cream))}.l-me{display:flex;align-items:center;gap:8px;min-width:0}.l-me .gl{width:22px;height:22px;flex:none;fill:var(--me);stroke:var(--ink);stroke-width:2px}.l-me b{font:italic 900 clamp(16px,3.4cqmin,22px)/1.1 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l-rank{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.l-rank b{font:italic 900 clamp(30px,8cqmin,52px)/1 var(--font);color:var(--ink);-webkit-text-stroke:0;font-variant-numeric:tabular-nums}.l-rank span{font:italic 900 12px/1.2 var(--font);letter-spacing:.1em;color:var(--deep)}.l-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.l-stats .stat{padding:6px 2px;background:var(--paper)}.l-right .seg{margin-bottom:0}.seg.small .btn{min-height:38px;font-size:13px}#l-board{align-self:flex-end;min-height:40px;padding:.35em 1em;font-size:13px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;height:1.5em;margin-left:.4em;padding:0 .3em;border:2px solid var(--ink);border-radius:999px;background:var(--candy);color:var(--ink);font:italic 900 11px/1 var(--font)}.btn.small{min-height:36px;padding:.3em .7em;font-size:12px;box-shadow:3px 3px 0 var(--ink)}.lb-row.act{grid-template-columns:2.4em minmax(0,1fr) auto 4.6em}.lb-row .ac{display:flex;justify-content:flex-end}.lb-row.gap{min-height:22px;color:var(--slate);border-bottom-style:dashed}.l-add{display:flex;flex-direction:row!important;gap:8px!important}.l-add input{flex:1;min-width:0;min-height:44px!important}.l-add .btn{margin:0!important;min-height:44px;padding:.4em .8em;font-size:13px}.fr-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:3px 4px;border-bottom:2px solid #D8DEE8}.fr-row .who{display:flex;flex-direction:column;gap:2px;min-width:0}.fr-row .who b{font:800 15px/1.15 var(--font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-row .who span{font:italic 900 10px/1 var(--font);letter-spacing:.1em;color:var(--slate)}.fr-row .acts{display:flex;gap:6px}.dot{width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:var(--steel);box-sizing:border-box}.dot.a-menu{background:var(--mint)}.dot.a-room{background:var(--sky)}.dot.a-race{background:var(--sun)}.inv-list{display:flex;flex-direction:column;gap:8px}.inv-list:not(:empty){margin-bottom:10px}.inv{display:flex;align-items:center;gap:8px;padding:8px 10px;border:3px solid var(--ink);border-radius:12px;background:var(--sun);animation:pulse 1.6s ease-in-out infinite}.inv .t{flex:1;min-width:0;font:italic 900 13px/1.2 var(--font);letter-spacing:.04em}#room .note{margin-top:-4px}#rm-start{margin-top:6px}#room .g-h{margin-bottom:4px}#l-st-msg:empty,#l-add-msg:empty,#rm-msg:empty{display:none}body.live #pause [data-act=restart],body.live #pause [data-act=items],body.live.no-items #h-item,body.live.no-items #hbi-a{display:none}.rm-set{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 2px}.rm-set .btn{min-height:44px;padding:.4em 1em;font-size:14px}.rm-set .btn:disabled{opacity:1;background:var(--cream);box-shadow:2px 2px 0 var(--ink)}#l-pane-st{display:flex;flex-direction:column;gap:8px}@container (max-width: 640px){.l-cols{grid-template-columns:minmax(0,1fr)}}@container (max-height: 500px){.lobby .hdr,#room .hdr{font-size:22px}.l-card{padding:8px 12px;gap:6px}.l-left>.btn.big{min-height:50px}.lb-row,.fr-row{min-height:34px}}#l-title:focus{outline:none}.lv-chip{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:.2em .5em .22em;border:2px solid var(--ink);border-radius:6px;background:var(--lime);color:var(--ink);font:italic 900 .86em/1 var(--font);letter-spacing:.06em;white-space:nowrap}.xp-bar{position:relative;flex:1 1 auto;min-width:0;height:12px;box-sizing:border-box;border:2px solid var(--ink);border-radius:999px;background:var(--deep);overflow:hidden}.xp-bar>i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--lime);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,0 100%)}.xp-bar.flash{animation:xpflash .5s}@keyframes xpflash{50%{filter:brightness(1.5);box-shadow:0 0 0 3px var(--lime)}}.xp-text{font-variant-numeric:tabular-nums;white-space:nowrap}#t-acct .lv-chip{font-size:11px}.t-xp{position:absolute;top:calc(var(--safe-t) + 60px);left:50%;transform:translate(-50%);width:min(44cqw,300px);box-sizing:border-box;display:grid;grid-template-columns:minmax(40px,1fr) auto;align-items:center;gap:2px 8px;z-index:1;pointer-events:none;padding:3px 10px 3px 8px;background:#1b1b2fe0;border:2px solid var(--ink);border-radius:12px;box-shadow:2px 2px 0 var(--ink);font:italic 900 clamp(10px,2vmin,12px)/1.1 var(--font);letter-spacing:.06em;color:var(--paper)}.t-xp .xp-bar{height:10px;border-color:var(--paper)}.xp-hint{grid-column:1 / -1;text-align:center;color:var(--lime);text-transform:uppercase}.xp-hint:empty{display:none}#title.xp-on{padding-top:calc(var(--safe-t) + 64px + 18px)}#title.xp-on.xp-hint-on{padding-top:calc(var(--safe-t) + 64px + 30px)}@container (max-height: 330px){.xp-hint{display:none}#title.xp-on.xp-hint-on{padding-top:calc(var(--safe-t) + 64px + 18px)}}.r-xp{margin:0 0 .7em;padding:.5em .7em .6em;background:color-mix(in srgb,var(--lime) 24%,var(--paper));border:3px solid var(--ink);border-radius:10px;color:var(--ink);font:800 clamp(11px,2.3vmin,13px)/1.2 var(--font)}.rx-head{display:flex;align-items:center;flex-wrap:wrap;gap:.35em .6em}.rx-total{padding:.12em .5em .14em;background:var(--lime);border:3px solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--ink);font:italic 900 clamp(18px,4.6vmin,28px)/1 var(--font);letter-spacing:.03em;white-space:nowrap}.rx-total:before{content:"▲ ";font-size:.6em;vertical-align:.12em}.rx-total.dnf{background:var(--steel);box-shadow:none;font-size:clamp(13px,2.8vmin,16px)}.rx-total.dnf:before{content:none}.rx-parts{display:flex;flex-wrap:wrap;gap:.3em}.rx-part{padding:.2em .55em;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font:italic 900 1em/1 var(--font);letter-spacing:.04em;white-space:nowrap}.rx-part b{margin-left:.35em;color:#4f7d00}.rx-meter{display:flex;align-items:center;gap:.5em;margin-top:.5em}.rx-meter .xp-text{min-width:6.4em;text-align:right;color:var(--deep)}.rx-note{margin:.35em 0 0;color:var(--deep);font-style:italic}.rx-note:empty{display:none}.rx-banner{margin-top:.5em;padding:.45em .7em .55em;background:var(--lime);border:3px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);animation:rxpop .35s cubic-bezier(.2,1.5,.4,1) both}.rx-banner h3{margin:0 0 .35em;font:italic 900 clamp(16px,3.6vmin,22px)/1 var(--font);letter-spacing:.06em}.rx-banner h3:before{content:"▲ ";font-size:.65em;vertical-align:.1em}.rx-items{display:flex;flex-wrap:wrap;gap:.3em}.rx-item{padding:.2em .55em;border:2px solid var(--ink);border-radius:999px;background:var(--sun);font:italic 900 1em/1 var(--font);letter-spacing:.04em}.rx-item.suit{background:var(--sky)}.rx-item.title{background:var(--candy)}.rx-item.locked{background:var(--steel);color:var(--slate);border-style:dashed;border-color:var(--slate)}.rx-item small{margin-left:.4em;font-size:.78em;letter-spacing:.08em;opacity:.85}@keyframes rxpop{0%{transform:scale(.8);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.rx-banner,.xp-bar.flash{animation:none}}@container (max-height: 500px){.r-xp{margin-bottom:.5em;padding:.4em .6em .5em}.rx-meter{margin-top:.4em}.rx-banner{margin-top:.4em;padding:.35em .6em .45em}}@container (max-height: 340px){.r-xp{margin-bottom:.4em;padding:.3em .55em .4em}.rx-total{font-size:17px}}@container (min-width: 600px) and (max-height: 500px){#results .menu.wide:has(.r-xp:not(.hidden)){width:min(860px,94cqw)}.r-scroll:has(>.r-xp:not(.hidden)){display:grid;grid-template-columns:54% 46%;grid-auto-rows:max-content;align-items:start}.r-scroll:has(>.r-xp:not(.hidden))>*{grid-column:1 / -1}.r-scroll:has(>.r-xp:not(.hidden))>.r-head,.r-scroll:has(>.r-xp:not(.hidden))>#r-table,.r-scroll:has(>.r-xp:not(.hidden))>#r-note{grid-column:1}.r-scroll:has(>.r-xp:not(.hidden))>.r-xp{grid-column:2;grid-row:1 / span 3;margin-top:0;margin-left:16px}}.l-me .lv-chip{font-size:12px}.l-xp{display:flex;align-items:center;gap:8px;font:italic 900 11px/1 var(--font);letter-spacing:.06em;color:var(--deep)}.l-sp{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font:italic 900 11px/1.2 var(--font);letter-spacing:.1em;color:var(--deep)}.l-sp b{font:italic 900 14px/1 var(--font);letter-spacing:.02em;color:var(--ink);font-variant-numeric:tabular-nums}.l-ttl{padding:.2em .6em;border:2px solid var(--ink);border-radius:999px;background:var(--candy);color:var(--ink)}.l-ttl:empty{display:none}.nmline{display:flex;align-items:center;gap:6px;min-width:0}.fr-row .who .nmline b:first-child{min-width:0}.fr-row .who .lv-chip{font:italic 900 10px/1 var(--font);overflow:visible}.lb-row .nm.pl{display:flex;align-items:center;gap:6px}.lb-row .nm.pl .nt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .nm.pl .lv-chip{font-size:.72em}.t-picks{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.6vmin,10px);max-width:92cqw}.suit-sw{position:relative;flex:none;display:inline-block;width:34px;height:20px;box-sizing:border-box;border:2px solid var(--ink);border-radius:6px;background:linear-gradient(var(--a, #fff),var(--a, #fff)) 0 50% / 100% 24% no-repeat,var(--s, #ff4f81)}.suit-sw:before{content:"";position:absolute;right:3px;top:-7px;width:9px;height:9px;border:2px solid var(--ink);border-radius:50%;background:var(--h, #3a1c71)}.suit-sw:after{content:"";position:absolute;left:-6px;top:1px;width:7px;height:7px;border:2px solid var(--ink);border-radius:3px 0 0 3px;background:var(--f, #ffe14d)}.t-suit .suit-sw{width:28px;height:16px;margin:0 .2em 0 .35em}.t-suit .suit-sw:before{width:8px;height:8px;top:-6px}.t-suit .suit-sw:after{width:6px;height:6px;left:-5px;top:1px}.suits-note{margin:0 0 8px}.suits-count{margin-left:.5em;font-size:.6em;letter-spacing:.1em;color:var(--slate)}.suits-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;padding:8px 4px 6px}.suit-card{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:14px 8px 8px;box-sizing:border-box;min-height:44px;border:3px solid var(--ink);border-radius:12px;background:var(--cream);color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer}.suit-card .suit-sw{width:54px;height:30px}.suit-card .suit-sw:before{width:13px;height:13px;top:-10px;right:5px}.suit-card .suit-sw:after{width:10px;height:10px;left:-9px;top:2px}.suit-name{font:italic 900 clamp(12px,2.6cqmin,15px)/1 var(--font);letter-spacing:.05em;text-align:center}.suit-state{font:italic 900 11px/1 var(--font);letter-spacing:.12em;color:var(--slate)}.suit-card.on{outline:3px solid var(--mint);outline-offset:2px}.suit-card.on .suit-state{color:#1c8f72}.suit-card.locked{background:color-mix(in srgb,var(--steel) 45%,var(--paper));cursor:default}.suit-card.locked .suit-sw{filter:saturate(.55);opacity:.75}.suit-card.locked .suit-name{opacity:.7}.suit-card.locked .suit-state{padding:.25em .55em;border-radius:999px;background:var(--ink);color:var(--sun)}.suit-card.rare{background:linear-gradient(135deg,#fff8dc,#f6e7a8 55%,#f2d36b)}.suit-card.rare.locked{background:color-mix(in srgb,var(--steel) 45%,var(--paper))}.suit-card:active:not(.locked){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.suit-card:focus{outline:none}.suit-card.on:focus{outline:3px solid var(--mint);outline-offset:2px}.suit-card:focus-visible{outline:3px solid var(--sky);outline-offset:3px}@container (max-height: 500px){.suit-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 12px;padding:12px 10px 7px 16px}.suit-card .suit-sw{grid-row:1 / span 2}.suit-card .suit-name{text-align:left}.suit-card .suit-state{justify-self:end}.suits-body{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:8px}.suits-note{display:none}}@container (max-height: 340px){.t-picks .t-map-go{display:none}}#suits{z-index:60}.rx-wear{margin-left:.5em;min-height:32px;padding:.2em .7em;border:2px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:2px 2px 0 var(--ink);font:italic 900 .86em/1 var(--font);letter-spacing:.08em;cursor:pointer}.rx-wear:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.rx-wear:disabled{background:var(--lime);box-shadow:none;cursor:default}