@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Source+Sans+3:wght@400;600&display=swap";:root{--bg:#0c0a0b;--stone:#2a2320;--ash:#3d342f;--ember:#c45c2a;--spirit:#8fb87a;--spirit-dim:#4a6b3e;--blood:#8b1e1e;--gold:#c9a227;--text:#e8dfd0;--muted:#9a8f82;--panel:#0c0a0bd1;--danger:#d64545}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at 50% 0%, #2a1810 0%, transparent 55%), linear-gradient(180deg, #141010 0%, var(--bg) 40%, #0a0809 100%);height:100%;color:var(--text);margin:0;font-family:"Source Sans 3",sans-serif}#app{place-items:center;min-height:100%;padding:16px;display:grid}#game-wrap{aspect-ratio:720/960;background:var(--stone);border-radius:4px;width:min(720px,100vw - 32px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #3a2e28,0 24px 60px #0000008c}#game{background:#070606;width:100%;height:100%;display:block}#hud{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}#phase-banner{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 4px #000;margin-top:12px;font-family:Cinzel,serif;font-size:14px}#timer{font-variant-numeric:tabular-nums;color:var(--ember);text-shadow:0 2px 8px #000;margin-top:4px;font-size:28px;font-weight:600}#timer.ghost{color:var(--spirit)}#target-frame{background:var(--panel);border:1px solid #4a3c34;border-radius:2px;width:min(280px,70%);padding:8px 12px;position:absolute;top:72px;left:50%;transform:translate(-50%)}#target-frame.hidden{display:none}.target-name{color:var(--text);margin-bottom:4px;font-size:13px}.hp-bar{background:#1a1210;border:1px solid #5a4038;height:10px;overflow:hidden}.hp-fill{background:linear-gradient(90deg,#6b1a1a,#b83a2e);width:100%;height:100%;transition:width .12s linear}.slow-stacks{color:var(--spirit);min-height:1em;margin-top:4px;font-size:12px}.coach{text-align:center;max-width:90%;color:var(--spirit);text-shadow:0 1px 6px #000;opacity:0;font-size:14px;transition:opacity .3s;position:absolute;top:130px;left:50%;transform:translate(-50%)}.coach.visible{opacity:1}#ability-bar{pointer-events:none;gap:10px;display:flex;position:absolute;bottom:48px}.ability{background:linear-gradient(160deg,#2c2420,#181411);border:2px solid #5a4a3c;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;overflow:hidden}.ability.ready{border-color:var(--spirit);box-shadow:0 0 10px #8fb87a59}.ability.on-gcd{filter:brightness(.7)}.ability-key{color:var(--gold);font-size:12px;font-weight:600;position:absolute;top:4px;left:6px}.ability-name{letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-size:11px}.cd-overlay{transform-origin:bottom;pointer-events:none;background:#000000a6;position:absolute;inset:0;transform:scaleY(0)}#hint{color:var(--muted);letter-spacing:.03em;font-size:11px;position:absolute;bottom:12px}.overlay{z-index:5;pointer-events:auto;background:#080606c7;place-items:center;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}.overlay-card{text-align:center;background:linear-gradient(#2a1c16f2,#120e0cfa);border:1px solid #5a4030;border-radius:4px;width:min(420px,90%);padding:28px 28px 24px;box-shadow:0 16px 40px #00000080}.overlay-card h1{color:var(--gold);letter-spacing:.04em;margin:0;font-family:Cinzel,serif;font-size:28px;font-weight:700}.overlay-card h2{color:var(--spirit);letter-spacing:.16em;text-transform:uppercase;margin:4px 0 16px;font-family:Cinzel,serif;font-size:16px;font-weight:500}.overlay-card p{color:var(--text);margin:0 0 12px;font-size:14px;line-height:1.5}.overlay-card .rotation{color:var(--muted);font-size:13px}.overlay-card kbd{color:var(--gold);background:#1a1512;border:1px solid #5a4a3c;border-radius:3px;margin:0 1px;padding:1px 6px;font-family:inherit;font-size:12px;display:inline-block}.overlay-card button{pointer-events:auto;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:#1a100c;background:linear-gradient(#d4b44a,#a88420);border:1px solid #8a6a18;border-radius:3px;margin-top:8px;padding:10px 28px;font-family:Cinzel,serif;font-size:14px}.overlay-card button:hover{filter:brightness(1.08)}.overlay-card button:active{transform:translateY(1px)}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.dialog-actions button{margin-top:0}.secondary-btn{color:var(--text)!important;background:linear-gradient(#3a322c,#241e1a)!important;border:1px solid #5a4a3c!important}.secondary-btn:hover{filter:brightness(1.12)}#end-title.win{color:var(--spirit)}#end-title.wipe{color:var(--danger)}#leaderboard-panel{text-align:left;margin:16px 0 8px}#leaderboard-panel.hidden{display:none}.clear-time{text-align:center;color:var(--text);font-size:15px}.clear-time strong{color:var(--spirit);font-variant-numeric:tabular-nums}.score-form label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.score-form .optional{text-transform:none;letter-spacing:0;color:#6a6058;margin-left:4px}.score-row{gap:8px;display:flex}.score-row input{pointer-events:auto;min-width:0;color:var(--text);background:#1a1512;border:1px solid #5a4a3c;border-radius:3px;flex:1;padding:8px 10px;font-family:"Source Sans 3",sans-serif;font-size:14px}.score-row input:focus{outline:1px solid var(--spirit-dim);border-color:var(--spirit-dim)}.score-row input.invalid{border-color:var(--danger)}#submit-score-btn{flex-shrink:0;margin-top:0;padding:8px 14px}#submit-score-btn:disabled{opacity:.45;cursor:default;filter:none}.score-error{color:var(--danger);margin:6px 0 0;font-size:12px}.score-saved{color:var(--spirit);margin:6px 0 0;font-size:12px}.score-saved.hidden{display:none}.leaderboard{border-top:1px solid #3a2e28;margin-top:14px;padding-top:12px}.leaderboard h3{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-align:center;margin:0 0 8px;font-family:Cinzel,serif;font-size:13px}.leaderboard ol{margin:0;padding:0;list-style:none}.leaderboard-scroll{overscroll-behavior:contain;pointer-events:auto;background:#0a080859;border:1px solid #3a2e28;border-radius:3px;max-height:240px;padding:4px 8px;overflow-y:auto}.leaderboard-scroll::-webkit-scrollbar{width:8px}.leaderboard-scroll::-webkit-scrollbar-thumb{background:#5a4a3c;border-radius:4px}.pager{pointer-events:auto;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.pager-btn{margin-top:0!important;padding:6px 12px!important;font-size:12px!important}.pager-btn:disabled{opacity:.4;cursor:default;filter:none!important}.pager-meta{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;flex:1;font-size:12px}.leaderboard li{color:var(--text);border-bottom:1px solid #3a2e288c;grid-template-columns:1.5rem 1fr auto 2.5rem;align-items:baseline;gap:8px;padding:4px 0;font-size:13px;display:grid}.leaderboard li.you{border-left:2px solid var(--spirit);background:#8fb87a1f;border-radius:2px;margin-left:-8px;padding-left:6px}.leaderboard li.you .name{color:var(--spirit);font-weight:600}.leaderboard li .rank{color:var(--muted);font-variant-numeric:tabular-nums}.leaderboard li .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard li .time{color:var(--spirit);font-variant-numeric:tabular-nums}.parse{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.parse-common{color:#9d9d9d}.parse-uncommon{color:#1eff00}.parse-rare{color:#3f9dff}.parse-epic{color:#c76bff}.parse-legendary{color:#ff8000}.parse-astounding{color:#e268a8}.parse-artifact{color:#e5cc80}.clear-parse-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:10px;font-size:12px}.clear-time .parse{margin-left:4px;font-size:15px}.leaderboard-empty{text-align:center;color:var(--muted);margin:0;font-size:13px}.leaderboard-empty.hidden,#start-main.hidden,#start-leaderboard.hidden{display:none}#retry-btn{margin-left:auto;margin-right:auto;display:block}