:root{--ink: #0b0d24;--night: #141a3c;--panel-top: rgba(30, 36, 82, .93);--panel-bot: rgba(13, 15, 40, .93);--trim: #ecc978;--trim-dim: #9d8450;--text: #fff4de;--muted: #b8b2dc;--glow: #dcff7c;--amber: #ffb65c;--rose: #ff9eb5;--font-display: "Pixelify Sans", "Trebuchet MS", system-ui, sans-serif;--font-body: "DotGothic16", "Pixelify Sans", ui-monospace, "Courier New", monospace;color-scheme:dark}html,body{height:100%}body{margin:0;background:var(--ink);color:var(--text);overflow:hidden;font-family:var(--font-body);-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;overflow:hidden;background:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}#gl{position:absolute;inset:0;width:100%;height:100%;display:block}.px{image-rendering:pixelated;image-rendering:crisp-edges}.panel{background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:2px solid var(--trim);border-radius:4px;box-shadow:0 0 0 2px #060614d9,inset 0 0 0 2px #ffffff0d,0 8px 22px #00000073}#hud{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:16px;display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;pointer-events:none}.hud-panel{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 10px}.hud-label{font-family:var(--font-display);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lantern-row{display:flex;gap:4px}.lantern-row canvas{width:18px;height:24px;transition:transform .25s,filter .3s}.lantern-row canvas.lit{filter:drop-shadow(0 0 5px rgba(255,190,90,.95));transform:translateY(-1px)}.lantern-row canvas.pop{animation:pop .5s ease-out}.icon-fly{width:21px;height:21px;filter:drop-shadow(0 0 5px rgba(220,255,120,.9))}#icon-gold{filter:drop-shadow(0 0 6px rgba(255,210,80,1))}.hud-count{font-family:var(--font-display);font-weight:700;font-size:22px;min-width:1.4ch;font-variant-numeric:tabular-nums;color:var(--glow);text-shadow:0 0 8px rgba(220,255,120,.6)}.hud-count.bump{animation:pop .35s ease-out}#corner{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:16px;display:flex;gap:8px}.round-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--trim);color:var(--text);background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));box-shadow:0 0 0 2px #060614d9,0 4px 12px #0006;font-family:var(--font-display);font-size:20px;font-weight:700;cursor:pointer;display:grid;place-items:center;padding:0}.round-btn svg{width:20px;height:20px}.round-btn:hover{border-color:#fff0b8}button:focus-visible{outline:3px solid var(--glow);outline-offset:3px}#toast{position:absolute;top:calc(66px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);padding:10px 22px;font-family:var(--font-display);font-size:20px;font-weight:600;white-space:nowrap;color:var(--text);text-shadow:0 2px 0 rgba(0,0,0,.5);pointer-events:none;max-width:calc(100vw - 32px)}#toast.show{animation:toastIn .35s cubic-bezier(.2,1.4,.4,1)}#toast .hl{color:var(--amber)}#world-ui{position:absolute;inset:0;pointer-events:none;overflow:hidden}.wl{position:absolute;left:0;top:0;will-change:transform}.prompt{display:flex;align-items:center;gap:6px;padding:3px 9px 3px 4px;font-family:var(--font-display);font-size:15px;font-weight:600;white-space:nowrap;animation:bob 1.2s ease-in-out infinite}.prompt kbd,kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--ink);background:#f4ecd8;border-radius:4px;box-shadow:inset 0 -3px #c8b88e,0 0 0 1px #00000080}.pips{display:flex;gap:5px;padding:5px 7px}.pip-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--trim-dim);background:#00000059}.pip-dot.on{background:var(--glow);border-color:#f8ffd8;box-shadow:0 0 8px #dcff78f2}.emote canvas{width:33px;height:36px;display:block}.emote{animation:emoteIn .4s cubic-bezier(.2,1.6,.4,1);transform-origin:10% 100%}.floaty{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--glow);text-shadow:0 2px 0 #0b0d24,0 0 10px rgba(220,255,120,.7);white-space:nowrap}.floaty.caw{color:#f4ecff;text-shadow:0 2px 0 #0b0d24,0 0 10px rgba(180,170,255,.8)}.floaty.gold{color:#ffd76a;text-shadow:0 2px 0 #0b0d24,0 0 12px rgba(255,200,80,.95)}#pointers{position:absolute;inset:0;pointer-events:none}.pointer{position:absolute;left:0;top:0;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:2px solid var(--amber);box-shadow:0 0 0 2px #060614d9,0 0 14px #ffb45a80;animation:pulse 1.4s ease-in-out infinite}.pointer .arrow{position:absolute;inset:-13px;pointer-events:none}.pointer .arrow:before{content:"";position:absolute;right:0;top:50%;margin-top:-7px;border-style:solid;border-width:7px 0 7px 10px;border-color:transparent transparent transparent var(--amber);filter:drop-shadow(0 0 4px rgba(255,180,90,.9))}.pointer canvas{width:18px;height:24px}@keyframes pulse{50%{box-shadow:0 0 0 2px #060614d9,0 0 24px #ffc46ee6}}#dialog{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(760px,calc(100vw - 32px));box-sizing:border-box;display:flex;gap:16px;align-items:flex-start;padding:14px 18px 16px 14px;min-height:128px}#dialog.show{animation:dialogIn .3s cubic-bezier(.2,1.3,.4,1)}.portrait-frame{flex:none;width:96px;height:96px;border:2px solid var(--trim-dim);border-radius:3px;background:radial-gradient(circle at 50% 40%,#3a4284,#1a1d46);display:grid;place-items:center;overflow:hidden}.portrait-frame canvas{width:96px;height:96px}.dialog-body{flex:1;min-width:0}.dialog-name{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.06em;color:var(--trim);margin:2px 0 6px}.dialog-text{margin:0;font-size:19px;line-height:1.55;color:var(--text);max-width:60ch;min-height:3em;overflow-wrap:anywhere}.dialog-next{position:absolute;right:16px;bottom:8px;color:var(--trim);font-size:14px;animation:bob .8s ease-in-out infinite}#title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:16px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 45%,#0b0d2426,#0b0d24b8 75%),linear-gradient(180deg,#0b0d248c,#0b0d241a 40%,#0b0d24a6);text-align:center}#title.leaving{animation:fadeOut .6s ease forwards}.title-card{display:flex;align-items:center;gap:clamp(12px,3vw,28px);flex-wrap:wrap;justify-content:center}.title-pip{width:clamp(96px,16vw,150px);height:auto;aspect-ratio:1;animation:pipBob 2.4s ease-in-out infinite;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.title-words{text-align:left}.title-small{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,3.2vw,32px);color:var(--trim);letter-spacing:.04em;margin-bottom:-4px}.title-big{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(40px,8.4vw,92px);line-height:.98;color:#fff6e0;text-wrap:balance;text-shadow:0 3px 0 #2b2150,0 6px 0 #140f2c,0 0 28px rgba(255,200,110,.55),0 0 60px rgba(220,255,120,.25)}.title-tag{margin:12px 0 0;font-size:clamp(15px,2vw,19px);color:var(--muted)}.big-btn{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ink);cursor:pointer;background:linear-gradient(180deg,#fff1b8,#f0c460);border:2px solid #fff7d8;border-radius:6px;padding:12px 34px;box-shadow:0 0 0 2px #3a2a10,0 5px #7a5418,0 0 28px #ffc86473;transition:transform .12s,box-shadow .12s}.big-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 2px #3a2a10,0 7px #7a5418,0 0 36px #ffd27899}.big-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 2px #3a2a10,0 2px #7a5418}.big-btn:disabled{filter:grayscale(.6) brightness(.8);cursor:progress}.big-btn.small{font-size:19px;padding:9px 24px}.big-btn.ghost{background:transparent;color:var(--text);border-color:var(--trim);box-shadow:0 0 0 2px #060614d9}.title-keys{display:flex;gap:10px 22px;flex-wrap:wrap;justify-content:center;font-family:var(--font-display);font-size:15px;color:var(--muted)}.title-keys span{display:inline-flex;gap:4px;align-items:center}.title-note{margin:0;font-size:13px;color:#b8b2dcb3}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;box-sizing:border-box;background:#08091a8c}.sheet{width:min(560px,100%);box-sizing:border-box;padding:24px 26px;max-height:calc(100% - 16px);overflow:auto;animation:dialogIn .3s cubic-bezier(.2,1.3,.4,1)}.sheet h2{margin:0 0 14px;font-family:var(--font-display);font-weight:700;font-size:28px;color:#fff6e0;text-wrap:balance}.help-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}.help-list li{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center;font-size:16px;line-height:1.45}.help-key{display:flex;gap:3px;flex-wrap:wrap}.help-goal{margin:0 0 12px;font-size:16px;line-height:1.6;color:var(--muted);max-width:62ch}.end-sheet{text-align:center}#end{place-items:end center;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#08091a00 35%,#08091a99)}.end-eyebrow{font-family:var(--font-display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:6px}.stats{display:grid;grid-template-columns:auto auto;justify-content:center;gap:8px 22px;margin:6px 0 20px;font-size:17px}.stats dt{color:var(--muted);text-align:right}.stats dd{margin:0;text-align:left;font-family:var(--font-display);font-weight:700;color:var(--glow);font-variant-numeric:tabular-nums}.end-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}#touch{position:absolute;inset:0;pointer-events:none}.dlg-open #touch{display:none}#stick-zone{position:absolute;left:0;bottom:0;width:50%;height:60%;pointer-events:auto}#stick{position:absolute;left:calc(24px + env(safe-area-inset-left,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));width:120px;height:120px;border-radius:50%;border:2px solid rgba(236,201,120,.7);background:#0e102873}#knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:linear-gradient(180deg,#fff1b8,#e8b958);box-shadow:0 3px #7a5418}.t-btn{position:absolute;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(30px + env(safe-area-inset-bottom,0px));width:84px;height:84px;border-radius:50%;pointer-events:auto;font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink);background:linear-gradient(180deg,#fff1b8,#f0c460);border:2px solid #fff7d8;box-shadow:0 0 0 2px #3a2a10,0 5px #7a5418}.t-btn.small{width:64px;height:64px;font-size:16px;right:calc(122px + env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#e8e2ff,#b9aef0)}.t-btn.pressed{transform:translateY(3px);box-shadow:0 0 0 2px #3a2a10,0 2px #7a5418}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pipBob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-12px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes dialogIn{0%{opacity:0;transform:translate(var(--tx, -50%),16px)}to{opacity:1;transform:translate(var(--tx, -50%))}}.sheet{--tx: 0}@keyframes emoteIn{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@media(max-width:640px){.title-words{text-align:center}.hud-label{display:none}#dialog{gap:10px;padding:10px 12px 14px 10px;min-height:104px}.portrait-frame,.portrait-frame canvas{width:64px;height:64px}.dialog-text{font-size:16px}.title-keys{display:none}#toast{font-size:16px;white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root{--ink: #0b0d24;--night: #141a3c;--panel: #1a1f4a;--panel-hi: #262d66;--panel-lo: #10132f;--trim: #ecc978;--trim-dim: #9d8450;--text: #fff4de;--muted: #b8b2dc;--glow: #dcff7c;--amber: #ffb65c;--rose: #ff9eb5;--mist: #8fa3d9;--gold: #ffd24a;--gold-hi: #fff49a;--gold-lo: #f5a623;--green: #86d05c;--green-hi: #b9f0a0;--green-lo: #4fa84a;--red: #e04550;--red-deep: #8f2a45;--font-display: "Pixelify Sans", "Trebuchet MS", system-ui, sans-serif;--font-body: "DotGothic16", "Pixelify Sans", ui-monospace, "Courier New", monospace}html,body{margin:0;height:100%;background:var(--ink);color:var(--text);font-family:var(--font-body);-webkit-user-select:none;user-select:none;overflow:hidden}[hidden]{display:none!important}#gl{transition:filter .6s ease,transform .6s ease}body.sv-menu #gl{filter:blur(2.5px) saturate(1.05) brightness(.85);transform:scale(1.012)}.sv-backdrop{position:fixed;inset:0;z-index:35;overflow:hidden;background:radial-gradient(ellipse 120% 80% at 50% 110%,#1d2a58 0%,#141a3c 40%,var(--ink) 100%);transition:opacity 1.4s ease}.sv-backdrop.sv-sky-gone{opacity:0;pointer-events:none}.sv-sky{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 60%,#fff0),radial-gradient(1px 1px at 28% 42%,#fff8 60%,#fff0),radial-gradient(1.5px 1.5px at 41% 9%,#fffc 60%,#fff0),radial-gradient(1px 1px at 57% 31%,#fff9 60%,#fff0),radial-gradient(2px 2px at 66% 14%,#fff 60%,#fff0),radial-gradient(1px 1px at 79% 46%,#fff8 60%,#fff0),radial-gradient(1.5px 1.5px at 88% 22%,#fffc 60%,#fff0),radial-gradient(1px 1px at 8% 60%,#fff7 60%,#fff0),radial-gradient(1.5px 1.5px at 35% 66%,#fff9 60%,#fff0),radial-gradient(1px 1px at 72% 70%,#fff8 60%,#fff0),radial-gradient(1px 1px at 93% 58%,#fff7 60%,#fff0),radial-gradient(1.5px 1.5px at 50% 52%,#fffa 60%,#fff0),radial-gradient(28px 28px at 82% 16%,#fffbee 30%,#e9e6f4 60%,#c9c6dc00 70%)}.sv-flies{position:absolute;inset:-10% -5%;background-image:radial-gradient(3px 3px at 15% 78%,var(--glow) 40%,#dcff7c00),radial-gradient(2.5px 2.5px at 37% 84%,#d0ff9a 40%,#dcff7c00),radial-gradient(3px 3px at 61% 72%,var(--glow) 40%,#dcff7c00),radial-gradient(2px 2px at 78% 88%,#d0ff9a 40%,#dcff7c00),radial-gradient(3px 3px at 90% 76%,var(--glow) 40%,#dcff7c00),radial-gradient(2.5px 2.5px at 25% 92%,var(--glow) 40%,#dcff7c00);filter:drop-shadow(0 0 6px #dcff7c99);animation:sv-fly 22s ease-in-out infinite alternate;opacity:.85}.sv-flies-2{background-image:radial-gradient(2px 2px at 8% 70%,var(--glow) 40%,#dcff7c00),radial-gradient(3px 3px at 47% 66%,#d0ff9a 40%,#dcff7c00),radial-gradient(2.5px 2.5px at 70% 80%,var(--glow) 40%,#dcff7c00),radial-gradient(2px 2px at 95% 90%,#d0ff9a 40%,#dcff7c00);animation-duration:31s;animation-direction:alternate-reverse}@keyframes sv-fly{0%{transform:translate(-2%,1%) scale(1.02);opacity:.55}50%{opacity:.95}to{transform:translate(2%,-2%) scale(1.06);opacity:.6}}.sv-ground{position:absolute;left:-5%;right:-5%;bottom:0;height:22%;background:radial-gradient(ellipse 60% 100% at 50% 100%,#24304f,#182040,#14193800)}@media(prefers-reduced-motion:reduce){.sv-flies{animation:none}}#sv-screens{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}.px,.sv-screen img,.sv-brand img,.sv-corner img{image-rendering:pixelated;-webkit-user-drag:none}#sv-screens img.px{width:calc(var(--w, 16px) * var(--k, var(--Si)));height:auto}.sv-chip,.sv-tile b,.sv-stat,.sv-sq{--k: 2}.sv-steps{--k: var(--S)}#sv-sound-icon{--k: 3}.sv-brand{position:absolute;top:calc(var(--pad) + env(safe-area-inset-top,0px));left:calc(var(--pad) + env(safe-area-inset-left,0px));z-index:3;pointer-events:none}#sv-screens img.sv-logo{display:block;width:calc(85px * var(--S));height:calc(21px * var(--S));filter:drop-shadow(0 calc(1px * var(--S)) 0 rgba(5,6,15,.55))}.sv-corner{position:absolute;top:calc(var(--pad) + env(safe-area-inset-top,0px));right:calc(var(--pad) + env(safe-area-inset-right,0px));z-index:4;display:flex;gap:8px;pointer-events:auto}.sv-sq{display:grid;place-items:center;width:var(--sq);height:var(--sq);padding:0;border:2px solid var(--ink);background:var(--panel-hi);box-shadow:inset 0 -4px 0 var(--panel-lo),inset 0 2px #3a4284,0 3px #05060f99;color:var(--text);font-family:var(--font-display);font-weight:700;font-size:var(--t3);cursor:pointer;transition:transform .08s,filter .12s}.sv-sq:hover{transform:translateY(-1px);filter:brightness(1.1);outline:2px solid var(--trim)}.sv-sq:active{transform:translateY(2px);box-shadow:inset 0 -2px 0 var(--panel-lo),inset 0 2px #3a4284}.sv-sq.sv-on{background:var(--trim);box-shadow:inset 0 -4px 0 var(--trim-dim),0 3px #05060f99}#sv-help-btn{display:none}#sv-settings{position:absolute;top:calc(var(--pad) + var(--sq) + 12px + env(safe-area-inset-top,0px));right:calc(var(--pad) + env(safe-area-inset-right,0px));z-index:4;width:300px;max-width:calc(100% - 2 * var(--pad));pointer-events:auto;animation:sv-rise .28s cubic-bezier(.2,1.3,.4,1) both}.sv-seg{display:flex;gap:4px;margin:0 0 12px}.sv-seg button{flex:1;padding:8px 0 10px;border:2px solid var(--ink);background:var(--panel-lo);box-shadow:inset 0 -3px #090b1f;color:var(--muted);font-family:var(--font-display);font-weight:600;font-size:var(--t1);cursor:pointer}.sv-seg button.sv-on{background:var(--gold);box-shadow:inset 0 -3px 0 var(--gold-lo);color:var(--ink)}.sv-check{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:var(--t2);cursor:pointer}.sv-check input{width:19px;height:19px;accent-color:var(--gold)}.sv-box{position:relative;box-sizing:border-box;padding:var(--box-pad);border:2px solid var(--trim-dim);outline:2px solid var(--ink);background:var(--panel);box-shadow:inset 0 2px #ffffff0f,0 calc(2px * var(--S)) 0 #05060f8c}.sv-box-head{display:block;width:fit-content;margin:calc(var(--box-pad) * -1) 0 var(--box-pad) calc(var(--box-pad) * -1);padding:5px 12px 6px;background:var(--trim-dim);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:var(--t1);letter-spacing:.12em;line-height:1.1}.sv-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 4px;border:2px solid var(--ink);background:var(--panel-lo);color:var(--trim);font-family:var(--font-display);font-weight:700;font-size:var(--t1);letter-spacing:.08em;line-height:1.1;white-space:nowrap}.sv-chip-ink{background:#0b0d24d1;color:var(--text)}.sv-note{margin:0;min-height:1.3em;font-family:var(--font-body);font-size:var(--t2);line-height:1.35;color:var(--muted);text-align:center}.sv-note:empty{visibility:hidden}.sv-note.sv-bad{color:var(--rose)}.sv-note.sv-good{color:var(--glow)}.sv-h2{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--t4);letter-spacing:.04em;color:#fff6e0;text-shadow:0 3px 0 #2b2150}.sv-h2 .sv-chip{font-size:var(--t2);text-shadow:none}.sv-btn,.sv-mode{--face: var(--gold);--hi: var(--gold-hi);--shade: var(--gold-lo);--label: var(--ink);position:relative;box-sizing:border-box;border:2px solid var(--ink);background:var(--face);box-shadow:inset 0 -6px 0 var(--shade),inset 0 3px 0 var(--hi),0 4px #05060f99;color:var(--label);font-family:var(--font-display);font-weight:700;cursor:pointer;transition:transform .07s,filter .12s}.sv-btn:hover:not(:disabled),.sv-mode:hover:not(:disabled){filter:brightness(1.1)}.sv-btn:active:not(:disabled),.sv-mode:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 -3px 0 var(--shade),inset 0 3px 0 var(--hi),0 1px #05060f99}.sv-btn:disabled,.sv-mode:disabled{cursor:not-allowed;filter:grayscale(.7) brightness(.65)}.sv-btn{display:block;width:100%;min-height:var(--btn-h);padding:8px 14px 12px;font-size:var(--t3);letter-spacing:.05em}.sv-btn-ghost{--face: var(--panel-hi);--hi: #3a4284;--shade: var(--panel-lo);--label: var(--text)}.sv-mode-free{--face: var(--green);--hi: var(--green-hi);--shade: var(--green-lo);--label: var(--ink)}.sv-btn.sv-busy,.sv-mode.sv-busy{cursor:progress;filter:none}.sv-dots{display:inline-flex;gap:5px;margin-left:10px;vertical-align:middle}.sv-dots i{width:6px;height:6px;background:currentColor;opacity:.25;animation:sv-dot 1.05s steps(1,end) infinite}.sv-dots i:nth-child(2){animation-delay:.35s}.sv-dots i:nth-child(3){animation-delay:.7s}@keyframes sv-dot{0%{opacity:1}33%{opacity:.25}}.sv-link{padding:3px 9px 4px;border:2px solid var(--ink);background:#5aa2ff;box-shadow:inset 0 -3px #2f4f9e;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:var(--t1);letter-spacing:.08em;cursor:pointer}.sv-link:hover{filter:brightness(1.1)}.sv-screen{position:absolute;inset:0;z-index:1;display:none;box-sizing:border-box;pointer-events:auto;overflow:hidden}.sv-screen.sv-open{display:grid}@keyframes sv-rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.sv-screen-landing.sv-enter .sv-side .sv-box,.sv-screen-landing.sv-enter .sv-hero,.sv-screen-landing.sv-enter .sv-characters,.sv-screen-landing.sv-enter .sv-play{animation:sv-rise .38s cubic-bezier(.2,1.3,.4,1) both;animation-delay:calc(var(--i, 0) * 60ms + 60ms)}.sv-screen-landing{grid-template-columns:var(--side-w) minmax(0,1fr) var(--play-w);grid-template-rows:minmax(0,1fr);gap:var(--gap);padding:calc(var(--pad) * 2 + 21px * var(--S) + env(safe-area-inset-top,0px)) calc(var(--pad) + env(safe-area-inset-right,0px)) calc(var(--pad) + env(safe-area-inset-bottom,0px)) calc(var(--pad) + env(safe-area-inset-left,0px));background:linear-gradient(90deg,#05060f8c,#05060f00 30% 70%,#05060f8c),linear-gradient(180deg,#05060f73,#05060f00 25% 70%,#05060f99)}.sv-side{display:flex;flex-direction:column;gap:var(--gap);min-height:0}.sv-keys{list-style:none;margin:0;padding:0;display:grid;gap:calc(2px * var(--S))}.sv-keys li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:calc(12px * var(--Si) + 4px);padding:4px 8px 4px 6px;background:var(--panel-lo);border:2px solid var(--ink)}.sv-keys b{font-family:var(--font-display);font-weight:700;font-size:var(--t2);letter-spacing:.08em;color:var(--text)}.sv-keycap{display:inline-flex;align-items:center;gap:4px}.sv-keycap kbd{height:var(--kbd);min-width:var(--kbd);font-size:var(--t1)}.sv-keycap .sv-space{min-width:calc(var(--kbd) * 3.4)}.sv-tdot{display:grid;place-items:center;width:calc(var(--kbd) * 1.9);height:calc(var(--kbd) * 1.9);border-radius:50%;border:2px solid #fff7d8;background:var(--gold);color:var(--ink);font-style:normal;font-family:var(--font-display);font-weight:700;font-size:calc(var(--t1) - 2px)}.sv-tdot-super{background:#b9aef0;border-color:#f4f0ff}.sv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(2px * var(--S));counter-reset:step}.sv-steps li{position:relative;display:grid;grid-template-rows:calc(26px * var(--S)) auto;justify-items:center;align-items:end;gap:6px;padding:calc(3px * var(--S)) 4px 8px;background:var(--panel-lo);border:2px solid var(--ink)}.sv-steps li:before{counter-increment:step;content:counter(step);position:absolute;top:-2px;left:-2px;display:grid;place-items:center;width:calc(var(--t1) + 10px);height:calc(var(--t1) + 10px);background:var(--trim-dim);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:var(--t1)}.sv-steps img{align-self:center}.sv-steps b{font-family:var(--font-display);font-weight:700;font-size:var(--t1);letter-spacing:.08em;line-height:1.15;color:var(--text);text-align:center}.sv-stage{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--gap);min-width:0;min-height:0}.sv-hero{flex:1;display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--S));min-height:0;--tint: var(--glow)}.sv-hero-art{position:relative;display:grid;justify-items:center}.sv-hero-sprite{position:relative;z-index:1;width:calc(16px * var(--Sh));height:calc(18px * var(--Sh));overflow:hidden}.sv-hero-sprite i{position:absolute;left:0;top:calc(var(--row, 0) * -18px * var(--Sh));width:calc(96px * var(--Sh));height:calc(90px * var(--Sh));background:url(/art/villagers.png) 0 0 / 100% 100% no-repeat;image-rendering:pixelated;filter:drop-shadow(0 0 calc(3px * var(--S)) color-mix(in srgb,var(--tint) 45%,transparent));animation:sv-hero-idle 1.1s steps(1,end) infinite}@keyframes sv-hero-idle{0%{transform:translate(0)}50%{transform:translate(calc(-16px * var(--Sh)))}}.sv-hero-sprite.sv-hop{animation:sv-hero-hop .52s steps(1,end)}.sv-hero-sprite.sv-hop i{animation:sv-hero-hopframe .52s steps(1,end)}@keyframes sv-hero-hopframe{0%{transform:translate(calc(-32px * var(--Sh)))}50%{transform:translate(calc(-48px * var(--Sh)))}to{transform:translate(calc(-64px * var(--Sh)))}}@keyframes sv-hero-hop{0%{transform:translateY(calc(-2px * var(--Sh)))}20%{transform:translateY(calc(-4px * var(--Sh)))}45%{transform:translateY(calc(-5px * var(--Sh)))}65%{transform:translateY(calc(-3px * var(--Sh)))}85%{transform:translateY(calc(-1px * var(--Sh)))}to{transform:none}}.sv-hero-floor{width:calc(22px * var(--Sh));height:calc(4px * var(--Sh));margin-top:calc(-2px * var(--Sh));border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--tint) 55%,transparent),color-mix(in srgb,var(--tint) 18%,transparent) 60%,transparent)}.sv-hero-card{width:var(--card-w);display:grid;gap:calc(3px * var(--S));border-color:var(--tint)}.sv-hero-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}.sv-hero-name b{font-family:var(--font-display);font-weight:700;font-size:var(--t4);letter-spacing:.04em;line-height:1;color:var(--tint);text-shadow:0 3px 0 #0b0d24}.sv-hero-name .sv-chip{color:var(--tint)}.sv-bars{display:grid;gap:calc(1px * var(--S) + 2px)}.sv-bar{display:grid;grid-template-columns:calc(13px * var(--Si)) 1fr auto;align-items:center;gap:10px}.sv-bar img{justify-self:center}.sv-bar-blocks{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;height:calc(4px * var(--S) + 4px)}.sv-bar-blocks i{background:var(--panel-lo);border:2px solid var(--ink)}.sv-bar-blocks i.sv-on{background:var(--tint);box-shadow:inset 0 -3px #00000047}.sv-bar em{min-width:3.4em;font-style:normal;text-align:right;font-family:var(--font-display);font-weight:700;font-size:var(--t2);color:var(--text);font-variant-numeric:tabular-nums}.sv-moves{display:grid;gap:6px}.sv-move{display:flex;align-items:center;gap:10px;padding:5px 8px;background:var(--panel-lo);border:2px solid var(--ink);font-family:var(--font-display);font-weight:700;font-size:var(--t2);letter-spacing:.04em;color:var(--text)}.sv-move img{flex:none}.sv-move small{margin-left:auto;font-size:var(--t1);letter-spacing:.1em;color:var(--trim)}.sv-trait{display:flex;align-items:baseline;gap:8px;margin:0;font-family:var(--font-body);font-size:var(--t1);line-height:1.35;color:var(--muted)}.sv-trait b{flex:none;font-family:var(--font-display);font-size:var(--t2);letter-spacing:.06em;color:var(--tint)}.sv-characters{display:flex;gap:calc(3px * var(--S));flex:none}.sv-character{position:relative;display:grid;justify-items:center;gap:6px;padding:calc(1px * var(--S)) calc(1px * var(--S)) 8px;border:2px solid var(--ink);outline:2px solid transparent;background:var(--panel);box-shadow:inset 0 -4px 0 var(--panel-lo),0 3px #05060f99;color:var(--text);cursor:pointer;transition:transform .12s cubic-bezier(.2,1.3,.4,1),background-color .12s}.sv-character-face{display:block;width:calc(24px * var(--Sf));height:calc(24px * var(--Sf));background:url(/art/portraits.png) calc(var(--col) * -24px * var(--Sf)) 0 / calc(120px * var(--Sf)) 100% no-repeat;background-color:color-mix(in srgb,var(--tint) 22%,var(--panel-lo));image-rendering:pixelated}.sv-character b{font-family:var(--font-display);font-weight:700;font-size:var(--t1);letter-spacing:.06em;color:var(--muted);white-space:nowrap}.sv-character:hover{transform:translateY(-2px);outline-color:color-mix(in srgb,var(--tint) 60%,transparent)}.sv-character.sv-on{transform:translateY(calc(-2px * var(--S)));background:var(--panel-hi);outline-color:var(--tint);box-shadow:inset 0 -4px 0 var(--panel-lo),0 calc(2px * var(--S) + 3px) 0 #05060f99,0 0 calc(6px * var(--S)) color-mix(in srgb,var(--tint) 40%,transparent)}.sv-character.sv-on b{color:var(--tint)}.sv-character:focus-visible{outline:3px solid var(--glow);outline-offset:2px}.sv-play{align-self:end;display:grid;gap:var(--gap);min-width:0}.sv-name{display:block}.sv-name input{display:block;box-sizing:border-box;width:100%;padding:8px 12px;border:2px solid var(--ink);background:var(--panel-lo);box-shadow:inset 0 3px #00000059;color:var(--text);font-family:var(--font-display);font-weight:600;font-size:var(--t3);letter-spacing:.03em;-webkit-user-select:text;user-select:text}.sv-name input:focus{outline:2px solid var(--trim)}.sv-mode{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(4px * var(--S));width:100%;min-height:var(--mode-h);padding:calc(3px * var(--S)) calc(4px * var(--S)) calc(3px * var(--S) + 4px);text-align:left}.sv-mode-art{filter:drop-shadow(0 3px 0 rgba(11,13,36,.35))}.sv-mode-free .sv-mode-art{margin:0 calc(3px * var(--Si))}.sv-mode-body{display:grid;gap:8px;min-width:0}.sv-mode-body>b{font-size:var(--t4);letter-spacing:.04em;line-height:1;white-space:nowrap;text-shadow:0 2px 0 rgba(255,255,255,.35)}.sv-mode-chips{display:flex;flex-wrap:wrap;gap:6px}.sv-mode-chips .sv-chip em{font-style:normal;color:var(--gold)}.sv-badge{position:absolute;top:-12px;right:12px;padding:4px 10px 5px;border:2px solid var(--ink);background:var(--red);box-shadow:inset 0 -3px 0 var(--red-deep);color:#fff;font-family:var(--font-display);font-weight:700;font-size:var(--t1);letter-spacing:.12em}.sv-mode:disabled:not(.sv-busy){--face: #7d785f;--hi: #9a9476;--shade: #5c5845;filter:none}.sv-mode:disabled:not(.sv-busy) .sv-mode-art,.sv-mode:disabled:not(.sv-busy) .sv-mode-body{filter:grayscale(.7) brightness(.7)}.sv-play .sv-note{font-size:var(--t1)}.sv-play .sv-note:empty{display:none}.sv-screen-board{z-index:2;place-items:center;padding:calc(var(--pad) * 2 + 21px * var(--S)) var(--pad) var(--pad);background:#05060f99}.sv-board{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:calc(3px * var(--S) + 2px);width:min(var(--board-w),100%);max-height:100%;overflow:hidden;text-align:center;animation:sv-drop .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes sv-drop{0%{opacity:0;transform:translateY(-28px)}60%{opacity:1}to{transform:none}}.sv-board>*{width:100%;box-sizing:border-box}.sv-board-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.sv-board-buttons-one{grid-template-columns:minmax(0,calc(var(--board-w) / 2));justify-content:center}.sv-board-foot{margin:-4px 0 0;font-family:var(--font-display);font-size:var(--t1);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sv-board-foot:empty{display:none}.sv-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sv-flow li{position:relative;display:grid;justify-items:center;align-content:center;gap:6px;min-height:calc(20px * var(--S));padding:8px 4px;border:2px solid var(--ink);background:var(--panel-lo);color:var(--muted);opacity:.55}.sv-flow b{font-family:var(--font-display);font-size:var(--t1);letter-spacing:.1em}.sv-flow li.sv-now{opacity:1;border-color:var(--trim);background:var(--panel-hi);color:var(--text)}.sv-flow li.sv-done{opacity:1;color:var(--glow)}.sv-flow li.sv-done:after{content:"";position:absolute;top:6px;right:6px;width:10px;height:5px;border:solid var(--glow);border-width:0 0 3px 3px;transform:rotate(-45deg)}.sv-pay-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:stretch}.sv-pay-who{display:grid;justify-items:center;align-content:center;gap:6px;padding:8px 10px;border:2px solid var(--ink);background:var(--panel-lo)}.sv-pay-who i{display:block;width:calc(24px * var(--Si));height:calc(24px * var(--Si));background:url(/art/portraits.png) calc(var(--col) * -24px * var(--Si)) 0 / calc(120px * var(--Si)) 100% no-repeat;background-color:color-mix(in srgb,var(--tint) 22%,var(--panel));image-rendering:pixelated}.sv-pay-who b{font-family:var(--font-display);font-size:var(--t1);letter-spacing:.08em;color:var(--tint);white-space:nowrap}.sv-tiles{display:grid;gap:8px}.sv-tile{display:grid;gap:4px;padding:8px 12px;border:2px solid var(--ink);background:var(--panel-lo);text-align:left}.sv-tile span{font-family:var(--font-display);font-size:var(--t1);letter-spacing:.12em;color:var(--muted)}.sv-tile b{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--t3);color:var(--gold);font-variant-numeric:tabular-nums}.sv-tile-prize b{font-size:var(--t2);color:var(--glow)}.sv-house{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 12px;border:2px solid var(--ink);background:var(--panel-lo);font-family:var(--font-display);font-size:var(--t1);letter-spacing:.1em;color:var(--muted)}.sv-house code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-family:var(--font-body);letter-spacing:0;color:var(--text)}.sv-seats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sv-seats li{display:grid;justify-items:center;gap:6px;min-width:0;padding:8px 4px;border:2px solid var(--ink);background:var(--panel-lo);animation:sv-rise .34s cubic-bezier(.2,1.3,.4,1) both}.sv-seats li.sv-you{outline:2px solid var(--trim);background:var(--panel-hi)}.sv-seat-face{display:block;width:calc(24px * var(--Sf));height:calc(24px * var(--Sf));background:url(/art/portraits.png) calc(var(--col) * -24px * var(--Sf)) 0 / calc(120px * var(--Sf)) 100% no-repeat;background-color:color-mix(in srgb,var(--tint) 22%,var(--panel));image-rendering:pixelated}.sv-seats b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:var(--t2);color:var(--text)}.sv-seats small{font-family:var(--font-display);font-size:var(--t1);letter-spacing:.08em;color:var(--tint, var(--muted))}.sv-seats li.sv-empty{background:transparent;border-style:dashed;border-color:var(--trim-dim);animation:none}.sv-seats li.sv-empty .sv-seat-face{display:grid;place-items:center;background:none;color:var(--trim-dim);font-family:var(--font-display);font-weight:700;font-size:calc(var(--t4) * 1.4)}.sv-timer{margin:0;padding:12px 14px;border:2px solid var(--ink);background:var(--panel-lo);font-family:var(--font-display);font-weight:700;font-size:var(--t3);letter-spacing:.02em;color:var(--text);font-variant-numeric:tabular-nums}.sv-timer.sv-soon{color:var(--glow)}.sv-board-result.sv-has-prize{width:min(calc(var(--board-w) * 1.6),100%);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.sv-board-result>:not(.sv-standings):not(.sv-prize){grid-column:1 / -1}.sv-result-title{font-size:var(--t5)}.sv-result-title.sv-win{color:var(--gold)}.sv-result-me{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.sv-result-me .sv-chip{font-size:var(--t2);color:var(--text)}.sv-standings{list-style:none;margin:0;padding:0;display:grid;gap:4px}.sv-standings li{display:grid;grid-template-columns:calc(var(--t3) * 1.6) 48px minmax(0,1fr) auto auto minmax(3.5em,auto);align-items:center;gap:12px;padding:4px 10px 4px 4px;border:2px solid var(--ink);background:var(--panel-lo);text-align:left;font-family:var(--font-display);font-size:var(--t2);font-variant-numeric:tabular-nums}.sv-standings li.sv-you{outline:2px solid var(--trim);background:var(--panel-hi)}.sv-standings li.sv-msg{display:block;padding:10px;text-align:center;color:var(--muted)}.sv-rank{display:grid;place-items:center;height:100%;min-height:48px;background:var(--panel);color:var(--muted);font-weight:700;font-size:var(--t3)}.sv-standings li:nth-child(1) .sv-rank{background:var(--gold);color:var(--ink)}.sv-face-sm{display:block;width:48px;height:48px;background:url(/art/portraits.png) calc(var(--col) * -48px) 0 / 240px 100% no-repeat;background-color:color-mix(in srgb,var(--tint) 22%,var(--panel));image-rendering:pixelated}.sv-who{display:grid;min-width:0}.sv-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.sv-who small{font-size:var(--t1);letter-spacing:.08em;color:var(--tint, var(--muted))}.sv-stat{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.sv-pay{text-align:right;color:var(--glow);white-space:nowrap}.sv-prize{display:grid;gap:8px;padding:12px 14px;border:2px solid var(--ink);outline:2px solid var(--gold-lo);background:var(--panel-lo)}.sv-prize .sv-box-head{margin:0 auto;background:var(--gold)}.sv-prize-text{margin:0;font-size:var(--t2);line-height:1.45;color:var(--text)}.sv-prize-headline{margin:0;font-family:var(--font-display);font-size:var(--t4);font-weight:700;color:var(--glow)}.sv-prize-tx{margin:0;font-size:var(--t1)}.sv-prize-tx a{color:#5aa2ff}.sv-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(20px * var(--S)),1fr));gap:6px}.sv-pick-btn{padding:6px 4px 9px;border:2px solid var(--ink);background:var(--panel-hi);box-shadow:inset 0 -4px 0 var(--panel);color:var(--text);font-family:var(--font-display);cursor:pointer}.sv-pick-btn b{display:block;font-size:var(--t2);font-weight:700;letter-spacing:.04em}.sv-pick-btn small{display:block;margin-top:2px;font-size:calc(var(--t1) - 1px);color:var(--muted)}.sv-pick-btn.sv-default{outline:2px solid var(--gold)}.sv-pick-btn:hover:not(:disabled){filter:brightness(1.12)}.sv-pick-btn:disabled{cursor:not-allowed;filter:grayscale(.7) brightness(.65)}:root{--S: 3;--Si: 2;--Sh: 9;--Sf: 3;--t1: 12px;--t2: 14px;--t3: 18px;--t4: 26px;--t5: 34px;--pad: 16px;--gap: 14px;--box-pad: 12px;--sq: 40px;--kbd: 24px;--btn-h: 50px;--mode-h: 96px;--side-w: 270px;--play-w: 320px;--card-w: 300px;--board-w: 560px}@media(min-width:1600px)and (min-height:880px){:root{--S: 4;--Si: 3;--Sh: 12;--Sf: 4;--t1: 14px;--t2: 17px;--t3: 22px;--t4: 32px;--t5: 42px;--pad: 24px;--gap: 18px;--box-pad: 16px;--sq: 48px;--kbd: 28px;--btn-h: 60px;--mode-h: 124px;--side-w: 350px;--play-w: 400px;--card-w: 380px;--board-w: 720px}}@media(max-height:700px),(max-width:1180px){:root{--S: 2;--Si: 2;--Sh: 7;--Sf: 3;--t1: 11px;--t2: 13px;--t3: 16px;--t4: 22px;--t5: 28px;--pad: 12px;--gap: 10px;--box-pad: 10px;--sq: 38px;--kbd: 22px;--btn-h: 44px;--mode-h: 80px;--side-w: 0px;--play-w: 300px;--card-w: 270px;--board-w: 520px}}@media(max-height:460px){:root{--Sh: 5;--Sf: 2;--mode-h: 64px}}@media(max-height:700px),(max-width:1180px){#sv-help-btn{display:grid}.sv-screen-landing{grid-template-columns:minmax(0,1fr) var(--play-w)}.sv-side{display:none}body.sv-help .sv-side{position:fixed;inset:0;z-index:3;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;padding:var(--pad);background:#05060f99}body.sv-help .sv-side .sv-box{width:min(300px,100%);animation:sv-drop .45s cubic-bezier(.2,1.4,.4,1) both}}@media(max-height:460px){.sv-trait,.sv-character b,.sv-name .sv-box-head{display:none}.sv-screen-landing{padding-top:calc(var(--pad) * 2 + var(--sq))}}@media(max-aspect-ratio:1/1){:root{--S: 2;--Si: 2;--Sh: 6;--Sf: 2;--pad: 12px;--gap: 10px;--mode-h: 76px;--card-w: auto}.sv-screen-landing{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.sv-hero{width:100%;gap:10px}.sv-hero-card{flex:1;min-width:0}.sv-hero-name b{font-size:var(--t3)}.sv-characters{width:100%;justify-content:space-between;gap:4px}.sv-character b{display:none}.sv-play{align-self:stretch;grid-template-columns:1fr 1fr}.sv-play .sv-name,.sv-play .sv-note{grid-column:1 / -1}.sv-mode{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px}.sv-mode-body>b{font-size:var(--t3)}.sv-mode-chips{justify-content:center}.sv-mode-chips .sv-chip:nth-child(2){display:none}.sv-standings li{grid-template-columns:calc(var(--t3) * 1.4) 48px minmax(0,1fr) auto}.sv-board-result.sv-has-prize{grid-template-columns:minmax(0,1fr)}.sv-standings .sv-stat:nth-of-type(2){display:none}.sv-seats{gap:4px}.sv-seats b{font-size:var(--t1)}}#sv-hud{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden;font-family:var(--font-display)}.sv-hud-top{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;white-space:nowrap}.sv-pill{padding:6px 14px;border:2px solid var(--trim);border-radius:4px;background:linear-gradient(180deg,#1e2452ed,#0d0f28ed);box-shadow:0 0 0 2px #060614d9,0 4px 12px #0006;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sv-pill b{color:var(--glow);font-size:20px;font-weight:700;margin-right:4px}.sv-pill-clock{min-width:68px;text-align:center;color:var(--text);font-size:18px;font-variant-numeric:tabular-nums}.sv-pill-mist{color:var(--mist);border-color:var(--mist)}.sv-pill-mist.sv-warn{color:var(--amber);border-color:var(--amber)}.sv-pill-mist.sv-danger{color:#fff;background:linear-gradient(180deg,#8f2a45,#5a1a30);border-color:var(--rose);animation:sv-blink .8s steps(2,end) infinite}@keyframes sv-blink{to{filter:brightness(1.35)}}.sv-feed{position:absolute;top:calc(66px + env(safe-area-inset-top,0px));left:calc(16px + env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:5px;font-size:14px;max-width:46vw}.sv-feed div{padding:4px 10px;border:2px solid var(--trim-dim);border-radius:4px;background:#0d0f28d9;animation:sv-feed-in .25s ease-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-feed .sv-k{color:var(--amber)}.sv-feed .sv-v{color:var(--rose)}.sv-feed .sv-you{color:var(--glow)}.sv-feed i{font-style:normal;color:var(--mist)}@keyframes sv-feed-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.sv-banner{position:absolute;top:22%;left:0;right:0;padding:0 16px;text-align:center;font-size:min(12vw,96px);font-weight:700;color:var(--trim);text-shadow:0 4px 0 #2b2150,0 8px 0 #140f2c,0 0 40px rgba(255,200,110,.6);opacity:0;transform:scale(.6);transition:opacity .18s,transform .18s cubic-bezier(.2,1.6,.4,1)}.sv-banner.sv-show{opacity:1;transform:scale(1)}.sv-banner.sv-small{top:16%;font-size:min(5vw,40px);color:var(--text);text-shadow:0 3px 0 #140f2c,0 0 24px rgba(220,255,124,.35)}.sv-spectate{position:absolute;top:calc(60px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);padding:4px 12px;border:2px solid var(--trim-dim);border-radius:4px;background:#0d0f28d9;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.sv-hud-bottom{position:absolute;left:calc(16px + env(safe-area-inset-left,0px));right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.sv-status{width:min(330px,60vw);padding:10px 12px 12px;--tint: var(--glow)}.sv-status-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sv-status-head canvas{width:30px;height:30px}.sv-status-head b{font-size:17px;font-weight:700;letter-spacing:.06em;color:var(--tint);text-shadow:0 2px 0 #0b0d24}.sv-health{position:relative;height:22px;border:2px solid #060614;background:#0b0d24;overflow:hidden}.sv-health i{position:absolute;inset:0;transform-origin:0 50%;background:linear-gradient(180deg,#d0ff9a,#86d05c 60%,#4fa84a);transition:transform .12s}.sv-health i.sv-low{background:linear-gradient(180deg,#ff9eb5,#e04550 60%,#8f2a45)}.sv-health span{position:relative;display:block;line-height:22px;text-align:center;font-size:13px;letter-spacing:.06em;color:#fff;text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000;font-variant-numeric:tabular-nums}.sv-ammo{display:flex;gap:4px;margin-top:6px}.sv-ammo i{flex:1;height:9px;border:2px solid #060614;background:#0b0d24;overflow:hidden}.sv-ammo i b{display:block;height:100%;transform-origin:0 50%;background:linear-gradient(180deg,#ffe9a8,var(--amber));opacity:.55}.sv-ammo i.sv-full b{opacity:1;box-shadow:0 0 8px #ffb65ccc}.sv-super{width:96px;height:96px;border-radius:50%;border:3px solid var(--ink);background:conic-gradient(var(--amber) calc(var(--p, 0) * 1%),rgba(13,15,40,.85) 0);box-shadow:0 0 0 2px #060614d9,0 4px 12px #0006;display:grid;place-items:center;flex:none}.sv-super-core{width:70px;height:70px;border-radius:50%;border:2px solid var(--trim-dim);background:linear-gradient(180deg,#1e2452fa,#0d0f28fa);display:grid;place-content:center;text-align:center;color:var(--muted);line-height:1.1}.sv-super-core small{display:block;font-size:9.5px;letter-spacing:.14em}.sv-super-core span{display:block;font-size:11px;font-weight:700;color:var(--text);padding:0 4px}.sv-super.sv-ready{animation:sv-pulse .7s ease-in-out infinite alternate}.sv-super.sv-ready .sv-super-core{background:radial-gradient(#fff3a8,var(--trim) 60%,#f0a020);border-color:#fff7d8;color:var(--ink)}.sv-super.sv-ready .sv-super-core span,.sv-super.sv-ready .sv-super-core small{color:var(--ink)}@keyframes sv-pulse{0%{transform:scale(1)}to{transform:scale(1.07);box-shadow:0 0 0 2px #060614d9,0 0 34px #ffb65cbf}}.sv-hints{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);padding:6px 12px;border:2px solid var(--trim-dim);border-radius:4px;background:#0d0f28bf;font-size:13px;line-height:1.7;color:var(--muted);white-space:nowrap;opacity:.85}#sv-hurt{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 50% 50%,#f0000000 45%,#e045508c);transition:opacity .1s}#sv-mist-warn{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 50% 50%,#8fa3d900 40%,#8fa3d980)}.sv-debug{position:absolute;right:calc(16px + env(safe-area-inset-right,0px));top:calc(66px + env(safe-area-inset-top,0px));margin:0;padding:6px 10px;border:2px solid var(--trim-dim);background:#0d0f28d9;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;line-height:1.5;color:var(--glow)}.sv-oh{width:92px;margin-bottom:4px;text-align:center;--tint: var(--glow)}.sv-oh-name{display:block;font-size:12.5px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tint);text-shadow:0 1px 0 #0b0d24,1px 0 0 #0b0d24,-1px 0 0 #0b0d24,0 -1px 0 #0b0d24}.sv-oh-bar{height:8px;border:2px solid #060614;background:#0b0d24;overflow:hidden}.sv-oh-bar i{display:block;height:100%;transform-origin:0 50%;background:var(--tint)}.sv-oh-me .sv-oh-bar i{background:linear-gradient(180deg,#d0ff9a,#86d05c)}.sv-oh-shield .sv-oh-bar{box-shadow:0 0 10px var(--tint)}.floaty.dmg{color:#fff6e0;text-shadow:0 2px 0 #0b0d24,0 0 10px rgba(255,244,222,.5)}.floaty.dmg-self{color:var(--rose);font-size:22px;text-shadow:0 2px 0 #0b0d24,0 0 12px rgba(255,158,181,.8)}.floaty.heal{color:var(--glow)}#sv-touch{position:fixed;inset:0;z-index:25;pointer-events:none}.sv-zone{position:absolute;top:25%;bottom:0;pointer-events:auto;touch-action:none}.sv-zone-move{left:0;width:45%}.sv-zone-aim{right:0;width:55%}.sv-stick{position:fixed;left:0;top:0;width:0;height:0;opacity:0;transition:opacity .15s;will-change:transform;pointer-events:none}.sv-stick.sv-on{opacity:.95}.sv-stick:before{content:"";position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;border:2px solid rgba(236,201,120,.7);background:#0e102873}.sv-stick i{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#fff1b8,#e8b958);box-shadow:0 3px #7a5418}.sv-stick-aim i{background:linear-gradient(180deg,#ffd0dc,#e04550);box-shadow:0 3px #8f2a45}.sv-stick b{position:absolute;left:-90px;top:-92px;width:180px;text-align:center;font-family:var(--font-display);font-size:11px;letter-spacing:.1em;color:var(--text);text-shadow:0 1px 0 #0b0d24}.sv-tbtn{position:absolute;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(30px + env(safe-area-inset-bottom,0px));width:84px;height:84px;border-radius:50%;pointer-events:auto;touch-action:none;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink);background:linear-gradient(180deg,#fff1b8,#f0c460);border:2px solid #fff7d8;box-shadow:0 0 0 2px #3a2a10,0 5px #7a5418}.sv-tbtn-super{right:calc(124px + env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));width:66px;height:66px;font-size:13px;background:linear-gradient(180deg,#e8e2ff,#b9aef0);border-color:#f4f0ff;box-shadow:0 0 0 2px #3a2a10,0 5px #6a4aaa}.sv-tbtn.sv-pressed{transform:translateY(3px);box-shadow:0 0 0 2px #3a2a10,0 2px #7a5418}body.sv-in-match #sv-touch:not([hidden])~* .sv-hud-bottom{bottom:calc(120px + env(safe-area-inset-bottom,0px))}@media(max-width:760px){.sv-hud-top{gap:5px}.sv-pill{padding:4px 9px;font-size:12px}.sv-pill b{font-size:15px}.sv-pill-clock{min-width:54px;font-size:14px}.sv-feed{font-size:12px}.sv-status{width:min(260px,56vw);padding:8px 10px 10px}.sv-super{width:78px;height:78px}.sv-super-core{width:56px;height:56px}.sv-super-core span{font-size:9.5px}.sv-hud-bottom{bottom:calc(110px + env(safe-area-inset-bottom,0px))}.sv-hints{display:none}}@media(prefers-reduced-motion:reduce){.sv-super.sv-ready,.sv-feed div,.sv-pill-mist.sv-danger,.sv-dots i,.sv-hero-sprite,.sv-hero-sprite i,.sv-board,.sv-seats li,.sv-screen-landing.sv-enter *{animation:none!important}.sv-banner{transition:none}}