:root{--ink:#1a1220;--face:#3a3236;--face-lit:#4a4045;--face-deep:#2a2428;--solid:inset 0 2px 0 #ffffff1a, inset 0 -4px 0 #00000047;--drop:4px 5px 0 #1a12208c;--rule:#1a122099;--ember:#e0502e;--moss:#45a070;--bg:#15121a;--panel:var(--face);--panel-solid:var(--face);--border:var(--ink);--text:#efe4cc;--muted:#b3a690;--accent:#e0502e;--accent-2:#f0a24a;--hp:#c0362c;--ok:#7bd88f;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--head:"Rubik", "Noto Sans SC", "PingFang SC", system-ui, sans-serif;--bone:#efe4cc;--gold:#f0c030;--blood:#c0362c;--ink-text:-1.5px 0 var(--ink), 1.5px 0 var(--ink), 0 -1.5px var(--ink), 0 1.5px var(--ink), 1px 1px var(--ink), -1px -1px var(--ink), 1px -1px var(--ink), -1px 1px var(--ink)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:none;overscroll-behavior:none;margin:0;font-family:Rubik,Noto Sans SC,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-weight:500;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}#game{position:fixed;inset:0}#game canvas{display:block}body.in-game{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' stroke-width='3' stroke='%23000' opacity='.55'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Cpath d='M12 1v5M12 18v5M1 12h5M18 12h5'/%3E%3C/g%3E%3Cg fill='none' stroke-width='1.5' stroke='%23fff'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Cpath d='M12 1v5M12 18v5M1 12h5M18 12h5'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.3' fill='%23fff'/%3E%3C/svg%3E") 12 12,crosshair}body.in-game button{cursor:pointer}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}.hud-top-left{top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));pointer-events:none;gap:6px;width:min(260px,38vw);display:grid;position:absolute}.hp{background:var(--ink);border:3px solid var(--ink);border-radius:4px;height:20px;position:relative;overflow:hidden}.hp-fill{background:var(--hp);border-radius:3px;width:100%;transition:width .12s linear;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 3px #ffffff38,inset 0 -3px #0000004d}#hp-text{text-align:center;font-variant-numeric:tabular-nums;text-shadow:var(--ink-text);font-size:12px;font-weight:700;line-height:14px;display:block;position:relative}.stats{color:var(--muted);text-shadow:var(--ink-text);font-size:12px}.gear{grid-template-columns:1fr 1fr;gap:6px;display:grid}.slot{background:var(--panel);border:3px solid var(--ink);min-height:34px;box-shadow:var(--solid);border-radius:3px;padding:4px 6px;font-size:11px;line-height:1.3}.slot small{color:var(--muted);display:block}.slot.empty{color:var(--muted)}.belt{z-index:2;left:44%;bottom:calc(14px + var(--safe-b));pointer-events:auto;align-items:flex-end;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.belt button{border:3px solid var(--ink);background:var(--face);box-shadow:var(--solid);color:var(--text);touch-action:none;border-radius:4px;font-weight:700;line-height:1.2}#weapon-swap{min-width:104px;height:60px;box-shadow:var(--solid), 0 0 0 2px var(--gold);text-align:left;background:#4d3a2c;align-content:center;justify-items:start;gap:3px;padding:6px 10px;display:grid}#slot-weapon{font-size:13px}#slot-offhand{color:var(--muted);opacity:.8;font-size:10px}#weapon-swap.single #slot-offhand{display:none}.belt .quick{width:60px;height:60px;padding:4px;font-size:12px}.belt .quick small{color:var(--muted);font-size:10px;display:block}.belt .quick.empty{opacity:.45}.hud-top-center{top:calc(10px + var(--safe-t));pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;left:50%;transform:translate(-50%)}#clock{font-family:var(--head);background:var(--face);border:3px solid var(--ink);box-shadow:var(--solid);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:4px;padding:4px 12px;font-size:13px;font-weight:700}#phase-sub{color:var(--muted);text-shadow:var(--ink-text);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}#watch{font-family:var(--head);color:var(--bone);text-shadow:var(--ink-text);margin-top:4px;font-size:13px;font-weight:700}#watch:empty{display:none}.boss-bar{background:var(--face);border-radius:4px;width:90px;height:7px;display:inline-block;overflow:hidden}.boss-bar span{background:#a05cd8;height:100%;display:block}#minimap{border:3px solid var(--ink);width:120px;height:120px;box-shadow:var(--drop);pointer-events:auto;cursor:pointer;background:#000;border-radius:4px}#bigmap{z-index:30;pointer-events:auto;background:#060806b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#bigmap[hidden]{display:none}.bigmap-panel{align-items:flex-start;gap:16px;display:flex}#bigmap-canvas{border:4px solid var(--ink);width:min(82vh,62vw);height:min(82vh,62vw);box-shadow:var(--drop);background:#000;border-radius:4px}#hurt{pointer-events:none;opacity:0;transition:opacity .5s ease-out;position:fixed;inset:0;box-shadow:inset 0 0 110px 30px #aa0a14d9}#hurt.fresh{transition:none}.hud-top-right{top:calc(10px + var(--safe-t));right:calc(12px + var(--safe-r));pointer-events:none;justify-items:end;gap:6px;display:grid;position:absolute}.top-right-row{pointer-events:auto;align-items:center;gap:8px;display:flex}#settings-btn{border:3px solid var(--ink);background:var(--face);width:28px;height:28px;box-shadow:var(--solid);color:var(--bone);border-radius:50%;padding:0;font-size:14px;line-height:1}#net{color:var(--muted);text-shadow:var(--ink-text);font-size:11px;font-weight:700}#roster{background:var(--panel);border:3px solid var(--ink);min-width:140px;box-shadow:var(--solid);border-radius:4px;gap:2px;padding:6px 8px;font-size:11px;display:grid}#roster .row{white-space:nowrap;justify-content:space-between;gap:8px;display:flex}#roster .dots{letter-spacing:1px;color:var(--muted)}#roster .row.out{opacity:.45;text-decoration:line-through}#roster .row.me{font-weight:700}#joy-zone{touch-action:none;width:50%;height:70%;position:absolute;bottom:0;left:0}#joy-base{left:calc(100px + var(--safe-l));top:calc(100% - 100px - var(--safe-b));border:3px solid var(--ink);pointer-events:none;opacity:.6;background:#3a323673;border-radius:50%;width:120px;height:120px;position:absolute;transform:translate(-50%,-50%)}#joy-base.active{opacity:1}#joy-knob{background:var(--face-lit);border:3px solid var(--ink);border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:inset 0 3px #ffffff24,inset 0 -5px #0000004d}.actions{right:calc(28px + var(--safe-r));bottom:calc(28px + var(--safe-b));align-items:flex-end;gap:10px;display:flex;position:absolute}#btn-attack{border:4px solid var(--ink);background:var(--ember);width:104px;height:104px;box-shadow:inset 0 4px 0 #ffffff2e, inset 0 -7px 0 #0000004d, var(--drop);color:#fff4e4;text-shadow:var(--ink-text);touch-action:none;border-radius:50%;font-size:16px;font-weight:700;position:relative}#btn-attack .glyph{opacity:.85;font-size:30px}#btn-attack .knob{background:var(--face-lit);border:3px solid var(--ink);opacity:0;width:40px;height:40px;transform:translate(var(--aim-x,0px), var(--aim-y,0px));pointer-events:none;border-radius:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}#btn-attack .ammo{font-variant-numeric:tabular-nums;opacity:.85;pointer-events:none;font-size:13px;position:absolute;bottom:16px;left:0;right:0}#btn-attack.reloading:after{content:"";background:conic-gradient(#ffd278e6 calc(var(--reload,0) * 360deg), #ffffff14 0);pointer-events:none;border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}#btn-attack.reloading .glyph{opacity:.35}#btn-attack.dry .glyph,#btn-attack.dry .ammo{opacity:.45}#btn-attack.exec{color:var(--ink);text-shadow:none;box-shadow:inset 0 4px 0 #fff6, inset 0 -7px 0 #0000002e, var(--drop), 0 0 16px #f4efe299;background:#f4efe2}#btn-attack.exec .glyph{color:var(--ink);opacity:1}#btn-attack.pressed,#btn-skill.pressed{filter:brightness(1.25)}#btn-attack.pressed .knob{opacity:1}#btn-skill2{--cd:0;border:3px solid var(--ink);width:66px;height:66px;box-shadow:inset 0 3px 0 #ffffff2e, inset 0 -5px 0 #0000004d, var(--drop);color:#fff4e4;text-shadow:var(--ink-text);touch-action:none;background:#3f8f8a;border-radius:50%;align-self:flex-end;font-size:15px;font-weight:700;position:relative;overflow:hidden}#btn-skill2:after{content:"";background:conic-gradient(#0000009e calc(var(--cd) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}#skill2-name,#skill2-cd{z-index:1;display:block;position:relative}#skill2-cd{font-variant-numeric:tabular-nums;font-size:12px}#btn-skill2.pressed{filter:brightness(1.25)}#btn-dodge{--cd:0;border:3px solid var(--ink);background:var(--face-lit);width:54px;height:54px;box-shadow:inset 0 3px 0 #ffffff24, inset 0 -5px 0 #0000004d, var(--drop);text-shadow:var(--ink-text);touch-action:none;border-radius:50%;align-self:flex-end;font-size:13px;font-weight:700;position:relative;overflow:hidden}#btn-dodge:after{content:"";background:conic-gradient(#0000009e calc(var(--cd) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}#btn-dodge span{z-index:1;display:block;position:relative}#dodge-cd{font-variant-numeric:tabular-nums;font-size:11px}.hp-shield{pointer-events:none;background:repeating-linear-gradient(135deg,#dcf0ffbf 0 4px,#a0d2ff8c 4px 8px);width:0;position:absolute;inset:0 auto 0 0}#btn-skill{--cd:0;border:3px solid var(--ink);background:var(--moss);width:76px;height:76px;box-shadow:inset 0 3px 0 #ffffff2e, inset 0 -6px 0 #0000004d, var(--drop);color:#fff4e4;text-shadow:var(--ink-text);touch-action:none;border-radius:50%;font-size:18px;font-weight:700;position:absolute;bottom:74px;right:88px;overflow:hidden}#btn-skill:after{content:"";background:conic-gradient(#0000009e calc(var(--cd) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}#skill-name,#skill-cd{z-index:1;display:block;position:relative}#skill-cd{font-variant-numeric:tabular-nums;font-size:13px}#btn-pickup{white-space:nowrap;border:3px solid var(--ink);background:var(--face);max-width:220px;box-shadow:var(--solid), 0 0 0 2px currentColor, var(--drop);text-align:left;touch-action:none;border-radius:4px;padding:10px 14px;font-size:13px;line-height:1.35;position:absolute;bottom:calc(100% + 60px);right:0}#btn-pickup b{font-size:14px;display:block}#btn-pickup .up{color:var(--ok)}#btn-pickup .down{color:var(--hp)}#btn-pickup.blocked{opacity:.6;border-style:dashed}#btn-pickup small{opacity:.75;font-size:11px}#btn-skill.empty,#btn-skill2.empty{opacity:.4;filter:grayscale()}#death{text-align:center;pointer-events:none;padding:18px 0 14px;position:absolute;top:38%;left:0;right:0;transform:translateY(-50%)}#death h2{font-family:var(--head);color:var(--blood);paint-order:stroke fill;-webkit-text-stroke:10px var(--ink);text-shadow:5px 6px #1a12208c;margin:0;font-size:clamp(34px,7vw,64px);font-weight:900}#death.downed{top:22%}#death.downed h2{color:#e08a3a;font-size:clamp(26px,5vw,44px)}#death p{color:var(--bone);text-shadow:var(--ink-text);margin:6px 0 0;font-size:14px;font-weight:700}#toast{left:50%;top:calc(78px + var(--safe-t));border:3px solid var(--ink);background:var(--face);box-shadow:var(--solid);color:var(--bone);pointer-events:none;border-radius:4px;padding:5px 14px;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%)}#title-card{pointer-events:none;position:absolute;top:13%;left:0;right:0}#title-card .band{box-shadow:none;text-align:center;background:0 0;border:none;border-radius:0;padding:16px 0 12px;display:block}#title-card h2{font-family:var(--head);color:var(--bone);paint-order:stroke fill;-webkit-text-stroke:10px var(--ink);text-shadow:5px 6px #1a12208c;margin:0;font-size:clamp(30px,6vw,56px);font-weight:900}#title-card.gold h2{color:var(--gold)}#title-card p{color:var(--bone);text-shadow:var(--ink-text);margin:6px 0 0;font-size:14px;font-weight:700}#title-card p:empty{display:none}#title-card.show{animation:3.2s ease-in-out forwards title-card}@keyframes title-card{0%{opacity:0;letter-spacing:.02em}18%{opacity:1}75%{opacity:1}to{opacity:0}}#place-name{font-family:var(--head);color:var(--place,var(--bone));paint-order:stroke fill;-webkit-text-stroke:7px var(--ink);pointer-events:none;justify-content:center;align-items:center;gap:14px;font-size:clamp(18px,3vw,28px);font-weight:900;display:flex;position:absolute;bottom:24%;left:0;right:0}#place-name:before,#place-name:after{content:"";width:clamp(40px,10vw,110px);height:4px;box-shadow:0 0 0 2px var(--ink);background:currentColor;border-radius:2px}#place-name:after{transform:scaleX(-1)}#place-name.show{animation:2.8s ease-in-out forwards place-name}@keyframes place-name{0%{opacity:0;transform:translateY(6px)}20%,70%{opacity:1;transform:none}to{opacity:0}}#result{touch-action:pan-y;background:#15121a99;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.result-card{background:var(--face);border:4px solid var(--ink);width:min(720px,100%);box-shadow:inset 0 3px 0 #ffffff14, inset 0 -7px 0 #0000004d, var(--drop);border-radius:4px;padding:18px 20px}.result-card.won{border-color:var(--ink)}.result-card h2{font-family:var(--head);color:var(--bone);margin:0;font-size:30px;font-weight:900}.result-card.won h2{color:var(--gold)}.result-card p{color:var(--muted);margin:4px 0 12px;font-size:13px}.result-card table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.result-card th,.result-card td{text-align:left;border-bottom:2px solid var(--rule);padding:5px 6px}.result-card th{color:var(--muted);font-weight:400}.result-card tr.me td{background:#ffffff0d}.result-card td.members small{color:var(--muted);margin:0 8px 0 3px}.result-card .note{margin-top:10px;font-size:11px}.result-card button{border:3px solid var(--ink);background:var(--face-lit);box-shadow:var(--solid);color:var(--bone);font-family:var(--head);border-radius:4px;padding:9px 20px;font-size:15px;font-weight:700}.result-card h3{letter-spacing:.02em;color:var(--muted);margin:10px 0 6px;font-size:12px;font-weight:400}.raid-items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 12px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.raid-items li small{color:var(--muted);margin-left:6px}.raid-items.lost li{opacity:.55;text-decoration:line-through}.result-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.result-card button.primary{background:var(--moss);color:#fff}#settings{z-index:30;background:#15121a99;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.settings-card{background:var(--face);border:4px solid var(--ink);width:min(340px,100%);max-height:100%;box-shadow:inset 0 3px 0 #ffffff14, inset 0 -7px 0 #0000004d, var(--drop);border-radius:4px;padding:14px 18px 18px;overflow-y:auto}.settings-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.settings-head h2{font-family:var(--head);color:var(--bone);margin:0;font-size:24px;font-weight:900}#set-close{width:32px;height:32px;color:var(--muted);background:0 0;border:none;padding:0;font-size:24px;line-height:1}.settings-busy{color:var(--bone);text-align:center;background:#15121ad9;place-content:center;gap:10px;font-size:15px;font-weight:700;display:grid;position:absolute;inset:0}.settings-busy .bar{border:3px solid var(--ink);background:var(--face-lit);border-radius:3px;width:220px;height:14px;overflow:hidden}.settings-busy .fill{background:var(--moss);width:0;height:100%;display:block}@media (max-height:480px) and (min-width:600px){.settings-card{grid-template-columns:1fr 1fr;column-gap:24px;width:min(620px,100%);display:grid}.settings-head,#set-leave{grid-column:1/-1}}.settings-row{border-bottom:2px solid var(--rule);color:var(--bone);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.settings-row small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.settings-row .toggle{border:3px solid var(--ink);background:var(--face-lit);min-width:56px;box-shadow:var(--solid);color:var(--muted);border-radius:4px;padding:6px 12px;font-size:13px;font-weight:700}.settings-row .toggle.on{background:var(--moss);color:#fff}.settings-row input[type=range]{width:150px;accent-color:var(--gold)}#set-leave{border:3px solid var(--ink);background:var(--face-lit);width:100%;box-shadow:var(--solid);color:var(--bone);font-family:var(--head);border-radius:4px;margin-top:16px;padding:10px;font-size:15px;font-weight:700}#set-leave.armed{background:var(--blood);color:#fff}body.result-open .actions,body.result-open .belt,body.result-open #joy-zone,body.result-open #joy-base,body.settings-open .actions,body.settings-open .belt,body.settings-open #joy-zone,body.settings-open #joy-base{display:none}#leave-raid{border:3px solid var(--ink);background:var(--face);box-shadow:var(--solid);color:var(--bone);pointer-events:auto;border-radius:4px;margin-top:6px;padding:4px 12px;font-size:12px;font-weight:700}#debug{left:calc(12px + var(--safe-l));background:var(--face);color:#9be89b;white-space:pre;pointer-events:none;z-index:20;border:1px solid #78dc7859;border-radius:4px;margin:0;padding:6px 8px;font:11px/1.45 ui-monospace,SF Mono,Menlo,Consolas,monospace;position:fixed;top:50%;transform:translateY(-50%)}#debug.warn{color:#f0c080;border-color:#f0a03cb3}#lobby{padding:calc(14px + var(--safe-t)) calc(24px + var(--safe-r)) calc(12px + var(--safe-b)) calc(24px + var(--safe-l));touch-action:pan-y;background:radial-gradient(70% 80% at 30% 45%,#3d4a32,#232a1e 70%,#191d16);flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.ash{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ash i{opacity:0;background:#ffb060;border-radius:50%;width:3px;height:3px;animation:linear infinite ember-rise;position:absolute;bottom:-10px;box-shadow:0 0 6px 2px #ff8c3c8c}@keyframes ember-rise{0%{opacity:0;transform:translate(0)}12%{opacity:.9}to{transform:translate(var(--drift,30px), -105vh);opacity:0}}.lobby-top{justify-content:flex-end;display:flex;position:relative}.lobby-main{flex-direction:column;flex:1;justify-content:center;gap:14px;max-width:460px;display:flex;position:relative}.lobby-main h1{font-family:var(--head);white-space:nowrap;color:var(--ember);paint-order:stroke fill;-webkit-text-stroke:10px var(--ink);text-shadow:5px 6px #1a122099;margin:0;font-size:clamp(40px,8vw,72px);font-weight:900;line-height:1.05}.tagline{font-family:var(--head);color:var(--bone);text-shadow:var(--ink-text);margin:-6px 0 6px;font-size:14px;font-weight:700}.lang{gap:4px;display:flex}.lang button{border:3px solid var(--ink);color:var(--muted);box-shadow:var(--solid);background:0 0;border-radius:4px;padding:3px 8px;font-size:12px}.lang button.on{color:var(--bone);background:var(--face-lit)}.field{align-items:center;gap:12px;display:flex}.field span{color:var(--bone);font-size:14px;font-family:var(--head);text-shadow:var(--ink-text);font-weight:700}.field input,.lobby-room input{border:3px solid var(--ink);background:var(--face-deep);min-width:0;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;border-radius:4px;flex:1;padding:9px 12px;font-size:16px;font-weight:700;box-shadow:inset 0 3px #00000059}.lobby-actions{gap:10px;display:flex}.lobby-actions button,.lobby-room button{border:3px solid var(--ink);background:var(--face-lit);box-shadow:var(--solid);color:var(--bone);font-family:var(--head);border-radius:4px;padding:10px 18px;font-size:16px;font-weight:700}.lobby-actions button.primary{background:var(--moss);color:#fff;box-shadow:inset 0 3px 0 #ffffff2e, inset 0 -6px 0 #0000004d, var(--drop);flex:1;padding:14px 18px;font-size:18px;font-weight:900}.lobby-actions button:disabled{opacity:.5}.lobby-room{align-items:center;gap:8px;display:flex}.lobby-room input{text-transform:uppercase;letter-spacing:.02em;max-width:130px}.lobby-msg{min-height:1.2em;color:var(--accent-2);margin:0;font-size:13px}.hint{color:var(--muted);letter-spacing:.05em;margin:0;font-size:11px;position:relative}.lobby-foot{justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:relative}.version{opacity:.6;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;flex-shrink:0}#room{z-index:15;padding:calc(10px + var(--safe-t)) calc(16px + var(--safe-r)) calc(10px + var(--safe-b)) calc(16px + var(--safe-l));touch-action:pan-y;background:radial-gradient(70% 80% at 50% 20%,#3d4a32,#232a1e 70%,#191d16);flex-direction:column;gap:10px;display:flex;position:fixed;inset:0;overflow:auto}body.in-room #hud{visibility:hidden}.room-head{align-items:center;gap:12px;display:flex}.room-id{color:var(--muted);letter-spacing:.02em;flex:1;font-size:13px}.room-id button,#room-leave{border:3px solid var(--ink);color:var(--bone);box-shadow:var(--solid);background:0 0;border-radius:4px;margin-left:8px;padding:4px 10px;font-size:12px}.room-phase{font-family:var(--head);text-shadow:var(--ink-text);align-items:baseline;gap:10px;font-weight:700;display:flex}.room-phase span{color:var(--bone);font-size:15px}.room-phase b{min-width:2ch;color:var(--gold);font-variant-numeric:tabular-nums;font-size:22px}.room-body{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.bands{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.band{background:var(--face);border:3px solid var(--ink);box-shadow:var(--solid);border-radius:4px;gap:4px;padding:6px;display:grid}.band-name{font-family:var(--head);font-size:13px;font-weight:900}.seat{background:var(--face-deep);border-radius:4px;align-items:center;gap:6px;min-height:28px;padding:2px 6px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.seat.me{outline:3px solid var(--gold)}.seat.off{opacity:.45}.seat.empty{color:var(--muted);opacity:.6;font-style:italic}.band.join{font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.band.join:hover,.band.join:focus-visible{background:var(--face-lit)}.band.mine{box-shadow:var(--solid), 0 0 0 2px var(--gold)}.seat-name{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;line-height:1.15;display:flex;overflow:hidden}.seat-name small{color:var(--muted);font-size:10px}.room-wait,.room-ready{text-align:center;font-family:var(--head);flex:1;place-content:center;font-weight:900;display:grid}.room-wait p,.room-ready p{color:var(--muted);margin:0;font-size:15px}.room-wait b,.room-ready b{color:var(--bone);paint-order:stroke fill;-webkit-text-stroke:9px var(--ink);font-size:clamp(36px,8vw,72px)}.room-ready b{color:var(--gold)}#room-start{border:3px solid var(--ink);background:var(--moss);box-shadow:inset 0 3px 0 #ffffff2e, inset 0 -6px 0 #0000004d, var(--drop);color:#fff;font-family:var(--head);border-radius:4px;justify-self:center;margin-top:14px;padding:10px 28px;font-size:16px;font-weight:900}#rotate{background:var(--bg);z-index:10;place-items:center;font-size:18px;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){body.in-game #rotate{display:grid}}@media (max-height:420px){.lobby-main{gap:9px}.lobby-main h1{font-size:34px}.lobby-actions button.primary{padding:10px 16px}.seat{min-height:22px}.room-body{gap:8px}#btn-skill{width:66px;height:66px;bottom:64px;right:74px}#btn-attack{width:90px;height:90px}#btn-skill2{width:56px;height:56px;font-size:13px}#btn-dodge{width:48px;height:48px;font-size:12px}.hud-top-left{gap:4px;width:min(210px,34vw)}.slot{min-height:0;padding:3px 5px;font-size:10px}.slot small{margin-right:4px;display:inline}#title-card{top:14%}#title-card h2{font-size:30px}#death{top:62%}#death h2{font-size:40px}#roster{font-size:11px}#minimap{width:96px;height:96px}.result-card td.members,.result-card th.members{display:none}}body.spectating .actions,body.spectating #joy-zone,body.spectating #joy-base{display:none}body.has-watch #toast{top:calc(104px + var(--safe-t))}#prep{z-index:16;padding:calc(10px + var(--safe-t)) calc(16px + var(--safe-r)) calc(10px + var(--safe-b)) calc(16px + var(--safe-l));background:radial-gradient(70% 80% at 50% 20%,#3d4a32,#232a1e 70%,#191d16);flex-direction:column;gap:10px;display:flex;position:fixed;inset:0}#prep[hidden]{display:none}.prep-head{align-items:center;gap:14px;display:flex}.prep-title{font-family:var(--head);color:var(--bone);text-shadow:var(--ink-text);font-size:22px;font-weight:900}#prep-vials{color:var(--gold);font-family:var(--head);text-shadow:var(--ink-text);flex:1;font-weight:700}.prep-head button,.prep-tabs button,.prep-row button,#join,#practice,#prep-go{border:3px solid var(--ink);background:var(--face-lit);box-shadow:var(--solid);color:var(--bone);font-family:var(--head);border-radius:4px;padding:8px 14px;font-size:14px;font-weight:700}.prep-tabs{gap:8px;display:flex}.prep-tabs button.on{background:var(--moss);color:#fff}.prep-list{touch-action:pan-y;flex:1;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:6px;min-height:0;display:grid;overflow:auto}.prep-list.wardrobe-on{display:block}.wardrobe{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.wardrobe-preview{flex:none;width:180px;height:180px}.wardrobe-side{flex:1;min-width:260px}.wear-slot{border-bottom:2px solid var(--rule);align-items:center;gap:12px;padding:6px 0;display:flex}.wear-slot>span{width:56px;color:var(--bone);flex:none;font-size:14px;font-weight:700}.wear-slot.chance>span{flex:1;width:auto}.wear-slot small{color:var(--muted);font-size:11px;display:block}.wear-chips{flex-wrap:wrap;gap:6px;display:flex}.wear-chip{border:3px solid var(--ink);background:var(--face-lit);box-shadow:var(--solid);color:var(--muted);border-radius:4px;padding:6px 12px;font-size:13px;font-weight:700}.tone-chip{border:3px solid var(--ink);border-radius:50%;width:30px;height:30px;padding:0;box-shadow:inset 0 3px #ffffff40,inset 0 -4px #00000040}.tone-chip.on{box-shadow:inset 0 3px 0 #ffffff40, inset 0 -4px 0 #00000040, 0 0 0 3px var(--gold)}.wear-chip.on{background:var(--moss);color:#fff}.wear-note{color:var(--muted);margin:10px 0 0;font-size:11px}.codex-pages{gap:6px;margin-bottom:8px;display:flex}.codex-head{color:var(--bone);font-family:var(--head);text-shadow:var(--ink-text);margin:4px 0 6px;font-size:15px;font-weight:900}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;margin-bottom:10px;display:grid}.codex-card{border:3px solid var(--ink);background:var(--face);box-shadow:var(--solid);border-radius:4px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex}.codex-card.priority{box-shadow:var(--solid), 0 0 0 2px var(--blood)}.codex-card img{flex:none;width:64px;height:64px}.codex-card b{color:var(--bone);font-weight:900}.codex-tag{background:var(--face-deep);color:var(--gold);border-radius:3px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700}.codex-card.priority .codex-tag{background:var(--blood);color:#fff}.codex-card small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:700;display:block}.codex-card p{color:var(--bone);margin:3px 0 0;font-size:12px}.prep-row{border:3px solid var(--ink);background:var(--face);box-shadow:var(--solid);cursor:pointer;touch-action:manipulation;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;display:flex}.prep-row.on{box-shadow:var(--solid), 0 0 0 2px var(--gold);background:#3e4a36}.prep-name{white-space:nowrap;font-weight:600}.prep-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.prep-row button:disabled{opacity:.4}.prep-empty{color:var(--muted);font-family:var(--head);font-weight:700}.prep-foot{align-items:center;gap:12px;display:flex}.prep-foot>div{flex:1}#prep-carry{color:var(--bone);font-family:var(--head);text-shadow:var(--ink-text);font-weight:700}#prep-msg{min-height:1em;color:var(--accent-2);margin:2px 0 0;font-size:13px}#prep-go{background:var(--ember);color:#fff;box-shadow:inset 0 3px 0 #ffffff2e, inset 0 -6px 0 #0000004d, var(--drop);padding:12px 28px;font-size:17px;font-weight:900}#sandbox-panel{right:calc(8px + var(--safe-r,0px));z-index:50;color:#e8e4d8;pointer-events:auto;background:#0c0e0cd1;border:1px solid #ffffff26;border-radius:4px;width:300px;max-width:calc(100vw - 16px);max-height:calc(100vh - 322px);padding:8px;font:12px/1.4 sans-serif;position:fixed;top:172px;overflow-y:auto}#sandbox-panel.folded>:not(:first-child){display:none}#sandbox-panel .sb-row{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;display:flex}#sandbox-panel .sb-row:first-child{justify-content:space-between;margin-top:0}#sandbox-panel .sb-title{letter-spacing:.02em;font-weight:700}#sandbox-panel .sb-note{color:#b8b2a2;margin-top:6px}#sandbox-panel button{color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:4px;padding:3px 8px}#sandbox-panel button.on{color:#1a1a14;background:#d8c48a;border-color:#d8c48a}