@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#eef0df;font-synthesis:none;--gold:#dfe4a2;--ember:#f4ac58;--life:#9fd99a;--danger:#e2634f;background:#182c29;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0;overflow:hidden}button{font:inherit}button,canvas{-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline-offset:5px;outline:2px solid #e3e5a1}#game{touch-action:none;width:100%;height:100svh;min-height:400px;position:relative;overflow:hidden}#world{outline-offset:-4px;touch-action:none;width:100%;height:100%;display:block}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}#labels>*{will-change:transform, opacity;position:absolute;top:0;left:0}.number{color:#f4f6e6;text-shadow:0 1px 3px #0a1412,0 0 10px #0a141288;transform-origin:50%;margin:-10px 0 0 -12px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700}.number.crit{color:#ffd166;font-size:21px}.number.burn{color:#ff9a4a;font-size:12px}.number.player{color:#ff7a66;font-size:19px}.number.heal{color:var(--life);font-size:13px}.enemy-bar{background:#0a141299;border-radius:2px;outline:1px solid #0a141266;width:38px;height:4px;margin:-2px 0 0 -19px;overflow:hidden}.enemy-bar i{background:var(--danger);transform-origin:0;height:100%;transition:transform .12s;display:block}.enemy-bar.target{outline:1px solid var(--gold);width:44px;margin-left:-22px}.enemy-bar.burning i{background:linear-gradient(90deg, #ff9a4a, var(--danger))}.enemy-bar.slowed i{background:#7fc4e8}#hurt{pointer-events:none;transition:box-shadow .35s;position:absolute;inset:0;box-shadow:inset 0 0 120px 30px #a52a1e00}#hurt.show{transition:none;box-shadow:inset 0 0 120px 30px #a52a1ea6}header{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:38px;left:44px;right:44px}.eyebrow,.location,small{letter-spacing:.19em;text-transform:uppercase;font-size:10px;font-weight:600}.eyebrow{color:#a9bbb0}h1{letter-spacing:-.055em;margin:10px 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(23px,3vw,38px);font-weight:700;line-height:1}h1 span{color:var(--gold);margin-left:10px;font-size:29px;display:inline-block}.zone{text-align:center;font-family:Space Grotesk,sans-serif}.zone span{letter-spacing:-.02em;color:#f0f2dd;font-size:22px;font-weight:700;display:block}.zone small{color:#b7c9bb;margin-top:6px;display:block}.location{color:#c6d4c6;align-items:center;gap:10px;display:flex}.location-dot{background:var(--gold);border-radius:50%;width:5px;height:5px}.version{opacity:.45;margin-left:12px}#boss-bar{text-align:center;pointer-events:none;width:min(520px,70vw);position:absolute;top:118px;left:50%;transform:translate(-50%)}#boss-bar span{letter-spacing:.16em;text-transform:uppercase;color:#f6c78f;margin-bottom:7px;font-family:Space Grotesk,sans-serif;font-size:12px;display:block}.bar{background:#0d1c19cc;border:1px solid #c7d5bd40;border-radius:4px;height:8px;overflow:hidden}.bar i{background:var(--life);transform-origin:0;height:100%;transition:transform .15s;display:block}.bar i.low{background:var(--danger)}.bar.boss{height:10px}.bar.boss i{background:linear-gradient(90deg,#ff6a3a,#ffb15a)}.bar.boss i.shielded{background:repeating-linear-gradient(90deg,#ffb15a 0 8px,#b8853a 8px 16px)}.toolbar{width:220px;display:grid;position:absolute;bottom:145px;left:44px}.toolbar button{text-align:left;color:#e1e7d8;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #c5d4bd20;align-items:center;gap:12px;padding:15px 0;font-size:12px;transition:color .2s,padding .2s;display:flex}.toolbar button:hover{color:#e8edaa;padding-left:5px}.toolbar button:disabled{opacity:.4;cursor:wait}.toolbar button span{color:#a6baac;font-size:9px}.toolbar kbd{color:#a6baac;background:0 0;border:none;margin-left:auto;font-size:9px}#dodge{color:#e8edaa}#build{pointer-events:none;flex-wrap:wrap;justify-content:end;gap:4px;width:190px;display:flex;position:absolute;top:120px;right:44px}#build span{letter-spacing:.12em;text-transform:uppercase;color:#c8d3c4;background:#182c2966;border:1px solid #c7d5bd30;border-radius:3px;padding:3px 6px;font-size:9px}footer{pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:34px;left:44px;right:44px}.controls{align-items:center;gap:18px;display:flex}.controls>div{text-align:center}kbd{background:#182c2940;border:1px solid #c7d5bd40;border-radius:4px;justify-content:center;align-items:center;min-width:23px;height:23px;margin:1px;font-family:inherit;font-size:10px;display:inline-flex}.controls p{margin:0;font-size:12px;line-height:1.8}.controls p span{color:#9aafa1;font-size:10px;display:block}.status{text-align:right}.life{justify-content:end;align-items:center;gap:12px;margin-bottom:9px;display:flex}.life .bar{width:min(260px,40vw);height:10px}.life span{color:#e4e6b0;text-align:left;min-width:70px;font-family:Space Grotesk,sans-serif;font-size:13px}.status small{color:#90a899;font-size:8px}#combat-status{letter-spacing:.08em;max-width:320px;margin-left:auto;line-height:1.6;display:block}#loading{z-index:5;background:#182c29f5;flex-direction:column;justify-content:safe center;align-items:center;padding:24px;transition:opacity .6s,visibility .6s;display:flex;position:absolute;inset:0;overflow-y:auto}#loading.ready{opacity:0;visibility:hidden;pointer-events:none}#crash{color:#c4d1bc;width:min(92vw,560px);margin-top:20px;font-size:11px}#crash summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;text-align:center}#crash-report{resize:vertical;color:#eef0df;white-space:pre;-webkit-user-select:text;user-select:text;background:#0f1e1b;border:1px solid #fff2;width:100%;max-height:34svh;margin:12px 0 10px;padding:10px;font:10px/1.5 ui-monospace,Menlo,monospace;display:block;overflow:auto}.crash-actions{justify-content:center;gap:8px;display:flex}.crash-actions button{color:var(--gold);border:1px solid var(--gold);cursor:pointer;background:0 0;padding:8px 16px}#loading p{color:#c4d1bc;text-align:center;max-width:340px;font-size:13px;line-height:1.6}.loading-mark{color:var(--gold);font-size:40px;animation:2s ease-in-out infinite breathe}#retry,#retry-run{background:var(--gold);color:#182c29;cursor:pointer;border:0;align-items:center;gap:10px;padding:10px 24px;display:inline-flex}#retry-run kbd{background:0 0;border-color:#182c2960}#pause-label{text-align:center;text-shadow:0 2px 20px #182c29;pointer-events:none;z-index:3;font-family:Space Grotesk,sans-serif;font-size:28px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}#pause-label span{color:#c9d4c0;margin-top:12px;font:11px DM Sans,sans-serif;display:block}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4;text-align:center;background:#0f1e1bd9;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.overlay h2{letter-spacing:-.03em;margin:4px 0 18px;font-family:Space Grotesk,sans-serif;font-size:clamp(26px,4vw,40px)}.overlay p{color:#c4d1bc;margin:0 0 18px;font-size:13px}.overlay-hint{margin-top:18px;font-size:11px}.cards{grid-template-columns:repeat(3,minmax(0,220px));gap:14px;width:min(720px,100%);display:grid}.card{text-align:left;border:1px solid var(--rarity,#c7d5bd40);color:#eef0df;cursor:pointer;background:#142820ee;border-top-width:3px;border-radius:6px;flex-direction:column;align-items:start;gap:8px;min-height:210px;padding:20px 18px 18px;transition:transform .15s,background .15s,box-shadow .15s;display:flex;position:relative}.card:hover,.card:focus-visible{box-shadow:0 12px 40px -18px var(--rarity,#c7d5bd);background:#1a332a;transform:translateY(-3px)}.card.common{--rarity:#b9c8b3}.card.uncommon{--rarity:#8fd48f}.card.rare{--rarity:#6fb6ff}.card.epic{--rarity:#c78bff}.card.legendary{--rarity:#ffb347}.card-glyph{color:var(--rarity);font-size:28px;line-height:1}.card-rarity{letter-spacing:.18em;text-transform:uppercase;color:var(--rarity);font-size:9px}.card strong{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:18px}.card-pips{gap:4px;display:flex}.card-pips i{background:#c7d5bd30;border-radius:2px;width:14px;height:5px}.card-pips i.on{background:var(--rarity)}.card-pips i.next{background:var(--rarity);opacity:.45;outline:1px solid var(--rarity)}.card-text{color:#dfe6d9;font-size:13px;line-height:1.5}.card small{letter-spacing:.08em;color:#90a899;text-transform:none;margin-top:auto;font-size:9px}.card kbd{min-width:20px;height:20px;font-size:9px;position:absolute;top:12px;right:12px}.stick-base{pointer-events:none;opacity:0;z-index:3;will-change:transform;background:radial-gradient(circle,#182c2955 0%,#182c2999 58%,#182c2900 72%);border:1.5px solid #dfe4a266;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;transition:opacity .18s,transform 80ms;position:absolute;top:0;left:0;box-shadow:0 0 0 6px #182c2933,inset 0 0 22px #dfe4a222}.stick-base.active{opacity:1}.stick-arc{border:2px solid #0000;border-top-color:var(--gold);opacity:0;border-radius:50%;transition:opacity .12s;position:absolute;inset:-2px;-webkit-mask:conic-gradient(from -50deg,#000 0deg 100deg,#0000 100deg);mask:conic-gradient(from -50deg,#000 0deg 100deg,#0000 100deg)}.stick-knob{background:radial-gradient(circle at 38% 34%,#f6f8dc,#dfe4a2 55%,#b9c07f);border-radius:50%;width:54px;height:54px;transition:transform .16s cubic-bezier(.2,1.4,.4,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px -4px #0a1412cc,0 0 24px #dfe4a255}.stick-base.active .stick-knob{transition:none}.touch-dodge{display:none}[hidden]{display:none!important}@keyframes breathe{50%{opacity:.4;transform:rotate(35deg)}}@media (width<=700px){header{align-items:start;top:22px;left:20px;right:20px}.brand .eyebrow{display:none}h1{margin-top:0;font-size:20px}h1 span{margin-left:6px;font-size:16px}.zone span{font-size:17px}.zone small{margin-top:3px;font-size:8px}.location{display:none}#boss-bar{width:76vw;top:74px}#build{width:150px;top:70px;right:20px}#build span{padding:2px 4px;font-size:8px}footer{justify-content:center;bottom:118px;left:20px;right:20px}.status{text-align:center}.life{justify-content:center}.life .bar{width:56vw}.status small{display:none}.cards{grid-template-columns:1fr;gap:8px;width:min(360px,100%)}.card{grid-template-rows:auto auto auto;grid-template-columns:34px 1fr;gap:3px 12px;min-height:0;padding:12px 14px;display:grid}.card-glyph{grid-row:1/4;align-self:center;font-size:24px}.card small,.card kbd{display:none}.card-pips{order:4}.overlay h2{margin-bottom:10px}}@media (pointer:coarse),(width<=700px){.controls{display:none}.toolbar{grid-auto-flow:column;justify-content:start;gap:8px;width:auto;inset:66px auto auto 20px}.toolbar button{background:#182c2999;border:1px solid #c7d5bd33;border-radius:999px;gap:0;padding:7px 13px;font-size:11px}.toolbar button:hover{padding-left:13px}.toolbar button span,.toolbar kbd,#dodge{display:none}.touch-dodge{width:74px;height:74px;color:var(--gold);touch-action:none;-webkit-user-select:none;user-select:none;z-index:3;background:radial-gradient(circle at 40% 35%,#23403a,#142820);border:1.5px solid #dfe4a288;border-radius:50%;justify-content:center;align-items:center;font-size:30px;display:flex;position:absolute;bottom:36px;right:26px;box-shadow:0 8px 24px -8px #0a1412cc}.touch-dodge:active{background:#2b4d44;transform:scale(.94)}.touch-dodge:disabled{opacity:.4}}@media (height<=650px) and (width>=701px){.toolbar{bottom:100px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}