:root{color-scheme:dark;--ton: #0098ea;--ton-hi: #5cc6ff;--btc: #f7931a;--btc-hi: #ffc36b;--ink: #f4f4f8;--ink-2: rgba(244, 244, 248, .78);--ink-3: rgba(244, 244, 248, .5);--ground: #06060c;--panel: rgba(9, 9, 18, .82);--line: rgba(255, 255, 255, .14);--hot: #ff3b5c;--p1: var(--ton);--p1-hi: var(--ton-hi);--p2: var(--btc);--p2-hi: var(--btc-hi);--display: "Unbounded", "Arial Black", "Helvetica Neue", Helvetica, sans-serif;--text: "Martian Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--edge: clamp(12px, 2.4vmin, 26px);--tg-top: 0px;--tg-bottom: 0px;--tg-left: 0px;--tg-right: 0px;--safe-top: max(env(safe-area-inset-top), var(--tg-top));--safe-bottom: max(env(safe-area-inset-bottom), var(--tg-bottom));--skew: -12deg}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ground);color:var(--ink);font:450 14px/1.35 var(--text);user-select:none;-webkit-user-select:none;overscroll-behavior:none;touch-action:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #fff;outline-offset:3px}a{color:inherit}.display{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95}:root[lang^=ar] .display,:root[lang^=fa] .display,:root[lang^=he] .display,:root[lang^=ur] .display,:root[lang^=hi] .display,:root[lang^=bn] .display,:root[lang^=ja] .display,:root[lang^=ko] .display,:root[lang^=zh] .display,:root[lang^=th] .display,:root[lang^=ka] .display,:root[lang^=hy] .display,:root[lang^=am] .display,:root[lang^=ta] .display,:root[lang^=te] .display,:root[lang^=km] .display,:root[lang^=my] .display{text-transform:none;letter-spacing:0;font-family:system-ui,var(--display)}.hidden{display:none!important}html.turned .sheets{z-index:30}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#app{position:fixed;inset:0;z-index:6;pointer-events:none}#app>*{pointer-events:auto}.top{position:absolute;z-index:15;inset-block-start:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(var(--safe-top) + 8px) max(var(--edge),var(--tg-right)) 8px max(var(--edge),var(--tg-left));pointer-events:none}.top>*{pointer-events:auto}.brand{display:flex;align-items:baseline;gap:10px}.brand .name{font-size:clamp(18px,3.2vmin,28px)}.brand .game{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:4px 8px;border:1px solid var(--line);border-radius:999px}.brand .game:hover{color:var(--ink);border-color:var(--ink-2)}.doors{display:flex;gap:6px}.door{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--ink-2);backdrop-filter:blur(8px);transition:transform .12s,border-color .12s,color .12s}.door:hover{color:#fff;border-color:var(--ink-2);transform:translateY(-1px)}.door svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.door.alert:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--hot);margin:-26px 0 0 26px;box-shadow:0 0 10px var(--hot)}.door{position:relative}.door.say{width:auto;grid-auto-flow:column;gap:6px;padding:0 12px 0 10px;color:#fff;border-color:var(--hot);background:color-mix(in srgb,var(--hot) 22%,var(--panel))}.door.say span{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}@media (max-width: 480px){.door.say svg{display:none}.door.say{padding:0 10px}.brand{gap:6px;min-width:0}.brand .game{letter-spacing:.06em;padding:4px 6px}}body.playing .top,body.playing .band{display:none}@media (max-width: 600px),(pointer: coarse){.door{min-width:44px;min-height:44px}.pill:not(.hud-tools .pill){min-width:44px;min-height:44px}.fight-btn{min-width:44px;min-height:44px}}.band{position:absolute;inset-inline:0;inset-block-end:0;padding:12px max(var(--edge),var(--tg-right)) calc(var(--safe-bottom) + 56px) max(var(--edge),var(--tg-left));background:linear-gradient(#06060c00,#06060cb8 28%,#06060cf0);display:flex;flex-direction:column;gap:10px;max-height:76vh}@container stage (orientation: portrait){.band{background:linear-gradient(#06060c00,#06060ccc 9%,#06060cf0);padding-block-start:18px}}.band>.stack{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding-block-end:4px;scroll-padding-block-end:76px}.band>.stack>.row:last-child{position:sticky;inset-block-end:0;background:linear-gradient(#06060c00,#06060cf5 35%);padding-block-start:8px;margin-block-start:-4px}.line{height:2px;background:linear-gradient(90deg,var(--p1),transparent 45%,transparent 55%,var(--p2));opacity:.9;position:relative;overflow:hidden}.line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff,transparent);width:18%;animation:sweep 3.2s linear infinite;opacity:.55}@keyframes sweep{0%{transform:translate(-120%)}to{transform:translate(650%)}}.pick-game{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.tile{position:relative;text-align:start;padding:14px 16px 12px;min-height:92px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(10px);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:transform .14s cubic-bezier(.2,1.4,.4,1),border-color .14s,background .14s}.tile:hover,.tile:focus-visible,.tile.on{transform:translateY(-3px);border-color:var(--ink-2);background:#141424eb}.tile.on{box-shadow:inset 0 0 0 1px var(--ink-2)}.tile:disabled{opacity:.5;cursor:default;transform:none;border-color:var(--line);background:var(--panel)}.tile .t{font-size:clamp(16px,2.6vmin,24px)}.tile .s{display:block;margin-top:6px;font-size:11px;color:var(--ink-3);line-height:1.4}.tile .k{position:absolute;inset-block-start:10px;inset-inline-end:14px;font-size:10px;letter-spacing:.14em;color:var(--ink-3)}.band h1,.band h2{margin:0;font-size:clamp(16px,2.6vmin,24px)}.band h2 small{display:block;margin-top:4px;font:450 11px/1.4 var(--text);text-transform:none;letter-spacing:.04em;color:var(--ink-3)}.strip{flex:none;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:6px 2px 10px;scrollbar-width:none;touch-action:pan-x pan-y}.strip::-webkit-scrollbar{display:none}.strip.p2{justify-content:flex-start;flex-direction:row}.card{flex:none;width:112px;height:76px;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:3px;text-align:start;padding:8px 10px;border:1px solid var(--line);background:#0c0c16cc;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:transform .12s,background .12s,border-color .12s}.card:hover{transform:translateY(-2px)}.card .n{display:block;flex:none;font-size:min(13px,calc(94px / var(--len, 1)));line-height:1.05;max-width:calc(100% - 6px);overflow:hidden;overflow-wrap:normal}.card .m{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:0;padding-inline-end:4px;font-size:9.5px;line-height:1.25;color:var(--ink-3);letter-spacing:.04em}.card .m.warn{color:var(--btc-hi)}.card.on{border-color:var(--side);background:color-mix(in srgb,var(--side) 22%,rgba(12,12,22,.9));box-shadow:0 0 0 1px var(--side),0 10px 30px -14px var(--side)}.card.on .n{color:var(--side-hi)}.card.loading{animation:card-loading .9s ease-in-out infinite alternate}@keyframes card-loading{0%{opacity:1}to{opacity:.3}}@media (prefers-reduced-motion: reduce){.card.loading{animation:none;opacity:.45}}.strip.p1{--side: var(--p1);--side-hi: var(--p1-hi)}.strip.p2{--side: var(--p2);--side-hi: var(--p2-hi)}.side-head{display:flex;align-items:baseline;justify-content:flex-start;gap:14px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.side-head b{color:var(--ink);font-weight:700;letter-spacing:0;text-transform:none;font-size:12px}.side-head.p1 b{color:var(--p1-hi)}.side-head.p2 b{color:var(--p2-hi)}.search{width:100%;font:inherit;color:var(--ink);background:#ffffff0f;border:1px solid var(--line);border-radius:8px;padding:7px 10px;user-select:text;-webkit-user-select:text}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#06060ca8;color:var(--ink);white-space:nowrap;transition:background .14s,color .14s,border-color .14s}.pill:hover{border-color:#fff}.pill.on{background:var(--ink);color:var(--ground);border-color:var(--ink)}.pill.hot{border-color:var(--hot)}a.pill{display:flex;width:fit-content;align-items:center;justify-content:center;text-decoration:none;margin-top:10px}.fight-btn{font-size:clamp(20px,4.4vmin,40px);padding:10px 26px 8px;color:var(--ground);background:linear-gradient(135deg,var(--p1-hi),var(--p1) 60%,var(--p1));clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);box-shadow:0 10px 40px -10px var(--p1);transition:transform .12s cubic-bezier(.2,1.4,.4,1),filter .12s;margin-inline-start:auto}.fight-btn:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.08)}.fight-btn:active{transform:translateY(0) scale(.98)}.fight-btn[disabled]{filter:grayscale(.7);opacity:.6;cursor:default;transform:none}.hint{font-size:11px;color:var(--ink-3);line-height:1.5}#hud{position:absolute;inset:0;pointer-events:none;display:none}body.playing #hud{display:block}.hud-layer{position:absolute;inset:0;pointer-events:none}.hud-bar{position:absolute;inset-inline:0;inset-block-start:calc(var(--safe-top) + 6px);display:flex;justify-content:center;pointer-events:none}#callout.skinned{visibility:hidden}.bar{height:clamp(12px,2.2vmin,22px);background:linear-gradient(#2a0a0e,#170406);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}.fill{height:100%;width:100%;transition:width 80ms linear;background:linear-gradient(var(--p1-hi),var(--p1) 55%,color-mix(in srgb,var(--p1) 70%,#000));box-shadow:0 0 18px color-mix(in srgb,var(--p1) 55%,transparent)}.fname{font-size:clamp(13px,2.6vmin,24px);color:var(--p1-hi)}.who{font-size:clamp(9px,1.4vmin,12px);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.hud-tools{position:relative;z-index:12;display:flex;align-items:center;gap:6px;pointer-events:auto}.hud-tools .pill{font-size:10px;padding:6px 10px}.hud-tools .pill.exit{min-width:44px;min-height:44px;padding:0 14px 0 10px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#fff;background:linear-gradient(#ff4a5c,#d8182c);border:1px solid #ff9aa5;box-shadow:0 0 18px #ff3c5073}.hud-tools .pill.exit .x{font-size:17px;line-height:1;font-weight:400}.hud-tools .pill.exit:active{transform:scale(.96)}#callout{position:absolute;inset-inline:3vw;inset-block-start:40%;text-align:center;font-size:clamp(34px,11vmin,120px);color:#fff;text-shadow:0 0 30px rgba(255,255,255,.5),0 6px 0 rgba(0,0,0,.6);opacity:0;overflow-wrap:anywhere}#callout.pop{animation:pop .9s cubic-bezier(.2,1.4,.4,1) forwards}#callout.pop.hold{animation:pop-hold .9s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes pop{0%{opacity:0;transform:scale(2.4) skew(-10deg)}25%{opacity:1;transform:scale(1) skew(-10deg)}70%{opacity:1}to{opacity:0;transform:scale(.95) skew(-10deg) translateY(-12px)}}@keyframes pop-hold{0%{opacity:0;transform:scale(2.4) skew(-10deg)}30%{opacity:1;transform:scale(1) skew(-10deg)}to{opacity:1;transform:scale(1) skew(-10deg)}}#fps{position:fixed;inset-inline-start:6px;inset-block-end:6px;z-index:99;font:600 11px/1 var(--text);color:#9fe8ff;background:#06060cb3;padding:4px 6px;border-radius:4px;pointer-events:none}#notice{position:absolute;inset-inline:0;inset-block-end:calc(var(--safe-bottom) + 96px);text-align:center;pointer-events:none}#notice span{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:12px;animation:fade 4s forwards}@keyframes fade{0%,80%{opacity:1}to{opacity:0}}.touch{position:fixed;z-index:10;inset:0;pointer-events:none;display:none;--tsize: 64px;--topacity: .85}#app>.touch{pointer-events:none}.touch.on{display:block}.touch .stick{position:absolute;inset-inline-start:max(18px,var(--tg-left));inset-block-end:calc(var(--safe-bottom) + 22px);width:calc(var(--tsize) * 2.3);height:calc(var(--tsize) * 2.3);border-radius:50%;border:2px solid rgba(255,255,255,.28);background:#ffffff0f;pointer-events:auto;touch-action:none;opacity:var(--topacity)}.touch .nub{position:absolute;inset:50% auto auto 50%;width:40%;height:40%;margin:-20% 0 0 -20%;border-radius:50%;background:#fff6}.touch .buttons{position:absolute;inset-inline-end:max(18px,var(--tg-right));inset-block-end:calc(var(--safe-bottom) + 22px);width:calc(var(--tsize) * 2.6);height:calc(var(--tsize) * 2.6);pointer-events:auto;touch-action:none;opacity:var(--topacity)}.touch.left .stick{inset-inline-start:auto;inset-inline-end:max(18px,var(--tg-right))}.touch.left .buttons{inset-inline-end:auto;inset-inline-start:max(18px,var(--tg-left))}.touch .tbtn{position:absolute;box-sizing:border-box;width:var(--tsize);height:var(--tsize);border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#06060c80;display:grid;place-items:center;text-align:center;line-height:1}.touch .tbtn b{font:900 calc(var(--tsize) * .36) var(--display)}.touch .tbtn small{font-size:calc(var(--tsize) * .14);letter-spacing:.08em;color:var(--ink-2)}.touch .tbtn[data-tag=LP],.touch .tbtn[data-tag=RP]{border-color:var(--p1-hi)}.touch .tbtn[data-tag=LK],.touch .tbtn[data-tag=RK]{border-color:var(--p2-hi)}.touch .tbtn.chord{border-width:1.5px;border-color:#ffffff61;background:#06060c61}.touch .tbtn.chord b{font:800 calc(var(--tsize) * .17) var(--display);letter-spacing:-.02em}.touch .tbtn.down{background:#ffffffd9;color:var(--ground)}.touch .tbtn.down small{color:var(--ground)}.sheet{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;justify-content:flex-end;background:#06060c8c;backdrop-filter:blur(6px);animation:veil .18s ease-out}html.turned .sheet{background:#06060cb8;backdrop-filter:none}.sheet .panel{max-height:min(86vh,760px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:#0a0a14;border-block-start:1px solid var(--line);padding:14px max(var(--edge),var(--tg-right)) calc(var(--safe-bottom) + 18px) max(var(--edge),var(--tg-left));display:flex;flex-direction:column;gap:12px;animation:rise .22s cubic-bezier(.2,1,.3,1)}@media (min-width: 900px){.sheet{justify-content:center;align-items:center}.sheet .panel{width:min(640px,92vw);border:1px solid var(--line);border-radius:18px;max-height:86vh}}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes veil{0%{opacity:0}to{opacity:1}}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{margin:0;font-size:clamp(18px,3vmin,26px)}.x{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2)}.x:hover{color:#fff;border-color:var(--ink-2)}.field{display:flex;flex-direction:column;gap:6px}.field>label,.field>.lab{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.choices{display:flex;flex-wrap:wrap;gap:6px}select,textarea{font:inherit;color:var(--ink);background:#12121c;border:1px solid var(--line);border-radius:10px;padding:9px 10px;user-select:text;-webkit-user-select:text}textarea{min-height:96px;resize:vertical;line-height:1.45}.key{min-width:44px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#12121c;font-size:12px;text-align:center}.key.wait{border-color:var(--hot);color:var(--hot);animation:blink .9s steps(2,jump-none) infinite}@keyframes blink{50%{opacity:.3}}.keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}.keys .kv{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--ink-2)}.range{display:flex;align-items:center;gap:10px}input[type=range]{flex:1;accent-color:var(--p1)}.ok{color:#8ef0b4}.bad{color:var(--hot)}.list{display:flex;flex-direction:column;gap:6px}.vrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:12px}.vrow .ids{color:var(--ink-3);font-size:10.5px;overflow-wrap:anywhere}.big{font-size:clamp(22px,5vmin,44px)}.results-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:8px;align-items:stretch}.wide{width:100%;text-align:center}.mono{font-family:var(--text);user-select:text;-webkit-user-select:text;overflow-wrap:anywhere}.langs{max-height:min(40vh,212px);overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px}.langs button{text-align:start;padding:7px 9px;border-radius:8px;font-size:12px;border:1px solid transparent}.langs button:hover{border-color:var(--line)}.langs button.on{background:var(--ink);color:var(--ground)}.code{font-size:clamp(28px,7vmin,52px);letter-spacing:.18em}.sheet .panel.acct{background:radial-gradient(120% 70% at 0% 0%,color-mix(in srgb,var(--p1) 22%,transparent),transparent 60%),#0a0a14}.plate{display:flex;flex-direction:column;gap:10px;padding-block:6px 2px}.plate-tag{display:flex;align-items:baseline;gap:12px;min-width:0}.plate .who{flex:none;padding:3px 7px 2px;border:1px solid var(--p1);color:var(--p1-hi);font-weight:700;font-size:11px;transform:skew(var(--skew))}.plate .fname{font-size:clamp(26px,7vw,46px);line-height:.95;color:var(--p1-hi);overflow-wrap:anywhere;text-shadow:0 0 24px color-mix(in srgb,var(--p1) 45%,transparent)}.plate.empty .fname{color:var(--ink);text-shadow:none}.plate .bar{position:relative;height:clamp(16px,2.6vmin,24px);overflow:hidden}.plate.full .fill{animation:plate-fill .9s cubic-bezier(.2,1,.3,1) .12s both}.plate.empty .bar{background:repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 7px,transparent 7px 15px),linear-gradient(#1c0a10,#0f0408)}.plate.empty .fill{width:0;box-shadow:none}.plate.empty .bar:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:22%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--p1-hi) 55%,transparent),transparent);animation:plate-wait 2.4s cubic-bezier(.5,0,.5,1) infinite}@keyframes plate-fill{0%{width:0}to{width:100%}}@keyframes plate-wait{0%{transform:translate(-100%)}to{transform:translate(460%)}}.plate-why{margin:0;font-size:12px;color:var(--ink-2)}.acct #btn-login-tg{min-height:52px;padding:0 28px;border:0;border-radius:0;background:var(--hot);color:#fff;font:900 14px/1 var(--display);letter-spacing:.02em;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);box-shadow:0 0 28px #ff3b5c66;transition:filter .14s,transform .14s}.acct #btn-login-tg:hover{filter:brightness(1.12)}.acct #btn-login-tg:active{transform:scale(.97)}@media (prefers-reduced-motion: reduce){.plate.full .fill,.plate.empty .bar:after{animation:none}}@media (max-width: 600px),(pointer: coarse){.x{min-width:44px;min-height:44px}.search,.key,.langs button{min-height:44px}input[type=range]{padding-block:14px}.sheet .panel{padding-block-end:calc(var(--safe-bottom) + 56px)}}.dots i{display:inline-block;width:6px;height:6px;margin:0 2px;border-radius:50%;background:#fff;animation:dot 1.2s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dot{0%,to{opacity:.2}50%{opacity:1}}.gate{position:absolute;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--edge);background:radial-gradient(ellipse at 50% 60%,#0098ea2e,#06060c33 60%)}.gate .panel{max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;backdrop-filter:blur(12px)}@container stage (max-height: 420px) and (orientation: landscape){.band{max-height:calc(100% - var(--safe-top) - 56px);padding-block-start:8px;padding-block-end:calc(var(--safe-bottom) + 40px);gap:6px}.band>.stack{gap:6px}.card{height:56px;width:100px;padding:6px 8px;gap:2px}.card .n{font-size:min(12px,calc(84px / var(--len, 1)));line-height:1;max-width:100%}.card:has(>.n.w2){gap:1px}.card:has(>.n.w2) .n{font-size:min(10.5px,calc(84px / var(--len, 1)))}.card:has(>.n.w2) .m{font-size:9px;line-height:1.1}.side-head{font-size:10px}.tile{min-height:64px;padding:8px 12px}.top{padding-block:calc(var(--safe-top) + 6px) 6px}}@media (prefers-reduced-motion: reduce){.tile,.card,.fight-btn{transition:none}#callout.pop{animation-duration:1ms}}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.chip.grey{padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--ink-3);font-size:10px;text-decoration:line-through;text-decoration-color:#ffffff40}.tile.boss-door{grid-column:1 / -1;min-height:64px;padding-inline-end:76px;background:linear-gradient(100deg,#040408f0,#1a1826e6);border-color:#bec1cb61}.tile.boss-door .t{letter-spacing:.02em}.tile.boss-door .cap{position:absolute;inset-block:8px;inset-inline-end:12px;width:48px;height:calc(100% - 16px);object-fit:cover;border-radius:10px;border:1px solid rgba(190,193,203,.38);transition:transform .2s cubic-bezier(.2,1.4,.4,1)}.tile.boss-door:hover .cap,.tile.boss-door:focus-visible .cap{transform:translateY(-3px) rotate(-4deg)}.boss-panel{padding-block-end:22px}.boss-card{display:flex;flex-direction:column;gap:12px;margin-block-start:10px}.boss-art{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 100%,#1b1e2c,#05060d);box-shadow:0 18px 50px -24px #000;aspect-ratio:16 / 10;max-height:38vh;width:100%;display:grid;place-items:center}.boss-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;-webkit-user-drag:none}.boss-art img.on{opacity:1;transform-origin:50% 100%}.boss-art[data-mode=idle] img{object-position:50% 12%}.boss-art[data-mode=idle] img.on{animation:boss-breathe 4.4s ease-in-out infinite}.boss-art[data-mode=pushups] img.on{animation:boss-pushup 1.2s ease-in-out infinite}.boss-box{font-size:clamp(26px,7vmin,44px);color:#f4f4f880;letter-spacing:.04em}@keyframes boss-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes boss-pushup{0%,to{transform:translateY(0) scale(1.04)}50%{transform:translateY(7px) scale(1.04,1.02)}}@media (prefers-reduced-motion: reduce){.boss-art img.on{animation:none}}.boss-meta{display:flex;flex-direction:column;gap:6px;margin-block-start:6px}.boss-name{margin:0;font-size:clamp(22px,5vmin,34px)}.boss-claim{margin:0;display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.04em;color:var(--ink-2)}.boss-claim.locked{color:var(--btc-hi)}.boss-claim svg{flex:none}.boss-fights,.boss-morning{margin:0}.boss-morning:empty{display:none}.boss-actions{display:flex;flex-direction:column;gap:10px}.boss-actions .fight-btn{margin:0;white-space:nowrap;font-size:clamp(18px,3.4vmin,28px);align-self:stretch;text-align:center;min-height:52px;background:linear-gradient(135deg,#e6e8ee,#9a9da8 60%,#7d808b);box-shadow:0 10px 40px -12px #c9ccd6}.boss-play-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.boss-play-row .pill{min-height:44px;min-width:44px}.boss-play:disabled{opacity:.45;cursor:not-allowed}.boss-extra,.boss-reason,.boss-rule{margin:0}@media (min-width: 900px){.boss-card{display:grid;grid-template-columns:1.15fr 1fr;gap:16px 22px;align-items:start}.boss-art{grid-row:1 / span 3}.boss-art{max-height:none;aspect-ratio:auto;align-self:stretch;min-height:320px}.boss-rule{grid-column:2}}body.hexcade{--p1: #2fd0b8;--p1-hi: #8bf2df;--p2: #b57cff;--p2-hi: #dcc0ff}body.hexcade .brand .game{font-family:var(--display);font-weight:900;font-size:clamp(14px,2.6vmin,22px);letter-spacing:0;color:var(--ink);border-color:var(--ink-3);padding:6px 12px}.library{gap:12px}.library .pick-game{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-width:760px}.library .tile{min-height:96px}.library .tile .k{color:var(--p1-hi);font-weight:600}@media (min-width: 900px) and (min-height: 600px){.band:has(>.library){inset-block-start:0;max-height:none;justify-content:center;padding-block-end:calc(var(--safe-bottom) + 24px)}.library .pick-game{max-width:none;gap:16px}.library .tile{min-height:clamp(168px,34vh,340px);padding:24px 26px 20px;display:flex;flex-direction:column;justify-content:flex-end}.library .tile .t{font-size:clamp(36px,4.6vmin,56px);line-height:1}.library .tile .s{font-size:13px;margin-top:10px}.library .tile .k{inset-block-start:18px;inset-inline-end:22px;font-size:12px}}.library .tile.on .k{color:var(--ink)}.setup{gap:14px}.builds{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.build{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:52px;padding:8px 12px;text-align:start;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(10px);transition:transform .12s,border-color .12s,background .12s}.build:hover,.build:focus-visible{transform:translateY(-2px);border-color:var(--ink-2);background:#141424eb}.build .d{font:600 10px/1.2 var(--text);letter-spacing:.1em;color:var(--ink-3)}.build .n{font:500 12px/1.3 var(--text);color:var(--ink);overflow-wrap:anywhere}.build.alpha{grid-column:1 / -1;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:12px;border-color:var(--p1)}.build.alpha .d{font:900 14px/1 var(--display);letter-spacing:-.02em;color:var(--ink);text-transform:uppercase}.build.alpha .n{color:var(--ink-3)}@media (max-width: 480px){.builds{grid-template-columns:1fr 1fr}}@container stage (max-height: 420px) and (orientation: landscape){.setup,.library{gap:8px}.library .tile{min-height:64px}}@container stage (max-height: 420px) and (orientation: landscape){.langs{max-height:96px}}.duo{display:contents}@container stage (max-height: 420px) and (orientation: landscape){.duo{display:flex;flex-wrap:nowrap;align-items:center;gap:6px 20px}.duo>.row{flex-wrap:nowrap}.field.stages{flex:1 1 220px;min-width:0;flex-direction:row;align-items:center;gap:10px}.field.stages .choices{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}body.hexcade .band{padding-block-end:calc(var(--safe-bottom) + 8px)}.field.stages .choices .pill{flex:none}}@media (prefers-reduced-motion: reduce){.build{transition:none}}.band .stack>p.hint{margin:0}.builds-pill{white-space:nowrap;background:var(--ground)}body.hexcade .band>.stack:has(>.row:last-child .builds-pill){padding-block-end:0}body.hexcade .band>.stack>.row:last-child{background:linear-gradient(rgba(6,6,12,0),var(--ground) 22%)}@container stage (max-height: 340px) and (orientation: landscape){.langs{max-height:52px}.band>.stack:has(>.strip){display:grid;grid-template-columns:96px minmax(0,1fr);gap:6px 8px;align-content:start}.band>.stack:has(>.strip)>*{grid-column:1 / -1}.band>.stack:has(>.strip)>.side-head{grid-column:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;font-size:9px}.band>.stack:has(>.strip)>.side-head b{max-width:100%;overflow-wrap:anywhere;font-size:11px;line-height:1.15}.band>.stack:has(>.strip)>.strip{grid-column:2;padding-block:0}}.pay-soon{font:600 12px/1.35 var(--text);color:var(--ink);padding:6px 10px;border-left:3px solid var(--hot);background:#0a0a14b8;max-width:32em}.pay-soon.shy,.pill.pay-tap .pay-noted,.pill.pay-tap.on .pay-ask{visibility:hidden}.pill.pay-tap{display:inline-grid}.pill.pay-tap>span{grid-area:1 / 1}.pill.pay-tap.on .pay-noted{visibility:visible}.pill.pay-tap.on{background:var(--hot);color:#fff;border-color:var(--hot)}.receipts-row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin-block-start:4px}.receipt-slip{--paper: #f3efe4;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px 8px 12px;background:var(--paper);color:#1d1b17;font:600 12px/1.25 var(--text);letter-spacing:.02em;text-decoration:none;border-radius:2px;transform:rotate(-1.2deg);transform-origin:left center;-webkit-mask:radial-gradient(circle 4px at 0 50%,#0000 97%,#000) left / 100% 10px repeat-y;mask:radial-gradient(circle 4px at 0 50%,#0000 97%,#000) left / 100% 10px repeat-y;box-shadow:0 6px 18px #00000073;transition:transform .16s ease}.receipt-slip:after{content:"→";font-weight:700}.receipt-slip:hover,.receipt-slip:focus-visible{transform:rotate(0) translateY(-1px)}.receipts-row .pill{min-height:44px}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:200 900;src:url(./unbounded-D5afBTBx.woff2) format("woff2-variations"),url(./unbounded-D5afBTBx.woff2) format("woff2")}@font-face{font-family:Martian Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(./martian-mono-5W32yIyr.woff2) format("woff2-variations"),url(./martian-mono-5W32yIyr.woff2) format("woff2")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-sans-medium-BTaLOVk9.woff2) format("woff2")}
