:root{--bg:#06070a;--ink:#ece2d0;--ink-dim:#a39785;--gold:#e3b36a;--gold-strong:#f4c983;--blood:#b3262c;--mana:#e0873a;--display:"Cinzel", "Trajan Pro", Georgia, serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;overflow:hidden}#scene{position:fixed;inset:0;overflow:hidden}#scene canvas{touch-action:none;display:block}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}.hud[hidden]{display:none}.hud-top{top:calc(var(--safe-top) + 14px);left:calc(var(--safe-left) + 16px);right:calc(var(--safe-right) + 16px);font-family:var(--display);letter-spacing:.12em;text-shadow:0 1px 2px #000;align-items:center;gap:14px;font-size:.85rem;display:flex;position:absolute}.hud-wave{color:var(--gold-strong);white-space:nowrap;font-size:1.05rem}.hud-kills{color:#b9fff3;white-space:nowrap;margin-left:auto}.hud-timer{background:#00000073;border:1px solid #7ff5e040;flex:1;max-width:320px;height:5px}.hud-timer-fill{transform-origin:0;background:linear-gradient(90deg,#2aa596,#7ff5e0);height:100%}.hud-bottom{bottom:calc(var(--safe-bottom) + 18px);gap:6px;width:min(320px,70vw);display:grid;position:absolute;left:50%;transform:translate(-50%)}.bar{background:#0000008c;border:1px solid #f3e6cf40;height:8px;overflow:hidden}.bar-fill{transform-origin:0;height:100%}.bar-hp .bar-fill{background:linear-gradient(90deg, #6e1015, var(--blood))}.hud-banner{text-align:center;opacity:0;text-shadow:0 2px 10px #000;transition:opacity .5s,transform .5s;position:absolute;top:26%;left:0;right:0;transform:translateY(6px)}.hud-banner.on{opacity:1;transform:none}.hud-banner-title{font-family:var(--display);letter-spacing:.16em;color:var(--gold-strong);font-size:clamp(1.6rem,6vw,2.6rem)}.hud-banner-sub{color:var(--ink-dim);letter-spacing:.06em;margin-top:4px;font-size:.85rem}.screen{padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 16px);opacity:0;visibility:hidden;background:radial-gradient(#06070a59,#06070ad9);place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:absolute;inset:0}.screen.on{opacity:1;visibility:visible;pointer-events:auto}.screen.boot{z-index:10;background:var(--bg);transition:opacity 1.4s,visibility 1.4s}.screen.boot.arrive{background:#140a22}.screen.boot.arrive .sub{font-family:var(--display);letter-spacing:.2em;color:#c9b8ff}.screen-inner{text-align:center;justify-items:center;gap:10px;max-width:420px;display:grid}.screen h1{font-family:var(--display);letter-spacing:.16em;color:var(--gold-strong);text-shadow:0 0 30px #ff8c4659;margin:0;font-size:clamp(2.2rem,10vw,3.8rem)}.screen .sub{color:var(--ink-dim);margin:0 0 8px;line-height:1.5}.screen .hint,.screen .best{color:var(--ink-dim);margin:0;font-size:.8rem}.screen .best{color:var(--gold)}.screen .stats{color:var(--ink);letter-spacing:.04em;margin:0 0 6px}.screen .stats span{font-family:var(--display);color:var(--gold-strong);font-size:1.2rem}.screen .stats em{color:var(--gold);font-style:normal}.cta{min-height:48px;font:600 .95rem var(--body);letter-spacing:.08em;color:var(--ink);cursor:pointer;background:radial-gradient(at 100% 0,#9e1f24,#3a0e14);border:1px solid #f3e6cf59;padding:0 28px}.cta:hover{border-color:var(--gold)}.back{color:var(--ink-dim);text-underline-offset:3px;margin-top:8px;padding:10px;font-size:.8rem;text-decoration:underline}.track{background:#ffffff14;width:min(240px,60vw);height:3px;overflow:hidden}.track-fill{background:linear-gradient(90deg, #9e1f24, var(--gold));transform-origin:0;height:100%;transition:transform .3s;transform:scaleX(0)}.boons{padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);opacity:0;visibility:hidden;background:#06070a99;place-content:center;justify-items:center;gap:8px;transition:opacity .4s,visibility .4s;display:grid;position:absolute;inset:0}.boons.on{opacity:1;visibility:visible;pointer-events:auto}.boons-title{font-family:var(--display);letter-spacing:.14em;color:var(--gold-strong);text-align:center;font-size:clamp(1.4rem,6vw,2.2rem)}.boons-sub{color:var(--ink-dim);margin-bottom:8px;font-size:.85rem}.boons-row{flex-wrap:wrap;justify-content:center;gap:10px;max-width:640px;display:flex}.boon{width:min(180px,100%);min-height:96px;color:var(--ink);text-align:center;cursor:pointer;font:inherit;background:radial-gradient(at top,#2a1d18,#141011);border:1px solid #f3e6cf4d;flex:150px;align-content:center;gap:6px;padding:14px 12px;display:grid;position:relative}.boon:hover,.boon:focus-visible{border-color:var(--gold);outline:none;box-shadow:0 0 18px #ff8c464d}.boon-name{font-family:var(--display);color:var(--gold-strong);letter-spacing:.06em;font-size:1.05rem}.boon-text{color:var(--ink-dim);font-size:.85rem}.boon-key{color:var(--ink-dim);font-size:.7rem;position:absolute;top:6px;left:8px}@media (max-width:560px){.boons-row{flex-direction:column;width:min(320px,100%)}.boon{flex:none;width:100%;min-height:76px}}.hud-arrow{clip-path:polygon(0 0,100% 50%,0 100%,28% 50%);filter:drop-shadow(0 0 3px #000000e6);will-change:transform;background:#e9dcc4;width:22px;height:18px;margin:-9px 0 0 -11px;position:absolute;top:0;left:0}.hud-arrow.ghoul{background:#e0403a}.hud-arrow[hidden]{display:none}.boon.rare{border-color:#78aaff99}.boon.epic{border-color:#dc78ffbf;box-shadow:0 0 14px #c864ff40}.boon-icon{place-items:center;display:grid}.boon-icon svg{width:30px;height:30px}.boon-tag{letter-spacing:.08em;text-transform:uppercase;color:#9fc0ff;font-size:.65rem;position:absolute;top:6px;right:8px}.boon.epic .boon-tag{color:#e3a8ff}.boons-reroll{min-height:40px;font:500 .8rem var(--body);color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #f3e6cf40;margin-top:6px;padding:8px 16px}.boons-reroll:hover{color:var(--ink);border-color:var(--gold)}.spellbar{bottom:calc(var(--safe-bottom) + 36px);gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.spellbar[hidden]{display:none}.spell{background:#0a0809bf;border:1px solid #f3e6cf40;place-items:center;width:36px;height:36px;display:grid;position:relative}.spell.new{animation:.8s ease-out spellnew}@keyframes spellnew{0%{transform:scale(1.5);box-shadow:0 0 16px #ffc878b3}}.spell-sweep{position:absolute;inset:0}.spell-pips{justify-content:center;gap:2px;display:flex;position:absolute;bottom:-5px;left:0;right:0}.spell-pips i{background:var(--gold);width:4px;height:4px;box-shadow:0 0 2px #000}.screen .build{color:var(--gold);max-width:340px;margin:0 0 6px;font-size:.8rem;line-height:1.5}.fps{left:calc(var(--safe-left) + 16px);top:calc(var(--safe-top) + 36px);font:600 .7rem var(--body);color:#9f9;text-shadow:0 1px 2px #000;position:absolute}.music-row{color:var(--ink-dim);justify-items:center;gap:4px;margin:6px 0 0;font-size:.7rem;display:grid}.music-row a{color:inherit}.music-btn{font:500 .75rem var(--body);color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #f3e6cf33;min-height:34px;padding:6px 12px}.spellbar{flex-direction:column;align-items:center;gap:8px}.spell-row,.passive-row{justify-content:center;gap:6px;display:flex}.passive-row:empty{display:none}.passive{background:#0a0809b3;border:1px solid #f3e6cf2e;place-items:center;width:24px;height:24px;display:grid;position:relative}.passive svg{width:16px;height:16px}.passive .spell-pips{gap:1px;bottom:-4px}.passive .spell-pips i{width:3px;height:3px}.passive.new{animation:.8s ease-out spellnew}.spell.evolved{border-color:var(--gold-strong);box-shadow:0 0 10px #ffd2788c,inset 0 0 8px #ffd27840}.boon.evolution{border-color:var(--gold-strong);background:radial-gradient(at top,#785014e6,#140c08f2);box-shadow:0 0 22px #ffc86473}.boon.evolution .boon-tag{color:var(--gold-strong)}.boons.chest .boon-key{display:none}.boons-take{color:var(--gold-strong);border-color:var(--gold);min-width:140px}.hud-boss{top:calc(var(--safe-top) + 46px);text-align:center;width:min(360px,72vw);font-family:var(--display);letter-spacing:.16em;color:#ffb0a0;text-shadow:0 1px 2px #000;gap:3px;font-size:.75rem;display:grid;position:absolute;left:50%;transform:translate(-50%)}.hud-boss[hidden]{display:none}.bar-boss{border-color:#ff786466;height:6px}.bar-boss .bar-fill{background:linear-gradient(90deg,#6e1015,#e0403a)}.hud-flash{background:radial-gradient(ellipse at center, transparent 30%, var(--flash,#9ff5ff59));opacity:0;position:absolute;inset:0}.hud-flash.on{animation:.7s ease-out hudflash}@keyframes hudflash{0%{opacity:1}to{opacity:0}}.hud-number{font:700 .8rem var(--body);color:#fff1d8;text-shadow:0 1px #000,0 0 3px #000;opacity:0;pointer-events:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.hud-number.big{color:#ffd27a;font-size:1.05rem}.hud-number.on{animation:.8s ease-out hudnum}@keyframes hudnum{0%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}20%{transform:translate(-50%,-80%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)}}.hud-arrow.elite{background:#ff7a3a;width:28px;height:22px;margin:-11px 0 0 -14px}.hud-arrow.boss{background:#ff3a2a;width:34px;height:28px;margin:-14px 0 0 -17px}.hud-arrow.chest{filter:drop-shadow(0 0 5px #ffc850e6);background:#ffd060;width:28px;height:22px;margin:-11px 0 0 -14px}.hud-btn{width:34px;height:34px;color:var(--ink-dim);cursor:pointer;pointer-events:auto;background:#0a08098c;border:1px solid #f3e6cf33;place-items:center;margin-left:-6px;display:grid}.hud-btn:hover{color:var(--ink);border-color:var(--gold)}.hud-btn.off{color:#8a7f70}.hud-kills+.hud-btn{margin-left:2px}.screen [data-quit]{margin-top:2px}.boon.pact{background:radial-gradient(at top,#460c0eeb,#100809f2);border-color:#ff5046b3}.boon.pact .boon-tag{color:#ff8a7a}.boon-cost{color:#ff7a6a;font-size:.8rem}.screen h1.dawn-title{color:#ffd8b8;text-shadow:0 0 40px #ffb48c8c}.screen-nav{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.screen-nav button,.link-btn{font:500 .78rem var(--body);color:var(--gold);cursor:pointer;background:#0a080999;border:1px solid #e3b36a59;min-height:36px;padding:7px 12px}.screen-nav button:hover{border-color:var(--gold-strong);color:var(--gold-strong)}.link-btn{min-height:0;padding:2px 8px}.profile-pill{top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 12px);z-index:3;font:600 .78rem var(--body);letter-spacing:.04em;color:var(--ink);pointer-events:auto;background:#0a0809b3;border:1px solid #f3e6cf38;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;text-decoration:none;display:none;position:absolute}.profile-pill.on{display:inline-flex}.profile-pill span{width:24px;height:24px;font-family:var(--display);color:#1a0c08;background:var(--gold);border-radius:50%;place-items:center;display:grid}.profile-pill:hover{border-color:var(--gold)}.panel-veil{z-index:5;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);opacity:0;visibility:hidden;background:#040306b8;place-items:center;transition:opacity .25s,visibility .25s;display:grid;position:absolute;inset:0}.panel-veil.on{opacity:1;visibility:visible;pointer-events:auto}.panel{-webkit-user-select:text;user-select:text;background:linear-gradient(#17110f,#0d0a0b);border:1px solid #e3b36a59;width:min(520px,100%);max-height:100%;overflow:auto;box-shadow:0 10px 40px #0009}.panel-head{background:#17110f;border-bottom:1px solid #e3b36a33;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.panel-head h2{font:400 1.1rem var(--display);letter-spacing:.1em;color:var(--gold-strong);margin:0}.panel-x{width:36px;height:36px;color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #f3e6cf33}.panel-body{gap:10px;padding:14px 16px 18px;font-size:.88rem;line-height:1.45;display:grid}.panel-body p{margin:0}.dim{color:var(--ink-dim)}.panel input,.panel textarea,.carve input{width:100%;font:400 .9rem var(--body);color:var(--ink);-webkit-user-select:text;user-select:text;background:#00000073;border:1px solid #f3e6cf38;padding:9px 10px}.panel textarea{resize:vertical}.panel input:focus,.panel textarea:focus,.carve input:focus{border-color:var(--gold);outline:none}.codex-pages{font-family:var(--display);color:var(--gold-strong);font-size:1.05rem}.codex-pages b{font-size:1.4rem}.codex-list{gap:6px;display:grid}.codex-row{background:#fff0d208;border:1px solid #f3e6cf1a;align-items:center;gap:10px;padding:8px 10px;display:flex}.codex-info{flex:1;gap:2px;display:grid}.codex-info b{font-family:var(--display);color:var(--gold-strong);letter-spacing:.04em;font-weight:400}.codex-lv{color:var(--ink-dim);font-size:.72rem}.codex-text{color:var(--ink-dim);font-size:.8rem}.codex-buy{min-width:92px;min-height:36px;font:600 .78rem var(--body);color:var(--ink);cursor:pointer;background:radial-gradient(at 100% 0,#9e1f24,#3a0e14);border:1px solid #f3e6cf4d}.codex-buy:disabled{opacity:.4;cursor:default}.codex-max{text-align:center;min-width:92px;color:var(--gold);font-size:.75rem}.save-box{border-top:1px solid #f3e6cf1f;gap:6px;padding-top:8px;display:grid}.save-code{letter-spacing:.08em;color:var(--gold-strong);font-family:ui-monospace,monospace}.restore{gap:6px;display:flex}.restore input{text-transform:uppercase;flex:1}.restore button,.carve button{min-height:38px;font:600 .78rem var(--body);color:var(--ink);cursor:pointer;background:#0a0809b3;border:1px solid #f3e6cf4d;padding:0 14px}.board{gap:4px;margin:0;padding:0;list-style:none;display:grid}.board li{background:#fff0d208;align-items:center;gap:10px;padding:7px 8px;display:flex}.board li:first-child{background:#e3b36a1a}.board-rank{text-align:right;width:24px;font-family:var(--display);color:var(--gold)}.board-who{flex:1;min-width:0;display:grid}.board-who b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-who em{color:var(--ink-dim);overflow-wrap:anywhere;font-size:.8rem}.board-run{text-align:right;font-family:var(--display);color:var(--gold-strong);white-space:nowrap;font-size:.85rem;display:grid}.board-run small{font-family:var(--body);color:var(--ink-dim);font-size:.7rem}.card{background:#fff0d20a;border:1px solid #e3b36a40;gap:8px;padding:12px;display:grid}.card-name{font:400 1.15rem var(--display);color:var(--gold-strong);letter-spacing:.06em;display:grid}.card-name span{font:400 .78rem var(--body);color:var(--ink-dim);letter-spacing:.04em}.card-links{flex-wrap:wrap;gap:6px;display:flex}.card-links a{color:var(--gold);border:1px solid #e3b36a59;padding:6px 10px;font-size:.8rem;text-decoration:none}.card-links a:hover{color:var(--gold-strong);border-color:var(--gold-strong)}.note{gap:8px;display:grid}.note .cta{justify-self:start;min-height:42px}.note-sent{color:var(--gold-strong)}.trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.carve{justify-items:center;gap:6px;width:min(400px,100%);margin:2px 0 4px;display:grid}.carve-title{color:var(--ink-dim);letter-spacing:.04em;margin:0;font-size:.78rem}.carve-row{gap:6px;width:100%;display:flex}.carve-row input:first-child{flex:0 0 34%}.carve-msg{color:var(--gold);min-height:1em;font-size:.75rem}.pages-line{color:#f2e2b8;margin:0;font-size:.82rem}.screen .screen-inner{max-height:100%;overflow:auto}@media (max-width:480px){.carve-row{flex-direction:column}.carve-row input:first-child{flex:none}}