@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/hanken-grotesk-latin-400-normal-BG6hkEXj.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-400-normal-CjyVwvJV.woff) format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/hanken-grotesk-latin-500-normal-DrDcrrxK.woff2) format("woff2"),url(/assets/hanken-grotesk-latin-500-normal-Bo-NxEKf.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff) format("woff")}:root{--bg: #0a0c11;--surface: #12161e;--surface-2: #1a1f2a;--surface-3: #262c39;--surface-4: #323a4a;--ink: #ece6da;--muted: #a8a296;--accent: #e2b45c;--accent-hi: #efc677;--accent-ink: #17110a;--hp: #c93b3b;--lag: #e9d7a2;--fp: #4c75e2;--st: #4ea95c;--mine: #5aa8ff;--foe: #e2564a;--shield: #f0d070;--plate: rgba(8, 10, 14, .68);--scrim: rgba(7, 8, 12, .6);--f-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--f-text: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--vw1: 1vw;--vh1: 1vh;--m: clamp(12px, calc(var(--vw1) * 2.2), 32px);--axis: calc(var(--vw1) * 42);--top: calc(var(--m) + 40px + 12px);--s-small: 13px;--s-body: clamp(14px, calc(var(--vh1) * 1.9), 17px);--s-lead: clamp(16px, calc(var(--vh1) * 2.5), 21px);--s-head: clamp(26px, min(calc(var(--vw1) * 3.5), calc(var(--vh1) * 6.4)), 56px);--s-display: clamp(50px, min(calc(var(--vw1) * 8.6), calc(var(--vh1) * 15)), 140px);--btn-h: clamp(42px, calc(var(--vh1) * 6.2), 52px);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.33, 1, .68, 1);--t-press: .14s;--t-hover: .18s;--t-ui: .24s;--t-reveal: .85s;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--f-text);font-size:var(--s-body);line-height:1.45;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;border:0;background:none}b{font-weight:500}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hidden{display:none!important}#app{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}body.rot #app{transform-origin:top left;transform:rotate(-90deg) translate(-100%)}#game canvas{display:block;cursor:crosshair;touch-action:none}.screen{position:absolute;inset:0;z-index:10}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;height:var(--btn-h);padding:0 1.25em;white-space:nowrap;font-weight:500;font-size:var(--s-body);line-height:1;background:var(--surface-3);color:var(--ink);transition:background-color var(--t-hover) ease,color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}.btn:hover{background:var(--surface-4)}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-hi)}.btn.ghost{background:transparent;color:var(--muted);padding-inline:0}.btn.ghost:hover{color:var(--ink)}.linkbtn{color:var(--muted);font-size:var(--s-small);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.07em;padding:4px 0}.linkbtn:hover{color:var(--ink)}#langbar{position:absolute;top:calc(var(--m) + env(safe-area-inset-top,0px));right:var(--m);z-index:20;display:flex;gap:4px}body.playing #langbar{display:none}.tool{width:40px;height:40px;display:grid;place-items:center;background:#0a0c11bd;color:var(--ink);font-weight:500;font-size:14px;position:relative;transition:background-color var(--t-hover) ease,color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}.tool:hover{background:var(--surface-3)}.tool:active{transform:scale(.94)}.tool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tool .fs-out,.tool.on .fs-in{display:none}.tool.on .fs-out{display:inline}.flag{color:var(--muted)}.flag.sel{background:var(--ink);color:var(--bg)}#btn-music.off{color:var(--muted)}#btn-music.off:after{content:"";position:absolute;width:22px;height:2px;background:currentColor;transform:rotate(-45deg)}#title{pointer-events:none}#title>*{pointer-events:auto}.title-band{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:var(--axis) minmax(0,1fr);align-items:end;background:#0a0c11ed;padding:clamp(18px,calc(var(--vh1) * 4.4),52px) var(--m) calc(clamp(16px,calc(var(--vh1) * 4.4),48px) + env(safe-area-inset-bottom,0px))}.tb-side{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding-right:var(--m);min-width:0}.standfirst{font-size:var(--s-lead);line-height:1.35;max-width:30ch}.wordmark{font-family:var(--f-display);font-weight:600;font-size:var(--s-display);line-height:.84;letter-spacing:-.02em;margin-left:-.05em}.wordmark .ln{display:block;overflow:hidden;padding:.02em .05em .1em;margin:-.02em -.05em -.1em}.lt{display:inline-block}.tb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:clamp(14px,calc(var(--vh1) * 3.2),36px)}#btn-begin{min-width:200px}#ios-hint{font-size:var(--s-small);color:var(--muted);max-width:34ch}body.installed #ios-hint{display:none}#demo-vs{display:grid;gap:10px;max-width:380px;transition:opacity .6s ease}.dv-row{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:baseline}.dv-name{font-weight:500}.dv-staff{color:var(--muted);font-size:var(--s-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-bar{grid-column:1 / -1;height:5px;margin-top:6px;background:#ece6da1a}.dv-bar i{display:block;height:100%;background:var(--hp);transform-origin:left;transition:transform .25s ease}.dv-row.b .dv-bar i{background:var(--foe)}.dv-vs{color:var(--muted);font-size:var(--s-small)}#select{display:grid;grid-template-columns:var(--axis) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.mark{position:absolute;top:calc(var(--m) + env(safe-area-inset-top,0px));left:var(--m);z-index:2;height:40px;display:flex;align-items:center;padding:0 14px;background:var(--ink);color:var(--bg);font-weight:500;font-size:15px;white-space:nowrap}.stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:#0a0c1152;padding:var(--top) var(--m) var(--m)}.stage-text{position:relative;z-index:1;pointer-events:none}#sel-name{font-family:var(--f-display);font-weight:600;font-size:var(--s-head);line-height:.95;letter-spacing:-.015em;text-wrap:balance;max-width:14ch}#sel-role{color:var(--ink);opacity:.8;margin-top:.4em;max-width:34ch}.stage-view{position:relative;flex:1;min-height:0;margin:0 calc(var(--m) * -1);cursor:grab;touch-action:none}.stage-view.drag{cursor:grabbing}.stage-view canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.stage-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.stage-nav .arrow{width:44px;height:44px}.stage-hint{color:var(--muted);font-size:var(--s-small);text-align:center}.panel{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:#0a0c11f2;padding-top:var(--top)}.tabs{flex:none;display:flex;padding:0 calc(var(--m) - 12px);overflow-x:auto;scrollbar-width:none;touch-action:pan-x pan-y}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;flex:none;padding:10px 12px 13px;color:var(--muted);font-weight:500;white-space:nowrap;transition:color var(--t-hover) ease}.tab:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform var(--t-ui) var(--ease-out)}.tab:hover,.tab[aria-selected=true]{color:var(--ink)}.tab[aria-selected=true]:after{transform:scaleX(1)}.panes{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-x pan-y;padding:clamp(14px,calc(var(--vh1) * 2.6),26px) var(--m) clamp(16px,calc(var(--vh1) * 3),28px);background:var(--surface);scrollbar-width:thin;scrollbar-color:var(--surface-4) transparent}.pane{display:none}.pane.on{display:block;animation:pane-in var(--t-ui) var(--ease-out)}@keyframes pane-in{0%{opacity:0;transform:translateY(8px)}}.pane-note{color:var(--muted);max-width:60ch;margin-bottom:14px}.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,calc(var(--vw1) * 13),168px),1fr));gap:4px}.opt{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-height:44px;padding:8px 12px;text-align:left;background:var(--surface-2);font-weight:500;line-height:1.15;transition:background-color var(--t-hover) ease,color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}.opt:hover{background:var(--surface-3)}.opt:active{transform:scale(.97)}.opt.sel{background:var(--ink);color:var(--bg)}.opt.none.sel{background:var(--surface-4);color:var(--ink)}.opt .sw{width:12px;height:12px;flex:none}.opt .sig{margin-left:auto;font-size:var(--s-small);font-weight:400;opacity:.75;white-space:nowrap}.detail{margin-top:clamp(14px,calc(var(--vh1) * 2.6),24px);max-width:64ch}.detail .dh{font-size:var(--s-lead);font-weight:500;line-height:1.25;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}.detail .dd{color:var(--muted);margin-top:2px}.detail .dl{margin-top:10px;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px}.detail .dl dt{color:var(--muted)}.detail .dl dd b{font-weight:500}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(64px,min(calc(var(--vw1) * 7.6),calc(var(--vh1) * 10)),108px),1fr));gap:4px}.rc{display:flex;flex-direction:column;background:var(--surface-2);text-align:left;transition:background-color var(--t-hover) ease,color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}.rc:hover{background:var(--surface-3)}.rc:active{transform:scale(.97)}.rc .pic{aspect-ratio:5 / 6;background-size:118% auto;background-position:50% 35%;background-repeat:no-repeat}.rc .rn{font-size:var(--s-small);font-weight:500;padding:4px 7px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc.sel{background:var(--ink);color:var(--bg)}.eslots{display:grid;gap:clamp(14px,calc(var(--vh1) * 2.4),22px)}.eslot h3{font-size:var(--s-body);font-weight:500;margin-bottom:6px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.eslot h3 span{color:var(--muted);font-weight:400;font-size:var(--s-small)}.gear-total .dh{justify-content:space-between}#equip-total{margin-top:6px;color:var(--ink)}#equip-total i{color:var(--muted);font-style:normal}.arena-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(118px,calc(var(--vw1) * 12.5),170px),1fr));gap:4px}.arena{position:relative;min-width:0;min-height:clamp(64px,calc(var(--vh1) * 10.5),96px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;padding:10px 12px;text-align:left;color:#f1ece2;transition:transform var(--t-press) var(--ease-out),filter var(--t-hover) ease}.arena:hover{filter:brightness(1.15)}.arena:active{transform:scale(.97)}.arena.sel{outline:3px solid var(--ink);outline-offset:-3px}.arena svg{position:absolute;top:10px;right:10px;width:18px;height:18px;fill:currentColor;opacity:.8}.arena .an{font-weight:500}.arena .ad{font-size:var(--s-small);opacity:.8;line-height:1.2}.arena.storm{background:#23324d}.arena.hell{background:#561a0e}.arena.frost{background:#36566f}.arena.swamp{background:#26381e}.arena.crypt{background:#23263a}.arena.desert{background:#6e4a22}.arena.forest{background:#1c3324}.arena.abyss{background:#2a1a44}.arena.rand{background:var(--surface-3)}.diffrow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:clamp(16px,calc(var(--vh1) * 3),26px)}.seg{display:flex;gap:4px}.dbtn{height:44px;padding:0 16px;background:var(--surface-2);font-weight:500;transition:background-color var(--t-hover) ease,color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}.dbtn:hover{background:var(--surface-3)}.dbtn:active{transform:scale(.97)}.dbtn.sel{background:var(--ink);color:var(--bg)}.panel-foot{flex:none;display:flex;align-items:center;gap:8px;padding:12px var(--m) calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg)}#loadout-sum{flex:1;min-width:0;color:var(--muted);font-size:var(--s-small);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#loadout-sum b{color:var(--ink)}#lobby{left:var(--axis);z-index:25;background:var(--bg)}.side-in{height:100%;overflow-y:auto;touch-action:pan-x pan-y;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,calc(var(--vh1) * 2),18px);padding:var(--top) var(--m) var(--m)}.side-in h2{font-family:var(--f-display);font-weight:600;font-size:var(--s-head);line-height:.95;letter-spacing:-.015em}.lobby-hint{color:var(--muted);max-width:46ch}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field span{color:var(--muted);font-size:var(--s-small)}.field input{height:var(--btn-h);width:min(320px,100%);padding:0 14px;background:var(--surface-2);border:0;border-radius:0;color:var(--ink);-webkit-user-select:text;user-select:text}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:0}.field input::placeholder{color:#6f6a62}.lobby-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.lobby-row.join .field input{width:160px;text-transform:uppercase;letter-spacing:.08em}#lobby-status{min-height:1.45em}#lobby-status b{font-weight:500;font-size:var(--s-lead);color:var(--accent);letter-spacing:.08em}#help{z-index:30;background:var(--bg)}.help-in{height:100%;overflow-y:auto;touch-action:pan-x pan-y;display:grid;grid-template-columns:calc(var(--axis) - var(--m)) minmax(0,1fr);align-content:start;gap:24px 0;padding:var(--top) var(--m) var(--m)}.help-head{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-right:var(--m)}.help-head h2{font-family:var(--f-display);font-weight:600;font-size:var(--s-head);line-height:.95;letter-spacing:-.015em}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(18px,calc(var(--vh1) * 3.4),34px) clamp(18px,calc(var(--vw1) * 2.6),40px)}.help-grid h3{font-size:var(--s-lead);font-weight:500;margin-bottom:.45em}.help-grid p,.help-grid li{max-width:60ch}.help-grid ul{list-style:none;display:flex;flex-direction:column;gap:.4em}.help-grid p+ul{margin-top:.6em}.help-grid ul.ctl-touch,body.touch .help-grid ul.ctl-keys{display:none}body.touch .help-grid ul.ctl-touch{display:flex}#pause{z-index:11;background:var(--scrim);display:flex;align-items:center}.pause-in{padding-left:var(--axis);padding-right:var(--m)}.pause-in h2{font-family:var(--f-display);font-weight:600;font-size:var(--s-display);line-height:.9;letter-spacing:-.02em;margin:0 0 clamp(16px,calc(var(--vh1) * 4),36px) -.04em}.pause-list{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:min(320px,100%)}.pause-list .btn{justify-content:flex-start}#banner{position:absolute;inset:0;z-index:8;pointer-events:none;display:flex;align-items:flex-end;padding-bottom:calc(var(--vh1) * 9 + env(safe-area-inset-bottom,0px))}#banner .band{width:100%;background:var(--band-bg, var(--ink));color:var(--band-ink, var(--bg));transform:scaleY(0);transform-origin:50% 100%;transition:transform .5s var(--ease-out)}#banner.show .band{transform:none}.band-in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"txt txt" "sub end";align-items:end;gap:6px 24px;padding:clamp(14px,calc(var(--vh1) * 3.2),36px) var(--m) clamp(14px,calc(var(--vh1) * 3),34px)}#banner .txt{grid-area:txt;font-family:var(--f-display);font-weight:600;font-size:min(var(--s-display),calc(var(--vw1) * 9));line-height:.9;letter-spacing:-.02em;white-space:nowrap;margin-left:-.04em}#banner .txt .ln{display:block;overflow:hidden;padding:.02em .05em .12em;margin:-.02em -.05em -.12em}#banner .txt .lt{transform:translateY(110%)}#banner.show .txt .lt{transform:none;transition:transform var(--t-reveal) var(--ease-out) .12s}#banner .bsub{grid-area:sub;font-size:var(--s-lead);line-height:1.3;opacity:0;transition:opacity .6s ease .55s}#banner.show .bsub{opacity:.85}#endmenu{grid-area:end;pointer-events:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px;animation:pane-in .4s var(--ease-out)}#score{font-size:var(--s-small);font-weight:500;opacity:.8}.end-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}#banner .btn{background:transparent;color:var(--band-ink);border:2px solid var(--band-ink)}#banner .btn:hover{background:color-mix(in srgb,var(--band-ink) 12%,transparent)}#banner .btn.primary{background:var(--band-ink);color:var(--band-bg)}#banner .btn.primary:hover{background:color-mix(in srgb,var(--band-ink) 85%,var(--band-bg))}#hud{position:absolute;inset:0;pointer-events:none;z-index:5}#pbars{position:absolute;left:var(--m);top:calc(var(--m) + env(safe-area-inset-top,0px));width:min(400px,calc(var(--vw1) * 40));background:var(--plate);padding:9px 12px 12px}.who{display:flex;align-items:baseline;gap:8px;margin-bottom:7px;white-space:nowrap;overflow:hidden}#pname{font-weight:500;font-size:15px;flex:none}#pstaff{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis}.bar{position:relative;height:6px;margin-top:5px;background:#ece6da1a;overflow:hidden}.bar .fill,.bar .lag{position:absolute;left:0;top:0;bottom:0;width:100%}.bar.hp{height:12px;margin-top:0}.bar.hp .fill{background:var(--hp)}.bar .lag{background:var(--lag)}.bar.fp{width:74%}.bar.fp .fill{background:var(--fp)}.bar.st{width:86%}.bar.st .fill{background:var(--st)}.chips{display:flex;gap:4px;flex-wrap:wrap}#pstatus:not(:empty){margin-top:8px}.chip{font-size:12px;font-weight:500;line-height:1;padding:4px 7px;background:var(--surface-4);color:var(--ink)}.chip.shield{background:var(--shield);color:#1a1608}#ebar{position:absolute;width:150px;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:2px}#ebar .name,#ebar .sub{background:var(--plate);padding:1px 7px 2px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}#ebar .name{font-weight:500;font-size:13px}#ebar .sub{font-size:12px;color:var(--muted)}#ebar .bar{width:100%;height:7px;margin:2px 0 0;background:#080a0eb3}#ebar .chips{justify-content:center;margin-bottom:2px}#dmgnum{position:absolute;left:100%;bottom:-5px;margin-left:8px;font-weight:500;font-size:17px;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--plate);padding:0 6px}#dmgnum:empty{display:none}#slots{position:absolute;left:var(--m);bottom:calc(var(--m) + env(safe-area-inset-bottom,0px));display:flex;gap:4px;align-items:flex-end}.slot{position:relative;width:76px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:4px 4px 7px;text-align:center;background:var(--plate);color:var(--ink);font-size:12px;line-height:1.1;overflow:hidden}.slot .k{position:absolute;top:5px;left:7px;font-size:11px;font-weight:500;color:var(--muted)}.slot .ico{width:20px;height:20px;flex:none;border-radius:50%;margin-bottom:8px}.ico.flask{background:#e0902c}.slot .cnt{position:absolute;top:3px;right:7px;font-weight:500;font-size:15px}.slot.off{opacity:.38}.slot .cd{position:absolute;inset:0;pointer-events:none}.slot .cdn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:20px;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.slot.ready,.tbtn.ready{animation:ready .45s var(--ease-out)}@keyframes ready{40%{transform:scale(1.08);background-color:var(--surface-4)}}#fury{position:absolute;width:130px;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:3px}#fury .fname{font-weight:500;font-size:12px;color:#ffae6a;background:var(--plate);padding:1px 7px 2px;white-space:nowrap}#fury .fbar{width:100%;height:5px;background:#080a0eb3;overflow:hidden}#fury .fill{height:100%;background:#ff6a24}#fury.calm .fname{color:var(--muted)}#fury.calm .fbar{opacity:.4}#lock{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid var(--ink);border-radius:50%}#timer{position:absolute;top:calc(var(--m) + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);padding:3px 12px 5px;background:var(--plate);font-weight:500;font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}#timer.low{color:#ff8a78}#timer.hunt{color:#8af0b0;font-size:16px;padding-block:7px;animation:hunt 1.2s ease-in-out infinite}@keyframes hunt{50%{opacity:.55}}#netinfo{position:absolute;top:calc(var(--m) + 50px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);font-size:12px;color:var(--muted)}#hint{position:absolute;right:var(--m);bottom:calc(var(--m) + env(safe-area-inset-bottom,0px));white-space:nowrap;padding:7px 11px;background:var(--plate);color:var(--muted);font-size:13px;text-align:right}.petbar{position:absolute;width:46px;height:5px;margin-left:-23px;background:#080a0eb8;transform:translateY(-100%)}.petbar .fill{height:100%;background:var(--foe)}.petbar.mine .fill{background:var(--mine)}.petbar.creature{width:52px;margin-left:-26px}.petbar.creature .fill{background:#f0a040}.emotebubble{position:absolute;z-index:6;transform:translate(-50%,-100%);pointer-events:none;white-space:nowrap;padding:3px 10px 5px;background:#0a0c11db;border-top:3px solid var(--foe);color:var(--ink);font-size:14px;font-weight:500}.emotebubble.mine{border-top-color:var(--mine)}#emotewheel{position:absolute;left:var(--m);bottom:calc(var(--m) + 52px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(3,auto);gap:4px;pointer-events:auto;z-index:7;animation:pane-in .2s var(--ease-out)}.emo{min-width:88px;height:44px;padding:0 12px;display:flex;align-items:center;gap:8px;background:#0a0c11e0;font-weight:500;font-size:14px;touch-action:none;transition:background-color var(--t-press) ease}.emo:hover,.emo:active{background:var(--ink);color:var(--bg)}.emo .ek{color:var(--muted);font-size:12px}#touch{display:none;position:absolute;inset:0;pointer-events:none}body.touch #touch{display:block}body.touch #slots,body.touch #hint{display:none}.tbtn{position:absolute;pointer-events:auto;touch-action:none;width:var(--s);height:var(--s);right:var(--r);bottom:calc(var(--b) + env(safe-area-inset-bottom,0px));border-radius:50%;background:#0a0c11ad;color:var(--ink);font-size:11px;font-weight:500;line-height:1.05;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;transition:transform var(--t-press) var(--ease-out),background-color var(--t-press) ease,color var(--t-press) ease}.tbtn .ico{width:34%;height:34%;border-radius:50%;margin-bottom:3px}.tbtn.down,.tbtn.pressing{background:var(--ink);color:var(--bg)}.tbtn.pressing{transform:scale(.93)}.tbtn.off{opacity:.4}.tbtn .cd{position:absolute;inset:0;border-radius:50%;pointer-events:none}.tbtn .cdn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:500;color:var(--ink)}.tbtn .cnt{position:absolute;top:5px;right:10px;font-size:12px}.tbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#t-pause{right:var(--m);top:calc(var(--m) + env(safe-area-inset-top,0px));bottom:auto}#t-fs{right:calc(var(--m) + 50px);top:calc(var(--m) + env(safe-area-inset-top,0px));bottom:auto}#t-fs .fs-out,#t-fs.on .fs-in{display:none}#t-fs.on .fs-out{display:inline}#t-emote{right:auto;left:var(--m);bottom:calc(var(--m) + env(safe-area-inset-bottom,0px));font-size:11px}#joy{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ece6da1a;display:none}#joyk{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ece6da80}body.touch #pbars{top:calc(10px + env(safe-area-inset-top,0px));left:10px;width:min(300px,calc(var(--vw1) * 38));padding:7px 10px 9px}body.touch #pname{font-size:13px}body.touch #pstaff{font-size:12px}body.touch .who{margin-bottom:5px}body.touch .bar{height:5px;margin-top:4px}body.touch .bar.hp{height:9px;margin-top:0}body.touch #timer{left:auto;right:calc(var(--m) + 104px);transform:none;top:calc(var(--m) + env(safe-area-inset-top,0px));font-size:20px;padding:6px 10px 8px}body.touch #timer.hunt{font-size:13px;padding-block:11px}body.touch #netinfo{left:auto;right:calc(var(--m) + 104px);transform:none;top:calc(var(--m) + 50px)}#pwa-toast{position:absolute;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;justify-content:center;padding:10px 10px 10px 16px;background:var(--surface-2);max-width:calc(100% - 32px)}#pwa-toast .btn{height:40px}@keyframes rise{0%{transform:translateY(110%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}}@keyframes band-up{0%{transform:translateY(100%)}}@keyframes slide-in{0%{opacity:0;transform:translate(28px)}}#title:not(.hidden) .title-band{animation:band-up .7s var(--ease-out) both}#title:not(.hidden) .wordmark .lt{animation:rise var(--t-reveal) var(--ease-out) .3s both}#title:not(.hidden) .wordmark .ln+.ln .lt{animation-delay:.41s}#title:not(.hidden) .tb-actions{animation:fade-up .6s var(--ease-out) .75s both}#title:not(.hidden) .standfirst{animation:fade-up .6s var(--ease-out) .55s both}#title:not(.hidden) #demo-vs{animation:fade-up .6s var(--ease-out) .65s both}#select:not(.hidden) .stage-text{animation:fade-up .6s var(--ease-out) .05s both}#select:not(.hidden) .stage-nav{animation:fade-up .6s var(--ease-out) .2s both}#select:not(.hidden) .panel{animation:slide-in .5s var(--ease-out) both}#select:not(.hidden) .tabs{animation:fade-up .5s var(--ease-out) .1s both}#select:not(.hidden) .panes{animation:fade-up .5s var(--ease-out) .17s both}#select:not(.hidden) .panel-foot{animation:fade-up .5s var(--ease-out) .24s both}#lobby:not(.hidden) .side-in>*{animation:fade-up .45s var(--ease-out) both}#lobby:not(.hidden) .side-in>:nth-child(2){animation-delay:.06s}#lobby:not(.hidden) .side-in>:nth-child(3){animation-delay:.12s}#lobby:not(.hidden) .side-in>:nth-child(n+4){animation-delay:.18s}#help:not(.hidden) .help-head{animation:fade-up .45s var(--ease-out) both}#help:not(.hidden) .help-grid section{animation:fade-up .5s var(--ease-out) both}#help:not(.hidden) .help-grid section:nth-child(2){animation-delay:.07s}#help:not(.hidden) .help-grid section:nth-child(3){animation-delay:.14s}#help:not(.hidden) .help-grid section:nth-child(4){animation-delay:.21s}#pause:not(.hidden) h2 .lt,#pause:not(.hidden) h2{animation:fade-up .45s var(--ease-out) both}#pause:not(.hidden) .pause-list{animation:fade-up .45s var(--ease-out) .08s both}.rc .pic{transition:transform .5s var(--ease-soft)}.rc:hover .pic{transform:scale(1.06)}body.short{--top: calc(var(--m) + 40px + 8px)}body.short .mark{display:none}body.short:has(#select:not(.hidden)) #langbar{left:var(--m);right:auto}body.short .panel{padding-top:6px}body.short #lobby .side-in,body.short .help-in{padding-top:var(--m)}body.short #lobby{z-index:25}body.short .tb-side{gap:12px}body.short .wordmark .ln{display:inline-block}body.short .wordmark{white-space:nowrap;font-size:min(var(--s-display),calc(var(--vw1) * 9.4))}body.short .tb-actions{margin-top:14px}body.short #loadout-sum{display:none}body.short .panel-foot{justify-content:flex-end;padding-block:8px calc(8px + env(safe-area-inset-bottom,0px))}body.short .stage-hint{display:none}body.short .detail .dl{gap:3px 12px}body.short .pane-note{margin-bottom:10px}body.tiny .standfirst{font-size:var(--s-body)}body.tiny .arena .ad{display:none}body.tiny .arena{min-height:52px}body.compact #hint{right:auto;left:var(--m);bottom:calc(var(--m) + 84px + env(safe-area-inset-bottom,0px));white-space:normal;text-align:left;max-width:min(560px,calc(100% - var(--m) * 2))}body.narrow{--axis: calc(var(--vw1) * 38)}body.narrow .tab{padding-inline:8px}body.narrow .tab:after{left:8px;right:8px}body.narrow .tabs{padding-inline:calc(var(--m) - 8px)}body.narrow .panel-foot .btn{padding-inline:1em}body.tall{--axis: var(--m)}body.tall .title-band{grid-template-columns:minmax(0,1fr);gap:28px}body.tall .tb-side{order:2;padding-right:0}body.tall #select{grid-template-columns:minmax(0,1fr);grid-template-rows:44% 56%}body.tall .panel{padding-top:0}body.tall #lobby{left:0;top:44%}body.tall #lobby .side-in{padding-top:var(--m)}body.tall .help-in{grid-template-columns:minmax(0,1fr)}body.tall .help-head{flex-direction:row;justify-content:space-between;align-items:center;padding-right:0;padding-top:0}body.tall .help-in{padding-top:var(--top)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important}#banner .txt .lt{transform:none}}