:root{--hq-board:#f4f6f8;--hq-ink:#1c2430;--hq-marker:#2f6fed;--hq-alert:#e23d2d;--hq-gold:#d4a017;--hq-zone:#fffdf8;--hq-zone-edge:color-mix(in srgb, var(--hq-marker) 45%, var(--hq-ink));--hq-muted:color-mix(in srgb, var(--hq-ink) 62%, transparent);--hq-font:"Barlow", system-ui, sans-serif;--hq-display:"Barlow Condensed", "Barlow", system-ui, sans-serif;--hq-marker-hand:"Caveat", "Segoe Print", cursive;color:var(--hq-ink);background:var(--hq-board);font-family:var(--hq-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:var(--hq-board);background-image:url(/assets/board/paper-grain.png);background-repeat:repeat;background-size:512px 512px}#root{justify-content:center;display:flex}.hq-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hq-board{flex-direction:column;gap:1.25rem;width:min(100%,28rem);padding:1rem 1rem 2.5rem;display:flex}.hq-roster{border-bottom:3px solid var(--hq-marker);flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1rem;padding-bottom:.75rem;display:flex}.hq-roster__brand{align-items:center;gap:.65rem;display:flex}.hq-mark{width:2.5rem;height:2.5rem;display:block}.hq-roster__title{font-family:var(--hq-display);letter-spacing:.02em;color:var(--hq-marker);text-wrap:balance;margin:0;font-size:1.35rem;font-weight:700}.hq-roster__sub{color:var(--hq-marker);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:600}.hq-roster__meta{text-align:right}.hq-roster__level,.hq-roster__sync{justify-content:flex-end;align-items:center;gap:.35rem;margin:0;font-size:.9rem;font-weight:500;display:inline-flex}.hq-roster__level{margin-bottom:.25rem}.hq-tier,.hq-sync-mark{flex-shrink:0;display:block}.hq-roster__sync{color:var(--hq-muted)}.hq-roster__sync--offline{color:var(--hq-ink);font-weight:600}.hq-sheet,.hq-insight{background-color:var(--hq-zone);box-shadow:none;background-image:url(/assets/board/paper-grain.png);background-size:380px 380px;border:0;border-radius:0;position:relative}.hq-zone-frame{border:2.5px solid color-mix(in srgb, var(--hq-marker) 55%, transparent);pointer-events:none;z-index:0;opacity:.85;box-shadow:.5px .5px 0 color-mix(in srgb, var(--hq-ink) 12%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--hq-zone) 40%, transparent);border-radius:1px;position:absolute;inset:.2rem}.hq-sheet{grid-template-columns:minmax(7.5rem,.88fr) 10px 1.25fr;align-items:stretch;gap:.35rem;padding:1.35rem 1.05rem 1.45rem;display:grid}.hq-tapes{pointer-events:none;z-index:3;position:absolute;inset:0}.hq-tape{opacity:.95;width:3rem;height:auto;filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--hq-ink) 22%, transparent));position:absolute}.hq-tape--tl{top:-.5rem;left:.45rem;transform:rotate(-12deg)}.hq-tape--tr{top:-.45rem;right:.45rem;transform:rotate(11deg)}.hq-tape--bl{bottom:-.45rem;left:.65rem;transform:rotate(9deg)}.hq-tape--br{bottom:-.5rem;right:.55rem;transform:rotate(-8deg)}.hq-lane,.hq-heats{z-index:1;position:relative}.hq-lane{padding-right:.35rem}.hq-ink-rule{width:100%;height:100%;min-height:8rem;color:var(--hq-marker);opacity:.75;z-index:1}.hq-lane__label,.hq-heats__label,.hq-insight__title,.hq-xp__label{font-family:var(--hq-marker-hand);letter-spacing:.01em;text-transform:none;color:var(--hq-marker);text-wrap:balance;margin:0;font-weight:700}.hq-lane__label{font-size:1.35rem;line-height:1}.hq-lane__score{margin:.05rem 0 .45rem}.hq-lane__num{font-family:var(--hq-marker-hand);letter-spacing:-.01em;color:var(--hq-marker);-webkit-text-stroke:.6px color-mix(in srgb, var(--hq-ink) 25%, var(--hq-marker));paint-order:stroke fill;text-shadow:.7px .9px 0 color-mix(in srgb, var(--hq-ink) 18%, transparent);font-size:clamp(4.6rem,24vw,6rem);font-weight:700;line-height:.85}.hq-xp__label{text-align:center;white-space:nowrap;margin-bottom:.3rem;font-size:1.05rem}.hq-xp__values{text-align:center;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600;font-family:var(--hq-display);margin:.35rem 0 0}.hq-heats__label{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:color-mix(in srgb, var(--hq-ink) 55%, var(--hq-marker));text-decoration-color:color-mix(in srgb, var(--hq-ink) 55%, var(--hq-marker));margin-bottom:.55rem;font-size:1.4rem;line-height:1.05}.hq-heats__list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.hq-heat{border-bottom:1.5px solid color-mix(in srgb, var(--hq-marker) 28%, transparent);grid-template-columns:1.35rem 1.35rem 1fr;align-items:center;gap:.3rem .35rem;padding-bottom:.5rem;display:grid}.hq-heat:last-child{border-bottom:0;padding-bottom:0}.hq-heat__rank{background:var(--hq-marker);width:1.3rem;height:1.3rem;color:var(--hq-zone);font-family:var(--hq-display);border-radius:999px;place-items:center;font-size:.75rem;font-weight:700;display:grid}.hq-heat__icon{color:var(--hq-marker);place-items:center;display:grid}.hq-heat__row{justify-content:space-between;gap:.5rem;margin-bottom:.22rem;display:flex}.hq-heat__name{font-family:var(--hq-display);letter-spacing:.04em;text-transform:uppercase;font-size:.92rem;font-weight:700}.hq-heat__detail{font-variant-numeric:tabular-nums;color:var(--hq-muted);font-size:.82rem;font-weight:600;font-family:var(--hq-display)}.hq-bar{border:2px solid var(--hq-marker);background:color-mix(in srgb, var(--hq-zone) 70%, white);border-radius:1px;height:.95rem;position:relative;overflow:hidden}.hq-bar__track{background:color-mix(in srgb, var(--hq-board) 55%, white);position:absolute;inset:0}.hq-bar__fill{background-color:color-mix(in srgb, var(--hq-marker) 42%, white);background-image:url(/assets/board/hatch-fill.svg);background-repeat:repeat;background-size:12px 12px;transition:clip-path .24s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.hq-bar--alert{border-color:var(--hq-alert)}.hq-bar--alert .hq-bar__fill{background-color:color-mix(in srgb, var(--hq-alert) 38%, white);background-image:url(/assets/board/hatch-fill-alert.svg)}.hq-bar--warn{border-color:var(--hq-gold)}.hq-insight{grid-template-columns:auto 1fr;gap:.75rem;padding:1.25rem 1.05rem 1.3rem;display:grid}.hq-insight__icon{z-index:1;width:2.85rem;height:2.85rem;display:block;position:relative}.hq-insight__copy{z-index:1;position:relative}.hq-insight__title{margin-bottom:.4rem;font-size:1.35rem;line-height:1}.hq-insight__body{text-wrap:pretty;max-width:65ch;margin:0;font-size:.95rem}.hq-import{flex-direction:column;align-items:flex-start;gap:.45rem;margin-top:.9rem;display:flex}.hq-btn{border:2px solid var(--hq-marker);background:var(--hq-marker);color:var(--hq-zone);font-family:var(--hq-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:6px;padding:.55rem .9rem;font-size:.92rem;font-weight:700;display:inline-block}.hq-btn:hover{background:color-mix(in srgb, var(--hq-marker) 82%, var(--hq-ink));border-color:color-mix(in srgb, var(--hq-marker) 82%, var(--hq-ink))}.hq-btn:focus-visible{outline:2px solid var(--hq-marker);outline-offset:3px}.hq-btn--disabled{opacity:.65;cursor:wait;pointer-events:none}.hq-import__status{color:var(--hq-muted);max-width:65ch;margin:0;font-size:.82rem}.hq-synthetic{flex-direction:column;align-items:flex-start;gap:.25rem;margin:.75rem 0 0;display:flex}.hq-synthetic span:first-child{border:1.5px solid var(--hq-gold);color:var(--hq-ink);font-family:var(--hq-display);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb, var(--hq-zone) 80%, white);padding:.2rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.hq-synthetic__note{color:var(--hq-muted);font-size:.78rem}@media (width<=360px){.hq-sheet{grid-template-columns:1fr}.hq-ink-rule{display:none}.hq-lane{border-bottom:2px solid color-mix(in srgb, var(--hq-marker) 55%, transparent);margin-bottom:.35rem;padding-bottom:.75rem;padding-right:0}.hq-lane__num{font-size:4.8rem}}@media (width>=720px){.hq-board{width:min(100%,42rem);padding-top:1.5rem}.hq-sheet{grid-template-columns:11rem 12px 1fr;padding:1.55rem 1.3rem}.hq-lane__num{font-size:6.2rem}}@media (prefers-reduced-motion:reduce){.hq-bar__fill{transition:none}}.hq-app{flex-direction:column;align-items:center;width:100%;display:flex}.hq-auth{justify-content:center;width:min(100%,28rem);padding:2rem 1rem 2.5rem;display:flex}.hq-auth__panel{background:var(--hq-zone);border:2.5px solid color-mix(in srgb, var(--hq-marker) 55%, transparent);width:100%;box-shadow:.5px .5px 0 color-mix(in srgb, var(--hq-ink) 12%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--hq-zone) 40%, transparent);padding:1.5rem 1.25rem}.hq-auth__title{font-family:var(--hq-display);color:var(--hq-marker);margin:.75rem 0 .25rem;font-size:1.75rem;line-height:1}.hq-auth__lead,.hq-auth__hint,.hq-auth__status{color:var(--hq-muted);margin:0;font-size:.95rem}.hq-auth__form{flex-direction:column;gap:.85rem;margin-top:1.25rem;display:flex}.hq-auth__field{font-size:.85rem;font-family:var(--hq-display);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:.35rem;display:flex}.hq-auth__field input{font:inherit;font-family:var(--hq-font);text-transform:none;letter-spacing:normal;border:1.5px solid color-mix(in srgb, var(--hq-marker) 35%, transparent);background:color-mix(in srgb, var(--hq-zone) 92%, white);color:var(--hq-ink);padding:.55rem .65rem}.hq-auth__field input:focus{outline:2px solid color-mix(in srgb, var(--hq-marker) 45%, transparent);outline-offset:1px}.hq-auth__error{color:var(--hq-alert);margin:0;font-size:.88rem}.hq-auth__submit{border:2px solid var(--hq-marker);background:var(--hq-marker);color:var(--hq-zone);font-family:var(--hq-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;margin-top:.25rem;padding:.65rem 1rem;font-size:1rem;font-weight:700}.hq-auth__submit:disabled{opacity:.65;cursor:wait}.hq-auth__hint{margin-top:1rem;font-size:.82rem}.hq-auth__signout{color:var(--hq-muted);font:inherit;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;margin:.5rem 0 2rem;padding:0;font-size:.82rem;text-decoration:underline}.hq-auth__signout:hover{color:var(--hq-marker)}