:root{--font-display:"Lilita One", "Trebuchet MS", ui-rounded, system-ui, sans-serif;--font-body:"Nunito", "Trebuchet MS", ui-rounded, "Segoe UI", system-ui, sans-serif;--ink:#3b2a14;--ink-soft:#6a4e26;--parchment:#f4e2b8;--parchment-hi:#fdf4dc;--edge:#c9a56a;--brass:#b8862b;--brass-hi:#e7c46a;--brass-dark:#6f4a0e;--gold:#f2c14e;--gold-hi:#ffe28f;--ember:#e8603a;--ember-dark:#8f3113;--plum:#6b3fa0;--shadow:0 10px 26px #321c0852;font-family:var(--font-body);color:var(--ink);background:#f3d7b0;font-weight:800}*{box-sizing:border-box}[hidden]{display:none!important}body{-webkit-tap-highlight-color:transparent;background:#f3d7b0;margin:0;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#status{font:400 26px var(--font-display);color:var(--ink);letter-spacing:.04em;margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#status[hidden]{display:none}kbd{vertical-align:1px;min-width:20px;height:20px;font:900 12.5px/1 var(--font-body);color:var(--ink);background:var(--parchment-hi);border:2px solid var(--brass);box-shadow:0 2px 0 var(--brass);border-radius:6px;place-items:center;padding:0 5px;display:inline-grid}.ui-root{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.ui-root button,.ui-root input,.ui-root .panel{pointer-events:auto}.ui-root button,.ui-root input{touch-action:manipulation}body.touch .keys-only,body.touch .ui-root kbd,body:not(.touch) .touch-only{display:none!important}.panel{background:radial-gradient(circle at 9px 9px, var(--brass-hi) 0 2.5px, var(--brass-dark) 3px, transparent 3.6px), radial-gradient(circle at calc(100% - 9px) 9px, var(--brass-hi) 0 2.5px, var(--brass-dark) 3px, transparent 3.6px), radial-gradient(circle at 9px calc(100% - 9px), var(--brass-hi) 0 2.5px, var(--brass-dark) 3px, transparent 3.6px), radial-gradient(circle at calc(100% - 9px) calc(100% - 9px), var(--brass-hi) 0 2.5px, var(--brass-dark) 3px, transparent 3.6px), linear-gradient(180deg, var(--parchment-hi), var(--parchment));border:3px solid var(--brass);box-shadow:inset 0 0 0 2px #fbeac0, inset 0 -6px 12px #a06e2824, 0 4px 0 var(--brass-dark), var(--shadow);border-radius:16px;position:relative}.btn{cursor:pointer;font:400 21px/1 var(--font-display);letter-spacing:.04em;color:var(--ink);white-space:nowrap;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, #dca33a);border:3px solid var(--brass-dark);box-shadow:inset 0 2px 0 #ffffff8c, 0 5px 0 var(--brass-dark), 0 9px 16px #3c1e0547;text-shadow:0 1px #ffffff80;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 24px 12px;transition:transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn:active{box-shadow:inset 0 2px 0 #ffffff80, 0 2px 0 var(--brass-dark), 0 4px 8px #3c1e0540;transform:translateY(3px)}.btn:focus-visible,.icon-btn:focus-visible,.chip-btn:focus-visible,.level-card:focus-visible,.pick:focus-visible{outline-offset:3px;outline:3px solid #fff}.btn.primary{color:#fff;background:linear-gradient(180deg, #ff9a5e, var(--ember) 55%, #c9431f);border-color:var(--ember-dark);box-shadow:inset 0 2px 0 #ffdcbe99, 0 5px 0 var(--ember-dark), 0 9px 16px #5a1e054d;text-shadow:0 2px 0 var(--ember-dark), 0 0 1px var(--ember-dark)}.btn.primary:active{box-shadow:inset 0 2px 0 #ffdcbe99, 0 2px 0 var(--ember-dark)}.btn.ghost{background:linear-gradient(180deg, var(--parchment-hi), #ecd6a4);border-color:var(--brass);box-shadow:inset 0 2px 0 #fff8, 0 4px 0 var(--brass)}.btn.small{border-radius:11px;min-height:44px;padding:8px 14px 7px;font-size:17px}.btn.huge{border-radius:18px;padding:17px 44px 15px;font-size:30px}.btn.wide{width:100%}.btn .ico{width:20px;height:20px}.icon-btn{cursor:pointer;width:50px;height:50px;color:var(--parchment-hi);background:radial-gradient(circle at 35% 30%, #d9a94a, var(--brass) 60%, #86600f);border:3px solid var(--brass-dark);box-shadow:inset 0 2px 0 #ffe7a8, 0 4px 0 var(--brass-dark), 0 8px 14px #321c084d;border-radius:50%;place-items:center;padding:0;display:grid}.icon-btn .ico{width:24px;height:24px;filter:drop-shadow(0 1px 0 var(--brass-dark))}.icon-btn.light{color:var(--ink);background:linear-gradient(180deg, var(--parchment-hi), #ead3a0);border-color:var(--brass);box-shadow:inset 0 2px 0 #fff, 0 3px 0 var(--brass)}.icon-btn.light .ico{filter:none}.icon-btn.on{background:linear-gradient(180deg, var(--gold-hi), var(--gold))}.icon-btn.off{opacity:.8}.icon-btn:active{transform:translateY(2px)}.chip-btn{cursor:pointer;font:400 19px var(--font-display);color:var(--ink);background:linear-gradient(180deg, var(--parchment-hi), #ead3a0);border:3px solid var(--brass);min-height:48px;box-shadow:0 4px 0 var(--brass-dark), 0 8px 14px #321c0847;border-radius:999px;align-items:center;gap:8px;padding:9px 18px 8px;display:inline-flex}.chip-btn .ico{width:20px;height:20px}.chip-btn.skip{background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-color:var(--brass-dark)}.chip-btn b{font:400 22px var(--font-display)}.hud{--aim-h:0px;position:absolute;inset:0}.hud.off,body.overlay-open .hud{opacity:0;visibility:hidden}.hud-level{max-width:min(46vw,520px);padding:11px 18px 13px;position:absolute;top:16px;left:16px}.hud-title{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.hud-name{font:400 25px/1.1 var(--font-display);letter-spacing:.02em;color:var(--ink);text-shadow:0 2px #fff8}.hud-tag{font:900 12px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--plum);border-radius:6px;padding:4px 8px}.hud-rebuild{margin-left:auto}.tokens{flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px;display:flex}.token{border:3px solid var(--edge);width:44px;height:44px;box-shadow:0 3px 0 var(--edge);background:radial-gradient(circle at 40% 35%,#fff7e0,#ead3a0);border-radius:50%;place-items:center;display:grid}.token .picon{width:36px;height:36px}.token.current{border-color:var(--brass-dark);background:radial-gradient(circle at 40% 35%, #fff4c4, var(--gold));box-shadow:0 3px 0 var(--brass-dark), 0 0 0 4px #f2c14e73;transform:translateY(-3px)scale(1.12)}.token.flying{border-color:var(--ember-dark);background:radial-gradient(circle at 40% 35%,#ffe2c8,#f6a36d);transform:scale(1.05)}.token.used{opacity:.4;filter:grayscale(.9)}.tokens-left{font:900 14px var(--font-body);letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase;margin-left:4px}.picker{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.pick{cursor:pointer;border:3px solid var(--edge);width:50px;height:50px;box-shadow:0 3px 0 var(--edge);background:radial-gradient(circle at 40% 35%,#fff7e0,#ead3a0);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.pick .picon{width:38px;height:38px}.pick kbd{min-width:21px;height:21px;font-size:13px;position:absolute;bottom:-8px;right:-8px}.pick.current{border-color:var(--plum);background:radial-gradient(circle at 40% 35%, #fff4c4, var(--gold));box-shadow:0 0 0 3px var(--plum), 0 4px 0 3px #43236b, 0 0 12px 4px #6b3fa059;transform:translateY(-2px)}.pick.current kbd{color:#fff;background:var(--plum);border-color:#43236b}.hud-right{align-items:flex-start;gap:12px;display:flex;position:absolute;top:16px;right:16px}.hud-havoc{width:min(340px,40vw);padding:10px 16px}.havoc-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.havoc-label{font:900 14px var(--font-body);letter-spacing:.22em;color:var(--brass-dark)}.score{font:400 30px/1 var(--font-display);color:var(--ink);text-shadow:0 2px #fff8;font-variant-numeric:tabular-nums}.pct-bar{border:2px solid var(--brass-dark);background:#e1c58a;border-radius:9px;height:18px;margin:10px 0 7px;position:relative;box-shadow:inset 0 2px 3px #50320a59}.pct-fill{background:linear-gradient(#ffb35c,#e8603a 60%,#c23f1c);border-radius:7px;width:0;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 2px #ffe6b499}.pct-tick{background:var(--brass-dark);width:4px;box-shadow:0 0 0 1.5px var(--parchment-hi);border-radius:2px;margin-left:-2px;position:absolute;top:-5px;bottom:-5px}.pct-tick.lit{background:var(--gold-hi);box-shadow:0 0 0 1.5px var(--brass-dark), 0 0 6px #fff3b0}.havoc-foot{flex-direction:column;gap:5px;display:flex}.pct-text{font:800 15px var(--font-body);color:var(--ink-soft);white-space:nowrap}.star-row{border-top:2px dashed var(--edge);grid-template-columns:repeat(3,1fr);padding:5px 0 1px;display:grid}.hstar{justify-self:center;align-items:center;gap:5px;display:inline-flex}.hstar .star-svg{width:22px;height:22px;fill:var(--parchment-hi);stroke:#8a6a3a;stroke-width:1.7px}.hstar b{font:700 15px var(--font-body);color:var(--ink-soft);font-variant-numeric:tabular-nums}.hstar.lit .star-svg{fill:#f5a300;stroke:var(--brass-dark);stroke-width:1.8px;filter:drop-shadow(0 0 3px #ffe7a0)}.hstar.lit b{color:var(--ink)}.hud-aim{grid-template-columns:auto minmax(236px,1fr) auto auto auto;grid-template-areas:"who mid arc view throw""help help help help help";align-items:center;gap:7px 18px;width:max-content;max-width:calc(100vw - 32px);padding:10px 18px 9px 12px;display:grid;position:absolute;bottom:16px;left:16px}.aim-who{grid-area:who;align-items:center;gap:9px;display:flex}.aim-icon .picon{width:46px;height:46px;display:block}.aim-name{font:400 20px/1.05 var(--font-display)}.aim-names{max-width:190px}.aim-blow{font:700 16px/1.25 var(--font-body);color:var(--ink-soft)}.nowrap{white-space:nowrap}.aim-mid{grid-area:mid;min-width:0}.aim-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 10px;display:flex}.aim-tag{display:none}.aim-text{font:700 15px var(--font-body);color:var(--ink-soft);white-space:nowrap;align-items:baseline;gap:20px;display:flex}.aim-text b{font:400 21px var(--font-display);color:var(--ink);letter-spacing:.02em;margin-left:3px}.power-bar{border:2px solid var(--brass-dark);background:#e1c58a;border-radius:6px;height:12px;margin:6px 0 2px;overflow:hidden;box-shadow:inset 0 2px 3px #50320a4d}.power-fill{background:linear-gradient(90deg,#7cb342,#f2c14e 55%,#e0552b);width:50%;height:100%}.arc-ctl{grid-area:arc;align-items:center;gap:8px;display:flex}.arc-btn{width:46px;height:46px;position:relative}.arc-btn .ico{width:24px;height:24px}.arc-btn kbd{min-width:21px;height:21px;font-size:13px;position:absolute;bottom:-9px;right:-9px}.arc-val{flex-direction:column;align-items:center;gap:2px;min-width:46px;line-height:1;display:flex}.arc-cap{font:900 13px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.arc-val b{font:400 22px var(--font-display);color:var(--ink);letter-spacing:.02em}.view-btn{grid-area:view;gap:6px;min-height:48px;padding:8px 12px 7px}.view-btn .ico{width:24px;height:24px}.view-btn .view-label{text-align:left;min-width:4.6em}.view-btn.on{background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-color:var(--brass-dark)}.throw-btn{grid-area:throw;gap:10px;padding:14px 20px 12px 24px;font-size:24px}.throw-btn kbd,.chip-btn kbd{text-shadow:none;font-size:12.5px}.chip-btn .or{font:700 14px var(--font-body);color:var(--ink-soft);margin:0 -2px}.aim-help{font:700 16px/21px var(--font-body);color:var(--ink-soft);border-top:2px dashed var(--edge);flex-wrap:wrap;grid-area:help;gap:2px 22px;padding-top:6px;display:flex}.aim-help .help-release{color:var(--ember-dark);font-weight:900}.blow-pill{white-space:nowrap;background:linear-gradient(180deg, #ff9a5e, var(--ember) 55%, #c9431f);border:3px solid var(--ember-dark);box-shadow:inset 0 2px 0 #ffdcbe99, 0 5px 0 var(--ember-dark), 0 10px 22px #5a1e0566;border-radius:999px;align-items:center;gap:12px;padding:8px 26px 9px 12px;animation:.6s ease-in-out infinite alternate blow-glow;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.blow-key{height:32px;font:900 15px/1 var(--font-body);letter-spacing:.1em;color:var(--ink);background:var(--parchment-hi);border:2px solid var(--brass);box-shadow:0 3px 0 var(--brass-dark);border-radius:8px;place-items:center;padding:0 12px;display:grid}.blow-sep{font:400 26px/1 var(--font-display);color:#ffe3cc}.blow-word{font:400 32px/1 var(--font-display);letter-spacing:.06em;color:#fff;text-shadow:0 3px 0 var(--ember-dark)}@keyframes blow-glow{0%{box-shadow:inset 0 2px 0 #ffdcbe99, 0 5px 0 var(--ember-dark), 0 10px 22px #5a1e0566, 0 0 0 0 #ffaa4600}to{box-shadow:inset 0 2px 0 #ffdcbe99, 0 5px 0 var(--ember-dark), 0 10px 22px #5a1e0566, 0 0 0 7px #ffaa4673}}.hud-corner{align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;right:18px}@media (width<=1366px){.hud-corner{bottom:calc(var(--aim-h) + 30px)}}@media (width>=761px) and (width<=1200px){.aim-names,.view-btn .view-label,.view-btn kbd,.throw-btn kbd{display:none}.hud-aim{grid-template-columns:auto minmax(200px,1fr) auto auto auto}}.callouts{will-change:transform;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0}.callout{font:400 38px/1.1 var(--font-display);letter-spacing:.04em;color:#ffb000;white-space:nowrap;transform-origin:50% 60%;font-variant-numeric:tabular-nums;-webkit-text-stroke:6px #3a1a02;paint-order:stroke fill;text-shadow:0 3px #3a1a02,0 0 14px #ffb43c66}.callout-chain{color:#ff8a12}.callout-shatter,.callout-glass{color:#4cc3ff;-webkit-text-stroke-color:#0d2c4a;text-shadow:0 3px #0d2c4a,0 0 14px #78d2ff73}.callout-timber{color:#f7a21b}.callout-crown{color:#ffd21a;font-size:46px}.callout-toppled{color:#ffc21a}.fade{pointer-events:none;background:#f3d7b000;position:absolute;inset:0}.fade.on{background:#f3d7b08c;transition:background .2s}@media (width<=760px){.hud-level{max-width:calc(52vw - 28px);padding:8px 12px 10px;top:10px;left:10px}.hud-name{font-size:19px}.token{width:34px;height:34px}.token .picon{width:28px;height:28px}.hud-right{flex-direction:column-reverse;align-items:flex-end;gap:8px;top:10px;right:10px}.hud-havoc{width:48vw;padding:8px 10px}.score{font-size:20px}.havoc-label{letter-spacing:.14em;font-size:12px}.havoc-head{padding:0 7px 0 4px}.pct-bar{height:16px;margin:8px 0 6px}.havoc-foot{gap:3px}.pct-text{font-size:14px}.star-row{padding-top:4px}.hstar{gap:4px}.hstar .star-svg{width:14px;height:14px}.hstar b{font-size:13px}.icon-btn{width:48px;height:48px}.hud-aim{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"mid mid mid""arc view throw""help help help";gap:7px 8px;width:auto;max-width:none;padding:8px 10px;bottom:10px;left:10px;right:10px}.hud-aim.has-picker{grid-template-areas:"pick pick pick""mid mid mid""arc view throw""help help help"}.hud-aim .picker{border-bottom:2px dashed var(--edge);flex-wrap:nowrap;grid-area:pick;justify-content:space-between;gap:8px;margin:0;padding:2px 2px 8px}.pick{width:48px;height:48px}.pick .picon{width:36px;height:36px}.aim-who{display:none}.aim-mid{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"tag tag""text bar";align-items:center;gap:4px 12px;display:grid}.aim-line{display:contents}.aim-tag{grid-area:tag}.aim-text{grid-area:text}.power-bar{grid-area:bar;margin:0}.aim-tag{min-width:0;font:800 14px var(--font-body);color:var(--ink-soft);white-space:nowrap;align-items:center;gap:6px;display:flex}.aim-tag .picon{flex:none;width:26px;height:26px}.aim-tag b{font:400 17px var(--font-display);color:var(--ink);letter-spacing:.02em}.aim-text{gap:12px;font-size:15px}.aim-text b{font-size:18px}.arc-btn{width:48px;height:48px}.arc-val{min-width:42px}.throw-btn{width:100%;min-height:48px;padding:12px 10px 10px;font-size:22px}.btn.small.view-btn{flex-direction:column;gap:1px;width:60px;height:52px;min-height:0;padding:4px 4px 3px;font-size:13px;line-height:1}.view-btn .view-label{text-align:center;min-width:0}.view-btn .wide-only,.view-btn kbd,.throw-btn kbd{display:none}.aim-help{flex-direction:column;padding-top:5px;font-size:15px;line-height:20px}.hud-aim.seasoned .aim-help{display:none}.callout{-webkit-text-stroke-width:5px;text-shadow:0 2px #3a1a02;font-size:23px}.callout-crown{font-size:27px}.callout-shatter,.callout-glass{text-shadow:0 2px #0d2c4a}.blow-pill{gap:9px;padding:6px 20px 6px 6px;bottom:20px}.blow-key{height:30px;padding:0 10px;font-size:14px}.blow-word{font-size:27px}}@media (width<=480px){.hud-level{padding:7px 10px 9px}.hud-name{font-size:17px}.tokens{gap:5px}.token{border-width:2px;width:30px;height:30px}.token .picon{width:25px;height:25px}.tokens-left{font-size:12px}.score{font-size:18px}.havoc-label{font-size:11px}}@media (width<=760px){.hud-aim{grid-template-areas:"mid mid mid""arc view throw";row-gap:5px;padding:6px 8px 7px}.hud-aim.has-picker{grid-template-areas:"pick pick pick""mid mid mid""arc view throw"}.hud-aim .aim-help{display:none}.hud-aim .picker{gap:4px;padding:0 0 5px}.hud-aim .pick{width:40px;height:40px}.hud-aim .pick .picon{width:30px;height:30px}.aim-mid{grid-template-columns:minmax(0,1fr);grid-template-areas:"bar";row-gap:0}.aim-tag,.aim-text{display:none}.power-bar{height:8px}.arc-btn{width:42px;height:42px}.arc-val{min-width:36px}.arc-cap{font-size:11px}.arc-val b{font-size:19px}.throw-btn{min-height:42px;padding:9px 10px 8px;font-size:20px}.btn.small.view-btn{width:52px;height:44px}}.screen{pointer-events:none;position:absolute;inset:0}.screen button,.screen .panel{pointer-events:auto}.title-screen{background:linear-gradient(#ffecc48c 0%,#ffecc400 38%,#3c230a00 70%,#3c230a59 100%)}.logo{font:400 clamp(64px, 10.5vw, 150px)/1 var(--font-display);letter-spacing:.03em;white-space:nowrap;align-items:center;gap:.18em;display:flex;position:absolute;top:5.5vh;left:50%;transform:translate(-50%)rotate(-2deg)}.logo-word{-webkit-text-stroke:.075em #4a2606;paint-order:stroke fill;text-shadow:0 .07em #4a2606,0 .1em #4a2606,0 .16em .12em #28140059}.logo-throw{color:var(--gold-hi);background:linear-gradient(180deg, #fff2b8 20%, var(--gold) 60%, #e7a83a);-webkit-background-clip:text;background-clip:text}.logo-blow{color:#ff8a4c;background:linear-gradient(180deg, #ffc08a 15%, var(--ember) 65%, #c9431f);-webkit-background-clip:text;background-clip:text;transform:rotate(3deg)translateY(.04em)}.logo-amp{width:1.5em;height:1.5em;color:var(--parchment-hi);background:radial-gradient(circle at 35% 30%, #e0b454, var(--brass) 60%, #7a560c);text-shadow:0 .06em #4a2606;border:.08em solid #4a2606;border-radius:50%;place-items:center;font-size:.42em;display:grid;box-shadow:inset 0 .06em #ffe9ae,0 .1em #4a2606}.tagline{font:900 clamp(14px, 1.5vw, 19px) var(--font-body);color:var(--ink);text-align:center;white-space:nowrap;border:2px solid var(--brass);box-shadow:0 3px 0 var(--brass-dark);background:#fdf4dce0;border-radius:999px;padding:8px 26px;position:absolute;top:calc(8.5vh + clamp(64px,10.5vw,150px));left:50%;transform:translate(-50%)}.title-buttons{grid-template-columns:1fr 1fr;gap:22px;display:grid;position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}.title-buttons .btn{min-width:250px}.corner-mute{position:absolute;top:20px;right:20px}.levels-screen{-webkit-backdrop-filter:blur(2px);pointer-events:auto;background:radial-gradient(at 50% 55%,#2816062e,#28160680);flex-direction:column;align-items:center;padding:22px 22px 28px;display:flex;overflow-y:auto}.levels-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(1180px,100%);margin-bottom:18px;display:grid}.levels-head .btn{justify-self:start;min-height:48px}.levels-title{font:400 clamp(30px, 3.4vw, 46px) var(--font-display);color:var(--parchment-hi);letter-spacing:.03em;-webkit-text-stroke:2px #4a2606;paint-order:stroke fill;text-shadow:0 4px #4a2606,0 8px 18px #00000059;white-space:nowrap;margin:0}.levels-total{font:400 20px var(--font-display);color:var(--ink);border:2px solid var(--brass);box-shadow:0 3px 0 var(--brass-dark);background:#fdf4dce6;border-radius:999px;justify-self:end;align-items:center;gap:6px;padding:6px 14px;display:flex}.levels-total .star-svg{fill:#f5a300;width:22px;height:22px;stroke:var(--brass-dark);stroke-width:1.6px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px;width:min(1180px,100%);display:grid}.level-card{cursor:pointer;text-align:left;font:inherit;color:var(--ink);background:linear-gradient(180deg, var(--parchment-hi), var(--parchment));border:3px solid var(--brass);min-height:196px;box-shadow:inset 0 0 0 2px #fbeac0, 0 5px 0 var(--brass-dark), var(--shadow);border-radius:18px;grid-template-rows:auto 1fr auto auto;grid-template-columns:auto 1fr;gap:6px 14px;padding:18px 20px 16px;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.level-card:hover:not(.locked){box-shadow:inset 0 0 0 2px #fbeac0, 0 9px 0 var(--brass-dark), 0 16px 30px #321c0861;transform:translateY(-4px)rotate(-.4deg)}.card-num{width:52px;height:52px;font:400 28px var(--font-display);color:var(--parchment-hi);background:radial-gradient(circle at 35% 30%, #e0b454, var(--brass) 60%, #7a560c);border:3px solid var(--brass-dark);box-shadow:inset 0 2px 0 #ffe9ae, 0 3px 0 var(--brass-dark);text-shadow:0 2px 0 var(--brass-dark);border-radius:50%;grid-row:1/span 2;place-items:center;display:grid}.card-name{font:400 26px/1.05 var(--font-display);letter-spacing:.01em;align-self:end;align-items:flex-start;gap:8px;display:flex}.card-blurb{font:700 15px/1.35 var(--font-body);color:var(--ink-soft)}.card-loadout{grid-column:1/-1;gap:5px;margin-top:4px;display:flex}.mini-token{border:2px solid var(--edge);background:radial-gradient(circle at 40% 35%,#fff7e0,#ead3a0);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.mini-token .picon{width:33px;height:33px}.card-foot{border-top:2px dashed var(--edge);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:2px;padding-top:8px;display:flex}.card-stars{gap:3px;display:flex}.cstar .star-svg{width:26px;height:26px;fill:var(--parchment-hi);stroke:#8a6a3a;stroke-width:1.6px}.cstar.lit .star-svg{fill:#f5a300;stroke:var(--brass-dark);stroke-width:1.7px}.card-best{font:900 14px var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft)}.level-card.locked{cursor:not-allowed;background:linear-gradient(#ece2c8,#e0d2b0);border-color:#bba986;box-shadow:inset 0 0 0 2px #f3ead3,0 2px #a8977a,0 4px 10px #321c082e}.name-lock{width:24px;height:24px;color:var(--parchment-hi);background:#8a7658;border-radius:50%;flex:none;place-items:center;margin-top:2px;display:grid}.name-lock .ico{width:15px;height:15px}.level-card.locked .card-num{filter:grayscale()brightness(1.05)}.level-card.locked .card-name{color:#4d3a1d}.level-card.locked .card-blurb{color:var(--ink-soft)}.level-card.locked .mini-token{filter:saturate(.5);background:#ece2c8;border-color:#b5a383}.card-foot.card-lock{color:var(--ink);font:700 16px/1.3 var(--font-body);justify-content:flex-start;gap:8px}.card-lock .ico{width:18px;height:18px;color:var(--brass-dark);flex:none}.level-card.compact{grid-template-rows:auto 1fr;min-height:0}@media (width>=761px){.card-foot{min-height:48px}}.overlay{pointer-events:auto;background:#28160661;place-items:center;display:grid;position:absolute;inset:0}.menu-card{flex-direction:column;gap:13px;width:min(380px,100vw - 32px);padding:24px 26px 26px;display:flex}.menu-title{text-align:center;font:400 40px var(--font-display);letter-spacing:.03em;margin:0 0 4px}.audio-row{align-items:center;gap:12px;padding:4px 2px;display:flex}.volume{--fill:80%;cursor:pointer;appearance:none;background:0 0;flex:1;height:44px;margin:0}.volume:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #fff}.volume::-webkit-slider-runnable-track{border:1px solid var(--brass-dark);background:linear-gradient(90deg, #e7c46a, var(--brass) var(--fill), #e8d3a4 var(--fill));border-radius:4px;height:8px;box-shadow:inset 0 2px 3px #50320a73,0 1px #fff8}.volume::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 30%, #f0cf7a, var(--brass) 60%, #86600f);border:3px solid var(--brass-dark);width:24px;height:24px;box-shadow:inset 0 2px 0 #ffe7a8, 0 3px 0 var(--brass-dark);border-radius:50%;margin-top:-9px}.volume::-moz-range-track{border:1px solid var(--brass-dark);background:#e8d3a4;border-radius:4px;height:8px;box-shadow:inset 0 2px 3px #50320a73}.volume::-moz-range-progress{background:linear-gradient(90deg, #e7c46a, var(--brass));border-radius:4px;height:8px}.volume::-moz-range-thumb{background:radial-gradient(circle at 35% 30%, #f0cf7a, var(--brass) 60%, #86600f);border:3px solid var(--brass-dark);border-radius:50%;width:18px;height:18px}.howto-card{width:min(540px,100vw - 32px)}.howto-steps{counter-reset:s;flex-direction:column;gap:11px;margin:0;padding:0 0 0 4px;list-style:none;display:flex}.howto-steps li{counter-increment:s;font:700 16px/1.35 var(--font-body);color:var(--ink-soft);padding-left:46px;position:relative}.howto-steps li:before{content:counter(s);width:32px;height:32px;font:400 19px var(--font-display);color:var(--parchment-hi);background:var(--brass);border:2px solid var(--brass-dark);border-radius:50%;place-items:center;display:grid;position:absolute;top:-2px;left:0}.howto-steps b{font:400 20px var(--font-display);color:var(--ink);letter-spacing:.02em;display:block}.howto-keys{font:700 16px var(--font-body);color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:6px 18px;display:flex}.howto-keys kbd{margin-right:4px}.howto-steps kbd{font-size:12.5px}.results{pointer-events:none;background:linear-gradient(90deg,#0000 48%,#28160652);justify-content:flex-end;align-items:center;padding:3vh 5vw 3vh 0;display:flex;position:absolute;inset:0}@media (aspect-ratio<=5/4){.results{background:linear-gradient(#0000 40%,#28160661);justify-content:center;align-items:flex-end;padding:0 0 4vh}}.results-card{text-align:center;width:min(470px,100vw - 28px);padding:16px 24px 20px}.results-level{font:900 14px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-dark)}.results-title{font:400 40px/1.05 var(--font-display);letter-spacing:.02em;margin:2px 0 0}.results-card.fail .results-title{color:var(--ink-soft)}.results-stars{justify-content:center;align-items:flex-end;gap:10px;margin:24px 0 2px;display:flex}.rstar{width:64px;height:64px;display:block}.rstar:nth-child(2){width:74px;height:74px;transform:translateY(-8px)}.rstar .star-svg{width:100%;height:100%;fill:var(--parchment-hi);stroke:#8a6a3a;stroke-width:1.3px}.rstar.lit .star-svg{fill:#f5a300;stroke:var(--brass-dark);filter:drop-shadow(0 0 7px #ffe7a0) drop-shadow(0 3px 0 var(--brass-dark))}.rstar.pop{animation:.45s cubic-bezier(.2,1.6,.4,1) both star-pop}.rstar.pop:nth-child(2){animation-name:star-pop-mid}@keyframes star-pop{0%{transform:scale(.2)rotate(-40deg)}to{transform:scale(1)rotate(0)}}@keyframes star-pop-mid{0%{transform:translateY(-8px)scale(.2)rotate(-40deg)}to{transform:translateY(-8px)scale(1)rotate(0)}}.results-score{flex-direction:column;align-items:center;margin-top:2px;display:flex}.results-score-label{font:900 14px var(--font-body);letter-spacing:.24em;color:var(--brass-dark)}.results-score-value{font:400 44px/1 var(--font-display);font-variant-numeric:tabular-nums}.newbest{font:400 15px var(--font-display);letter-spacing:.06em;white-space:nowrap;color:#fff;background:linear-gradient(180deg, #a36ad6, var(--plum));border:2px solid #43236b;border-radius:999px;margin-top:6px;padding:3px 12px;transform:rotate(-3deg);box-shadow:0 3px #43236b}.newbest.pending{visibility:hidden}.newbest.pop{animation:.4s cubic-bezier(.2,1.6,.4,1) both badge-pop}@keyframes badge-pop{0%{transform:rotate(-3deg)scale(.2)}to{transform:rotate(-3deg)scale(1)}}.results-lines{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 0;display:grid}.results-lines .stat{border:2px solid var(--edge);background:#fffaeb8c;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:6px 8px 7px;display:flex}.results-lines .stat span{font:700 15px var(--font-body);color:var(--ink-soft)}.results-lines .stat b{font:400 24px/1.05 var(--font-display);color:var(--ink)}.results-lines .stat b.good{color:#3f7d1f}.results-next{font:700 15.5px var(--font-body);color:var(--ink-soft);justify-content:center;align-items:center;gap:6px;margin-top:9px;display:flex}.results-next .star-svg{width:20px;height:20px;fill:var(--parchment-hi);stroke:#8a6a3a;stroke-width:1.7px;flex:none}.results-next b{color:var(--ink);font-weight:900}.results-unlock{font:800 16px var(--font-body);color:var(--plum);margin-top:9px}.results-buttons{pointer-events:auto;flex-direction:column;gap:12px;margin-top:16px;display:flex}.results-row{gap:10px;display:flex}.results-row .btn{flex:1 1 0;min-width:0;min-height:48px;padding:11px 10px 10px;font-size:19px}.results-next-btn{white-space:normal;min-height:52px;font-size:22px;line-height:1.1}.replay-overlay{pointer-events:none;position:absolute;inset:0}.lb{background:#120b05;justify-content:space-between;align-items:center;height:10.5vh;padding:0 3vw;display:flex;position:absolute;left:0;right:0}.lb-top{top:0}.lb-bottom{justify-content:center;bottom:0}.replay-tag{font:400 clamp(22px, 2.6vw, 34px) var(--font-display);letter-spacing:.22em;color:var(--parchment-hi);align-items:center;gap:12px;display:flex}.rec-dot{background:#ff3b2f;border-radius:50%;width:.55em;height:.55em;box-shadow:0 0 12px #ff3b2f}.replay-tag.blink .rec-dot{opacity:.25}.replay-cam{font:900 clamp(12px, 1.2vw, 16px) var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-hi)}.replay-skip{align-items:center;gap:14px;display:flex}@media (width<=760px){.logo{font-size:clamp(36px,11.5vw,150px);top:calc(76px + 1vh)}.tagline{white-space:normal;width:88vw;top:calc(76px + 3.5vh + 11.5vw)}.title-buttons{grid-template-columns:1fr;gap:14px;width:min(300px,80vw);bottom:5vh}.title-buttons .btn{width:100%;min-width:0}.btn.huge{padding:14px 40px 12px;font-size:26px}.levels-head{grid-template-columns:auto 1fr}.levels-head .btn{padding:10px 16px 9px;font-size:18px}.levels-title{white-space:normal;font-size:clamp(22px,6.4vw,46px);line-height:1.05}.levels-total{display:none}.level-grid{grid-template-columns:1fr}.results-card{padding:10px 16px 12px}.results-level{font-size:13px}.results-title{font-size:29px}.results-stars{gap:8px;margin-top:20px}.rstar{width:42px;height:42px}.rstar:nth-child(2){width:50px;height:50px;transform:translateY(-5px)}.results-score{flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-top:4px}.newbest{margin-top:0}@keyframes star-pop-mid{0%{transform:translateY(-5px)scale(.2)rotate(-40deg)}to{transform:translateY(-5px)scale(1)rotate(0)}}.results-score-value{font-size:36px}.results-lines{gap:8px;margin-top:8px}.results-lines .stat{gap:0;padding:3px 6px 4px}.results-lines .stat span{font-size:14.5px;line-height:1.15}.results-lines .stat b{font-size:20px;line-height:1}.results-next{margin-top:6px;font-size:15px}.results-unlock{margin-top:5px;font-size:15px}.results-buttons{gap:8px;margin-top:10px}.results-row{gap:8px}.results-row .btn{padding:10px 6px 9px;font-size:18px}.results-next-btn{min-height:50px;padding:12px 10px 11px;font-size:19px}}.run-ui{pointer-events:none;--r-common:#b8862b;--r-rare:#2f86d6;--r-epic:#9a47d8;--r-legendary:#ff5a2a;position:absolute;inset:0}.run-ui.off,.run-ui.res-open .run-hud{display:none}.run-pick,.run-results{z-index:20}.run-banners{z-index:6}body.overlay-open .run-hud{visibility:hidden}body.run-on .hud-level,body.run-on .hud-right{top:74px}body.run-on .hud-havoc,body.run-on .hud-tag,body.run-on .hud-rebuild{display:none}body.run-on .blow-pill{bottom:calc(var(--spell-top,0px) + 14px)}body.run-on .hud-corner{bottom:max(calc(var(--aim-h,0px) + 30px), calc(var(--spell-top,0px) + 12px))}body.run-modal .hud,body.run-modal .callouts,body.run-modal .magic-hud,body.run-modal .run-end,body.run-modal .run-pops,body.run-modal .magic-callout,body.run-modal .magic-chant{visibility:hidden!important}.title-buttons .title-town{grid-column:1/-1}.run-hud{pointer-events:auto;background:linear-gradient(180deg, var(--parchment-hi), var(--parchment));border:3px solid var(--brass);width:min(880px,100vw - 32px);height:52px;box-shadow:inset 0 0 0 2px #fbeac0, 0 4px 0 var(--brass-dark), var(--shadow);border-radius:14px;align-items:center;gap:12px;margin-left:16px;padding:6px 10px 6px 40px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.run-lv{color:#fff;background:radial-gradient(circle at 35% 28%, #ffd98a, var(--brass) 55%, #6f4a0e);z-index:1;border:3px solid #4a2606;border-radius:50%;align-content:center;place-items:center;gap:0;width:66px;height:66px;margin-top:-33px;display:grid;position:absolute;top:50%;left:-26px;box-shadow:inset 0 3px #ffe9ae,0 4px #4a2606,0 0 0 4px #ffe28f80,0 6px 14px #3c1e0559}.run-lv-cap{font:900 11px/1 var(--font-body);letter-spacing:.2em;text-shadow:0 1px #4a2606;margin:4px 0 -2px 3px}.run-lv-num{font:400 32px/1 var(--font-display);text-shadow:0 2px #4a2606,0 0 1px #4a2606}.run-lv.bump{animation:.9s cubic-bezier(.2,1.6,.4,1) lv-bump}@keyframes lv-bump{0%{transform:scale(1)}25%{transform:scale(1.45)rotate(-8deg);box-shadow:0 0 0 10px #ffe28fcc,0 0 40px 16px #ffcf4a}to{transform:scale(1)}}.run-xp{background:linear-gradient(#5a3f1a,#7a5a2a);border:2px solid #4a2606;border-radius:999px;flex:auto;min-width:120px;height:30px;position:relative;overflow:hidden;box-shadow:inset 0 3px 6px #00000073}.run-xp-ghost{opacity:.55;background:#fff3c2;width:0;transition:width .9s ease-out .15s;position:absolute;inset:0 auto 0 0}.run-xp-fill{background:linear-gradient(180deg, #fff2b8 0%, var(--gold) 38%, #f08a2c 78%, #c9431f 100%);border-radius:999px;width:0;transition:width .22s ease-out;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 -3px #78280059,0 0 12px #ffcf4a}.run-xp-shine{mix-blend-mode:soft-light;background:linear-gradient(100deg,#0000 30%,#ffffff73 45%,#0000 60%) 0 0/220% 100%;animation:2.6s linear infinite xp-shine;position:absolute;inset:0}@keyframes xp-shine{0%{background-position:130% 0}to{background-position:-90% 0}}.run-xp-text{font:900 14px/1 var(--font-body);letter-spacing:.06em;color:#fff;text-shadow:0 1px #4a2606,0 0 3px #4a2606,0 0 1px #000;white-space:nowrap;place-items:center;display:grid;position:absolute;inset:0}.run-xp-text b{font:400 17px/1 var(--font-display);letter-spacing:.03em;margin-right:4px}.run-combo{font:400 16px/1 var(--font-display);color:#fff;text-shadow:0 1px #4a2606,0 0 3px #4a2606;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.run-combo.hot{color:var(--gold-hi);animation:.5s ease-in-out infinite alternate combo-throb}@keyframes combo-throb{to{transform:translateY(-50%)scale(1.18)}}.run-town{flex-direction:column;flex:0 0 176px;gap:4px;display:flex}.run-town-head{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.run-town-cap{font:900 11px var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-dark)}.run-town-pct{font:400 20px/1 var(--font-display);color:var(--ink)}.run-town-lm{font:800 11.5px var(--font-body);color:var(--ink-soft);text-overflow:ellipsis;overflow:hidden}.run-town-bar{border:2px solid var(--brass);background:#e5cc98;border-radius:99px;height:9px;position:relative;overflow:visible}.run-town-bar i{background:linear-gradient(90deg, var(--ember), #c9431f);border-radius:99px;transition:width .3s;position:absolute;inset:0 auto 0 0}.run-town-bar u{background:var(--brass-dark);opacity:.55;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.run-town-bar u.lit{opacity:1;background:#fff;box-shadow:0 0 5px #ffcf4a}.run-town-bar em{background:var(--ember-dark);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-5px;bottom:-5px}.run-hud.near-raze .run-town-bar i{animation:.6s ease-in-out infinite alternate raze-pulse}@keyframes raze-pulse{to{filter:brightness(1.4);box-shadow:0 0 10px var(--ember)}}.run-end.chip-btn{flex:none;min-height:36px;padding:6px 12px;font-size:15px}.run-ready{cursor:pointer;pointer-events:auto;color:#fff;font:400 20px/1 var(--font-display);letter-spacing:.04em;background:linear-gradient(180deg, #ff9a5e, var(--ember) 55%, #c9431f);border:3px solid var(--ember-dark);box-shadow:0 4px 0 var(--ember-dark), 0 0 18px 4px #ffbe46cc;text-shadow:0 2px 0 var(--ember-dark);z-index:2;border-radius:12px;align-items:center;gap:6px;padding:6px 12px 6px 14px;animation:.8s ease-in-out infinite alternate ready-pulse;display:inline-flex;position:absolute;top:calc(100% + 6px);left:-30px}.run-ready i{font:400 18px/1 var(--font-display);color:var(--gold-hi);font-style:normal}.run-ready u{width:16px;height:22px;transform:rotate(var(--r,0deg));background:repeating-linear-gradient(45deg,#fff3c2 0 3px,#f2c14e 3px 6px);border:2px solid #4a2606;border-radius:3px;margin-right:2px;position:relative;box-shadow:0 2px #4a2606}.run-ready u+u{margin-left:-10px}.run-ready kbd{min-width:30px;font-size:12px}@keyframes ready-pulse{0%{transform:scale(1)rotate(-2deg)}to{box-shadow:0 4px 0 var(--ember-dark), 0 0 30px 10px #ffbe46e6;transform:scale(1.08)rotate(1deg)}}.run-lv.ready{cursor:pointer;animation:1s ease-in-out infinite alternate lv-ready}@keyframes lv-ready{to{box-shadow:inset 0 3px #ffe9ae,0 4px #4a2606,0 0 0 6px #ffe28fe6,0 0 30px 12px #ffcf4a}}.run-pops{width:0;height:0;position:absolute;top:100%;right:190px}.run-pop{right:var(--x,0px);white-space:nowrap;font:400 19px/1 var(--font-display);color:#fff;text-shadow:0 2px #7a3a08,0 0 4px #7a3a08,0 0 1px #000;align-items:baseline;gap:6px;animation:1.25s cubic-bezier(.2,.9,.3,1) forwards pop-rise;display:flex;position:absolute;top:6px}.run-pop span{font:900 13px var(--font-body);letter-spacing:.12em;color:var(--gold-hi)}.run-pop.big{font-size:24px}@keyframes pop-rise{0%{opacity:0;transform:translateY(10px)scale(.5)}18%{opacity:1;transform:translateY(0)scale(1.15)}75%{opacity:1}to{opacity:0;transform:translateY(26px)scale(.95)}}.run-flash{opacity:0;pointer-events:none;background:radial-gradient(at 50% 45%,#0000 45%,#ffcf4a8c 80%,#ff9628d9);position:absolute;inset:0}.run-flash.on{animation:.7s ease-out run-flash}@keyframes run-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.run-banners{flex-direction:column;align-items:center;gap:6px;width:min(56vw,760px);display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.run-banner{text-align:center;animation:2.4s cubic-bezier(.2,1.3,.4,1) forwards banner-slam}.run-banner.quick{animation-duration:1.6s}.run-banner.quick .run-banner-title{font-size:clamp(20px,2.4vw,32px)}.run-banner-title{font:400 clamp(22px, 3vw, 42px)/1.05 var(--font-display);letter-spacing:.02em;color:var(--gold-hi);text-wrap:balance;background:linear-gradient(180deg, #fff6c8 10%, var(--gold) 55%, #e08a2c);-webkit-text-stroke:.07em #4a2606;paint-order:stroke fill;filter:drop-shadow(0 .06em #4a2606)drop-shadow(0 0 18px #ffbe50cc);-webkit-background-clip:text;background-clip:text}.run-banner.tier3 .run-banner-title,.run-banner.razed .run-banner-title{background:linear-gradient(#ffd0a0 10%,#ff6a3a 55%,#b8261a);-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,3.6vw,50px)}.run-banner-sub{font:400 17px/1 var(--font-display);color:#fff;background:linear-gradient(180deg, #ff9a5e, var(--ember) 60%, #c9431f);border:3px solid var(--ember-dark);text-shadow:0 2px 0 var(--ember-dark);box-shadow:0 4px 0 var(--ember-dark);border-radius:999px;margin-top:5px;padding:4px 12px;display:inline-block}@keyframes banner-slam{0%{opacity:0;transform:scale(1.8)rotate(-4deg)}10%{opacity:1;transform:scale(.96)rotate(-1.5deg)}16%{transform:scale(1.03)rotate(-1.5deg)}22%,80%{opacity:1;transform:scale(1)rotate(-1.5deg)}to{opacity:0;transform:scale(.96)rotate(-1.5deg)translateY(-14px)}}.run-pick{pointer-events:auto;--glow:#ffcf4a;flex-direction:column;justify-content:center;align-items:center;gap:2.4vh;display:flex;position:absolute;inset:0;overflow:hidden}.run-pick[data-best=rare]{--glow:#7cc0ff}.run-pick[data-best=epic]{--glow:#d59bff}.run-pick[data-best=legendary]{--glow:#ff7a3a}.run-pick-dim{background:radial-gradient(at 50% 42%,#ffd68c59,#3c1e08b8 62%,#1e0e02e0);position:absolute;inset:0}.run-pick-rays{opacity:0;background:repeating-conic-gradient(from 0deg, #ffe28f33 0 6deg, transparent 6deg 15deg);width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax;position:absolute;top:42%;left:50%;-webkit-mask:radial-gradient(circle,#000 0 8%,#0000 42%);mask:radial-gradient(circle,#000 0 8%,#0000 42%)}.run-pick.go .run-pick-rays{animation:.5s ease-out forwards rays-in,30s linear infinite rays-spin}@keyframes rays-in{to{opacity:1}}@keyframes rays-spin{to{transform:rotate(360deg)}}.run-pick-ring{border:1.4vmin solid var(--glow);width:30vmin;height:30vmin;box-shadow:0 0 40px var(--glow), inset 0 0 40px var(--glow);opacity:0;border-radius:50%;margin:-15vmin 0 0 -15vmin;position:absolute;top:42%;left:50%}.run-pick.go .run-pick-ring{animation:.8s cubic-bezier(.1,.8,.3,1) forwards ring-out}.run-pick.go .run-pick-ring.r2{border-width:.6vmin;animation-delay:.14s}@keyframes ring-out{0%{opacity:1;transform:scale(.1)}to{opacity:0;transform:scale(5)}}.run-pick-sparks{position:absolute;top:42%;left:50%}.run-pick-sparks i{background:linear-gradient(#fff, var(--glow));width:1.6vmin;height:5vmin;box-shadow:0 0 12px var(--glow);opacity:0;transform:rotate(var(--a)) translateY(0);border-radius:99px;margin:-2.5vmin 0 0 -.8vmin;position:absolute}.run-pick.go .run-pick-sparks i{animation:.9s cubic-bezier(.1,.7,.3,1) forwards spark-out}@keyframes spark-out{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scaleY(.3)}40%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scaleY(1)}}.run-pick-head{text-align:center;position:relative}.run-pick-title{font:400 clamp(56px, 9vw, 120px)/.95 var(--font-display);letter-spacing:.03em;white-space:nowrap;color:var(--gold-hi);background:linear-gradient(180deg, #fff6c8 15%, var(--gold) 55%, #e7862c);-webkit-text-stroke:.07em #4a2606;paint-order:stroke fill;filter:drop-shadow(0 .07em 0 #4a2606) drop-shadow(0 0 26px var(--glow));-webkit-background-clip:text;background-clip:text}.run-pick.go .run-pick-title{animation:.55s cubic-bezier(.2,1.5,.4,1) both title-slam}@keyframes title-slam{0%{opacity:0;transform:scale(3)rotate(-10deg)}60%{opacity:1}to{opacity:1;transform:scale(1)rotate(-3deg)}}.run-pick-sub{font:900 18px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:3px solid var(--brass);box-shadow:0 3px 0 var(--brass-dark);background:#fdf4dcf2;border-radius:999px;margin-top:10px;padding:6px 20px;display:inline-block}.run-pick-sub b{font:400 22px/1 var(--font-display);color:var(--ember-dark)}.run-pick.go .run-pick-sub{animation:.4s ease-out .25s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.run-pick-more{font:900 15px var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);text-shadow:0 2px #4a2606;position:relative}.run-cards{perspective:1200px;justify-content:center;align-items:stretch;gap:26px;display:flex;position:relative}.rcard{--rc:var(--r-common);cursor:pointer;width:250px;min-height:340px;font:inherit;color:var(--ink);text-align:center;opacity:0;transform-style:preserve-3d;background:0 0;border:0;border-radius:20px;padding:0;transition:transform .16s ease-out,filter .16s;position:relative}.rcard.r-rare{--rc:var(--r-rare)}.rcard.r-epic{--rc:var(--r-epic)}.rcard.r-legendary{--rc:var(--r-legendary)}.run-pick.go .rcard{animation:card-flip .7s cubic-bezier(.2, 1.35, .4, 1) calc(.3s + var(--i) * .13s) both}@keyframes card-flip{0%{opacity:0;transform:translateY(120px)rotateY(-120deg)rotate(-8deg)scale(.5)}45%{opacity:1}to{opacity:1;transform:none}}.rcard-face{background:radial-gradient(circle at 50% 30%, #fffaf0, var(--parchment-hi) 45%, var(--parchment));border:4px solid var(--rc);box-shadow:inset 0 0 0 3px #fbeac0, inset 0 0 26px color-mix(in srgb, var(--rc) 28%, transparent), 0 6px 0 color-mix(in srgb, var(--rc) 55%, #3b2a14), 0 0 26px 4px color-mix(in srgb, var(--rc) 60%, transparent), 0 16px 30px #14080073;border-radius:20px;flex-direction:column;align-items:center;padding:34px 18px 14px;display:flex;position:absolute;inset:0}.rcard:hover,.rcard:focus-visible{filter:brightness(1.05);outline:none;transform:translateY(-12px)scale(1.04)rotate(-1deg)}.rcard:hover .rcard-face,.rcard:focus-visible .rcard-face{box-shadow:inset 0 0 0 3px #fbeac0, inset 0 0 30px color-mix(in srgb, var(--rc) 35%, transparent), 0 6px 0 color-mix(in srgb, var(--rc) 55%, #3b2a14), 0 0 44px 12px color-mix(in srgb, var(--rc) 75%, transparent), 0 22px 36px #14080080}.rcard-rarity{white-space:nowrap;font:400 17px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--rc);border:3px solid color-mix(in srgb, var(--rc) 50%, #2a1604);box-shadow:0 3px 0 color-mix(in srgb, var(--rc) 45%, #2a1604);text-shadow:0 2px #00000059;border-radius:10px;padding:6px 18px 5px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.rcard-art{color:#fff;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--rc) 45%, #fff), var(--rc) 55%, color-mix(in srgb, var(--rc) 55%, #1c0c02));width:112px;height:112px;box-shadow:inset 0 4px 0 #ffffff73, 0 4px 0 #4a2606, 0 0 0 5px color-mix(in srgb, var(--rc) 35%, transparent);border:4px solid #4a2606;border-radius:50%;flex:none;place-items:center;margin-bottom:12px;display:grid}.rcard-art .run-ico{filter:drop-shadow(0 3px #280e008c);width:64px;height:64px}.rcard-text{flex-direction:column;flex:auto;gap:8px;display:flex}.rcard-name{font:400 27px/1.02 var(--font-display);letter-spacing:.01em;color:var(--ink)}.rcard-desc{font:800 16.5px/1.28 var(--font-body);color:var(--ink-soft)}.rcard-foot{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;display:flex}.rcard-foot kbd{min-width:28px;height:28px;margin-left:auto;font-size:15px}.rcard-new{font:900 12px var(--font-body);letter-spacing:.14em;color:#fff;background:var(--ember);border-radius:6px;padding:3px 7px}.rcard-pips{font:900 13px var(--font-body);letter-spacing:.04em;color:var(--ink-soft);white-space:nowrap}.rcard-pips b{color:var(--ember-dark);font-size:15px}.rcard-pips small{opacity:.75;margin-left:1px;font-size:11px}.rcard-pips.one{font:800 12px var(--font-body);color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase}.rcard-seal{z-index:3;background:repeating-conic-gradient(from 0deg at 50% 45%, #9c1c10 0 10deg, #7a1208 10deg 20deg), #8a1a0c;pointer-events:none;border:4px solid #ffcf4a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #5a0c04,inset 0 0 40px #00000080,0 0 30px 6px #ff6e28b3}.rcard-seal-disc{width:104px;height:104px;font:400 58px/1 var(--font-display);color:#fff3c2;background:radial-gradient(circle at 35% 30%, #ffe28f, var(--brass) 60%, #6f4a0e);text-shadow:0 3px #4a2606;border:4px solid #4a2606;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 4px #fff2b8,0 5px #4a2606,0 0 24px #ffcf4a}.rcard-seal-cap{font:400 22px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:#ffe28f;text-shadow:0 2px #3a0802}.run-pick.go .rcard-seal{animation:seal-crack .55s ease-in calc(.95s + var(--i) * .13s) forwards}@keyframes seal-crack{0%{transform:none}25%{transform:rotate(-3deg)scale(1.03)}45%{transform:rotate(3deg)scale(1.05)}62%{filter:brightness(2.2);opacity:1;transform:scale(1.08)}to{filter:brightness(3);opacity:0;transform:scale(1.45)}}.rcard-crack{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0 12%,#fff3c2 22%,#ffbe46b3 40%,#0000 68%);border-radius:50%;width:260px;height:260px;margin:-130px 0 0 -130px;position:absolute;top:42%;left:50%}.run-pick.go .rcard-crack{animation:crack-burst .7s ease-out calc(1.2s + var(--i) * .13s) both}@keyframes crack-burst{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.6)}}.rcard.r-epic .rcard-face,.rcard.r-legendary .rcard-face{animation:1.4s ease-in-out infinite alternate rare-pulse}@keyframes rare-pulse{to{filter:brightness(1.06)saturate(1.15)}}.rcard.r-legendary:before{content:"";z-index:-1;background:conic-gradient(from var(--spin,0deg), #ff3d1f, #ffd24a, #fff3c2, #ff7a2a, #b8261a, #ff3d1f);filter:blur(1px);border-radius:27px;animation:2.2s linear infinite legend-spin;position:absolute;inset:-9px}.rcard.r-legendary:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 35%,#ffffffb3 48%,#0000 60%) 0 0/260% 100%;border-radius:20px;animation:2.4s ease-in-out infinite legend-sheen;position:absolute;inset:0}.rcard.r-legendary .rcard-name{color:#9c2410}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes legend-spin{to{--spin:360deg}}@keyframes legend-sheen{0%{background-position:140% 0}to{background-position:-60% 0}}.run-pick.leaving .rcard.chosen{z-index:2;animation:.5s cubic-bezier(.3,1.4,.5,1) forwards card-chosen}.run-pick.leaving .rcard.dismissed{animation:.35s ease-in forwards card-gone}.run-pick.leaving .run-pick-title,.run-pick.leaving .run-pick-sub{animation:.4s ease-in .1s forwards fade-out}.run-pick.leaving .run-pick-dim,.run-pick.leaving .run-pick-rays{animation:.45s ease-in 80ms forwards fade-out}@keyframes card-chosen{0%{opacity:1;transform:scale(1.04)}35%{opacity:1;filter:brightness(1.35);transform:scale(1.22)translateY(-20px)}to{opacity:0;transform:scale(.4)translateY(-60vh)}}@keyframes card-gone{to{opacity:0;transform:translateY(80px)rotate(6deg)scale(.8)}}@keyframes fade-out{to{opacity:0}}.run-fly{z-index:30;pointer-events:none;transform-origin:50%;box-shadow:0 0 30px 10px var(--rc), inset 0 4px 0 #ffffff73;margin:0;position:fixed}.run-land{z-index:30;pointer-events:none;border:6px solid var(--rc);width:40px;height:40px;box-shadow:0 0 24px 8px var(--rc);border-radius:50%;margin:-20px 0 0 -20px;animation:.7s ease-out forwards land-ring;position:fixed}@keyframes land-ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(4.5)}}.run-results{background:linear-gradient(90deg,#0000 30%,#28160659);flex-direction:column;justify-content:center;align-items:flex-end;gap:14px;padding:3vh 5vw 3vh 0;display:flex;position:absolute;inset:0}.run-res-card{text-align:center;pointer-events:auto;width:min(520px,100vw - 28px);padding:16px 24px 20px}.run-results.go .run-res-card{animation:.45s cubic-bezier(.2,1.3,.4,1) both fade-up}.run-res-town{font:900 14px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-dark)}.run-res-title{font:400 44px/1.05 var(--font-display);letter-spacing:.02em;margin:2px 0 0}.run-res-stars{margin:18px 0 2px}.run-results.go .run-rstar.lit{animation:star-pop .5s cubic-bezier(.2, 1.6, .4, 1) calc(.35s + var(--i) * .3s) both}.run-results.go .run-rstar.lit:nth-child(2){animation-name:star-pop-mid}.run-res-earned{font:400 20px/1.1 var(--font-display);color:#3f7d1f;letter-spacing:.02em;margin-top:4px}.run-res-next{font:700 15px var(--font-body);color:var(--ink-soft);justify-content:center;align-items:center;gap:6px;margin-top:6px;display:flex}.run-res-next .star-svg{width:20px;height:20px;fill:var(--parchment-hi);stroke:#8a6a3a;stroke-width:1.7px}.run-res-next b{color:var(--ink);font-weight:900}.run-res-stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.run-res-stats .stat{border:2px solid var(--edge);background:#fffaebb3;border-radius:12px;flex-direction:column;align-items:center;padding:6px 8px 7px;display:flex}.run-res-stats .stat span{font:700 14.5px var(--font-body);color:var(--ink-soft)}.run-res-stats .stat b{font:400 26px/1.05 var(--font-display);color:var(--ink)}.run-res-stats .stat small{color:var(--ink-soft);font-size:.65em}.run-res-lms{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.run-res-lms span{font:800 13px var(--font-body);color:#fff;background:var(--ember-dark);border-radius:99px;padding:3px 9px}.run-res-cards-cap{font:900 12.5px var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-dark);margin-top:12px}.run-res-cards{flex-wrap:wrap;justify-content:center;gap:6px;max-height:128px;margin-top:6px;display:flex;overflow:auto}.run-chip{--rc:var(--r-common);font:800 14px var(--font-body);background:var(--parchment-hi);border:2.5px solid var(--rc);box-shadow:0 2px 0 color-mix(in srgb, var(--rc) 55%, #3b2a14);border-radius:99px;align-items:center;gap:5px;padding:3px 10px 3px 4px;display:inline-flex}.run-chip.r-rare{--rc:var(--r-rare)}.run-chip.r-epic{--rc:var(--r-epic)}.run-chip.r-legendary{--rc:var(--r-legendary)}.run-chip .run-ico{color:#fff;background:var(--rc);border-radius:50%;width:22px;height:22px;padding:3px}.run-chip b{font:400 15px var(--font-display);color:var(--ember-dark)}.run-none{font:700 14px var(--font-body);color:var(--ink-soft)}.run-best{margin-top:10px;display:inline-block;position:static}.run-res-buttons{gap:10px;margin-top:16px;display:flex}.run-res-buttons .btn{flex:1 1 0;min-width:0;min-height:50px;padding-left:8px;padding-right:8px;font-size:19px}.run-res-next-town{min-height:54px;margin-top:10px;font-size:22px}.run-unlock{background:radial-gradient(circle at 18%,#4fd8b8,#16806c 55%,#083a32);border-color:#bff7e8;box-shadow:0 5px #06302a,0 0 40px 8px #50dcbea6}.run-unlock .run-unlock-name{-webkit-text-stroke-color:#04302a;text-shadow:0 3px #04302a,0 0 18px #7fffe0}.run-unlock .run-unlock-cap,.run-unlock .run-unlock-circle{color:#e8fff6}.run-unlock .run-unlock-circle i{border-color:#bff7e8}.run-unlock .run-unlock-sub b{color:#fff}.run-unlock.town-only{background:radial-gradient(circle at 18% 50%, #ffd98a, var(--brass) 55%, #4a2606);border-color:#fff2b8;box-shadow:0 5px #3a1e04,0 0 40px 8px #ffc85a99}.run-unlock{pointer-events:auto;color:#fff;background:radial-gradient(circle at 18%,#ff6a3a,#9c1c10 55%,#3a0a04);border:4px solid #ffcf4a;border-radius:18px;align-items:center;gap:16px;width:min(520px,100vw - 28px);padding:14px 20px;display:flex;position:relative;box-shadow:0 5px #6a1206,0 0 40px 8px #ff5a28b3}.run-results.go .run-unlock{animation:.8s cubic-bezier(.2,1.5,.4,1) 1.1s both unlock-slam}@keyframes unlock-slam{0%{opacity:0;transform:scale(2.2)rotate(-6deg)}60%{opacity:1}to{opacity:1;transform:scale(1)rotate(-1.5deg)}}.run-unlock-circle{color:#ffe28f;flex:none;place-items:center;width:92px;height:92px;display:grid;position:relative}.run-unlock-circle i{border:3px dashed #ffcf4a;border-radius:50%;animation:6s linear infinite rays-spin;position:absolute;inset:0}.run-unlock-circle i:nth-child(2){border-style:dotted;border-width:4px;animation-duration:4s;animation-direction:reverse;inset:10px}.run-unlock-circle i:nth-child(3){border:2px solid #ffe28f99;animation:none;inset:-8px;box-shadow:0 0 22px #ffcf4a}.run-unlock-circle .run-ico{filter:drop-shadow(0 0 8px #ffb04a);width:62px;height:62px;animation:9s linear infinite rays-spin}.run-unlock-text{text-align:left}.run-unlock-cap{font:900 13.5px var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:#ffe28f}.run-unlock-name{font:400 clamp(30px, 4vw, 44px)/1 var(--font-display);letter-spacing:.03em;color:#fff;-webkit-text-stroke:.06em #4a0a02;paint-order:stroke fill;text-shadow:0 3px #4a0a02,0 0 18px #ff9a4a}.run-unlock-sub{font:800 14px var(--font-body);color:#ffd9c2;margin-top:4px}@media (width<=760px){body.run-on .hud-level,body.run-on .hud-right{top:62px}.run-hud{gap:7px;width:calc(100vw - 44px);height:46px;margin-left:14px;padding:4px 6px 4px 30px;top:8px}.run-lv{width:52px;height:52px;margin-top:-26px;left:-22px}.run-lv-num{font-size:25px}.run-lv-cap{font-size:9px}.run-xp{min-width:60px;height:26px}.run-xp-text{font-size:11.5px}.run-xp-text b{font-size:14px}.run-town{flex-basis:64px}.run-town-cap,.run-town-lm{display:none}.run-town-pct{font-size:17px}.run-end.chip-btn{min-height:34px;padding:4px 8px;font-size:13px}.run-pops{right:110px}.run-banners{width:calc(100vw - 150px);top:116px}.run-banner-title{white-space:normal;font-size:21px}.run-banner.tier3 .run-banner-title,.run-banner.razed .run-banner-title{font-size:24px}.run-banner-sub{font-size:14px}.run-pick{justify-content:flex-start;gap:12px;padding-top:5vh}.run-pick-title{font-size:54px}.run-pick-sub{padding:5px 14px;font-size:14px}.run-pick-sub b{font-size:18px}.run-cards{flex-direction:column;gap:16px;width:calc(100vw - 28px)}.rcard{width:100%;min-height:128px}.rcard-face{text-align:left;flex-direction:row;align-items:center;gap:12px;padding:16px 14px 12px 12px}.rcard-rarity{padding:5px 12px 4px;font-size:13px;top:-13px;left:18px;transform:none}.rcard-art{width:74px;height:74px;margin:0}.rcard-art .run-ico{width:44px;height:44px}.rcard-text{gap:4px}.rcard-name{font-size:22px}.rcard-desc{font-size:14.5px}.rcard-foot{width:auto;margin:0;position:absolute;top:-13px;right:10px}.rcard-foot kbd{display:none}.rcard-pips{background:var(--parchment-hi);border:2px solid var(--rc);border-radius:8px;padding:3px 6px}.rcard-seal{flex-direction:row;gap:12px}.rcard-seal-disc{width:70px;height:70px;font-size:38px}.rcard-crack{width:200px;height:200px;margin:-100px 0 0 -100px;top:50%}.rcard:hover,.rcard:focus-visible{transform:scale(1.02)}.run-pick-rays,.run-pick-ring,.run-pick-sparks{top:12vh}.run-results{background:linear-gradient(#0000 30%,#28160666);justify-content:flex-end;align-items:center;gap:10px;padding:0 0 3vh}.run-res-card{padding:10px 14px 12px}.run-res-title{font-size:31px}.run-res-stats .stat b{font-size:21px}.run-res-cards{max-height:84px}.run-unlock{gap:10px;padding:10px 12px}.run-unlock-circle{width:64px;height:64px}.run-unlock-circle .run-ico{width:44px;height:44px}}.towns-sub{font:800 16px var(--font-body);color:var(--parchment-hi);text-shadow:0 2px #4a2606,0 0 6px #28140099;text-align:center;margin:-6px 0 16px}.town-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px;width:min(1080px,100%);display:grid}.town-card{cursor:pointer;text-align:left;font:inherit;color:var(--ink);background:linear-gradient(180deg, var(--parchment-hi), var(--parchment));border:4px solid var(--brass);box-shadow:inset 0 0 0 2px #fbeac0, 0 6px 0 var(--brass-dark), var(--shadow);animation:town-in .5s cubic-bezier(.2, 1.4, .4, 1) calc(var(--i) * .1s) both;border-radius:20px;flex-direction:column;padding:0;transition:transform .14s,box-shadow .14s,filter .14s;display:flex;position:relative;overflow:hidden}@keyframes town-in{0%{opacity:0;transform:translateY(40px)rotate(-2deg)scale(.9)}to{opacity:1;transform:none}}.town-card:not(.locked):hover,.town-card:not(.locked):focus-visible{box-shadow:inset 0 0 0 2px #fbeac0, 0 10px 0 var(--brass-dark), 0 0 34px 8px #ffc85aa6, var(--shadow);outline:none;transform:translateY(-8px)rotate(-.6deg)scale(1.02)}.town-card.fresh{border-color:var(--ember);box-shadow:inset 0 0 0 2px #fbeac0, 0 6px 0 var(--ember-dark), 0 0 26px 6px #ff783c8c, var(--shadow)}.town-art{background:var(--sky);border-bottom:4px solid var(--brass);height:128px;display:block;position:relative;overflow:hidden}.town-art:after{content:"";background:linear-gradient(#7fae4e,#5a8a34);height:30px;position:absolute;inset:auto 0 0}.town-skyline{color:#4a2e18;z-index:1;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.town-skyline .run-ico{filter:drop-shadow(0 4px #28140059);width:150px;height:150px;display:block}.town-card:not(.locked):hover .town-skyline{animation:.35s ease-in-out infinite skyline-shake}@keyframes skyline-shake{0%,to{transform:translate(-50%)rotate(0)}25%{transform:translate(calc(-50% - 2px))rotate(-1.2deg)}75%{transform:translate(calc(2px - 50%))rotate(1.2deg)}}.town-tier{z-index:2;font:400 16px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--plum);border:3px solid #3a2060;border-radius:10px;padding:5px 12px 4px;position:absolute;top:10px;left:12px;box-shadow:0 3px #3a2060}.town-new{z-index:2;font:400 18px/1 var(--font-display);color:#fff;background:var(--ember);border:3px solid var(--ember-dark);box-shadow:0 3px 0 var(--ember-dark);border-radius:10px;padding:5px 12px 4px;animation:.8s ease-in-out infinite alternate ready-pulse;position:absolute;top:10px;right:12px}.town-body{flex-direction:column;gap:6px;padding:12px 18px 16px;display:flex}.town-name{font:400 32px/1 var(--font-display);letter-spacing:.02em}.town-blurb{font:700 15.5px/1.35 var(--font-body);color:var(--ink-soft);min-height:42px}.town-foot{border-top:2px dashed var(--edge);justify-content:space-between;align-items:center;margin-top:2px;padding-top:8px;display:flex}.town-stars{gap:3px;display:flex}.tstar .star-svg{width:26px;height:26px;fill:var(--parchment-hi);stroke:#8a6a3a;stroke-width:1.6px}.tstar.lit .star-svg{fill:#f5a300;stroke:var(--brass-dark)}.town-best{font:800 14px var(--font-body);color:var(--ink-soft);letter-spacing:.03em}.town-best b{font:400 18px var(--font-display);color:var(--ember-dark)}.town-rewards{font:800 14px var(--font-body);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.town-rewards em{color:var(--brass-dark);letter-spacing:.08em;text-transform:uppercase;font-size:12.5px;font-style:normal}.town-rewards .run-ico{vertical-align:-7px;color:#fff;background:#2a9a86;border-radius:50%;width:24px;height:24px;margin-right:4px;padding:3px}.town-rewards b:nth-of-type(n){font-weight:900}.town-card.locked{cursor:default}.town-card.locked .town-skyline{color:#3a3a3a;opacity:.6}.town-card.locked{filter:none}.town-card.locked .town-art{filter:saturate(.25)brightness(.8)}.town-lock{border:2px solid var(--brass);color:var(--ink);font:800 15px/1.3 var(--font-body);background:#efdcae;border-radius:12px;align-items:center;gap:10px;margin-top:4px;padding:8px 12px;display:flex}.town-lock .ico{width:30px;height:30px;color:var(--brass-dark);flex:none}.town-lock b{color:var(--ember-dark)}.town-mini{z-index:1;width:100%;height:calc(100% - 6px);position:absolute;inset:6px 0 0}.town-card:not(.locked):hover .town-mini{animation:.35s ease-in-out infinite mini-shake}@keyframes mini-shake{0%,to{transform:rotate(0)}25%{transform:translate(-2px)rotate(-.8deg)}75%{transform:translate(2px)rotate(.8deg)}}@media (width<=760px){.town-grid{grid-template-columns:1fr;gap:16px}.town-art{height:96px}.town-skyline .run-ico{width:110px;height:110px}.town-name{font-size:27px}.towns-sub{margin-bottom:10px;font-size:14px}}.rcard-tag{font:900 11.5px/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#7a6a52;border:2px solid #00000040;border-radius:99px;margin:-4px 0 8px;padding:3px 10px 2px}.rcard-tag.t-stat{background:#9a8a6a}.rcard-tag.t-meteor,.rcard-tag.t-fire{background:#d8502a}.rcard-tag.t-lightning{background:#2f86d6}.rcard-tag.t-quake{background:#8a6a2a}.rcard-tag.t-cyclone{background:#2a9a86}.rcard-tag.t-payload{background:#6f4a0e}.rcard-tag.t-chaos{background:#6b3fa0}.rcard-tag.t-ultimate{background:#9c1c10}.rcard.r-school{--rc:#b8862b;min-height:400px}.rcard.s-fire{--rc:#e8502a}.rcard.s-storm{--rc:#2f86d6}.rcard.s-earth{--rc:#9a7a2a}.rcard.r-school .rcard-face{animation:1.6s ease-in-out infinite alternate rare-pulse}.rcard.r-school .rcard-art{width:124px;height:124px}.rcard.r-school .rcard-name{font-size:32px}.rcard-starts{border:2px dashed var(--rc);background:#fffaebcc;border-radius:12px;flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:10px;padding:8px 10px;display:flex}.rcard-starts em{font:900 11px var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-style:normal}.rcard-starts b{font:400 21px/1.1 var(--font-display);color:var(--ink)}.rcard-starts small{font:700 13px/1.25 var(--font-body);color:var(--ink-soft)}.rcard.last .rcard-new{background:var(--brass-dark)}.run-pick[data-mode=loadout] .run-pick-title{font-size:clamp(46px,7vw,96px)}.run-pick[data-mode=loadout] .run-pick-more{text-transform:none;letter-spacing:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:900px;display:flex}.run-extra-cap{font:900 13px var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);text-shadow:0 2px #4a2606}.run-extra-gap{width:16px}.run-pick-more .run-chip{color:var(--ink);text-shadow:none;letter-spacing:.02em;padding:3px 10px}.run-ui.school-fire .run-xp-fill{background:linear-gradient(#ffe0a0 0%,#ff9a4a 38%,#e8402a 78%,#a0200e 100%)}.run-ui.school-storm .run-xp-fill{background:linear-gradient(#e8f6ff 0%,#8fd0ff 38%,#3f8fd8 78%,#1a4f9a 100%);box-shadow:inset 0 -3px #001e5059,0 0 12px #6fc4ff}.run-ui.school-earth .run-xp-fill{background:linear-gradient(#f4e6b0 0%,#d8b060 38%,#9a7a2a 78%,#5a4410 100%)}.run-ui.school-fire .run-lv{background:radial-gradient(circle at 35% 28%,#ffc08a,#e8502a 55%,#7a1a08)}.run-ui.school-storm .run-lv{background:radial-gradient(circle at 35% 28%,#c8ecff,#2f86d6 55%,#0e2e6a)}.run-ui.school-earth .run-lv{background:radial-gradient(circle at 35% 28%,#f0d890,#9a7a2a 55%,#4a3408)}.run-muts{gap:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.run-mut{font:900 12px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--plum);border:2px solid #3a2060;border-radius:99px;align-items:center;gap:4px;padding:3px 9px 3px 4px;display:inline-flex;box-shadow:0 2px #3a2060}.run-mut .run-ico{width:18px;height:18px}.run-night{pointer-events:none;opacity:0;mix-blend-mode:multiply;background:radial-gradient(at 50% 65%,#5a6ec814,#14184661 80%),linear-gradient(#10123c52,#281e500f 60%);transition:opacity .8s;position:fixed;inset:0}.run-night.on{opacity:1}@media (width<=760px){.rcard.r-school{min-height:150px}.rcard.r-school .rcard-art{width:70px;height:70px}.rcard.r-school .rcard-name{font-size:22px}.rcard-starts{flex-direction:row;align-self:flex-start;gap:6px;width:auto;margin-top:4px;padding:3px 8px}.rcard-starts em{font-size:10px}.rcard-starts b{font-size:16px}.rcard-starts small{display:none}.r-school .rcard-text{flex:auto}.r-school .rcard-face{flex-wrap:wrap}.run-pick[data-mode=loadout] .run-pick-title{white-space:normal;max-width:calc(100vw - 32px);font-size:34px;line-height:1}.town-blurb{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0;display:-webkit-box;overflow:hidden}.grim-head span,.rcard-tag{display:none}.run-muts{top:calc(100% + 40px)}}.town-slot{flex-direction:column;gap:8px;display:flex}.town-muts{border:2px solid var(--brass);box-shadow:0 3px 0 var(--brass-dark);background:#fdf4dce0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.town-muts-cap{font:900 12px var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--plum);margin-right:2px}.town-muts-locked{font:800 13px var(--font-body);color:var(--ink-soft)}.mut-toggle{cursor:pointer;min-height:36px;font:900 13px var(--font-body);color:var(--ink);background:var(--parchment-hi);border:2px solid var(--brass);box-shadow:0 2px 0 var(--brass-dark);border-radius:99px;align-items:center;gap:5px;padding:4px 11px 4px 5px;display:inline-flex}.mut-toggle .run-ico{color:#fff;background:#9a8a6a;border-radius:50%;width:24px;height:24px;padding:3px}.mut-toggle.on{color:#fff;background:linear-gradient(180deg, #8a5ac8, var(--plum));border-color:#3a2060;box-shadow:0 2px #3a2060,0 0 12px #965adcb3}.mut-toggle.on .run-ico{background:#3a2060}.grimoire{flex-wrap:wrap;align-items:center;gap:10px 18px;width:min(1080px,100%);margin:0 0 18px;padding:10px 16px 12px;display:flex}.grim-head{flex-direction:column;flex:260px;gap:2px;display:flex}.grim-head b{font:400 26px/1 var(--font-display);color:var(--plum)}.grim-head span{font:700 14px/1.3 var(--font-body);color:var(--ink-soft)}.grim-slots{flex-wrap:wrap;gap:10px;display:flex}.grim-slot{cursor:pointer;border:3px dashed var(--brass);min-width:170px;min-height:48px;font:inherit;background:repeating-linear-gradient(45deg,#f7ecd0 0 8px,#efe0bc 8px 16px);border-radius:14px;place-items:center;padding:6px 10px;display:grid}.grim-slot:disabled{cursor:default;opacity:.7}.grim-slot:not(:disabled):hover{border-style:solid;box-shadow:0 0 14px #965adc80}.grim-empty{font:800 14px var(--font-body);color:var(--ink-soft)}@media (width<=760px){.grim-slot{flex:140px;min-width:0}}body.run-on.spell-callout-on .callouts{opacity:0;transition:opacity .12s}body.cinematic .hud,body.cinematic .run-hud,body.cinematic .run-pops,body.cinematic .callouts{opacity:.2;transition:opacity .25s}body.cinematic .hud-aim,body.cinematic .run-ready{visibility:hidden}.hud,.run-hud{transition:opacity .35s}.magic-hud{pointer-events:none;position:absolute;inset:0}.magic-hud.off .spell-bar{display:none}.magic-hud.dim .spell-bar{opacity:.18;transition:opacity .2s}.magic-back{z-index:0}body.overlay-open .magic-hud{visibility:hidden}.magic-hud .spell-bar{pointer-events:auto;flex-direction:column;gap:9px;padding:16px 18px 10px;display:flex;position:absolute;bottom:16px;left:50%}.spell-slots{justify-content:center;align-items:flex-end;gap:14px;display:flex}.spell-slot{--spell:var(--brass);cursor:pointer;border:3px solid var(--brass);background:linear-gradient(180deg, var(--parchment-hi), #ead3a0);width:62px;height:62px;box-shadow:inset 0 2px 0 #fff9, 0 4px 0 var(--brass-dark), 0 8px 14px #321c0847;border-radius:14px;place-items:center;padding:0;transition:transform .1s,box-shadow .1s;display:grid;position:relative}.spell-slot:hover{transform:translateY(-2px)}.spell-slot.ultimate{background:radial-gradient(circle at 50% 38%,#fff3dc,#f3c9a8 70%,#e2a07c);border-color:#7a1022;border-radius:18px;width:74px;height:74px}.spell-icon svg{filter:drop-shadow(0 2px #3c1e0559);width:42px;height:42px;display:block}.spell-slot.ultimate .spell-icon svg{width:52px;height:52px}.spell-key{position:absolute;top:-10px;left:-10px}.spell-cost{min-width:25px;height:22px;font:900 12.5px/1 var(--font-body);color:#fff;text-shadow:0 1px #1d4f8a;background:linear-gradient(#7cc8ff,#2d78c8);border:2px solid #1d4f8a;border-radius:11px;place-items:center;padding:0 6px;display:grid;position:absolute;bottom:-9px;right:-9px;box-shadow:0 2px #1d4f8a}.spell-slot.poor .spell-cost{border-color:var(--ember-dark);box-shadow:0 2px 0 var(--ember-dark);text-shadow:none;background:linear-gradient(#ff9a7a,#c9431f)}.spell-slot.poor .spell-icon,.spell-slot.cooling .spell-icon{filter:grayscale(.75)brightness(.8)}.spell-cd{pointer-events:none;background:conic-gradient(#281606a8 calc(var(--cd,0) * 360deg), transparent 0);border-radius:11px;position:absolute;inset:0}.spell-slot.ultimate .spell-cd{border-radius:15px}.spell-cd-text{font:400 26px/1 var(--font-display);color:#fff;text-shadow:0 2px #0009;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.spell-name{white-space:nowrap;pointer-events:none;opacity:0;font:400 16px/1 var(--font-display);letter-spacing:.03em;color:#fff;background:var(--spell);border:2px solid var(--brass-dark);box-shadow:0 3px 0 var(--brass-dark);text-shadow:0 1px #0006;border-radius:9px;padding:5px 10px 4px;transition:opacity .12s;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.spell-slot:hover .spell-name,.spell-slot.selected .spell-name,.spell-slot.casting .spell-name{opacity:1}.spell-slot.selected{border-color:var(--spell);box-shadow:inset 0 2px 0 #fff9, 0 0 0 3px var(--gold-hi), 0 0 22px 6px var(--spell), 0 6px 0 var(--brass-dark);transform:translateY(-7px)}.spell-slot.casting{border-color:var(--spell);animation:.3s ease-in-out infinite alternate spell-pulse}@keyframes spell-pulse{0%{box-shadow:inset 0 2px 0 #fff9, 0 0 0 3px var(--gold-hi), 0 0 10px 2px var(--spell), 0 4px 0 var(--brass-dark)}to{box-shadow:inset 0 2px 0 #fff9, 0 0 0 3px var(--gold-hi), 0 0 28px 10px var(--spell), 0 4px 0 var(--brass-dark)}}.mana-row{border-top:2px dashed var(--edge);align-items:center;gap:8px;padding-top:7px;display:flex}.mana-gem svg{width:22px;height:22px;display:block}.mana-track{border:2px solid var(--brass-dark);background:#1d2a44;border-radius:7px;flex:1;height:14px;overflow:hidden;box-shadow:inset 0 2px 3px #00000073}.mana-fill{background:linear-gradient(90deg,#3a6fe0,#6cc8ff 70%,#c8f2ff);width:100%;height:100%;box-shadow:0 0 8px #6cc8ff}.mana-text{text-align:right;min-width:64px;font:400 17px/1 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}.magic-chant{--spell:#fff;text-align:center;opacity:0;pointer-events:none;width:min(920px,86vw);transition:opacity .15s;position:absolute;top:16vh;left:50%;transform:translate(-50%)}.magic-chant.on{opacity:1}.magic-chant-text{font:400 clamp(22px, 2.5vw, 34px)/1.25 var(--font-display);letter-spacing:.03em;color:#fff;text-shadow:0 0 14px var(--spell), 0 0 4px var(--spell), 0 3px 0 #2a1406}.magic-chant.ultimate .magic-chant-text{color:#ffe6c4;text-shadow:0 0 22px var(--spell), 0 0 6px var(--spell), 0 4px 0 #2a0508;font-size:clamp(28px,3.3vw,48px);font-style:italic}.magic-vignette{--spell:#c21f3a;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%, transparent 38%, color-mix(in srgb, var(--spell) 75%, #000) 125%);position:absolute;inset:0}.magic-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.magic-callout{--spell:#c21f3a;opacity:0;pointer-events:none;white-space:nowrap;font:400 clamp(34px, 4.6vw, 76px)/1 var(--font-display);letter-spacing:.04em;color:#fff4d8;-webkit-text-stroke:3px var(--spell);paint-order:stroke fill;text-shadow:0 0 26px var(--spell), 0 7px 0 #3a0a10, 0 12px 30px #00000080;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}@media (width<=760px){.magic-hud .spell-bar{gap:7px;padding:12px 10px 8px}.spell-slots{gap:10px}.spell-slot{border-radius:12px;width:50px;height:50px}.spell-slot.ultimate{width:58px;height:58px}.spell-icon svg{width:34px;height:34px}.spell-slot.ultimate .spell-icon svg{width:42px;height:42px}.magic-hud .spell-bar.column{align-items:center;gap:6px;padding:9px 6px 6px}.spell-bar.column .spell-slots{flex-direction:column;gap:9px}.spell-bar.column .spell-slot{border-radius:11px;width:42px;height:42px}.spell-bar.column .spell-slot.ultimate{border-radius:13px;width:46px;height:46px}.spell-bar.column .spell-icon svg{width:28px;height:28px}.spell-bar.column .spell-slot.ultimate .spell-icon svg{width:32px;height:32px}.spell-bar.column .spell-slot.selected{transform:translate(-6px)}.spell-bar.column .spell-slot:hover{transform:none}.spell-bar.column .spell-name{font-size:14px;top:50%;left:auto;right:54px;transform:translateY(-50%)}.spell-bar.column .spell-cost{min-width:20px;height:17px;padding:0 4px;font-size:10.5px;bottom:-6px;right:-6px}.spell-bar.column .spell-cd-text{font-size:18px}.spell-bar.column .spell-key{display:none}.spell-bar.column .mana-row{flex-direction:column;gap:2px;padding-top:5px}.spell-bar.column .mana-gem{display:none}.spell-bar.column .mana-track{flex:none;width:42px;height:9px}.spell-bar.column .mana-text{text-align:center;min-width:0;font-size:12px}}.magic-callout{-webkit-text-stroke-width:2px;font-size:clamp(26px,3.2vw,50px)}.magic-callout.big{-webkit-text-stroke-width:3px;font-size:clamp(34px,4.6vw,76px)}.spell-role{font:800 11.5px/1.2 var(--font-body);letter-spacing:.02em;opacity:.92;text-shadow:none;margin-top:3px}.mana-row{position:relative}.mana-pop{font:400 18px/1 var(--font-display);color:#bff0ff;pointer-events:none;text-shadow:0 0 8px #3a9aff,0 2px #1d4f8a;animation:.9s ease-out forwards mana-pop;position:absolute;top:-4px;right:70px}@keyframes mana-pop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}.mana-fill.gain{animation:.5s ease-out mana-gain}@keyframes mana-gain{0%{filter:brightness(2.2);box-shadow:0 0 16px #bff0ff}to{filter:none}}.magic-hud .spell-bar.many .spell-slots{gap:10px}.spell-bar.many .spell-slot{border-radius:12px;width:54px;height:54px}.spell-bar.many .spell-slot.ultimate{border-radius:15px;width:64px;height:64px}.spell-bar.many .spell-icon svg{width:36px;height:36px}.spell-bar.many .spell-slot.ultimate .spell-icon svg{width:44px;height:44px}@media (width<=760px){.spell-bar.column.many .spell-slots{grid-template-columns:repeat(2,42px);place-items:center;gap:8px;display:grid}.spell-bar.column.many .spell-slot,.spell-bar.column.many .spell-slot.ultimate{border-radius:11px;width:42px;height:42px}.spell-bar.column.many .spell-icon svg,.spell-bar.column.many .spell-slot.ultimate .spell-icon svg{width:28px;height:28px}.spell-bar.column.many .mana-track{width:92px}}.spell-name{top:auto;bottom:calc(100% + 16px)}@media (width<=760px){.spell-bar.column .spell-name{bottom:auto}.spell-bar.column .spell-role{display:none}.spell-bar.column .spell-slot:hover .spell-name{opacity:0}.spell-bar.column .spell-slot.selected .spell-name{opacity:1}}