:root{--u:min(calc(100vw / 960), calc(100vh / 540));--ink:#f3efe4;--muted:#a9b7b2;--mint:#9fe5ce;--amber:#ffcf6e;--danger:#ff8a6a;--glass:#0b141fc4;--line:#ffffff1f;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--tartan:#8e1b24;--tartan-bright:#a8212b;--cream:#fff4dc;--paper:#f6e6c4;--gold:#e2b867;--brown:#3a2418;--brown-soft:#6e5038;--night:#170d09;--display:"Scotty Display", "Iowan Old Style", Georgia, serif;--serif:"Scotty Serif", "Iowan Old Style", Georgia, serif;color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;background:#0b141f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@supports (height:100dvh){:root{--u:min(calc(100vw / 960), calc(100dvh / 540))}}*{box-sizing:border-box}html,body{background:#0b141f;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game{-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.game:not([data-menu=none]) #game{cursor:default}.vignette{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 18vmin 3vmin #ff3b2fa6}.hud{padding:calc(12 * var(--u)) calc(18 * var(--u)) calc(24 * var(--u));pointer-events:none;text-shadow:0 1px 3px #0009;background:linear-gradient(#0b141fa6,#0b141f00);grid-template-columns:1fr auto 1fr;align-items:start;transition:opacity .25s;display:grid;position:absolute;inset:0 0 auto}.game[data-menu=title] .hud,.game[data-menu=results] .hud,.game[data-menu=gate] .hud{opacity:0}.game[data-menu=pause] .hud{z-index:1}.hud-label{font:600 max(9px, calc(8 * var(--u))) var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hud-number{font:650 max(20px, calc(26 * var(--u))) / 1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;display:inline-block}.hud-score{gap:calc(2 * var(--u));flex-direction:column;align-items:flex-start;display:flex;position:relative}.score-row{align-items:center;gap:calc(8 * var(--u));display:flex}.multiplier{background:var(--amber);color:#1b1306;text-shadow:none;font:700 max(11px, calc(12 * var(--u))) var(--mono);border-radius:999px;padding:.15em .45em}.score-pop{left:calc(100% + 10 * var(--u));opacity:0;white-space:nowrap;font:700 max(13px, calc(15 * var(--u))) var(--mono);color:var(--amber);position:absolute;bottom:0}.hud-clock{align-items:center;gap:calc(6 * var(--u));flex-direction:column;display:flex}.time-urgent{color:var(--danger);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.08)}}.meter{align-items:baseline;gap:calc(4 * var(--u)) calc(10 * var(--u));grid-template-columns:auto auto;display:grid}.meter-label{font:600 max(9px, calc(8 * var(--u))) var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-self:end}.meter-text{font:650 max(16px, calc(20 * var(--u))) / 1 var(--mono);font-variant-numeric:tabular-nums;justify-self:start}.meter-track{justify-self:center;gap:max(2px, calc(2.5 * var(--u)));grid-column:1/-1;display:flex}.meter-track i{width:max(11px, calc(15 * var(--u)));height:max(5px, calc(7 * var(--u)));border-radius:max(1px, calc(1.5 * var(--u)));background:#ffffff1a;position:relative;overflow:hidden;transform:skew(-24deg)}.meter-track b{width:calc(clamp(0, var(--fill,0) - var(--i), 1) * 100%);box-shadow:0 0 calc(6 * var(--u)) #5fe8bfaa;background:linear-gradient(90deg,#1fa37f,#7af5cf);transition:width .25s;position:absolute;inset:0 auto 0 0}.meter-track i[data-lead] b{background:#c6fff0;animation:1.1s infinite flicker}@keyframes flicker{0%,to{opacity:1}45%{opacity:.55}50%{opacity:1}70%{opacity:.75}}.meter[data-kind=corruption] .meter-track i[data-zone]{background:#ff8a6a26;box-shadow:inset 0 0 0 1px #ff8a6a55}.meter[data-kind=leaving] .meter-track b{background:linear-gradient(90deg, var(--amber), var(--mint));box-shadow:none}.meter-urgent .meter-text{color:var(--danger);animation:1s ease-in-out infinite pulse}.meter-urgent .meter-track b{background:linear-gradient(90deg, #d0548e, var(--danger));box-shadow:0 0 calc(7 * var(--u)) #ff6a5aaa}.meter-urgent .meter-track i[data-lead] b{background:#ffc0a8}@font-face{font-family:Cormorant HUD;src:url(../fonts/cormorant-garamond-italic-latin.woff2)format("woff2");font-style:italic;font-weight:500 700;font-display:swap}.threat{--threat:#fff1d6;--flame:.65;align-items:center;gap:calc(6 * var(--u));font:italic 600 max(15px, calc(15 * var(--u))) / 1 "Cormorant HUD", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;letter-spacing:.01em;text-transform:lowercase;color:#f6ecd6;display:inline-flex}.threat-label{-webkit-text-stroke:max(4px, calc(4.5 * var(--u))) #2a0f09;paint-order:stroke fill;filter:drop-shadow(0 calc(2.5 * var(--u)) 0 #2a0f09);font-weight:700}.threat-lantern{width:max(15px, calc(19 * var(--u)));height:max(21px, calc(27 * var(--u)));filter:drop-shadow(1.5px 0 #2a0f09)drop-shadow(-1.5px 0 #2a0f09)drop-shadow(0 1.5px #2a0f09)drop-shadow(0 -1.5px #2a0f09);overflow:visible}.lantern-frame{fill:none;stroke:#d9c9a3;stroke-width:1.3px;stroke-linejoin:round;stroke-linecap:round}.lantern-glass{fill:#0b141f99}.lantern-flame{fill:var(--threat);transform-origin:12px 23px;transform:scale(var(--flame));filter:drop-shadow(0 0 2px var(--threat));transition:transform .3s,fill .3s}.lantern-halo{fill:var(--threat);opacity:.16;transform-origin:12px 20px;transform:scale(var(--flame));transition:transform .3s}.threat[data-state=warning] .lantern-flame{animation:.5s ease-in-out infinite flame-breathe}.threat[data-state=warning],.threat[data-state=active]{color:var(--threat)}.threat[data-state=active] .threat-lantern{animation:.18s linear infinite lantern-shake}@keyframes flame-breathe{50%{transform:scale(calc(var(--flame) * 1.12));opacity:.85}}@keyframes lantern-shake{25%{transform:translate(-1px)}75%{transform:translate(1px)}}.icon-button{pointer-events:auto;width:max(34px, calc(34 * var(--u)));aspect-ratio:1;border:1px solid var(--line);background:var(--glass);color:var(--ink);border-radius:50%;justify-self:end;place-items:center;padding:0;display:grid}.icon-button:hover:not(:disabled){background:#1d2c3bf0}.icon-button svg{fill:currentColor;width:50%;height:50%}.game:not([data-menu=none]) .icon-button{visibility:hidden}.abilities{left:calc(18 * var(--u));bottom:calc(16 * var(--u));gap:calc(12 * var(--u));pointer-events:none;text-shadow:0 1px 3px #0009;transition:opacity .25s;display:flex;position:absolute}.game[data-menu=title] .abilities,.game[data-menu=results] .abilities,.game[data-menu=gate] .abilities{opacity:0}.ability{--charge:1;--tone:var(--mint);align-items:center;gap:calc(6 * var(--u));flex-direction:column;display:flex}.ability[data-id=bark]{--tone:var(--amber)}.ability-dial{width:max(40px, calc(42 * var(--u)));aspect-ratio:1;background:conic-gradient(var(--tone) calc(var(--charge) * 1turn), #0b141fb3 0);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 4px 14px #0007}.ability-dial:before{content:"";inset:max(3px, calc(4 * var(--u)));background:radial-gradient(circle at 50% 30%,#22334a,#0b141f 75%);border-radius:50%;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.ability-dial svg{width:44%;height:44%;fill:var(--tone);opacity:0;grid-area:1/1;transition:opacity .2s;position:relative}.ability-dial svg .wave{fill:none;stroke:var(--tone);stroke-width:2px;stroke-linecap:round}.ability-seconds{font:700 max(11px, calc(12 * var(--u))) var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);grid-area:1/1;position:relative}.ability-name{font:700 max(9px, calc(7.5 * var(--u))) var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.5em;display:flex}.ability-name kbd{min-width:0;height:auto;font-size:inherit;letter-spacing:.04em;padding:.15em .45em}.ability[data-ready] .ability-dial{box-shadow:0 0 0 1px var(--tone), 0 0 calc(18 * var(--u)) -2px var(--tone), 0 4px 14px #0007}.ability[data-ready] .ability-dial svg{opacity:1}.ability[data-ready] .ability-name{color:var(--ink)}.ability[data-cue] .ability-dial{animation:.35s ease-in-out infinite alternate ability-cue}@keyframes ability-cue{to{box-shadow:0 0 0 2px var(--tone), 0 0 calc(30 * var(--u)) 2px var(--tone);transform:scale(1.12)}}.callout{left:50%;top:calc(104 * var(--u));text-align:center;pointer-events:none;opacity:0;text-shadow:0 2px 10px #000c;flex-direction:column;align-items:center;gap:.3em;max-width:min(640px,80vw);transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%)}.callout-visible{opacity:1}.callout strong{font:800 max(19px, calc(22 * var(--u))) / 1.1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--amber);letter-spacing:-.01em}.callout[data-tone=bad] strong{color:var(--danger)}.callout span{font-size:max(12px, calc(11 * var(--u)));color:var(--ink)}.callout span:empty{display:none}.banner{left:50%;top:calc(96 * var(--u));width:max-content;max-width:min(80vw, calc(600 * var(--u)));padding:calc(12 * var(--u)) calc(48 * var(--u));text-align:center;pointer-events:none;opacity:0;text-shadow:0 2px 14px #000d;background:radial-gradient(closest-side,#0b141fb0,#0b141f00);flex-direction:column;align-items:center;gap:.45em;transition:opacity .6s;display:flex;position:absolute;transform:translate(-50%)}.banner-visible{opacity:1}.banner-eyebrow{font:700 max(10px, calc(9 * var(--u))) var(--mono);letter-spacing:.4em;color:var(--amber);align-items:center;gap:1em;display:flex}.banner-eyebrow:before,.banner-eyebrow:after{content:"";width:calc(28 * var(--u));background:linear-gradient(90deg,#0000,currentColor);height:1px}.banner-eyebrow:after{background:linear-gradient(90deg,currentColor,#0000)}.banner strong{font:700 max(24px, calc(28 * var(--u))) / 1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;letter-spacing:.16em}.banner-detail{font-size:max(12px, calc(11 * var(--u)));color:var(--ink);opacity:.8;line-height:1.4}.banner-detail:empty{display:none}.banner[data-kind=act]{text-shadow:none;background:0 0;flex-direction:row;align-items:baseline;gap:.45em}.banner[data-kind=act] .banner-eyebrow{display:none}.banner[data-kind=act] :is(strong,.banner-detail){font:900 max(34px, calc(44 * var(--u))) / 1 var(--display);letter-spacing:.04em;color:var(--cream);opacity:1;-webkit-text-stroke:max(4px, calc(4.5 * var(--u))) #2a0f09;paint-order:stroke fill;filter:drop-shadow(0 calc(4 * var(--u)) 0 #2a0f09)}.banner[data-kind=act] .banner-detail{color:var(--gold)}.hint{left:50%;bottom:calc(18 * var(--u));border:1px solid var(--line);max-width:min(560px,70vw);font-size:max(12px, calc(10.5 * var(--u)));text-align:center;pointer-events:none;opacity:0;background:#0b141fc8;border-radius:999px;margin:0;padding:.5em 1.1em;line-height:1.4;transition:opacity .3s;position:absolute;transform:translate(-50%)}.hint-visible{opacity:1}.pointer-hint{top:calc(100 * var(--u));opacity:1;white-space:nowrap;bottom:auto}.countdown{pointer-events:none;font:800 calc(140 * var(--u)) / 1 var(--mono);color:var(--amber);text-shadow:0 6px 30px #000a;place-items:center;display:grid;position:absolute;inset:0}@font-face{font-family:Scotty Display;src:url(../fonts/roboto-serif-condensed.woff2)format("woff2");font-weight:800 900;font-display:swap}@font-face{font-family:Scotty Serif;src:url(../fonts/roboto-serif-text.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Scotty Serif;src:url(../fonts/roboto-serif-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}.overlay{background:#170d09a8;place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow-y:auto}.menu{border:4px solid var(--brown);background:var(--cream);width:min(860px,100%);box-shadow:8px 8px 0 var(--brown);font-family:var(--serif);color:var(--brown);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding:34px 40px;display:grid}.menu :focus-visible{outline-color:var(--tartan-bright)}.game[data-menu=pause] .hud{opacity:0}@media (width>=721px){.game[data-menu=pause] .menu{grid-template-rows:minmax(0,1fr);max-height:calc(100dvh - 48px)}.game[data-menu=pause] .menu-main,.game[data-menu=pause] .help{overscroll-behavior:contain;min-height:0;overflow-y:auto}.game[data-menu=pause] .menu-main{margin:-8px;padding:8px}}.game[data-menu=pause] .menu-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.game[data-menu=pause] .menu-actions .button{letter-spacing:.02em;min-width:0;padding:0 10px;font-size:16px}.help-close{display:none}@media (width<=420px){.game[data-menu=pause] .menu-actions .button{font-size:14px}}.game[data-menu=results] .menu,.game[data-menu=gate] .menu{text-align:center;grid-template-columns:minmax(0,1fr);width:min(520px,100%)}.menu-main{flex-direction:column;align-items:flex-start;display:flex}.game[data-menu=results] .menu-main,.game[data-menu=gate] .menu-main{align-items:center}.menu-eyebrow{font:italic 400 15px var(--serif);color:var(--brown-soft);margin:0}h1{font:900 clamp(38px, 5vw, 56px) / 1 var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--tartan-bright);margin:6px 0 0}:where(.game[data-menu=results]) h1{white-space:nowrap;font-size:min(36px,6.6vw)}.menu-subtitle{margin:12px 0 0;font-size:18px;font-weight:600}.menu-copy{color:var(--brown-soft);margin:10px 0 0;font-size:15px;line-height:1.6}.menu-copy strong{color:var(--brown);font-weight:700}.menu-subtitle:empty,.menu-copy:empty,.menu-footnote:empty{display:none}.result{flex-direction:column;align-items:center;margin-top:14px;display:flex}.result-score{font:900 84px / 1 var(--display);color:var(--tartan-bright);font-variant-numeric:tabular-nums}.new-best{border:3px solid var(--brown);background:var(--gold);box-shadow:3px 3px 0 var(--brown);font:900 15px var(--display);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;margin-top:10px;padding:4px 12px;animation:1.2s ease-in-out infinite pulse}.result-stats{grid-template-rows:auto auto;grid-template-columns:repeat(3,auto);grid-auto-flow:column;gap:2px 28px;margin:20px 0 0;display:grid}.result-stats dd{font:900 26px var(--display);margin:0}.result-stats dt{color:var(--brown-soft);font-size:13px}.menu-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.game[data-menu=results] .menu-actions,.game[data-menu=gate] .menu-actions{justify-content:center}.button{border:3px solid var(--brown);min-height:48px;box-shadow:4px 4px 0 var(--brown);font:800 18px var(--display);letter-spacing:.04em;text-transform:uppercase;border-radius:10px;padding:0 22px;transition:transform 80ms,box-shadow 80ms}.button:active:not(:disabled){box-shadow:2px 2px 0 var(--brown);transform:translate(2px,2px)}.button-primary{background:var(--tartan-bright);min-width:180px;color:var(--cream)}.button-primary:hover:not(:disabled){background:#b92833}.button-secondary{color:var(--brown);background:#fffaf0}.button-secondary:hover{background:var(--paper)}.settings{width:100%;color:var(--brown);border-top:2px dashed #3a241840;gap:12px;margin-top:22px;padding-top:18px;font-size:14px;display:grid}.settings label{gap:6px;display:grid}.settings .toggle{align-items:center;gap:8px;display:flex}.settings input[type=range]{width:100%;accent-color:var(--tartan-bright)}.settings input[type=checkbox]{width:16px;height:16px;accent-color:var(--tartan-bright)}.menu-footnote{color:var(--brown-soft);margin:14px 0 0;font-size:13px}.help{border-left:2px dashed #3a241840;padding-left:36px}.help h2{font:900 19px var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px}.help h2:not(:first-child){margin-top:22px}.help-story{margin:0;font-size:14px;line-height:1.6}.menu-links{flex-wrap:wrap;gap:4px 22px;margin-top:14px;display:flex}.game[data-menu=results] .menu-links,.game[data-menu=gate] .menu-links{display:none}.menu-link{min-height:40px;font:800 17px var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--brown);background:0 0;border:0;align-items:center;gap:10px;padding:0;text-decoration:none;display:inline-flex}.menu-link:before{content:"";border:1.5px solid;flex:none;width:8px;height:8px;margin:0 2px;transform:rotate(45deg)}.menu-link:hover{color:var(--tartan-bright)}.goal-list{margin:0;padding-left:20px;font-size:14px;line-height:1.5}.goal-list li{margin-bottom:6px;padding-left:4px}.goal-list li::marker{color:var(--tartan-bright);font-weight:700}.controls-list{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin:0;font-size:13px;display:grid}.controls-list dt{gap:4px;display:flex}.controls-list dd{color:var(--brown-soft);margin:0}kbd{border:2px solid var(--brown);background:var(--paper);min-width:26px;height:26px;font:700 12px var(--serif);color:var(--brown);border-bottom-width:3px;border-radius:6px;place-items:center;padding:0 7px;display:inline-grid}@media (width<=720px){.menu{grid-template-columns:minmax(0,1fr);gap:24px;padding:26px 22px}.help{border-top:2px dashed #3a241840;border-left:0;padding:22px 0 0}}@media (width<=480px){.result-stats{grid-template-rows:repeat(4,auto);gap:2px 16px}}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}}.touch{pointer-events:none;display:none;position:absolute;inset:0}.game[data-input=touch]{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none}.game[data-input=touch] .touch{display:block}.touch[data-live]{pointer-events:auto}.touch>.touch-stick,.touch>.touch-button{transition:opacity .25s}.touch:not([data-live])>.touch-stick,.touch:not([data-live])>.touch-button{opacity:0}.touch-stick{--reach:58px;left:calc(env(safe-area-inset-left) + 104px);top:calc(100% - env(safe-area-inset-bottom) - 96px);width:calc(var(--reach) * 2);aspect-ratio:1;opacity:.55;background:radial-gradient(circle,#0b141f00 40%,#0b141f66);border:1.5px solid #f3efe433;border-radius:50%;position:absolute;translate:-50% -50%}.touch-stick[data-held]{opacity:1;background:radial-gradient(circle,#9fe5ce14 40%,#0b141f80);border-color:#9fe5ce66}.touch-stick-knob{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#2a3e52,#0f1b28 80%);border-radius:50%;width:46%;margin:-23%;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #f3efe466,0 6px 16px #0008}.touch-stick[data-held] .touch-stick-knob{box-shadow:0 0 0 1.5px var(--mint), 0 0 18px -4px var(--mint), 0 6px 16px #0008}.touch-button{--charge:1;--tone:var(--mint);--size:76px;right:calc(env(safe-area-inset-right) + 30px);bottom:calc(env(safe-area-inset-bottom) + 34px);text-shadow:0 1px 3px #0009;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute}.touch-button[data-id=bark]{--tone:var(--amber);--size:60px;right:calc(env(safe-area-inset-right) + 132px);bottom:calc(env(safe-area-inset-bottom) + 92px)}.touch-dial{width:var(--size);aspect-ratio:1;background:conic-gradient(var(--tone) calc(var(--charge) * 1turn), #0b141fb3 0);border-radius:50%;place-items:center;transition:transform 80ms;display:grid;position:relative;box-shadow:0 4px 14px #0007}.touch-dial:before{content:"";background:radial-gradient(circle at 50% 30%,#22334ae6,#0b141fe6 75%);border-radius:50%;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #ffffff14}.touch-dial svg{width:42%;height:42%;fill:var(--tone);opacity:0;grid-area:1/1;transition:opacity .2s;position:relative}.touch-dial svg .wave{fill:none;stroke:var(--tone);stroke-width:2px;stroke-linecap:round}.touch-seconds{font:700 17px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);grid-area:1/1;position:relative}.touch-name{font:700 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.touch-button[data-ready] .touch-dial{box-shadow:0 0 0 1px var(--tone), 0 0 18px -2px var(--tone), 0 4px 14px #0007}.touch-button[data-ready] .touch-dial svg{opacity:1}.touch-button[data-ready] .touch-name{color:var(--ink)}.touch-button[data-pressed] .touch-dial{transform:scale(.9)}.touch-button[data-cue] .touch-dial{animation:.35s ease-in-out infinite alternate ability-cue}.home-tip{z-index:9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b141fcc;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.home-tip[hidden]{display:none}.home-tip-card{background:#121f2e;border-radius:16px;width:min(420px,100%);max-height:100%;padding:22px 24px;overflow-y:auto;box-shadow:0 0 0 1px #9fe5ce33,0 20px 50px #000a}.home-tip-card h2{margin:0 0 4px;font-size:20px;font-weight:700}.home-tip-card p{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.45}.home-tip-card ol{gap:10px;margin:0 0 18px;padding:0;font-size:15px;list-style:none;display:grid}.home-tip-card li{align-items:center;gap:12px;display:flex}.home-tip-card li b{width:26px;height:26px;color:var(--mint);background:#9fe5ce22;border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.home-tip-chip{color:var(--mint);background:#ffffff14;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.home-tip-chip svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.touch-rotate{display:none}@media (orientation:portrait) and (width<=600px){.game[data-input=touch][data-menu=none] .touch-rotate,.game[data-input=touch][data-rotate] .touch-rotate{z-index:10;text-align:center;pointer-events:auto;background:#0b141f;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}}.touch-rotate svg{fill:none;width:64px;height:64px;stroke:var(--amber);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}.touch-rotate strong{font-size:20px;font-weight:700}.touch-rotate span{color:var(--muted);font-size:14px}.game[data-input=touch] .abilities,.game[data-input=touch] .pointer-hint{display:none}.game[data-input=touch] .hud{padding-left:max(calc(18 * var(--u)), env(safe-area-inset-left));padding-right:max(calc(18 * var(--u)), env(safe-area-inset-right))}.game[data-input=touch] .icon-button{width:44px}.game[data-input=touch] .hint{bottom:auto;top:calc(96 * var(--u) + 24px)}@media (height<=520px){.overlay{padding:12px max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));place-items:start center}.menu{grid-template-rows:minmax(0,1fr);gap:22px;max-height:calc(100dvh - 24px);margin:auto 0;padding:20px 24px}.menu-main,.help{overscroll-behavior:contain;min-height:0;overflow-y:auto}.menu-main{margin:-6px;padding:6px}.game[data-menu=pause] .hud{opacity:0}h1{margin-top:6px;font-size:28px}.menu-subtitle{margin-top:8px;font-size:15px}.menu-copy{font-size:13px;line-height:1.5}.menu-actions{margin-top:16px}.settings{gap:8px;margin-top:14px;padding-top:12px}.goal-list{font-size:12.5px;line-height:1.4}.goal-list li{margin-bottom:4px}.help h2:not(:first-child){margin-top:14px}.controls-list{gap:6px 12px;font-size:12px}.result-score{font-size:56px}.result-stats{margin-top:12px}}@media (height<=520px) and (width<=720px){.menu{grid-template-rows:none;max-height:none}.menu-main,.help{overflow:visible}}.game[data-menu=title] .overlay{background:var(--night);place-items:center start;padding:40px clamp(24px,5vw,80px)}.title-art{pointer-events:none;width:min(58%,100vh);position:absolute;inset:0 0 0 auto}.title-art img{object-fit:cover;object-position:50% 40%;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%);mask-image:linear-gradient(90deg,#0000,#000 22%)}.game[data-menu=title] .menu{width:min(600px,40vw);box-shadow:none;color:#f2e3c2;background:0 0;border:0;border-radius:0;padding:0;display:block;position:static}.game[data-menu=title] .menu-main{text-align:center;align-items:center}.game[data-menu=title] .menu :focus-visible{outline-color:var(--gold)}.game[data-menu=title] .menu-main>:is(.menu-eyebrow,.menu-subtitle,.menu-copy){display:none}.title-wordmark{filter:drop-shadow(0 10px #0006);width:min(100%,76vh);height:auto;display:block;overflow:visible}.game[data-menu=title] h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game[data-menu=title] .menu-actions{flex-direction:column;align-items:center;gap:16px;margin-top:36px}.game[data-menu=title] #start-button,.game[data-menu=title] :is(.menu-donate,.menu-plaque){border:2px solid var(--gold);background:var(--tartan);width:300px;min-height:66px;box-shadow:inset 0 0 0 5px var(--tartan), inset 0 0 0 6px #e2b86788, 0 6px 0 #3e0b10;letter-spacing:.08em;color:#fcf3de;border-radius:4px;padding:0 24px;font-size:32px;font-weight:900}.game[data-menu=title] :is(.menu-donate,.menu-plaque){color:#f2e3c2;background:#2a1610;min-height:56px;font-size:24px;box-shadow:inset 0 0 0 5px #2a1610,inset 0 0 0 6px #e2b86755,0 5px #0b0503}.game[data-menu=title] #start-button:hover:not(:disabled){background:#a3222c;box-shadow:inset 0 0 0 5px #a3222c,inset 0 0 0 6px #e2b86788,0 6px #3e0b10}.game[data-menu=title] :is(.menu-donate,.menu-plaque):hover,.game[data-menu=title] .menu-plaque[aria-expanded=true]{background:#3a1f15;box-shadow:inset 0 0 0 5px #3a1f15,inset 0 0 0 6px #e2b86755,0 5px #0b0503}.game[data-menu=title] #start-button:active:not(:disabled),.game[data-menu=title] :is(.menu-donate,.menu-plaque):active{transform:translateY(3px)}.game[data-menu=title] #start-button:disabled{letter-spacing:.04em;font-size:22px}.game[data-menu=title] .menu-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:300px;margin-top:16px;display:grid}.game[data-menu=title] .menu-plaque{letter-spacing:.04em;width:auto;min-width:0;min-height:48px;padding:0 8px;font-size:17px}.game[data-menu=title] .menu-link{color:#cdb993;grid-column:1/-1;justify-content:center}.game[data-menu=title] .menu-link:before{border-color:var(--gold)}.game[data-menu=title] .menu-link:hover{color:#fbf1da}.game[data-menu=title] .menu-footnote{color:#a8946f;margin-top:10px}.title-music{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));z-index:1;border:2px solid var(--gold);color:#f2e3c2;cursor:pointer;background:#2a1610;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;box-shadow:0 4px #0b0503}.title-music[hidden]{display:none}.title-music:hover{background:#3a1f15}.title-music:active{transform:translateY(2px);box-shadow:0 2px #0b0503}.title-music:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.title-music svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.title-music .speaker{fill:currentColor}.title-music[data-on=true] .speaker-off,.title-music[data-on=false] .speaker-on{display:none}.title-in-app{color:#f2e3c2;background:#2a1610;border:1.5px solid #e2b86766;border-radius:6px;max-width:420px;margin:18px 0 0;padding:10px 12px;font-size:13px;line-height:1.5}.title-in-app b{color:var(--gold)}.game[data-menu=title] .help{z-index:2;border:4px solid var(--brown);background:var(--cream);width:min(560px,100% - 32px);max-height:calc(100dvh - 32px);font-family:var(--serif);color:var(--brown);border-radius:12px;padding:26px 30px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:8px 8px #0009,0 0 0 100vmax #170d09c4}.game[data-menu=title] .help-close{float:right;background:var(--cream);width:40px;height:40px;color:var(--brown-soft);border:0;border-radius:50%;place-items:center;margin:-14px -18px 0 8px;padding:0;font-size:28px;line-height:1;display:grid;position:sticky;top:0}.game[data-menu=title] .help-close:hover{background:var(--paper);color:var(--brown)}.honour-backdrop{z-index:6;background:#170d09c4;place-items:start center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.honour{width:min(760px,100%);margin-block:auto;position:relative}.honour-close{z-index:1;width:40px;height:40px;color:var(--brown-soft);background:0 0;border:0;border-radius:50%;padding:0;font-size:28px;line-height:1;position:absolute;top:44px;right:10px}.honour-close:hover{background:var(--paper);color:var(--brown)}@media (height<=560px) and (orientation:landscape){.game[data-menu=title] .overlay{padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 12px max(24px, env(safe-area-inset-left))}.game[data-menu=title] .menu{width:min(540px,50vw);max-height:none;margin:auto 0}.game[data-menu=title] .menu-main{margin:0;padding:0;overflow:visible}.title-wordmark{width:min(100%,92vh)}.game[data-menu=title] .menu-actions{flex-direction:row;justify-content:center;gap:12px;margin-top:16px}.game[data-menu=title] #start-button,.game[data-menu=title] .menu-donate{width:auto;min-width:160px;min-height:52px;font-size:24px}.game[data-menu=title] .menu-donate{font-size:20px}.game[data-menu=title] .menu-links{width:332px;max-width:100%;margin-top:10px}.game[data-menu=title] .menu-plaque{min-height:42px;font-size:16px}.game[data-menu=title] .help{padding:18px 20px}}@media (orientation:portrait) and (width<=720px){.game[data-menu=title] .overlay{padding:max(20px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));display:block}.game[data-menu=title] .menu,.title-wordmark{width:100%}.title-art{aspect-ratio:1024/1066;align-self:stretch;width:auto;margin:-20px -20px 0;display:block;position:relative;inset:auto}.title-art img{object-position:50% 0;-webkit-mask-image:linear-gradient(#0000,#000 16% 90%,#0000);mask-image:linear-gradient(#0000,#000 16% 90%,#0000)}.game[data-menu=title] .menu-actions{align-self:stretch;align-items:stretch;margin-top:-8px;position:relative}.game[data-menu=title] #start-button,.game[data-menu=title] .menu-donate{width:100%}.game[data-menu=title] .menu-links{align-self:stretch;width:auto;margin-top:12px}.game[data-menu=title] .menu-footnote{text-align:center}.game[data-menu=title] .help{padding:20px}}.donate-backdrop{z-index:5;-webkit-user-select:text;user-select:text;background:#170d09c4;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.donate{border:4px solid var(--brown);background:var(--cream);width:min(560px,100%);font-family:var(--serif);color:var(--brown);border-radius:14px;padding:30px 32px 24px;position:relative;box-shadow:8px 8px #000a}.donate h2{font:900 clamp(22px, 3vw, 28px) / 1.1 var(--display);color:var(--tartan-bright);margin:8px 0 0;padding-right:24px}.donate-close{width:36px;height:36px;color:var(--brown-soft);background:0 0;border:0;border-radius:50%;padding:0;font-size:26px;line-height:1;position:absolute;top:12px;right:12px}.donate-close:hover{background:var(--paper);color:var(--brown)}.donate ol{color:var(--brown-soft);gap:16px;margin:20px 0 0;padding-left:22px;font-size:14px;line-height:1.5;display:grid}.donate li::marker{color:var(--tartan-bright);font-weight:700}.donate li strong{color:var(--brown)}.donate-open{place-items:center;margin-top:10px;text-decoration:none;display:inline-grid}.donate-form{gap:8px;margin-top:8px;display:flex}.donate-form input{border:3px solid var(--brown);min-width:0;min-height:48px;color:var(--brown);font:16px var(--mono);background:#fffaf0;border-radius:10px;flex:1;padding:0 12px}.donate-form input:focus{outline:2px solid var(--tartan-bright);outline-offset:1px}.donate-form .button-primary{min-width:0}.donate-note{color:var(--brown-soft);margin:14px 0 0;font-size:12px;line-height:1.5}.donate-restore{color:var(--brown);border-top:2px dashed #3a241840;margin-top:16px;padding-top:14px;font-size:13px}.donate-restore p{margin:0}.donate-status{color:#2f6b3a;margin:14px 0 0;font-size:13px;line-height:1.5}.donate-status:empty{display:none}.donate-status[data-tone=bad]{color:var(--tartan-bright)}.donate-backdrop[data-busy] .donate-form button{opacity:.5;pointer-events:none}.donate[data-owned]>.menu-eyebrow,.donate[data-owned] h2{text-align:center}.donate[data-owned] h2{padding-left:24px}.donate-done{text-align:center;margin-top:18px}.donate-thanks{color:var(--brown);margin:0;font-size:16px;line-height:1.5}.donate-code-label{font:800 14px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--brown-soft);margin:18px 0 0}.donate-code{font:800 34px / 1 var(--mono);letter-spacing:.08em;color:var(--brown);-webkit-user-select:all;user-select:all;margin:6px 0 0}.donate-keep{color:var(--brown);font-size:13px}.donate-continue{margin-top:18px}@media (width<=520px){.donate{padding:26px 18px 20px}.donate-form{flex-direction:column}}.donate-more{text-align:left;color:var(--brown-soft);border-top:2px dashed #3a241840;margin-top:22px;padding-top:16px;font-size:14px;line-height:1.5}.donate-more p{margin:0}.donate-more strong{color:var(--brown)}@font-face{font-family:Scotty Display;src:url(../fonts/roboto-serif-condensed.woff2)format("woff2");font-weight:800 900;font-display:swap}@font-face{font-family:Scotty Serif;src:url(../fonts/roboto-serif-text.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Scotty Serif;src:url(../fonts/roboto-serif-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}.hb,.rank-card{--hb-ink:#3a2418;--hb-muted:#6e5038;--hb-red:#a8212b;--hb-gold:#e2b867;--hb-paper:#fff4dc;--hb-floor:#f6e6c4;--hb-rule:#3a241838;--hb-display:"Scotty Display", "Iowan Old Style", Georgia, serif;--hb-serif:"Scotty Serif", "Iowan Old Style", Georgia, serif;--hb-tartan:repeating-linear-gradient(90deg, #0000 0 25px, #e8be5ae6 25px 26.5px, #0000 26.5px 34px), repeating-linear-gradient(0deg, #0000 0 25px, #e8be5ae6 25px 26.5px, #0000 26.5px 34px), repeating-linear-gradient(90deg, #1e3a2b99 0 9px, #0000 9px 15px, #141a30b3 15px 18px, #0000 18px 34px), repeating-linear-gradient(0deg, #1e3a2b99 0 9px, #0000 9px 15px, #141a30b3 15px 18px, #0000 18px 34px), #8e1b24;color:var(--hb-ink);font-family:var(--hb-serif);box-sizing:border-box}.hb *,.hb :before,.hb :after,.rank-card *{box-sizing:border-box}.hb{border:4px solid var(--hb-ink);background:var(--hb-paper);border-radius:14px;margin-top:34px;padding:0 clamp(16px,4.5cqi,40px) clamp(20px,4cqi,32px);position:relative;box-shadow:8px 8px #000a;container-type:inline-size}.hb-head{justify-items:center;gap:12px;margin-top:-34px;display:grid}.hb-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;display:flex}.hb-title{border:4px solid var(--hb-ink);background:var(--hb-tartan);box-shadow:5px 5px 0 var(--hb-ink);font:900 clamp(30px, 7cqi, 46px) / 1 var(--hb-display);letter-spacing:.05em;text-transform:uppercase;color:#fff4dc;-webkit-text-stroke:6px #2a0f09;paint-order:stroke fill;text-shadow:0 4px #2a0f09;border-radius:8px;margin:0;padding:10px clamp(22px,6cqi,44px) 12px}.hb-tabs{gap:12px;display:flex}.hb-tab{border:3px solid var(--hb-ink);background:var(--hb-paper);min-height:40px;box-shadow:3px 3px 0 var(--hb-ink);font:800 16px var(--hb-display);letter-spacing:.05em;text-transform:uppercase;color:var(--hb-ink);border-radius:8px;padding:0 16px}.hb-tab:hover{background:var(--hb-floor)}.hb-tab:active{box-shadow:1px 1px 0 var(--hb-ink);transform:translate(2px,2px)}.hb-tab[aria-selected=true]{background:var(--hb-red);color:var(--hb-paper)}.hb :focus-visible{outline:3px solid var(--hb-red);outline-offset:3px;border-radius:4px}.hb-panel{margin-top:clamp(12px,2.4cqi,18px)}.hb-ladder{border:3px solid var(--hb-ink);background:var(--hb-floor);border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:4px;margin:0;padding:6px 6px 0;list-style:none;display:grid;box-shadow:inset 0 -10px #d8b583}.hb-step{--size:calc(clamp(36px, 7cqi, 50px) + var(--step) * clamp(3px, 1cqi, 7px));width:100%;color:var(--hb-ink);background:0 0;border:0;border-radius:8px;justify-items:center;gap:2px;padding:4px 2px 13px;transition:background-color .15s;display:grid}.hb-step:hover{background:#3a24180d}.hb-step-badge{width:var(--size);height:var(--size);filter:drop-shadow(2px 3px #3a241840);transition:transform .2s;display:block}.hb-step-badge svg{width:100%;height:100%;display:block}.hb-step:hover .hb-step-badge{transform:translateY(-3px)}.hb-step-name{font:800 clamp(13px, 2.4cqi, 17px) / 1.1 var(--hb-display);letter-spacing:.03em;text-transform:uppercase;text-align:center;margin-top:6px}.hb-step-min{font:400 12px var(--hb-serif);color:var(--hb-muted);font-variant-numeric:tabular-nums}.hb-step[aria-pressed=true]{background:var(--hb-gold);box-shadow:inset 0 0 0 2px var(--hb-ink)}.hb-ladder:has([aria-pressed=true]) .hb-step:not([aria-pressed=true]) .hb-step-badge{opacity:.4}.hb-caption{font:italic 400 14px var(--hb-serif);color:var(--hb-muted);margin:14px 0 4px}.hb-player{font:italic 400 15px var(--hb-serif);color:var(--hb-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;display:flex}.hb:focus{outline:none}.hb-player[hidden]{display:none}.hb-rename{display:contents}.hb-name-input{field-sizing:content;border:2px solid var(--hb-ink);background:var(--hb-floor);min-width:6em;max-width:12em;min-height:36px;box-shadow:2px 2px 0 var(--hb-ink);font:800 19px var(--hb-display);letter-spacing:.02em;color:var(--hb-ink);text-align:center;cursor:text;border-radius:8px;padding:2px 12px}.hb-name-input:focus{border-color:var(--hb-red);box-shadow:3px 3px 0 var(--hb-red);outline:none}.hb-name-input[readonly]{box-shadow:none;cursor:default;background:0 0;border-color:#0000}.hb-rename-note{text-align:center;color:var(--hb-red);flex-basis:100%}.hb-rename-note:empty{display:none}.hb-link{color:var(--hb-red);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-style:normal;font-weight:600;text-decoration:underline}.hb[data-tab=runs] .hb-privacy,.hb-privacy[hidden]{display:none}.hb-list{margin:0;padding:0;list-style:none}.hb-row{border-bottom:2px dashed var(--hb-rule);grid-template-columns:2.6em 32px minmax(0,auto) minmax(12px,1fr) auto auto;align-items:center;column-gap:12px;min-height:50px;padding:6px;display:grid;position:relative}.hb-place{font:900 20px / 1 var(--hb-display);color:var(--hb-muted);font-variant-numeric:tabular-nums;justify-self:end}.hb-emblem{width:32px;height:32px;display:block}.hb-emblem svg,.hb-honour svg{width:100%;height:100%;display:block}.hb-name{min-width:0;font:600 18px / 1.2 var(--hb-serif);align-items:center;gap:8px;display:flex}.hb-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hb-honour{flex:none;width:26px;height:31px;margin:-8px 0}.hb .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hb-you{border:2px solid var(--hb-ink);background:var(--hb-gold);font:900 11px var(--hb-display);letter-spacing:.06em;text-transform:uppercase;border-radius:5px;flex:none;padding:1px 7px}.hb-leader{background:radial-gradient(circle,#3a241866 1px,#0000 1.4px) 0 0/7px 2px repeat-x;align-self:end;height:2px;margin-bottom:15px}.hb-act{border:2px solid var(--hb-ink);background:var(--hb-floor);font:800 11px var(--hb-display);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:5px;padding:1px 7px}.hb-score{font:900 19px var(--hb-display);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:right}.hb-row[data-podium]{min-height:60px}.hb-row[data-podium] .hb-place{border:3px solid var(--hb-ink);background:var(--medal);width:38px;height:38px;box-shadow:2px 2px 0 var(--hb-ink);color:var(--hb-ink);border-radius:50%;place-items:center;font-size:19px;display:grid}.hb-row[data-place="1"]{--medal:#e2b867}.hb-row[data-place="2"]{--medal:#d9d2c3}.hb-row[data-place="3"]{--medal:#cf9461}.hb-row[data-podium] .hb-name{font-size:21px;font-weight:700}.hb-row[data-podium] .hb-emblem{width:40px;height:40px;margin:-4px}.hb-row[data-podium] .hb-score{color:var(--hb-red);font-size:22px}.hb-row[data-place="1"] .hb-score{font-size:25px}.hb-row[data-you]{box-shadow:inset 4px 0 var(--hb-red);background:#e2b8673d;border-radius:8px}.hb-empty{color:var(--hb-muted);font:italic 400 18px var(--hb-serif);text-align:center;padding:30px 0}.hb-podium{border:3px solid var(--hb-ink);background:var(--hb-floor);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;margin:0 0 6px;padding:14px 8px 16px;list-style:none;display:grid}.hb-top{text-align:center;justify-items:center;display:grid}.hb-top-crest{aspect-ratio:240/280;filter:drop-shadow(3px 4px #3a241840);width:clamp(78px,18cqi,124px);display:block}.hb-top[data-place="1"] .hb-top-crest{width:clamp(108px,27cqi,184px)}.hb-top[data-place="3"] .hb-top-crest{width:clamp(70px,16cqi,110px)}.hb-top-crest svg{width:100%;height:100%;display:block;overflow:visible}.hb-top-name{font:800 clamp(16px, 3cqi, 21px) / 1.15 var(--hb-display);letter-spacing:.02em;overflow-wrap:anywhere;margin-top:8px}.hb-top[data-place="1"] .hb-top-name{color:var(--hb-red);font-size:clamp(19px,3.6cqi,25px)}.hb-top-total{font:400 14px var(--hb-serif);color:var(--hb-muted);font-variant-numeric:tabular-nums;margin-top:2px}.hb-top[data-you] .hb-top-name:after{content:"You";border:2px solid var(--hb-ink);background:var(--hb-gold);color:var(--hb-ink);font:900 10px var(--hb-display);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;border-radius:5px;margin-left:6px;padding:1px 6px;display:inline-block}@container (width<=560px){.hb-row{grid-template-columns:2.2em 26px minmax(0,1fr) auto;column-gap:9px;min-height:46px}.hb-leader,.hb-row>.hb-act,.hb-row>span:nth-child(5):empty{display:none}.hb-emblem{width:26px;height:26px}.hb-name{font-size:16px}.hb-row[data-podium] .hb-name{font-size:18px}.hb-row[data-podium] .hb-place{width:32px;height:32px;font-size:16px}.hb-row[data-podium] .hb-emblem{width:32px;height:32px;margin:-3px}.hb-score{font-size:17px}.hb-row[data-podium] .hb-score{font-size:19px}.hb-step-name{letter-spacing:0;font-size:11px}.hb-step-min{font-size:10px}.hb-tab{min-height:36px;padding:0 12px;font-size:14px}}@media (height<=560px){.hb-step{--size:calc(30px + var(--step) * 4px);padding:2px 2px 8px}.hb-step-name{margin-top:2px;font-size:12px}.hb-step-min{font-size:10px}}.rank-card{text-align:left;align-items:center;gap:16px;display:flex}.rank-card-badge{filter:drop-shadow(3px 4px #3a241840);flex:none;width:96px;height:96px;display:block}.rank-card-badge svg{width:100%;height:100%;display:block}.rank-card-text{gap:4px;width:220px;min-width:0;display:grid}.rank-card-kicker{font:italic 400 14px var(--hb-serif);color:var(--hb-muted)}.rank-card[data-promoted] .rank-card-kicker{color:var(--hb-red);font-style:normal;font-weight:700}.rank-card-name{font:900 32px / 1 var(--hb-display);letter-spacing:.02em;text-transform:uppercase;color:var(--hb-red)}.rank-card-bar{border:2px solid var(--hb-ink);background:var(--hb-floor);border-radius:6px;height:12px;margin-top:6px;position:relative;overflow:hidden}.rank-card-bar:after{content:"";transform-origin:0;transform:scaleX(var(--progress));background:var(--hb-red);position:absolute;inset:0}.rank-card-next{color:var(--hb-muted);font-size:14px}.rank-card[data-promoted] .rank-card-badge{animation:.7s cubic-bezier(.2,1.4,.4,1) both rank-card-arrive}@keyframes rank-card-arrive{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.hb-step-badge,.rank-card-badge{transition:none;animation:none!important}}@media (forced-colors:active){.hb-title{color:canvastext;-webkit-text-stroke:0;background:0 0}.hb-row[data-you]{outline:2px solid highlight}}