:root{--gold:#ffd75e;--parchment:#e8dcc0;--blood:#c03030;--ink:#0a0a10}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--parchment);-webkit-user-select:none;user-select:none;background:#000;font-family:Georgia,Times New Roman,serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:20;position:fixed;inset:0}#hud{opacity:0;transition:opacity .3s;position:absolute;inset:0}#hud.on{opacity:1}.hud-tl{top:max(10px, env(safe-area-inset-top));left:max(64px, env(safe-area-inset-left));flex-direction:column;gap:4px;display:flex;position:absolute}.hud-class{letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 3px #000;font-size:15px}.hud-hpbar{background:#1a0a0a;border:2px solid #00000090;border-radius:3px;width:200px;height:16px;overflow:hidden;box-shadow:0 1px 4px #000a}.hud-hpfill{background:linear-gradient(#e05545,#a02020);width:100%;height:100%;transition:width .15s}.hud-hpfill.low{animation:.6s infinite alternate hp-throb}@keyframes hp-throb{0%{filter:brightness()}to{filter:brightness(1.7)}}.hud-hptext{color:#fff;text-shadow:0 1px 2px #000;text-align:center;pointer-events:none;width:200px;margin-top:-15px;font-size:11px;position:relative}.hud-oil{display:none}.hud-oil.on{box-sizing:border-box;background:#120d05;border:2px solid #00000090;border-radius:3px;width:200px;height:15px;margin-top:2px;display:block;position:relative;overflow:hidden;box-shadow:0 1px 4px #000a}.hud-oilfill{background:linear-gradient(#ffd27a,#d07a10);width:100%;height:100%;transition:width 80ms linear}.hud-oil.guttering .hud-oilfill{background:linear-gradient(#4a4a52,#26262c)}.hud-oiltext{letter-spacing:1px;text-align:center;color:#2a1a06;text-shadow:0 1px #ffffff40;font-size:9px;font-weight:700;line-height:11px;position:absolute;inset:0}.hud-oil.guttering .hud-oiltext{color:#ffb45a;text-shadow:0 1px 2px #000;animation:.5s infinite alternate hp-throb}.hud-special{color:#9ab;text-shadow:0 1px 2px #000;font-size:12px}.hud-special .ready{color:#7cff8e}.hud-special .low{color:#ff9a4a;animation:.6s infinite alternate hp-throb}.hud-relics{flex-direction:column;gap:3px;max-width:210px;margin-top:6px;display:flex}.hud-relics .relic{border:1px solid color-mix(in srgb, var(--rc) 55%, transparent);background:color-mix(in srgb, var(--rc) 12%, #0008);border-radius:3px;align-items:center;gap:6px;padding:2px 7px 2px 5px;transition:opacity .2s,filter .2s;display:flex;box-shadow:0 1px 4px #000a}.hud-relics .relic b{color:var(--rc);text-shadow:0 0 6px var(--rc);font-size:13px;line-height:1}.hud-relics .relic i{letter-spacing:.6px;text-transform:uppercase;color:#d8e0ea;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:10px;font-style:normal}.hud-relics .relic.charging{opacity:.35;filter:grayscale()}.hud-relics.compact{flex-flow:wrap;gap:4px;max-width:204px}.hud-relics.compact .relic{padding:3px 6px}.hud-relics.compact .relic b{font-size:15px}.hud-relics.compact .relic i{display:none}body.touch-mode .hud-relics,body.touch-mode .hud-relics.compact{flex-flow:wrap;gap:4px;max-width:min(280px,42vw)}body.touch-mode .hud-relics .relic{padding:2px 5px}body.touch-mode .hud-relics .relic b{font-size:14px}body.touch-mode .hud-relics .relic i{display:none}.hud-tr{top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));text-align:right;text-shadow:0 1px 3px #000;flex-direction:column;gap:3px;font-size:15px;display:flex;position:absolute}.hud-floor{color:var(--parchment);letter-spacing:1px}.hud-gold{color:var(--gold)}.hud-keys{color:#cfe0ff}.hud-boss{top:max(12px, env(safe-area-inset-top));text-align:center;opacity:0;width:min(46vw,420px);transition:opacity .4s;position:absolute;left:50%;transform:translate(-50%)}.hud-boss.on{opacity:1}.hud-boss-name{letter-spacing:3px;text-transform:uppercase;color:#ff9a9a;text-shadow:0 1px 3px #000;margin-bottom:3px;font-size:14px}.hud-boss-bar{background:#180808;border:2px solid #00000090;border-radius:3px;height:10px;overflow:hidden}.hud-boss-fill{background:linear-gradient(#c04070,#801030);width:100%;height:100%;transition:width .2s}.hud-hint{bottom:max(10px, env(safe-area-inset-bottom));color:#b8b0a0;opacity:.75;text-shadow:0 1px 2px #000;white-space:nowrap;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}body.touch-mode .hud-hint{display:none}#toasts{z-index:5;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:6px;display:flex;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.toast{color:var(--parchment);text-shadow:0 1px 3px #000;background:#000000a8;border:1px solid #fff2;border-radius:4px;padding:4px 14px;font-size:15px;animation:.18s ease-out toast-in,.5s ease-in 1.9s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}#menu{pointer-events:auto;background:radial-gradient(#000000a0 0%,#000000e8 100%);flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#menu.on{display:flex}#menu.splash-bg{background:#000}#menu .bg-art{opacity:.45;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}#menu .panel{text-align:center;max-width:min(92vw,900px);max-height:96vh;padding:12px;position:relative;overflow-y:auto}.m-title{letter-spacing:12px;color:var(--gold);text-shadow:0 0 24px #ffb84066,0 2px 4px #000;margin-bottom:4px;font-size:clamp(38px,8vw,72px);font-weight:400}.m-sub{letter-spacing:4px;color:#b8b0a0;text-transform:uppercase;margin-bottom:26px;font-size:14px}.m-heading{letter-spacing:6px;color:var(--gold);text-transform:uppercase;text-shadow:0 2px 4px #000;margin-bottom:18px;font-size:26px}.m-list{flex-direction:column;align-items:center;gap:8px;display:flex}.m-item{letter-spacing:2px;color:var(--parchment);cursor:pointer;text-align:center;background:0 0;border:2px solid #0000;border-radius:4px;min-width:260px;padding:8px 34px;font-family:inherit;font-size:19px}.m-item.sel{border-color:var(--gold);color:var(--gold);background:#ffd75e14}.m-item:disabled{opacity:.35;cursor:default}.m-item .val{color:#9ab;margin-left:12px}.m-item.sel .val{color:#cfe0ff}.m-group{letter-spacing:3px;color:#887;text-transform:uppercase;margin-top:10px;font-size:12px}.m-gold{color:var(--gold);margin-bottom:14px;font-size:16px}.m-note{color:#998;margin-top:16px;font-size:13px}.class-row{flex-wrap:nowrap;justify-content:center;gap:12px;display:flex}.class-card{cursor:pointer;width:clamp(104px,15vw,162px);color:var(--parchment);background:#0e0c12cc;border:2px solid #fff2;border-radius:6px;padding:0 0 10px;font-family:inherit;overflow:hidden}.class-card.sel{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 0 18px #ffd75e44}.class-card img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.class-card .cname{letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin:8px 0 2px;font-size:17px}.class-card .cblurb{color:#b8b0a0;min-height:30px;padding:0 8px;font-size:11px}.class-card .cstats{flex-direction:column;gap:3px;padding:6px 12px 0;display:flex}.cstat{color:#998;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;font-size:10px;display:flex}.cstat .bar{background:#221;border-radius:2px;flex:1;height:5px;overflow:hidden}.cstat .fill{background:var(--gold);height:100%}.class-card .cranks{color:#7cff8e;margin-top:5px;font-size:10px}@media (width<=900px){.class-row{gap:6px}.class-card .cblurb{display:none}.class-card .cname{letter-spacing:1px;font-size:14px}.m-title{letter-spacing:6px}}@media (height<=470px){.class-card .cstats{display:none}.class-card .cranks{font-size:9px}}.vault-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-bottom:10px;display:flex}.vault-bar .m-gold{margin:0}.vtabs{gap:6px;display:flex}.vtab{letter-spacing:1px;color:#b8b0a0;cursor:pointer;text-transform:uppercase;background:#0e0c12cc;border:2px solid #fff2;border-radius:4px;min-height:34px;padding:6px 12px;font-family:inherit;font-size:13px}.vtab.on{color:var(--gold);background:#ffd75e14;border-color:#ffd75e66}.vtab.sel{border-color:var(--gold);box-shadow:0 0 12px #ffd75e55}.vtab-n{color:#778;letter-spacing:0;text-transform:none;font-size:10px;display:block}.tree{justify-content:center;align-items:flex-start;gap:8px;display:flex}.tree-col{flex-direction:column;flex:1 1 0;gap:5px;max-width:240px;display:flex}.branch-h{letter-spacing:2px;color:var(--gold);text-transform:uppercase;border-bottom:1px solid #ffd75e33;margin-bottom:3px;padding-bottom:3px;font-size:13px}.branch-h span{color:#887;letter-spacing:0;text-transform:none;font-size:10px;display:block}.node{color:var(--parchment);text-align:left;cursor:pointer;background:#0e0c12cc;border:2px solid #ffffff1c;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:22px 1fr;column-gap:7px;min-height:44px;padding:5px 8px;font-family:inherit;display:grid}.node.blank{visibility:hidden}.node .ic{color:#6b6a60;text-align:center;grid-row:1/span 2;align-self:center;font-size:17px}.node .nm{font-size:13px;line-height:1.15}.node .cs{color:#9a9482;letter-spacing:1px;font-size:10px}.node.owned{background:#7cff8e12;border-color:#7cff8e55}.node.owned .ic,.node.owned .cs{color:#7cff8e}.node.available .ic,.node.available .cs{color:var(--gold)}.node.available.poor{opacity:.72}.node.available.poor .cs{color:#c08a5a}.node.locked{opacity:.5}.node.blocked{opacity:.35}.node.blocked .nm{text-decoration:line-through}.node.cap{border-style:dashed}.node.sel{border-color:var(--gold);opacity:1;background:#ffd75e1c;border-style:solid;box-shadow:0 0 14px #ffd75e44}.node-detail{text-align:left;background:#0a0810cc;border:1px solid #ffffff1c;border-radius:5px;max-width:720px;min-height:74px;margin:10px auto 8px;padding:8px 14px}.nd-name{color:var(--gold);letter-spacing:1px;font-size:16px}.nd-tier{float:right;color:#887;letter-spacing:2px;text-transform:uppercase;font-size:11px}.nd-desc{color:#c8c0b0;margin:4px 0;font-size:13px;line-height:1.35}.nd-status{font-size:13px}.nd-status .ok{color:#7cff8e}.nd-status .bad{color:#d08a6a}.vault-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.m-item.small{min-width:190px;min-height:40px;padding:7px 18px;font-size:15px}.m-note.warn{color:var(--gold)}@media (width<=900px),(height<=560px){.tree{gap:5px}.tree-col{gap:4px}.node{grid-template-columns:18px 1fr;min-height:40px;padding:4px 6px}.node .nm{font-size:11px}.node .ic{font-size:14px}.branch-h span{display:none}.node-detail{min-height:62px;padding:6px 10px}.nd-desc{font-size:11px}.m-heading{margin-bottom:8px;font-size:20px}}@media (height<=470px){.m-heading{letter-spacing:3px;margin-bottom:4px;font-size:15px}.vault-bar{gap:10px;margin-bottom:5px}.vtab{min-height:28px;padding:3px 9px;font-size:11px}.branch-h{margin-bottom:1px;padding-bottom:1px;font-size:10px}.node{min-height:32px;padding:2px 5px}.node .nm{font-size:10px}.node .cs{font-size:8px}.node .ic{font-size:12px}.node-detail{z-index:2;background:#0a0810f2;border-color:#ffd75e44;min-height:0;margin:6px 0 4px;position:sticky;bottom:0}.nd-name{font-size:13px}.nd-desc{margin:2px 0;font-size:10px}.nd-status{font-size:11px}.m-item.small{min-width:150px;min-height:36px;padding:5px 12px;font-size:13px}}.stat-row{color:var(--parchment);margin:4px 0;font-size:17px}.stat-row b{color:var(--gold)}#vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 18vmin 6vmin #000c}#dmgflash{pointer-events:none;opacity:0;background:radial-gradient(#0000 40%,#a0101088 100%);transition:opacity .1s;position:absolute;inset:0}#vignette.low{animation:.6s infinite alternate vig-throb}@keyframes vig-throb{0%{box-shadow:inset 0 0 18vmin 6vmin #000c,inset 0 0 12vmin 2vmin #60081000}to{box-shadow:inset 0 0 22vmin 8vmin #000d,inset 0 0 14vmin 4vmin #7a0c1499}}#killflash{pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}#killflash.on{animation:.14s ease-out kill-blink}@keyframes kill-blink{0%{opacity:.22}to{opacity:0}}.cs-root{--cs-accent:#ffd75e}.vg-aim-zone{z-index:1;pointer-events:auto;touch-action:none;width:50%;height:100%;position:absolute;top:0;right:0}.vg-aim-stick{opacity:0;width:0;height:0;transition:opacity .12s;position:fixed;top:0;left:0}.vg-aim-stick.is-active{opacity:1}.vg-aim-base,.vg-aim-nub{left:var(--sx,50%);top:var(--sy,50%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.vg-aim-base{background:#ffd75e12;border:2px solid #ffd75e4d;width:132px;height:132px}.vg-aim-nub{background:#ffd75e52;border:2px solid #ffd75e99;width:58px;height:58px}@media (prefers-reduced-motion:reduce){.vg-aim-stick{transition:none}}