:root{--bg: #07040b;--panel: #140d1c;--panel-2: #1d1428;--line: #3a2a4a;--text: #e8dcc4;--muted: #9a8fa8;--blood: #d23a46;--blood-dark: #701826;--gold: #f2c14e;--spectral: #9fe8ff;--heal: #7ee081;--pixel: "Silkscreen", ui-monospace, monospace;--gothic: "Pirata One", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:radial-gradient(ellipse at top,#1a0f22 0%,var(--bg) 60%) fixed;background-color:var(--bg);color:var(--text);font-family:var(--pixel);overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer}#app{max-width:480px;margin:0 auto;min-height:100dvh;padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}#hud{display:flex;align-items:center;gap:10px;font-size:12px}.hp{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.hp-bar{flex:1;height:12px;background:#2a1820;border:2px solid #000;box-shadow:0 0 0 1px var(--line);position:relative;overflow:hidden}.hp-fill{height:100%;width:100%;background:linear-gradient(#ff5a66,var(--blood) 60%,var(--blood-dark));transition:width .2s}.hp-fill.low{animation:pulse .8s infinite alternate}@keyframes pulse{to{filter:brightness(1.6)}}#hp-text{min-width:44px}.stats{display:flex;gap:10px;color:var(--muted)}.stats b{color:var(--text);font-weight:400}.hud-buttons{display:flex;gap:4px}.icon-btn{background:none;border:1px solid var(--line);width:30px;height:30px;padding:0;font-size:14px;line-height:1}#boss-bar{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--gold)}#boss-bar[hidden]{display:none}.boss-track{flex:1;height:6px;background:#2a1820;border:1px solid #000}#boss-fill{height:100%;background:var(--gold);transition:width .2s}#stage{display:flex;justify-content:center;align-items:center;flex:0 0 auto}#board{display:block;image-rendering:pixelated;border:2px solid #000;box-shadow:0 0 0 2px var(--line),0 10px 40px #000c,0 0 60px #70182640;touch-action:none}#relic-bar{display:flex;flex-wrap:wrap;gap:4px;min-height:34px}.relic-chip{position:relative;width:34px;height:34px;background:var(--panel);border:1px solid var(--line);font-size:18px;line-height:32px;text-align:center;padding:0}.relic-chip .count{position:absolute;right:1px;bottom:-2px;font-size:9px;color:var(--gold);text-shadow:1px 1px 0 #000}.relic-chip.new{animation:pop .5s ease-out}@keyframes pop{0%{transform:scale(1.8);box-shadow:0 0 20px var(--gold)}}#tip{margin:0;min-height:2.6em;font-size:11px;line-height:1.3;color:var(--muted)}#tip b{color:var(--gold);font-weight:400}#dpad{display:none;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,48px);gap:6px;justify-content:center;margin-top:auto}@media (pointer: coarse){#dpad{display:grid}}#dpad button{background:var(--panel);border:1px solid var(--line);border-bottom-width:3px;font-size:16px;color:var(--muted)}#dpad button:active{background:var(--panel-2);border-bottom-width:1px;transform:translateY(2px)}#dpad [data-dir="0,-1"]{grid-area:1 / 2}#dpad [data-dir="-1,0"]{grid-area:2 / 1}#dpad [data-dir="0,0"]{grid-area:2 / 2;font-size:10px}#dpad [data-dir="1,0"]{grid-area:2 / 3}#dpad [data-dir="0,1"]{grid-area:3 / 2}#overlay{position:fixed;inset:0;background:#050209e0;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:10;overflow-y:auto;animation:fade .25s ease-out}#overlay[hidden]{display:none}@keyframes fade{0%{opacity:0}}.panel{width:100%;max-width:420px;text-align:center;margin:auto}.logo{font-family:var(--gothic);font-size:clamp(40px,12.5vw,66px);line-height:1;margin:0;color:var(--blood);letter-spacing:2px;text-shadow:0 0 24px rgba(210,58,70,.6),0 4px 0 #000}.tagline{color:var(--muted);font-size:12px;margin:8px 0 22px}h2{font-family:var(--gothic);font-weight:400;font-size:40px;margin:0 0 4px;color:var(--gold);text-shadow:0 3px 0 #000}h2.dead{color:var(--blood);font-size:46px}.sub{color:var(--muted);font-size:12px;margin:0 0 16px}.btn{display:block;width:100%;padding:14px 16px;margin:8px 0;background:var(--panel-2);border:1px solid var(--line);border-bottom:4px solid #0a0610;font-size:14px;text-decoration:none;color:var(--text)}.btn:active{transform:translateY(2px);border-bottom-width:2px}.btn.primary{background:linear-gradient(var(--blood),var(--blood-dark));border-color:#ff6a74;border-bottom-color:#3a0b14;color:#fff}.btn.x{background:#000;border-color:#555;color:#fff}.btn small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.btn.primary small{color:#ffd0d4}.row{display:flex;gap:8px}.row .btn{flex:1}.card{background:var(--panel);border:1px solid var(--line);padding:14px;margin:8px 0}.streak{color:var(--gold);font-size:12px;margin-top:14px}.countdown{color:var(--spectral)}.strip{font-size:22px;letter-spacing:2px;margin:10px 0;word-break:break-all}.big-stats{display:flex;justify-content:center;gap:18px;margin:10px 0}.big-stats div{font-size:10px;color:var(--muted)}.big-stats b{display:block;font-size:22px;color:var(--text);font-weight:400}.offer{display:grid;gap:8px;margin:12px 0}.offer button{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;text-align:left;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);padding:12px;animation:rise .35s ease-out backwards}.offer button:nth-child(2){animation-delay:.06s}.offer button:nth-child(3){animation-delay:.12s}.offer button:nth-child(4){animation-delay:.18s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.offer button:hover,.offer button.selected,.offer button:focus-visible{background:var(--panel-2);outline:none}.offer .rare{border-left-color:var(--spectral)}.offer .cursed{border-left-color:var(--blood)}.offer .common{border-left-color:var(--gold)}.offer .emoji{font-size:30px;text-align:center}.offer .name{font-size:13px;color:var(--text)}.offer .tag{font-size:9px;margin-left:6px;color:var(--muted)}.offer .rare .tag{color:var(--spectral)}.offer .cursed .tag{color:var(--blood)}.offer .desc{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.35;font-family:system-ui,sans-serif}.help{text-align:left;font-family:system-ui,sans-serif;font-size:14px;line-height:1.5}.help li{margin-bottom:6px}.help b{color:var(--gold)}.foes{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:12px;color:var(--muted);text-align:left;font-family:system-ui,sans-serif}.foes b{color:var(--text);display:block;font-family:var(--pixel);font-weight:400;font-size:11px}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--gold);padding:10px 16px;font-size:12px;z-index:20}#toast[hidden]{display:none}.account-row{display:flex;justify-content:flex-end;min-height:32px;margin-bottom:8px}.account-chip{background:var(--panel);border:1px solid var(--line);padding:6px 10px;font-size:11px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form{margin:8px 0}.form input{display:block;width:100%;padding:12px;background:#0b0710;border:1px solid var(--line);color:var(--text);font:16px var(--pixel);user-select:text;-webkit-user-select:text}.form input:focus{outline:none;border-color:var(--gold)}.name-row{display:flex;gap:6px}.name-row input{flex:1;min-width:0}.icon-btn.dice{width:48px;height:auto;font-size:20px}.form-status{min-height:1.2em;margin:4px 0 0;font-size:11px;color:var(--gold)}.btn:disabled{opacity:.6}.link-btn{background:none;border:none;color:var(--muted);font-size:11px;text-decoration:underline;padding:10px}.fine{font-family:system-ui,sans-serif;font-size:12px;line-height:1.4;color:var(--muted);margin:4px 0 8px}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;margin:14px 0 6px}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--line)}details.card summary{cursor:pointer;font-size:12px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.stat-grid div{background:var(--panel);border:1px solid var(--line);padding:10px 4px;font-size:9px;color:var(--muted)}.stat-grid b{display:block;font-size:22px;color:var(--text);font-weight:400;margin-bottom:2px}.rank-line{color:var(--gold);font-size:13px;min-height:1.2em;margin:6px 0}.tabs{display:flex;gap:4px;margin:10px 0}.tabs button{flex:1;padding:10px 4px;background:var(--panel);border:1px solid var(--line);font-size:11px;color:var(--muted)}.tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold);background:var(--panel-2)}.board ol{list-style:none;margin:0;padding:0;text-align:left}.board ol.mine{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}.board li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:8px 10px;background:var(--panel);border:1px solid transparent;margin-bottom:3px;font-size:13px}.board li.me{border-color:var(--gold);background:var(--panel-2)}.board .rank{color:var(--muted);font-size:12px}.board .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board small{display:block;font-size:11px;color:var(--muted);margin-top:2px;font-family:system-ui,sans-serif}.board .depth{text-align:right;color:var(--text)}.offer button.selected,#rest.selected{outline:2px solid var(--gold);outline-offset:2px}#rest.selected{background:var(--panel-2)}@media (pointer: coarse){.keys-hint{display:none}}.hero-portrait{display:block;width:96px;height:96px;margin:0 auto 4px;image-rendering:pixelated;filter:drop-shadow(0 0 18px rgba(210,58,70,.45))}.online-count{min-height:1.3em;margin:6px 0 12px;font-size:11px;color:var(--heal)}.tagline+.online-count{margin:-12px 0 18px}.online-count:empty{visibility:hidden}.live-dot{display:inline-block;width:7px;height:7px;margin-right:7px;vertical-align:1px;background:var(--heal);box-shadow:0 0 8px var(--heal);animation:pulse 1.6s infinite alternate}.souls-chip{display:inline-block;margin:4px 0 8px;padding:4px 10px;border:1px solid var(--line);background:var(--panel);font-size:11px;color:var(--muted)}.souls-chip b{color:var(--text);font-weight:400}.btn .souls-chip{margin:0 0 0 8px;padding:2px 6px}.hero-list,.shop,.codex{display:grid;gap:6px;margin:10px 0;text-align:left}.hero-card{display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:center;padding:10px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--gold);text-align:left}.hero-card img,.shop-item img{image-rendering:pixelated}.hero-card.selected{outline:2px solid var(--gold);outline-offset:2px}.hero-card.locked{border-left-color:var(--line);opacity:.55;cursor:not-allowed}.hero-card:not(.locked):hover{background:var(--panel-2)}.hero-info .name,.shop-info .name{display:block;font-size:13px;color:var(--text)}.hero-info .tag{display:block;font-size:10px;color:var(--gold);margin-top:2px}.hero-info .desc,.shop-info .desc{display:block;font-family:system-ui,sans-serif;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.35}.shop-head{font-family:var(--gothic);font-weight:400;font-size:24px;color:var(--gold);margin:14px 0 0;text-align:left}.shop-item,.codex-item{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:8px 10px;background:var(--panel);border:1px solid var(--line)}.codex-item{grid-template-columns:34px 1fr}.shop-item.owned{border-color:#3f5a3a}.codex-item.unknown{opacity:.5}.shop-emoji{font-size:24px;text-align:center}.buy{padding:8px 10px;background:linear-gradient(var(--blood),var(--blood-dark));border:1px solid #ff6a74;color:#fff;font-size:12px;white-space:nowrap}.buy:disabled{background:var(--panel-2);border-color:var(--line);color:var(--muted);cursor:not-allowed}.owned-tag{font-size:10px;color:var(--heal)}.souls-earned{margin:10px 0;padding:10px;border:1px solid var(--line);background:var(--panel)}.souls-earned b{display:block;font-size:18px;color:var(--gold);font-weight:400}.souls-earned span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.combo-line{margin:4px 0;font-size:12px;color:var(--gold)}.event-offer button:disabled{opacity:.45;cursor:not-allowed}#feat{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%,-140%);min-width:240px;max-width:calc(100% - 32px);padding:10px 16px;background:var(--panel-2);border:1px solid var(--gold);box-shadow:0 0 24px #f2c14e59;text-align:center;z-index:30}#feat[hidden]{display:none}#feat.show{animation:feat-in 2.6s ease-out forwards}@keyframes feat-in{0%{transform:translate(-50%,-140%)}12%,85%{transform:translate(-50%)}to{transform:translate(-50%,-140%)}}#feat b{display:block;color:var(--gold);font-weight:400;font-size:13px}#feat span{display:block;margin-top:3px;font-size:10px;color:var(--muted)}#ghosts{position:fixed;inset:0;overflow:hidden;opacity:.25;transition:opacity .4s;pointer-events:none;z-index:0}#ghosts canvas{position:absolute;image-rendering:pixelated}#app{position:relative;z-index:1}body.menu #ghosts{opacity:.35}#tip,#hud{text-shadow:0 1px 3px #000,0 0 8px #000}body.menu #app{visibility:hidden}#overlay.menu{backdrop-filter:none;background:radial-gradient(ellipse at 50% 40%,#05020959,#0502098c 60%,#050209bf)}#overlay.menu .tagline,#overlay.menu .sub,#overlay.menu .fine,#overlay.menu .streak,#overlay.menu .follow-x,#overlay.menu .online-count{text-shadow:0 1px 3px #000,0 0 10px #000}#overlay.menu .btn,#overlay.menu .card{box-shadow:0 4px 18px #0000008c}.follow-x{display:inline-block;margin-top:16px;padding:6px 10px;color:var(--text);opacity:.8;font-size:13px;text-decoration:none;border-bottom:1px dashed currentColor}.follow-x:hover,.follow-x:focus-visible{color:var(--gold);opacity:1}