:root{--bg: #0f0b14;--panel: #1a1422;--panel-2: #241c30;--line: #3b2f4d;--line-2: #574770;--text: #efe6d6;--muted: #9c8fae;--amber: #f0b44c;--amber-d: #a8701f;--red: #e0533d;--green: #5fd17a;--blue: #6aa8ff;--purple: #b07cff;--font: "Baloo 2", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}.hidden{display:none!important}.muted{color:var(--muted)}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:.5px}h3{margin:14px 0 6px;font-size:15px;color:var(--amber)}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:16px;z-index:10;background:radial-gradient(ellipse at 50% 30%,#3c1e468c,#08050ceb);overflow-y:auto}.panel{background:var(--panel);border:2px solid var(--line);box-shadow:4px 4px #000,inset 0 0 0 2px #120d18;padding:18px 20px}.menu-panel{width:min(760px,100%)}.lobby-panel{width:min(720px,100%)}.small-panel{width:min(460px,100%);text-align:center}.brand h1{font-size:clamp(34px,6vw,52px);line-height:1;font-weight:800;color:var(--text);text-shadow:3px 3px 0 #000}.brand h1 span{color:var(--amber)}.brand .sub{margin:6px 0 4px;color:var(--muted);font-size:14px}.row.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}input,select{font-family:var(--font);font-size:16px;color:var(--text);background:var(--panel-2);border:2px solid var(--line);padding:7px 9px;outline:none}input:focus,select:focus{border-color:var(--amber)}.slots{display:grid;gap:6px}.slots>div{display:flex;align-items:center;gap:8px}.slot-tag{width:22px;height:22px;display:grid;place-items:center;background:var(--line);font-size:13px;flex:none}.wpn-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;flex:1}.wpn{font-family:var(--font);background:var(--panel-2);color:var(--text);border:2px solid var(--line);padding:6px 4px;cursor:pointer;text-align:center;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:2px}.wpn small{color:var(--muted);font-size:11px}.wpn i{width:12px;height:12px;display:inline-block;box-shadow:2px 2px #000}.wpn:hover{border-color:var(--line-2)}.wpn.on{border-color:var(--amber);background:#33261a}.desc{min-height:38px;font-size:13px;color:var(--muted);margin:6px 0 0;font-family:var(--font)}.boss-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.boss{font-family:var(--font);background:var(--panel-2);color:var(--text);border:2px solid var(--line);padding:10px;cursor:pointer;text-align:left}.boss b{display:block;font-size:16px}.boss small{color:var(--muted);font-size:12px;font-family:var(--font)}.boss.on{border-color:var(--red);background:#2c1a1c}.boss:disabled{cursor:default;opacity:.85}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}.actions.col{flex-direction:column;align-items:stretch}.join{display:flex;gap:6px;margin-left:auto}.join input{width:120px;text-transform:uppercase;letter-spacing:2px}.btn{font-family:var(--font);font-size:16px;font-weight:600;color:var(--text);background:var(--panel-2);border:2px solid var(--line-2);padding:8px 16px;cursor:pointer;box-shadow:3px 3px #000}.btn:hover{border-color:var(--amber)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.btn.primary{background:var(--amber);color:#1b1208;border-color:#ffd58a}.btn.ghost{background:transparent;box-shadow:none}.btn.small{font-size:13px;padding:5px 9px}.btn.on{background:var(--green);color:#0b1a0e}.btn:disabled{opacity:.45;cursor:not-allowed}.status{min-height:18px;margin:10px 0 0;font-size:13px}.controls{margin-top:8px;font-size:13px;color:var(--muted);font-family:var(--font)}.controls summary{cursor:pointer;color:var(--text);font-family:var(--font)}.controls ul{margin:6px 0 0;padding-left:18px;line-height:1.6}.controls b{color:var(--amber)}.lobby-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.code{font-size:40px;letter-spacing:6px;color:var(--amber);text-shadow:3px 3px 0 #000}.share{display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:60%}.share small{word-break:break-all;font-size:11px}.lobby-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px}.lp{background:var(--panel-2);border:2px solid var(--line);padding:8px;font-size:14px}.lp.ready{border-color:var(--green)}.lp.off{opacity:.5}.lp .n{font-size:16px;display:flex;justify-content:space-between}.lp .w{color:var(--muted);font-size:12px}.lp .tag{font-size:11px;padding:1px 5px;background:var(--line);margin-left:4px}.lp.empty{border-style:dashed;color:var(--muted);display:grid;place-items:center;min-height:58px}#hud{position:fixed;inset:0;pointer-events:none;z-index:5;--hud-muted: #c4bcb5}.hud-surface{background:#1b171ff0;border:1px solid #706255;border-radius:10px;padding:12px 14px;box-shadow:0 8px 24px #0000003d}.meter-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--hud-muted);margin-bottom:4px}.meter-label strong{color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}.bar{position:relative;height:9px;background:#100d13;border:1px solid #51464c;border-radius:3px;overflow:hidden}.bar i{position:absolute;inset:0;width:100%;transform-origin:left;transition:width .1s linear}.bar.hp i{background:#ef795f;box-shadow:inset 0 2px #ffa78c}.bar.st i{background:#e5bd61;box-shadow:inset 0 2px #f6dd9f}.bar.poise i{background:#a697d4}.bar.combo-t i{background:#e5bd61}.boss-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);width:min(520px,calc(100% - 440px))}.boss-name{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:16px;font-weight:700}.boss-phase{flex:none;font-size:11px;font-weight:600;color:#f1c975}.boss-bar .bar.hp{height:12px}.poise-label{margin-top:7px;font-size:11px}.boss-bar .bar.poise{height:5px}.phase-mark{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffefd1;opacity:.7}.boss-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.boss-tags:empty{display:none}.tag{font-size:11px;padding:2px 6px;background:#1b1720;border:1px solid #736574;border-radius:3px}.tag.red{color:#ffa594;border-color:#b77264}.tag.amber{color:#f3d38b;border-color:#a68a55}.tag.purple{color:#d2bcff;border-color:#9680b5}.tag.green{color:#9be5ac;border-color:#609969}.party{position:absolute;top:18px;left:18px;display:flex;flex-direction:column;gap:8px;width:190px}.party:empty{display:none}.party .pm{padding:7px 9px;background:#1b171fe6;border-radius:6px;font-size:12px}.party .pm .bar{height:5px;margin-top:4px}.party .pm.dead{opacity:.65}.net{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:8px;padding:5px 8px;background:#1b171fdb;border-radius:5px;font-size:11px;color:var(--hud-muted);font-variant-numeric:tabular-nums}.net strong{color:var(--text);font-weight:600}.connection-dot{width:6px;height:6px;background:#92d6a3;border-radius:50%}.net.offline .connection-dot{background:#ed9785}.me{position:absolute;left:18px;bottom:18px;width:310px}.me .bar.big{height:12px}.stamina-label{margin-top:8px}.me .bar.st{height:7px}.me.danger .bar.hp i{background:#ff554b}.me.danger .meter-label:first-child strong{color:#ffaca0}.me-weapons{display:flex;gap:8px;margin-top:12px}.me-weapons button{flex:1;min-width:0;display:flex;align-items:center;gap:4px;color:var(--hud-muted);background:#29232c;border:1px solid #665b68;border-radius:6px;padding:4px 7px;font-family:var(--font);font-size:12px;pointer-events:auto;cursor:pointer}.me-weapons button img{width:36px;height:36px;flex:none;object-fit:contain;image-rendering:pixelated}.me-weapons button.on{color:#ffefce;border-color:#e4bd69;background:#443626}.me-weapons button.charging img{filter:drop-shadow(0 0 3px #f5d081)}.me-weapons button:not(:disabled):hover{border-color:#ffde92}.me-weapons button:focus-visible,.rune-action:focus-visible{outline:2px solid #ffe2a3;outline-offset:3px}kbd{display:inline-grid;place-items:center;min-width:18px;padding:1px 4px;border:1px solid #796e74;border-radius:3px;color:#eadfd1;font:600 11px var(--font)}.buffs{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.buffs:empty{display:none}.combat-hints{display:flex;justify-content:space-between;gap:6px;color:var(--hud-muted);font-size:11px;margin-top:10px}.combat-hints span{display:inline-flex;gap:4px;align-items:center}.combo{position:absolute;right:18px;bottom:18px;width:280px;text-align:left}.combo-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.combo-num{font-size:36px;font-weight:800;line-height:1;color:#f1ca7c;font-variant-numeric:tabular-nums}.combo-num small{font-size:11px;color:var(--hud-muted);margin-left:6px}.combo-num.pop{animation:pop .14s ease-out}.combo-expiry{max-width:130px;font-size:11px;color:var(--hud-muted);text-align:right;font-variant-numeric:tabular-nums}@keyframes pop{0%{transform:scale(1.1)}to{transform:scale(1)}}.bar.combo-t{height:4px;margin:8px 0 10px}.runes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rune{height:38px;border:1px solid #65596c;border-radius:5px;background:#29232c;display:flex;align-items:center;justify-content:space-around;color:#c3b7cb}.rune b{font-size:15px;font-weight:600}.rune small{font-size:11px}.rune.open{color:#ffdf9d;border-color:#ad8d57}.rune.selected{color:#fff0d0;border-color:#e4bd69;background:#49382a}.rune-hint{font-size:12px;margin-top:8px;color:var(--text);min-height:17px}.rune-action{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#322b36;color:#c4bcb5;border:1px solid #75667c;border-radius:5px;padding:6px;font:600 12px var(--font);pointer-events:auto;cursor:pointer}.rune-action.ready{color:#241a0c;background:#e8c27b;border-color:#ffe3a9}.rune-action.ready kbd{color:#241a0c;border-color:#826235}.rune-action:disabled{cursor:default}.center-msg{position:absolute;top:26%;left:18px;right:18px;text-align:center;font-size:30px;font-weight:800;text-shadow:1px 2px 4px #000;opacity:0;transition:opacity .25s;color:var(--amber)}.center-msg.show{opacity:1}.dead-msg{position:absolute;top:42%;left:18px;right:18px;text-align:center;font-size:18px;text-shadow:1px 2px 4px #000;color:#ffb3a7}.debug{position:fixed;right:12px;top:120px;width:260px;z-index:8;padding:10px}.debug h4{font-size:14px;margin-bottom:6px;color:var(--amber)}.dbg-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.debug pre{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--muted);margin:8px 0 0;white-space:pre-wrap}.stats{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}.stats th,.stats td{padding:4px 6px;border-bottom:1px solid var(--line)}.stats th{color:var(--muted);font-weight:400;font-size:12px}#end-title.victory{color:var(--amber);font-size:34px}#end-title.defeat{color:var(--red);font-size:34px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--panel);border:2px solid var(--amber);padding:8px 14px;z-index:50;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:3px 3px #000}.toast.show{opacity:1}@media (max-width: 640px){.row.two{grid-template-columns:1fr}.wpn small{display:none}.join{margin-left:0;width:100%}.join input{flex:1}.net{font-size:10px}.party{width:120px}}#hurt{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:0;background:radial-gradient(ellipse at center,#0000 55%,#c814148c);transition:opacity .35s ease-out}#hurt.on{opacity:1;transition:none}.center-msg.show{animation:slam-in .25s cubic-bezier(.2,1,.4,1)}@keyframes slam-in{0%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:1}}.lab{position:fixed;left:12px;top:12px;bottom:12px;width:330px;overflow-y:auto;z-index:10;padding:12px 14px}.lab h3{margin:10px 0 6px}.lab-row{display:flex;flex-wrap:wrap;gap:5px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.lab-grid .btn{text-align:left}.lab-desc{font-size:12px;margin:6px 0}.lab-log{position:fixed;left:360px;right:12px;bottom:12px;z-index:10;font-size:15px;text-shadow:1px 1px 0 #000;color:var(--text)}@media (max-width: 700px){.lab{width:auto;right:12px;bottom:auto;max-height:45vh}.lab-log{left:12px}}.sfx-toggle{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:60;opacity:.9}.sfx-toggle:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.sfx-toggle:active{transform:translate(calc(-50% + 2px),2px)}.wpn img{object-fit:contain;image-rendering:pixelated}@media (max-width: 1000px){.boss-bar{width:min(520px,calc(100% - 36px))}.party,.net{top:196px}}@media (max-width: 800px){.me{left:12px;bottom:12px;width:calc(52% - 20px);padding:10px}.combo{right:12px;bottom:12px;width:calc(48% - 16px);padding:10px}.combo-num{font-size:30px}.me-weapons{gap:5px}.me-weapons button{padding:3px;gap:2px;font-size:11px}.me-weapons button img{width:28px;height:28px}body[data-view=game] .sfx-toggle{bottom:226px;left:auto;right:12px;transform:none}body[data-view=game] .sfx-toggle:active{transform:translate(2px,2px)}}@media (max-width: 520px){.boss-bar{top:10px;padding:10px;width:calc(100% - 24px)}.boss-name{font-size:14px;gap:6px;flex-wrap:wrap}.party{left:12px;width:145px;top:180px}.net{right:12px;top:180px;font-size:11px;gap:5px}.net kbd{display:none}.me-weapons button{flex-direction:column;position:relative;gap:0}.me-weapons button kbd{position:absolute;left:3px;top:3px}.combat-hints{font-size:11px;gap:3px}.combat-hints kbd{padding:1px 2px;font-size:11px}.meter-label{font-size:11px;gap:4px}.meter-label strong{font-size:11px}.combo-expiry{max-width:72px;font-size:11px}.combo-num{font-size:27px}.combo-num small{margin-left:3px;font-size:11px}.rune{height:35px;flex-direction:column;justify-content:center;gap:0}.rune b{font-size:13px}.rune small,.rune-hint,.rune-action{font-size:11px}}@media (prefers-reduced-motion: reduce){#hud .bar i,.center-msg{transition:none}.combo-num.pop,.center-msg.show{animation:none}}.me-weapons button.charging img,.wpn.on img{filter:drop-shadow(0 0 3px var(--weapon-accent, #f5d081))}.combat-hints{flex-wrap:wrap}.section-title{margin:14px 0 6px;font-size:15px;color:var(--amber)}.me-weapons button:disabled{cursor:default;opacity:.6}.wpn-row{min-width:0;grid-template-columns:repeat(6,minmax(0,1fr))}.slots>div,.wpn{min-width:0}.wpn img{max-width:100%;height:auto}.field input,.field select{min-width:0;width:100%}.desc,.boss{overflow-wrap:anywhere}.settings-button{position:fixed;z-index:60;right:18px;bottom:12px;padding:9px 16px;border:1px solid #706453;border-radius:8px;background:#28222f;color:#f4ead7;font:700 14px "Baloo 2",sans-serif;cursor:pointer}body[data-view=game] .settings-button,body[data-view=end] .settings-button{bottom:242px}#settings-dialog{padding:0;margin:auto;width:min(850px,calc(100% - 32px));height:min(660px,calc(100dvh - 32px));max-width:none;max-height:none;border:1px solid #635743;border-radius:14px;background:#211b27;color:#f1e8da;box-shadow:0 18px 60px #0009;overflow:hidden;font-size:15px}#settings-dialog[open]{display:flex;flex-direction:column}#settings-dialog::backdrop{background:#08060dcc}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px 16px;border-bottom:1px solid #423746;flex-shrink:0}.settings-header h2{margin:0;font-size:29px;line-height:1.1;color:#f4d9a5}.settings-header p{margin:6px 0 0;color:#c3b4cc;font-size:13px}#settings-dialog button{font:700 14px "Baloo 2",sans-serif;color:#f1e8da;border:1px solid #6b5e73;background:#342b3d;border-radius:7px;min-height:38px;padding:6px 12px;cursor:pointer}#settings-dialog button:hover,.settings-button:hover{background:#493b4d;border-color:#f0b44c}#settings-dialog button:focus-visible,.settings-button:focus-visible,#settings-dialog input:focus-visible{outline:2px solid #f0b44c;outline-offset:3px}.settings-presets{padding:12px 26px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #423746;flex-shrink:0}.settings-presets span{font-size:13px;color:#c3b4cc;margin-right:auto}.settings-body{display:flex;min-height:0;flex:1}.settings-nav{width:175px;flex-shrink:0;padding:18px 12px;display:flex;flex-direction:column;gap:6px;background:#1b1621;border-right:1px solid #423746}#settings-dialog .settings-nav button{text-align:left;border-color:transparent;background:transparent}#settings-dialog .settings-nav button[aria-current]{color:#f9d298;background:#3c3040;border-color:#77604c}.settings-content{padding:22px 26px;overflow-y:auto;flex:1;min-width:0;scrollbar-color:#79647f #211b27;scrollbar-width:thin}.settings-content h3{font-size:22px;margin:0 0 5px;color:#f4d9a5}.settings-intro{margin:0 0 16px;color:#c3b4cc;font-size:14px;line-height:1.4;max-width:65ch}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #3a3041}.setting-row label{font-weight:600;flex:1;min-width:0;cursor:pointer}.setting-row label small{display:block;font-size:12px;color:#c3b4cc;font-weight:400;line-height:1.45;margin-top:4px}.setting-range{display:flex;flex-direction:column;align-items:flex-end;gap:3px;width:165px;flex-shrink:0}.setting-range output{font-size:13px;color:#f4d9a5;font-variant-numeric:tabular-nums}#settings-dialog input[type=range]{width:100%;height:24px;margin:0;accent-color:#f0b44c;cursor:pointer}#settings-dialog input[type=checkbox]{width:22px;height:22px;margin:0 2px;accent-color:#f0b44c;flex-shrink:0;cursor:pointer}.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 26px;background:#1b1621;border-top:1px solid #423746;flex-shrink:0}.settings-footer span{font-size:12px;color:#c3b4cc}.settings-preview,.settings-fullscreen{margin-top:18px}.settings-preview-note{font-size:12px;color:#c3b4cc;margin-bottom:0}.hud-surface{background:var(--hud-background,rgba(27,23,31,.94))}.me{transform:scale(var(--hud-scale,1));transform-origin:bottom left}.combo{transform:scale(var(--hud-scale,1));transform-origin:bottom right}.hide-party #party,.hide-ping #net .net-ping,.hide-ping #net .connection-dot,.hide-fps #net .net-fps,.hide-controls #hud .combat-hints,.hide-controls #hud kbd,.hide-controls #net kbd,.hide-bossDetails .poise-label,.hide-bossDetails .bar.poise,.hide-bossDetails #boss-tags,.hide-bossDetails #boss-phase,.hide-announcements #center-msg{display:none!important}.reduce-motion #hud *,.reduce-motion #hurt{animation:none!important;transition:none!important}@media (max-width:600px){#settings-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:10px}.settings-header{padding:16px;gap:10px}.settings-header h2{font-size:25px}.settings-header p{font-size:12px}.settings-presets{padding:10px 16px;gap:6px}.settings-presets span{width:100%}#settings-dialog button{font-size:13px;padding:6px 10px}.settings-body{flex-direction:column}.settings-nav{width:auto;flex-direction:row;padding:8px;gap:3px;border-right:0;border-bottom:1px solid #423746;overflow-x:auto}#settings-dialog .settings-nav button{white-space:nowrap;flex-shrink:0;font-size:12px;padding:6px 8px}.settings-content{padding:18px 16px}.setting-row{gap:12px;font-size:14px}.setting-range{width:114px}.settings-footer{padding:12px 16px}.settings-footer span{max-width:120px}.settings-button{right:12px;font-size:13px}body[data-view=game] .settings-button,body[data-view=end] .settings-button{bottom:228px}}@media (max-width:800px){.me{width:calc((52% - 20px)/var(--hud-scale,1))}.combo{width:calc((48% - 16px)/var(--hud-scale,1))}}@media (max-width:600px){.wpn-row{grid-template-columns:repeat(3,minmax(0,1fr))}}