.hl-page{--hl-canvas:#2a1a72;--hl-surface:#211560;--hl-surface-raised:#33248a;--hl-deep:#140b3e;--hl-ink:#fff6e6;--hl-ink-dim:#c9bef5;--hl-outline:#9583f0;--hl-brass:#ffc233;--hl-brass-soft:#ffd877;--hl-on-accent:#24124f;--hl-focus:#ffd877;--hl-warning:#ff9aa3;--hl-overlay:#140b3ef2}.hl-hero{padding-block:clamp(1rem,4vw,2.5rem) clamp(2rem,6vw,4rem)}.hl-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""modes""stage""notes";gap:.6rem;display:grid}.hl-head{grid-area:head}.hl-head h1{margin:.25rem 0 0;font-size:clamp(1.45rem,6vw,3.1rem);line-height:1.04}.hl-head .lede{margin-top:.9rem;display:none}.hl-modes-wrap{grid-area:modes}.hl-stage-wrap{grid-area:stage;min-width:0}.hl-notes{grid-area:notes}.hl-modes{border:1px solid var(--color-rule-2);background:var(--color-paper-2);border-radius:.75rem;grid-template-columns:1fr 1fr;gap:.25rem;width:min(100%,26rem);padding:.25rem;display:inline-grid}.hl-modes button{touch-action:manipulation;min-height:2.75rem;color:var(--color-ink);font:700 .95rem var(--font-body);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:.55rem;padding:.55rem .8rem}.hl-modes button[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.hl-modes button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.hl-mode-note,.hl-app-note,.hl-privacy{max-width:34rem;color:var(--color-ink-2);margin:.2rem 0 .6rem;font-size:.92rem;line-height:1.55}.hl-app-note strong{color:var(--color-ink)}.hl-privacy{margin-top:.9rem;font-size:.86rem}.hl-nojs{border:1px solid var(--color-rule-2);background:var(--color-paper-2);text-align:center;border-radius:.75rem;margin:0;padding:1rem}@media (width>=62rem){.hl-grid{grid-template:"head stage""modes stage""notes stage"1fr/minmax(0,1fr) minmax(0,30rem);align-items:start;column-gap:clamp(2rem,5vw,4.5rem)}.hl-head .lede{display:block}.hl-head h1{font-size:clamp(2.4rem,4.2vw,3.6rem)}.hl-mode-note{margin-top:.7rem}}.hl-cta-links{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.hl-cta-page{justify-content:flex-start;margin:.4rem 0 .2rem}.hl-store{touch-action:manipulation;background:var(--color-ink);min-height:2.75rem;color:var(--color-paper);text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.hl-store:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.hl-copy h2{margin:2.2rem 0 .7rem;font-size:clamp(1.5rem,4.6vw,2.15rem);line-height:1.08}.hl-copy h2:first-child{margin-top:0}.hl-copy p,.hl-copy li{line-height:1.65}.hl-copy p{margin:0 0 .9rem}.hl-copy ul,.hl-copy ol{margin:0 0 1rem;padding-left:1.25em}.hl-faq h3{margin:1.5rem 0 .35rem;font-size:1.1rem}.hl-faq p{margin:0;line-height:1.6}.hl-more-links{flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:1.6rem;display:flex}.hl-more-links a{touch-action:manipulation;align-items:center;min-height:2.75rem;font-weight:700;display:inline-flex}.hl-stage{color-scheme:dark;background:radial-gradient(110% 60% at 50% 0%, #ff4fa029, transparent 60%), radial-gradient(90% 50% at 50% 100%, #2fd8ff1f, transparent 65%), linear-gradient(180deg, #3b22b8 0%, var(--hl-canvas) 45%, #4a1677 100%);width:min(100%,30rem);min-height:34rem;color:var(--hl-ink);font-family:var(--font-body);text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:1.25rem;margin-inline:auto;padding:.85rem .7rem .9rem;position:relative;overflow:hidden;box-shadow:0 18px 40px #140b3e4d}.hl-stage,.hl-stage *,.hl-stage :before,.hl-stage :after{box-sizing:border-box}.hl-stage button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}.hl-stage button:focus-visible{outline:3px solid var(--hl-focus);outline-offset:2px}.hl-hud{grid-template-columns:4.9rem minmax(0,1fr) 4.9rem;align-items:center;gap:.4rem;display:grid}.hl-stat,.hl-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.hl-stat{background:var(--hl-surface);border:1px solid #9583f059;border-radius:.75rem;padding:.35rem .2rem}.hl-stat b{font-variant-numeric:tabular-nums;font-size:1.3rem;line-height:1.05}.hl-stat small,.hl-title small{color:var(--hl-ink-dim);letter-spacing:.05em;text-transform:uppercase;text-align:center;font-size:.72rem}.hl-title span{text-align:center;font-size:.95rem;font-weight:700;line-height:1.2}.hl-goals{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.55rem;display:flex}.hl-goal{background:var(--hl-surface);border:1px solid var(--hl-goal,var(--hl-brass));text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;min-height:2rem;padding:.25rem .75rem .4rem;font-size:.85rem;display:inline-flex;position:relative;overflow:hidden}.hl-goal svg{border-radius:.3rem;width:1.1rem;height:1.1rem}.hl-goal b{font-variant-numeric:tabular-nums}.hl-goal i{background:var(--hl-goal,var(--hl-brass));transform-origin:0;height:.2rem;transition:transform .24s;position:absolute;bottom:0;left:0;right:0}.hl-board{width:min(100%,26rem);margin:.8rem auto .2rem;position:relative}.hl-socket{color:inherit;cursor:pointer;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:0 0;border:0;margin:0;padding:0;display:block;position:absolute}.hl-socket svg{width:100%;height:100%;display:block;overflow:visible}.hl-stage .hl-socket:focus-visible{outline:none}.hl-socket:focus-visible>svg>polygon:first-of-type{stroke:var(--hl-focus);stroke-width:7px}.hl-socket.is-open>svg>polygon:first-of-type{stroke:var(--hl-brass-soft);stroke-width:4px;fill:#241765}.hl-socket.is-hint>svg>polygon:first-of-type{stroke:var(--hl-brass);stroke-width:7px}.hl-socket.is-hint{animation:1.1s ease-in-out infinite hl-pulse}.hl-socket.is-smash>svg>polygon:first-of-type{stroke:var(--hl-warning);stroke-width:6px;stroke-dasharray:8 6}.hl-socket.is-blocked{cursor:default}.hl-socket.is-rosette{animation:.52s ease-out hl-rosette}.hl-socket.is-landed{animation:.32s ease-out hl-land}@keyframes hl-pulse{0%,to{filter:none}50%{filter:brightness(1.25)}}@keyframes hl-rosette{0%{filter:brightness(2)saturate(1.4);transform:scale(1.06)}to{filter:none;transform:scale(1)}}@keyframes hl-land{0%{transform:translateY(-4%)}to{transform:translateY(0)}}.hl-tip{min-height:2.6em;color:var(--hl-ink-dim);text-align:center;margin:.35rem .4rem .4rem;font-size:.9rem;line-height:1.35}.hl-tip[data-tone=warn]{color:var(--hl-warning);font-weight:700}.hl-tip[data-tone=good]{color:var(--hl-brass-soft);font-weight:700}.hl-tray-wrap{background:var(--hl-surface);border:1px solid #9583f059;border-radius:1rem;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"tl nl""tray next";align-items:center;gap:.15rem .6rem;padding:.5rem;display:grid}.hl-tray-label,.hl-next-label{color:var(--hl-ink-dim);letter-spacing:.1em;text-transform:uppercase;text-align:center;font-size:.7rem;font-weight:700}.hl-tray-label{grid-area:tl}.hl-next-label{grid-area:nl}.hl-tray{grid-area:tray;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.hl-chip{background:var(--hl-surface-raised);cursor:pointer;border:2px solid #9583f073;border-radius:.85rem;justify-content:center;align-items:center;min-width:2.75rem;min-height:4.4rem;margin:0;padding:.2rem;transition:transform .15s;display:flex}.hl-chip svg{width:100%;max-width:4rem;height:auto;display:block}.hl-chip.is-selected{border-color:var(--hl-brass);transform:translateY(-.35rem);box-shadow:0 0 .8rem #ffc23380}.hl-chip.is-hint{border-color:var(--hl-brass-soft)}.hl-chip.is-empty{opacity:.35;cursor:default}.hl-next{grid-area:next;justify-content:center;align-items:center;gap:.2rem;min-height:4.4rem;display:flex}.hl-next-chip{opacity:.85;width:2.3rem;display:block}.hl-next-chip svg{width:100%;height:auto;display:block}.hl-next-more,.hl-next-empty{color:var(--hl-ink-dim);text-align:center;font-size:.78rem;font-weight:700}.hl-tools{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.4rem;margin-top:.55rem;display:grid}.hl-tools[data-count="1"]{grid-template-columns:minmax(0,12rem);justify-content:center}.hl-tool{border:1px solid var(--hl-outline);background:var(--hl-surface-raised);min-height:2.9rem;color:var(--hl-ink);text-align:center;cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;padding:.4rem .25rem;font-size:.86rem;font-weight:700;line-height:1.15;display:flex}.hl-tool:disabled{opacity:.4;cursor:default}.hl-tool.is-armed{background:var(--hl-warning);color:var(--hl-on-accent);border-color:#0000}.hl-ghost{z-index:50;pointer-events:none;opacity:.9;filter:drop-shadow(0 6px 10px #0006);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:4rem;margin:-2rem 0 0 -2rem;position:fixed;top:0;left:0}.hl-ghost svg{width:100%;height:auto;display:block}.hl-overlay{background:var(--hl-overlay);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;place-items:center;padding:.9rem;display:grid;position:absolute;inset:0;overflow-y:auto}.hl-overlay[hidden]{display:none}.hl-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:23rem;display:flex}.hl-eyebrow{color:var(--hl-brass-soft);letter-spacing:.1em;text-transform:uppercase;text-align:center;margin:0;font-size:.75rem;font-weight:700}.hl-card h2{color:var(--hl-ink);text-align:center;margin:.35rem 0 .2rem;font-size:clamp(1.5rem,7vw,2rem);line-height:1.1}.hl-total{color:var(--hl-brass);font-variant-numeric:tabular-nums;text-align:center;margin:0;font-size:2.1rem;font-weight:800}.hl-total small{color:var(--hl-ink-dim);font-size:.9rem;font-weight:700}.hl-standing{color:var(--hl-ink);text-align:center;margin:.2rem 0 .3rem;font-weight:700;line-height:1.4}.hl-grade{color:var(--hl-brass-soft);text-align:center;margin:0 0 .4rem;font-size:.92rem;line-height:1.4}.hl-breakdown{background:var(--hl-surface);border-radius:.8rem;gap:.15rem;width:100%;margin:.2rem 0 .5rem;padding:.5rem .7rem;display:grid}.hl-breakdown div{text-align:center;justify-content:center;gap:.6rem;font-size:.86rem;display:flex}.hl-breakdown dt{color:var(--hl-ink-dim)}.hl-breakdown dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.hl-best{color:var(--hl-ink-dim);text-align:center;margin:0 0 .7rem;font-size:.9rem}.hl-actions{gap:.45rem;width:100%;display:grid}.hl-btn{border:1px solid var(--hl-outline);background:var(--hl-surface-raised);min-height:2.9rem;color:var(--hl-ink);text-align:center;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.98rem;font-weight:700;display:flex}.hl-btn-primary{background:var(--hl-brass);color:var(--hl-on-accent);border-color:#0000}.hl-share-status{min-height:1.3em;color:var(--hl-ink-dim);text-align:center;margin:.4rem 0 0;font-size:.85rem}.hl-cta{background:var(--hl-surface);text-align:center;border-radius:.9rem;width:100%;margin-top:.5rem;padding:.75rem .6rem}.hl-cta p{color:var(--hl-ink);text-align:center;margin:0 0 .55rem;font-size:.9rem;line-height:1.45}.hl-cta .hl-store{background:var(--hl-ink);color:var(--hl-canvas)}.hl-cta .hl-store:focus-visible{outline-color:var(--hl-focus)}.hl-cta-end{margin:0 0 .6rem}.hl-cta-end .hl-store{background:var(--hl-brass);color:var(--hl-on-accent)}.hl-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=22.5rem){.hl-stage{padding-inline:.45rem}.hl-hud{grid-template-columns:4.2rem minmax(0,1fr) 4.2rem}.hl-tool{font-size:.8rem}.hl-next-chip{width:1.9rem}}.hl-reduce .hl-chip,.hl-reduce .hl-goal i{transition:none}.hl-reduce .hl-socket{animation:none!important}@media (prefers-reduced-motion:reduce){.hl-chip,.hl-goal i{transition:none}.hl-socket{animation:none!important}}.hl-preview-flag{color:var(--color-ink-2);margin-left:.5rem;font-size:.72rem;line-height:1.3;display:inline-block}
