@font-face{font-family:Dela Gothic One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dela-gothic-one-latin.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/atkinson-hyperlegible-next-latin.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#221a2e;--well:#17111f;--surface:#2c2239;--surface-2:#35294a;--line:#3e3150;--paper:#fff3de;--ink:#120c17;--fur:#d9a06b;--fur-deep:#8e5e3a;--text:#f5ecdf;--dim:#b0a2bc;--danger:#f57;--gold:#f2c14e;--display:"Dela Gothic One", "Arial Black", system-ui, sans-serif;--ui:"Atkinson Hyperlegible Next", system-ui, -apple-system, sans-serif;font:400 16px/1.5 var(--ui)}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#app{place-items:center;height:100%;display:grid;position:relative}#app[data-layout=portrait]{place-items:start center}.stage{transition:opacity .3s}.stage canvas{display:block}#app[data-layout=portrait] .stage canvas{touch-action:none}#app[data-screen=results] .stage,#app[data-screen=replayEnd] .stage{opacity:.35}.curtain{z-index:30;background:var(--night);opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.curtain.shut{opacity:1;pointer-events:auto}:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.overlay{background:var(--night);position:absolute;inset:0;overflow:auto}.overlay[hidden]{display:none}.overlay.see-through{background:radial-gradient(ellipse 60% 75% at 50% 50%, color-mix(in srgb, var(--night) 90%, transparent) 40%, color-mix(in srgb, var(--night) 64%, transparent) 100%)}.overlay.dim{background:color-mix(in srgb, var(--night) 72%, transparent)}.overlay.results-bg{background:0 0}.scr{grid-template-columns:minmax(0,1fr);align-content:start;gap:26px;min-height:100%;padding:44px clamp(16px,6vw,96px) 40px;display:grid;position:relative}.scr.centre{text-align:center;place-content:center;justify-items:center}h1,h2,h3{text-wrap:balance;margin:0}.title{font:400 clamp(28px, 4vw, 39px) / 1.1 var(--display)}.wordmark{font:400 clamp(40px, 6vw, 64px) / .98 var(--display);color:var(--paper);text-shadow:0 5px 0 var(--fur-deep);letter-spacing:-.01em}p{max-width:68ch;margin:0}.lede{color:var(--dim);font-size:18px}.hint{color:var(--dim);font-size:13.5px}.hint.bad{color:var(--danger)}a{color:var(--fur);text-underline-offset:3px}.back{justify-self:start}button{font:700 16px/1 var(--ui);color:var(--text);background:var(--surface);border:2px solid var(--line);cursor:pointer;border-radius:10px;padding:13px 18px}button:hover{background:var(--surface-2)}button.big{padding:17px 22px;font-size:20px}button.sm{padding:9px 12px;font-size:14px}button.paper,button.primary{background:var(--paper);color:var(--ink);border-color:var(--ink);box-shadow:0 4px 0 var(--fur-deep);transition:transform 60ms,box-shadow 60ms}button.paper:hover,button.primary:hover{background:#fff8ec}button.paper:active,button.primary:active{box-shadow:0 2px 0 var(--fur-deep);transform:translateY(2px)}button.quiet,button.link{color:var(--dim);text-underline-offset:3px;background:0 0;border-color:#0000;padding-inline:4px;font-weight:600;text-decoration:underline}button.link{color:var(--fur);padding:0}button.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 55%, var(--line));background:0 0}button.danger.armed{background:var(--danger);color:var(--ink);border-color:var(--danger)}button:disabled,button:disabled:hover{opacity:.45;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button.kc{font:700 14px/1 var(--ui);background:var(--well);border:2px solid var(--line);border-bottom-width:4px;border-radius:8px;min-width:44px;height:38px;padding:0 10px}button.kc.empty{color:var(--dim);border-style:dashed;border-bottom-width:2px}.kc-wrap{align-items:center;gap:2px;display:inline-flex}.kc-wrap:has(>:only-child){padding-right:28px}button.kc-del{width:26px;height:26px;color:var(--dim);font:700 17px/1 var(--ui);background:0 0;border:0;border-radius:50%;padding:0}button.kc-del:hover{background:var(--surface-2);color:var(--danger)}button.kc.capture{background:var(--paper);color:var(--ink);border-color:var(--ink);border-bottom-color:var(--fur-deep)}.field{justify-items:start;gap:6px;display:grid}.field>span{font-weight:700}input[type=text]{font:500 17px/1 var(--ui);color:var(--text);background:var(--well);border:2px solid var(--line);border-radius:10px;width:min(100%,340px);padding:12px 14px}input[type=text].bad{border-color:var(--danger)}.switch{cursor:pointer;align-items:center;gap:12px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:44px;height:26px;margin:0;position:absolute}.switch i{background:var(--well);border:2px solid var(--line);border-radius:13px;flex:none;width:44px;height:26px;position:relative}.switch i:after{content:"";background:var(--dim);border-radius:50%;width:16px;height:16px;transition:left .1s;position:absolute;top:3px;left:3px}.switch input:checked+i{background:var(--paper);border-color:var(--ink)}.switch input:checked+i:after{background:var(--ink);left:21px}.switch input:focus-visible+i{outline:3px solid var(--paper);outline-offset:3px}input[type=range]{width:100%;accent-color:var(--fur)}.seg{background:var(--well);border:2px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--dim);box-shadow:none;background:0 0;border:0;border-radius:7px;padding:8px 12px;font-size:14px}.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.chip{font:700 14px/1 var(--ui);background:var(--surface);border:2px solid var(--line);border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.chip.ranked{border-color:var(--fur);color:var(--fur)}.cutout{filter:drop-shadow(3px 0 0 var(--paper)) drop-shadow(-3px 0 0 var(--paper)) drop-shadow(0 -3px 0 var(--paper)) drop-shadow(0 6px 0 var(--fur-deep));display:block}.pond{background:var(--well);border-radius:16px;position:relative;overflow:hidden}.pond .cutout{width:var(--cw,66%);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pond .water,.water-band{height:calc(var(--wl,22%) + 2px);background:var(--surface);border-top:3px solid var(--line);position:absolute;bottom:-2px;left:0;right:0}@keyframes bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-7px)}}.pond .cutout.bob{animation:3.2s ease-in-out infinite bob}.menu{grid-template-rows:auto 1fr 44px;gap:0;min-height:100%;padding:0}.menu-top{justify-self:end;padding:24px clamp(20px,3vw,40px) 0}.menu-hero{align-self:center;justify-items:center;gap:32px;padding:24px 20px 48px;display:grid}.menu .wordmark{text-align:center}.menu .capy{width:220px;position:absolute;bottom:14px;left:clamp(16px,4vw,64px)}.menu>.water-band{height:44px}.menu-actions{gap:12px;width:min(330px,100%);display:grid}.menu-actions button{width:100%}.menu-actions .pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.menu-links{justify-content:center;gap:24px;padding-top:6px;font-size:14px;display:flex}.menu-links a{color:var(--dim)}.sound-toggle{place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:60px;right:clamp(20px,3vw,40px)}.sound-toggle svg{width:22px;height:22px}.acct{color:var(--dim);align-items:center;gap:12px;font-size:15px;display:inline-flex}.acct.in{background:var(--surface);border:2px solid var(--line);color:var(--text);border-radius:999px;padding:5px 6px 5px 5px}.acct .av{background:var(--fur);width:32px;height:32px;color:var(--ink);font:400 15px/1 var(--display);border-radius:50%;place-items:center;display:grid}.acct b{font-weight:700}@media (height<=700px),(width<=960px){.menu .capy{display:none}}@media (width<=760px){.menu{grid-template-rows:none;align-content:start;gap:20px;padding:20px 20px 32px}.menu-top{padding:0}.menu-hero{align-self:start;justify-items:stretch;gap:20px;padding:0}.menu .wordmark{font-size:42px}.menu-actions{width:auto}.menu .sound-toggle{justify-self:center;position:static}.menu .capy,.menu>.water-band{display:none}.overlay.see-through{background:var(--night)}}@media (width>=761px){.menu-hero>.pond{display:none}}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;width:100%;max-width:1080px;display:grid}@media (width<=720px){.cards{grid-template-columns:minmax(0,1fr);gap:14px}}.card{background:var(--surface);text-align:left;border:2px solid #0000;border-radius:16px;align-content:start;gap:14px;padding:26px;font-weight:400;line-height:1.5;display:grid}button.card:hover{background:var(--surface-2)}.card h3{font:400 clamp(24px, 7vw, 31px) / 1.1 var(--display);overflow-wrap:anywhere}.card p{color:var(--dim);font-size:17px}.card>button{justify-self:start;margin-top:8px;line-height:1.25}@media (width<=480px){.card{gap:10px;padding:18px}.card>button{justify-self:stretch}}.gauge{gap:4px;display:flex}.gauge i{background:var(--well);border-radius:3px;flex:1;height:10px}.gauge i.on{background:var(--fur)}.clock{font:400 61px/1 var(--display);font-variant-numeric:tabular-nums}.tip{background:var(--surface);color:var(--dim);border-radius:12px;max-width:560px;padding:14px 20px;font-size:17px}.notice{background:var(--surface);border:2px solid var(--line);text-align:left;border-radius:16px;justify-items:start;gap:14px;max-width:520px;padding:26px;display:grid}.notice .glyph{background:var(--well);border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.notice h2{font:700 22px/1.25 var(--ui)}.notice p{color:var(--dim)}.notice.blocked{border-color:var(--fur)}.notice.blocked .glyph{background:var(--fur)}.notice.stale{border-style:dashed}.banner{z-index:5;background:var(--paper);color:var(--ink);width:min(620px,100% - 32px);box-shadow:0 4px 0 var(--fur-deep);border-radius:12px;align-items:center;gap:14px;padding:12px 10px 12px 18px;font-weight:600;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.banner button{color:var(--ink);background:0 0;border:0;margin-left:auto;padding:4px 8px;font-size:22px}.handle-modal{width:min(520px,100%)}.handle-modal .big-input{width:100%;padding:14px 16px;font-size:24px}.results{place-content:center;justify-items:center}.res-card{background:var(--surface);border-radius:18px;align-content:start;gap:18px;width:min(470px,100%);padding:30px;display:grid;box-shadow:0 24px 60px #00000073}.res-card h2{font:400 clamp(34px, 4vw, 49px) / 1 var(--display);color:var(--paper);text-shadow:0 4px 0 var(--fur-deep)}.story{font-size:19px;line-height:1.45}.compare{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto;align-items:baseline;gap:8px 20px;display:grid}.compare .h{color:var(--dim);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13.5px;font-weight:600;overflow:hidden}.compare b{text-align:right}.compare .them{color:var(--dim);text-align:right}details.rounds{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}details.rounds summary{cursor:pointer;color:var(--dim);font-weight:700}.res-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.res-actions .paper,.res-actions .wide{grid-column:1/-1}.res-actions button{padding-inline:8px}table{border-collapse:collapse;width:100%;font-size:14.5px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}th{color:var(--dim);font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.round th{color:var(--fur);padding-top:14px}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:18px;max-width:1000px;display:grid}.pod{background:var(--surface);border-radius:16px;gap:4px;min-width:0;padding:20px 22px;display:grid}.pod .rk{font:400 39px/1 var(--display);color:var(--fur)}.pod.first{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:0 5px 0 var(--fur-deep);padding-block:28px}.pod.first .rk{color:var(--fur-deep)}.pod b{text-overflow:ellipsis;font-size:20px;overflow:hidden}.pod span{font-variant-numeric:tabular-nums;font-weight:700}.pod small{opacity:.75;font-size:13.5px}.lb{max-width:1000px}.lb tr.me td{color:var(--fur);font-weight:700}.discord{color:var(--dim);margin-left:8px;font-size:.9em}.anchor-row{background:var(--surface-2);border:2px solid var(--fur);border-radius:12px;align-items:center;gap:16px;max-width:1000px;padding:14px 18px;display:flex;position:sticky;bottom:16px}.anchor-row b{color:var(--fur)}@media (width<=620px){.podium{grid-template-columns:1fr}}.fr-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:1080px;display:grid}@media (width<=1000px){.fr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.fr-cards{grid-template-columns:minmax(0,1fr)}}.fr-card{background:var(--surface);border-radius:14px;align-content:start;gap:8px;padding:18px;display:grid}.fr-card h3{font:400 20px/1.1 var(--display)}.fr-card p{color:var(--dim);font-size:15px}.rules-cols{columns:2 300px;column-gap:48px;max-width:1080px}.rules-cols h3{font:700 18px/1.2 var(--ui);color:var(--fur);margin-bottom:6px}.rules-cols p{color:var(--dim)}.rules-cols section{break-inside:avoid;align-content:start;gap:4px;margin-bottom:26px;display:grid}.modal{text-align:left;background:var(--surface);border-radius:20px;gap:20px;width:min(700px,100%);padding:clamp(22px,4vw,36px);display:grid;position:relative;box-shadow:0 24px 60px #00000073}.modal h2{font:400 39px/1 var(--display)}.modal .text{font-size:18px}.steps{gap:6px;display:flex}.steps i{background:var(--line);border-radius:3px;width:26px;height:6px}.steps i.on{background:var(--paper)}.diagram{background:var(--night);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;min-height:150px;padding:22px;display:flex}.sticker-word{font:400 20px/1 var(--display);color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:0 4px 0 var(--fur-deep);white-space:nowrap;border-radius:10px;padding:8px 12px 9px;display:inline-block;transform:rotate(-4deg)}.summon-demo{grid-template-columns:1fr 1fr;gap:12px;width:180px;display:grid}.summon-demo .pips{grid-column:1/-1;grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.summon-demo .pips i{background:var(--gold);border-radius:3px;height:10px}.summon-demo .box{background:var(--well);height:64px;box-shadow:0 0 0 2px var(--gold), 0 0 14px color-mix(in srgb, var(--gold) 40%, transparent);border-radius:10px;place-items:center;display:grid}.summon-demo .box svg{fill:currentColor;stroke:none;width:54px;height:54px}.summon-demo .box.t{color:#c247ec}.summon-demo .box.i{color:#3ccfe0}.keys-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 20px;display:grid}.keys-list div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.set{grid-template-columns:260px minmax(0,1fr);min-height:100%;display:grid}.set-rail{background:var(--well);align-content:start;gap:4px;padding:36px 22px;display:grid}.set-rail h2{font:400 31px/1 var(--display);margin:14px 0 22px 12px}.set-rail button{text-align:left;color:var(--dim);background:0 0;border:0;padding:13px 14px;font-size:17px}.set-rail button[aria-current=true]{background:var(--surface);color:var(--text);box-shadow:inset 3px 0 0 var(--fur)}.set-main{grid-template-columns:minmax(0,1fr);align-content:start;gap:20px;padding:44px clamp(16px,5vw,64px) 120px;display:grid}.set-main h3{font:400 25px/1.1 var(--display)}.set-bar{border-top:1px solid var(--line);background:var(--night);align-items:center;gap:12px;padding:16px clamp(16px,5vw,64px);display:flex;position:fixed;bottom:0;left:260px;right:0}.set-bar .reset{margin-left:auto}.opt{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 24px;max-width:760px;padding:14px 0;display:grid}.opt b{font-size:17px}.opt .hint{grid-column:1}.opt>:last-child{grid-area:1/2/span 2}.opt.stack>:last-child{grid-area:auto/1/auto/-1}.slider-out{font-variant-numeric:tabular-nums;color:var(--dim);font-size:14px}.bind-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px 40px;max-width:900px;display:grid}.bind-group{align-content:start;gap:2px;display:grid}.bind-group h4{font:700 14px/1 var(--ui);color:var(--fur);margin:0 0 6px}.bind{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:5px 0;display:grid}.swapnote{color:var(--fur);padding:6px 0 2px;font-size:14px}.danger-zone{border:2px solid color-mix(in srgb, var(--danger) 45%, var(--line));border-radius:14px;justify-items:start;gap:12px;max-width:760px;margin-top:30px;padding:20px 22px;display:grid}.danger-zone h4{margin:0;font-size:18px}@media (width<=760px){.set{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.set-rail{flex-wrap:wrap;padding:20px 16px 10px;display:flex}.set-rail h2{width:100%;margin:6px 0 10px}.set-rail .back{width:100%}.set-bar{left:0}}.net-hud{color:var(--dim);flex-direction:column;align-items:end;gap:4px;font-size:13px;display:flex;position:absolute;top:10px;right:14px}.net-hud[hidden]{display:none}.net-hud .bars{align-items:flex-end;gap:3px;height:16px;padding:4px;display:inline-flex}.net-hud .bars i{background:var(--dim);border-radius:1px;width:4px}.net-hud .bars i:first-child{height:6px}.net-hud .bars i:nth-child(2){height:11px}.net-hud .bars i:nth-child(3){height:16px}.net-hud .bars i.off{opacity:.3}.net-hud .detail{background:var(--surface);font-variant-numeric:tabular-nums;border-radius:8px;padding:6px 10px;display:none}.net-hud:hover .detail,.net-hud.debug .detail{display:block}.net-hud .latency{background:var(--surface);border-radius:8px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.net-hud .slider{grid-template-columns:70px 120px 36px;align-items:center;gap:6px;display:grid}.play-sound{opacity:.7;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;bottom:14px;right:14px}.play-sound[hidden]{display:none}.play-sound svg{width:20px;height:20px}.replay-head{text-align:center;pointer-events:none;gap:2px;display:grid;position:absolute;top:10px;left:50%;transform:translate(-50%)}.replay-head b{font:400 22px/1.1 var(--display)}.replay-head span{color:var(--dim);font-size:14px}.replay-start{justify-items:center;gap:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.replay-bar{background:var(--well);border-top:1px solid var(--line);align-items:center;gap:16px;height:72px;padding:0 clamp(12px,3vw,40px);display:flex;position:absolute;bottom:0;left:0;right:0}.replay-bar[hidden]{display:none}.replay-bar input[type=range]{flex:1;min-width:60px}.replay-bar .where{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap}#app[data-screen=replay] .stage,#app[data-screen=replayStart] .stage{margin-bottom:72px}.deck{left:12px;right:12px;bottom:max(16px, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:absolute}.deck[hidden]{display:none}.deck button{touch-action:none;border-radius:14px;place-items:center;height:64px;padding:0;font-size:15px;display:grid}.deck button.held{background:var(--surface-2);border-color:var(--dim)}.deck button.summon{color:var(--gold);border-color:var(--gold)}.deck button.summon:disabled{opacity:1;background:var(--surface);color:var(--dim);border-color:var(--line)}.deck svg{width:26px;height:26px}.swipe-hint{left:0;right:0;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 150px);text-align:center;color:var(--dim);pointer-events:none;font-size:13px;position:absolute}.leave-bar{pointer-events:none;z-index:10;position:absolute;inset:0 0 auto}.leave-bar[hidden]{display:none}.leave-bar i{background:var(--danger);width:0;height:5px;display:block}.leave-bar span{background:var(--surface);width:max-content;color:var(--text);border-radius:8px;margin:10px auto 0;padding:6px 12px;font-size:14px;font-weight:600;display:block}@media (prefers-reduced-motion:reduce){.pond .cutout.bob{animation:none}.stage,.curtain,button.paper,.switch i:after{transition:none}}@media (width<=299px),(height<=299px){.too-small{z-index:100;text-align:center;background:var(--night);color:var(--text);font:700 16px/1.4 var(--ui);place-items:center;padding:16px;display:grid;position:fixed;inset:0}}