@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-semibold:600;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.h-9{height:calc(var(--spacing)*9)}.h-14{height:calc(var(--spacing)*14)}.w-9{width:calc(var(--spacing)*9)}.w-14{width:calc(var(--spacing)*14)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing)*3)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[color\:color-mix\(in_oklab\,var\(--ds-accent\)_50\%\,transparent\)\]{border-color:var(--ds-accent)}@supports (color:color-mix(in lab, red, red)){.border-\[color\:color-mix\(in_oklab\,var\(--ds-accent\)_50\%\,transparent\)\]{border-color:color-mix(in oklab,var(--ds-accent)50%,transparent)}}.border-\[color\:color-mix\(in_oklab\,var\(--ds-danger\)_50\%\,transparent\)\]{border-color:var(--ds-danger)}@supports (color:color-mix(in lab, red, red)){.border-\[color\:color-mix\(in_oklab\,var\(--ds-danger\)_50\%\,transparent\)\]{border-color:color-mix(in oklab,var(--ds-danger)50%,transparent)}}.border-\[color\:color-mix\(in_oklab\,var\(--ds-text-primary\)_10\%\,transparent\)\]{border-color:var(--ds-text-primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color\:color-mix\(in_oklab\,var\(--ds-text-primary\)_10\%\,transparent\)\]{border-color:color-mix(in oklab,var(--ds-text-primary)10%,transparent)}}.px-3{padding-inline:calc(var(--spacing)*3)}.font-mono{font-family:var(--font-mono)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.tracking-\[0\.55em\]{--tw-tracking:.55em;letter-spacing:.55em}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[lobby\:report-result\]{lobby:report-result}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}:root{--app-vw:100dvw;--hh-bg:transparent;--hh-bg-soft:var(--ds-bg-surface);--hh-surface-subtle:var(--ds-bg-surface-2);--hh-border:var(--ds-border-default);--hh-text:var(--ds-text-primary);--hh-text-soft:var(--ds-text-secondary);--hh-muted:var(--ds-text-muted);--hh-accent:var(--ds-accent);--hh-accent-hover:var(--ds-accent-hover);--hh-accent-active:var(--ds-accent-active);--hh-accent-glow:var(--ds-tertiary)}@supports (color:color-mix(in lab, red, red)){:root{--hh-accent-glow:color-mix(in oklab,var(--ds-tertiary)36%,white 64%)}}:root{--hh-danger:var(--ds-danger);--hh-warning:var(--ds-warning);--hh-energy:var(--ds-info);--bg:var(--ds-bg-base);--surface:var(--ds-bg-surface);--surface2:var(--ds-bg-surface-2);--ink:var(--ds-text-primary);--muted:var(--ds-text-secondary);--border:var(--ds-border-default);--ring:var(--ds-tertiary)}@supports (color:color-mix(in lab, red, red)){:root{--ring:color-mix(in oklab,var(--ds-tertiary)36%,white 64%)}}:root{--gold:var(--ds-warning);--purple:var(--ds-info);--success:var(--ds-success);--danger:var(--ds-danger);--hairline:.08;--r-md:var(--ds-radius-md);--r-lg:var(--ds-radius-lg);--shadow1:var(--ds-shadow-soft);--shadow2:var(--ds-shadow-card);--gridlink-bg:transparent;--gridlink-text:var(--ds-text-primary);--gridlink-muted:var(--ds-text-secondary);--gridlink-line:var(--ds-border-default)}@supports (color:color-mix(in lab, red, red)){:root{--gridlink-line:color-mix(in oklab,var(--ds-border-default)84%,white 16%)}}:root{--gridlink-line-strong:var(--ds-border-default);--gridlink-valid:var(--ds-success)}@supports (color:color-mix(in lab, red, red)){:root{--gridlink-valid:color-mix(in oklab,var(--ds-success)72%,white 28%)}}:root{--gridlink-invalid:var(--ds-danger)}@supports (color:color-mix(in lab, red, red)){:root{--gridlink-invalid:color-mix(in oklab,var(--ds-danger)72%,white 28%)}}:root{--gridlink-focus:var(--ds-tertiary)}@supports (color:color-mix(in lab, red, red)){:root{--gridlink-focus:color-mix(in oklab,var(--ds-tertiary)62%,white 38%)}}:root{--gridlink-ease:var(--ds-ease-standard);--hb-bg:transparent;--hb-surface:var(--ds-bg-surface);--hb-surface-2:var(--ds-bg-surface-2);--hb-text:var(--ds-text-primary);--hb-muted:var(--ds-text-secondary);--hb-muted-2:var(--ds-text-muted);--hb-border:var(--ds-border-default);--hb-border-strong:var(--ds-border-strong);--hb-shadow:var(--ds-shadow-card);--hb-radius:var(--ds-radius-xl);--hb-motion-fast:var(--ds-transition-fast);--hb-hover-gray:var(--ds-text-muted)}@supports (color:color-mix(in lab, red, red)){:root{--hb-hover-gray:color-mix(in oklab,var(--ds-text-muted)56%,white 44%)}}:root{--hb-accent-magenta:var(--ds-danger)}@supports (color:color-mix(in lab, red, red)){:root{--hb-accent-magenta:color-mix(in oklab,var(--ds-danger)78%,white 22%)}}:root{--hb-accent-yellow:var(--ds-warning)}@supports (color:color-mix(in lab, red, red)){:root{--hb-accent-yellow:color-mix(in oklab,var(--ds-warning)78%,white 22%)}}:root{--hb-accent-purple:var(--ds-tertiary)}@supports (color:color-mix(in lab, red, red)){:root{--hb-accent-purple:color-mix(in oklab,var(--ds-tertiary)78%,white 22%)}}:root{--hb-accent-teal:var(--ds-success)}@supports (color:color-mix(in lab, red, red)){:root{--hb-accent-teal:color-mix(in oklab,var(--ds-success)78%,white 22%)}}:root{--hb-success:var(--ds-success);--hb-warning:var(--ds-warning);--hb-danger:var(--ds-danger);--hb-text-on-dark:var(--ds-text-inverse)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{min-height:100%}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{--app-bg-primary:#5b21b6;--app-grid-line-primary:#8b5cf6;--app-bg-tone:var(--app-bg-primary);--app-grid-line-tone:var(--app-grid-line-primary)}@supports (color:color-mix(in lab, red, red)){body{--app-grid-line-tone:color-mix(in srgb,var(--app-grid-line-primary)54%,transparent)}}body{--app-grid-line-strong-tone:var(--app-grid-line-primary)}@supports (color:color-mix(in lab, red, red)){body{--app-grid-line-strong-tone:color-mix(in srgb,var(--app-grid-line-primary)72%,transparent)}}body{--app-grid-drift-duration:5s;isolation:isolate;background-color:var(--app-bg-tone);min-width:320px;color:var(--ds-text-primary);font-family:var(--ds-font-sans);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-body);line-height:var(--ds-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-color:var(--app-bg-tone);background-image:var(--ds-gradient-page-vignette);transition:background-color .26s var(--ds-ease-standard);background-position:top;background-size:auto;position:fixed;inset:0}body[data-lobby-round-tone=win]{--app-bg-tone:#1acf6d;--app-grid-line-tone:#2f9f4f4d;--app-grid-line-strong-tone:#2f9f4f80;--app-grid-drift-duration:1.5s}body[data-lobby-round-tone=loss]{--app-bg-tone:#e35d6a;--app-grid-line-tone:#c63a454d;--app-grid-line-strong-tone:#c63a4580;--app-grid-drift-duration:8.5s}.app-global-grid{pointer-events:none;opacity:.92;background-image:linear-gradient(to right,var(--app-grid-line-tone)1px,transparent 1px),linear-gradient(to bottom,var(--app-grid-line-tone)1px,transparent 1px),linear-gradient(to right,var(--app-grid-line-strong-tone)1px,transparent 1px),linear-gradient(to bottom,var(--app-grid-line-strong-tone)1px,transparent 1px);background-size:var(--ds-grid-size)var(--ds-grid-size),var(--ds-grid-size)var(--ds-grid-size),var(--ds-grid-size-lg)var(--ds-grid-size-lg),var(--ds-grid-size-lg)var(--ds-grid-size-lg);will-change:background-position;animation:app-grid-drift var(--app-grid-drift-duration)linear infinite;background-position:0 0,0 0,0 0,0 0;animation-iteration-count:infinite;inset:-140px;z-index:0!important;position:fixed!important}body>*{z-index:1;position:relative}h1,h2,h3,h4,h5,h6{color:var(--ds-text-primary);font-family:var(--ds-font-display);letter-spacing:var(--ds-tracking-display);font-weight:400;line-height:var(--ds-leading-display);text-transform:uppercase;margin:0}p,li{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select,label{font-family:var(--ds-font-body);font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,select{box-shadow:none;appearance:none;background:0 0;border:none}::selection{background:var(--ds-tertiary)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in oklab,var(--ds-tertiary)28%,white 72%)}}::selection{color:var(--ds-text-primary)}:focus-visible{outline:none}.hb-route-frame{background:0 0;width:100%;display:block}.shadow-toon{box-shadow:var(--ds-shadow-card)}.shadow-toon-sm{box-shadow:var(--ds-shadow-soft)}.shadow-toon-hover{box-shadow:var(--ds-shadow-toon-hover)}.noir-btn,.hb-btn{--ds-border-color:var(--ds-border-default);--noir-btn-bg:var(--ds-surface-accent-yellow);--noir-btn-bg-hover:var(--ds-accent-hover);--noir-btn-bg-active:var(--ds-accent-active);--noir-btn-text:var(--ds-text-primary);--noir-btn-font-family:var(--ds-font-body);--noir-btn-font-size:var(--ds-text-body-sm);--noir-btn-font-weight:var(--ds-weight-semibold);--noir-btn-letter-spacing:var(--ds-tracking-body);--noir-btn-text-transform:none;border:var(--ds-border-width)solid var(--ds-border-color);border-radius:var(--ds-radius-xl);background:var(--noir-btn-bg);min-height:48px;box-shadow:var(--ds-shadow-soft);color:var(--noir-btn-text);font-family:var(--noir-btn-font-family);font-size:var(--noir-btn-font-size);font-weight:var(--noir-btn-font-weight);letter-spacing:var(--noir-btn-letter-spacing);line-height:var(--ds-leading-ui);text-transform:var(--noir-btn-text-transform);transition:transform var(--ds-transition-fast),box-shadow var(--ds-transition-fast),background-color var(--ds-transition-fast),border-color var(--ds-transition-fast),color var(--ds-transition-fast),opacity var(--ds-transition-fast);justify-content:center;align-items:center;gap:10px;padding:0 18px;display:inline-flex}.noir-btn:hover:not(:disabled),.hb-btn:hover:not(:disabled){box-shadow:var(--ds-shadow-toon-hover);background:var(--noir-btn-bg-hover);transform:translate(2px,2px)}.noir-btn:active:not(:disabled),.hb-btn:active:not(:disabled){box-shadow:none;background:var(--noir-btn-bg-active);transform:translate(4px,4px)}.noir-btn:focus-visible,.hb-btn:focus-visible,.noir-input:focus-within,.hb-input:focus-within,.hb-icon-btn:focus-visible{box-shadow:var(--ds-shadow-focus)}.noir-btn:disabled,.hb-btn:disabled{opacity:.58;box-shadow:var(--ds-shadow-soft);transform:none}.noir-btn--sm{min-height:42px;padding-inline:14px;font-size:.72rem}.noir-btn--md{min-height:48px}.noir-btn--primary,.hb-btn--primary{--noir-btn-bg:var(--ds-surface-accent-yellow);--noir-btn-bg-hover:var(--ds-accent-hover);--noir-btn-bg-active:var(--ds-accent-active);--noir-btn-font-family:var(--ds-font-display);--noir-btn-font-size:var(--ds-text-cta);--noir-btn-font-weight:400;--noir-btn-letter-spacing:var(--ds-tracking-cta);--noir-btn-text-transform:uppercase}.noir-btn--ghost,.hb-btn--ghost{--noir-btn-bg:transparent;--noir-btn-bg-hover:var(--ds-interactive-hover)}@supports (color:color-mix(in lab, red, red)){.noir-btn--ghost,.hb-btn--ghost{--noir-btn-bg-hover:color-mix(in oklab,var(--ds-interactive-hover)72%,transparent)}}.noir-btn--ghost,.hb-btn--ghost{--noir-btn-bg-active:var(--ds-interactive-active)}@supports (color:color-mix(in lab, red, red)){.noir-btn--ghost,.hb-btn--ghost{--noir-btn-bg-active:color-mix(in oklab,var(--ds-interactive-active)82%,transparent)}}.noir-btn--ghost,.hb-btn--ghost{box-shadow:none;border-style:dashed}.noir-btn--subtle,.hb-btn--warning{--noir-btn-bg:var(--ds-bg-surface-2);--noir-btn-bg-hover:var(--ds-bg-surface-2)}@supports (color:color-mix(in lab, red, red)){.noir-btn--subtle,.hb-btn--warning{--noir-btn-bg-hover:color-mix(in oklab,var(--ds-bg-surface-2)74%,var(--ds-warning)26%)}}.noir-btn--subtle,.hb-btn--warning{--noir-btn-bg-active:var(--ds-bg-surface-2)}@supports (color:color-mix(in lab, red, red)){.noir-btn--subtle,.hb-btn--warning{--noir-btn-bg-active:color-mix(in oklab,var(--ds-bg-surface-2)62%,var(--ds-warning)38%)}}.noir-btn--success,.hb-btn--success{--noir-btn-bg:var(--ds-surface-accent-green);--noir-btn-bg-hover:var(--ds-info-surface-strong);--noir-btn-bg-active:var(--ds-info-surface-strong)}@supports (color:color-mix(in lab, red, red)){.noir-btn--success,.hb-btn--success{--noir-btn-bg-active:color-mix(in oklab,var(--ds-info-surface-strong)80%,var(--ds-border-default)20%)}}.noir-btn--danger,.hb-btn--danger{--noir-btn-bg:var(--ds-surface-accent-coral);--noir-btn-bg-hover:var(--ds-danger)}@supports (color:color-mix(in lab, red, red)){.noir-btn--danger,.hb-btn--danger{--noir-btn-bg-hover:color-mix(in oklab,var(--ds-danger)84%,white 16%)}}.noir-btn--danger,.hb-btn--danger{--noir-btn-bg-active:var(--ds-danger)}@supports (color:color-mix(in lab, red, red)){.noir-btn--danger,.hb-btn--danger{--noir-btn-bg-active:color-mix(in oklab,var(--ds-danger)80%,var(--ds-border-default)20%)}}.noir-card,.noir-panel,.hb-card,.hb-panel,.hb-result-card,.hb-loader-block,.hb-result-games{--ds-border-color:var(--ds-border-default);border:var(--ds-border-width)solid var(--ds-border-color);border-radius:var(--ds-radius-xl);background:var(--ds-bg-surface);box-shadow:var(--ds-shadow-card)}.noir-card--clickable{cursor:pointer}.noir-card--clickable:hover{box-shadow:var(--ds-shadow-toon-hover);transform:translate(2px,2px)}.noir-card--disabled{opacity:.56;pointer-events:none}.noir-panel__header{border-bottom:var(--ds-border-width)dashed var(--ds-border-default);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.noir-panel__header{border-bottom:var(--ds-border-width)dashed color-mix(in oklab,var(--ds-border-default)26%,white 74%)}}.noir-panel__title,.hb-result-card__eyebrow,.hb-result-card__score{color:var(--ds-text-muted);font-family:var(--ds-font-heading);font-size:.72rem;font-weight:var(--ds-weight-bold);letter-spacing:.06em;text-transform:uppercase}.noir-panel__right{align-items:center;gap:10px;display:inline-flex}.noir-panel__body{padding:18px}.noir-chip,.hb-chip{border:var(--ds-border-width)solid var(--ds-border-default);border-radius:var(--ds-radius-pill);background:var(--ds-bg-surface);min-height:34px;box-shadow:var(--ds-shadow-soft);color:var(--ds-text-primary);font-family:var(--ds-font-body);font-size:var(--ds-text-body-sm);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-body);text-transform:none;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.noir-chip--neutral{background:var(--ds-bg-surface-2)}.noir-chip--gold{background:var(--ds-surface-accent-yellow)}.noir-chip--purple,.hb-chip--teal{background:var(--ds-surface-accent-green)}.hb-chip--magenta,.noir-chip--danger{background:var(--ds-surface-accent-coral)}.noir-chip--success{background:var(--ds-surface-accent-green)}@supports (color:color-mix(in lab, red, red)){.noir-chip--success{background:color-mix(in oklab,var(--ds-surface-accent-green)78%,white 22%)}}.noir-input,.hb-input{--ds-border-color:var(--ds-border-default);border:var(--ds-border-width)solid var(--ds-border-color);border-radius:var(--ds-radius-lg);background:var(--ds-input-bg);width:100%;min-height:54px;box-shadow:var(--ds-shadow-soft);transition:transform var(--ds-transition-fast),box-shadow var(--ds-transition-fast),border-color var(--ds-transition-fast),background-color var(--ds-transition-fast);align-items:center;padding:0 16px;display:inline-flex}.noir-input__field,.hb-input input{width:100%;color:var(--ds-text-primary);font-family:var(--ds-font-body);font-size:var(--ds-text-body-md);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-body);line-height:var(--ds-leading-ui)}.noir-input__field::placeholder,.hb-input input::placeholder{color:var(--ds-text-muted);opacity:1}.noir-input__field--mono,.hb-input input,.hb-tile,.monoCode{font-family:var(--ds-font-mono);letter-spacing:var(--ds-tracking-mono);text-transform:uppercase}.hb-tile{border:var(--ds-border-width)solid var(--ds-border-default);border-radius:var(--ds-radius-lg);background:var(--ds-bg-surface);min-height:48px;box-shadow:var(--ds-shadow-soft);color:var(--ds-text-primary);justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.hb-icon-btn{border:var(--ds-border-width)solid var(--ds-border-default);background:var(--ds-surface-accent-yellow);block-size:42px;inline-size:42px;box-shadow:var(--ds-shadow-soft);color:var(--ds-text-primary);transition:transform var(--ds-transition-fast),box-shadow var(--ds-transition-fast),background-color var(--ds-transition-fast),opacity var(--ds-transition-fast);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.hb-icon-btn:hover:not(.is-disabled){box-shadow:var(--ds-shadow-toon-hover);transform:translate(2px,2px)}.hb-icon-btn:active:not(.is-disabled){box-shadow:none;transform:translate(4px,4px)}.hb-icon-btn.is-disabled{opacity:.48;pointer-events:none}.hb-loader-layer,.hb-result-overlay{z-index:220;background:#080b10bd;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hb-loader-layer{z-index:10;border-radius:inherit;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--ds-transition-fast),visibility var(--ds-transition-fast);position:absolute}.hb-loader-layer.is-active{opacity:1;visibility:visible;pointer-events:auto}.hb-loader-spinner{border:var(--ds-border-width-lg)solid var(--ds-bg-surface);border-radius:999px;block-size:56px;inline-size:56px}@supports (color:color-mix(in lab, red, red)){.hb-loader-spinner{border:var(--ds-border-width-lg)solid color-mix(in oklab,var(--ds-bg-surface)40%,var(--ds-border-default)60%)}}.hb-loader-spinner{border-top-color:var(--ds-border-default);animation:.8s linear infinite hb-spin}.hb-loader-block{padding:28px}.hb-result-card{text-align:center;gap:10px;width:min(420px,100% - 36px);padding:20px;display:grid}.hb-result-card--final{gap:14px;width:min(640px,100% - 36px)}.hb-result-card__title,.hb-result-card__title--big{color:var(--ds-text-primary);font-family:var(--ds-font-heading);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(1rem,2.4vw,1.5rem);line-height:1}.hb-result-card__score,.hb-result-card__score--big,.hb-result-games__item,.hb-result-summary,.hb-result-games__empty{color:var(--ds-text-secondary);font-size:.88rem;font-weight:700;line-height:1.45}.hb-result-games{gap:10px;max-height:220px;padding:12px;display:grid;overflow:auto}.hb-result-games__item{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.hb-result-games__index{border:var(--ds-border-width)solid var(--ds-border-default);background:var(--ds-surface-accent-yellow);block-size:30px;inline-size:30px;box-shadow:var(--ds-shadow-tight);color:var(--ds-text-primary);font-family:var(--ds-font-heading);border-radius:999px;justify-content:center;align-items:center;font-size:.74rem;display:inline-flex}.hb-result-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.hb-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.status-dot,.home-hero__dot,.lb-presence__dot,.gridlink-topbar__copied{border:var(--ds-border-width-sm)solid var(--ds-border-default);block-size:10px;inline-size:10px;box-shadow:var(--ds-shadow-tight);background:var(--ds-bg-surface-2);border-radius:999px;display:inline-flex}.status-dot--green{background:var(--ds-success)}.status-dot--orange{background:var(--ds-danger)}.status-dot--gray{background:var(--ds-bg-surface-2)}.text-display-xl,.titleWide{color:var(--ds-text-primary);font-family:var(--ds-font-display);font-size:var(--ds-text-display-xl);letter-spacing:var(--ds-tracking-display);font-weight:400;line-height:var(--ds-leading-display);text-transform:uppercase}.text-display-lg{color:var(--ds-text-primary);font-family:var(--ds-font-display);font-size:var(--ds-text-display-lg);letter-spacing:var(--ds-tracking-display);font-weight:400;line-height:var(--ds-leading-display);text-transform:uppercase}.text-display-md{color:var(--ds-text-primary);font-family:var(--ds-font-display);font-size:var(--ds-text-display-md);letter-spacing:var(--ds-tracking-display);font-weight:400;line-height:var(--ds-leading-display);text-transform:uppercase}.text-body-lg{font-family:var(--ds-font-body);font-size:var(--ds-text-body-lg);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-body);line-height:var(--ds-leading-normal)}.text-body-md{font-family:var(--ds-font-body);font-size:var(--ds-text-body-md);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-body);line-height:var(--ds-leading-normal)}.text-body-sm{font-family:var(--ds-font-body);font-size:var(--ds-text-body-sm);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-body);line-height:var(--ds-leading-normal)}.text-cta{font-family:var(--ds-font-display);font-size:var(--ds-text-cta);letter-spacing:var(--ds-tracking-cta);font-weight:400;line-height:var(--ds-leading-ui);text-transform:uppercase}.text-label,.kicker,.label{color:var(--ds-text-muted);font-family:var(--ds-font-display);font-size:var(--ds-text-label);letter-spacing:var(--ds-tracking-label);font-weight:400;line-height:var(--ds-leading-ui);text-transform:uppercase}.monoCode{color:var(--ds-text-primary)}.ui-text--muted{color:var(--ds-text-secondary)}.sr-only{clip:rect(0,0,0,0);border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes hb-spin{to{transform:rotate(360deg)}}@keyframes app-grid-drift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:100px 100px,100px 100px,100px 100px,100px 100px}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(4px)}72%{transform:translate(-3px)}to{transform:translate(0)}}.shake{animation:.14s ease-in-out shake}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
:root{--arcade-sky:#5b21b6;--arcade-sky-deep:#4c1d95;--arcade-sky-grid:#7c3aed;--arcade-surface:#e5e7eb;--arcade-surface-soft:#d8dbe3;--arcade-surface-panel:#f3f4f6;--arcade-white:#fff;--arcade-yellow:#ffd93d;--arcade-yellow-strong:#f7c723;--arcade-blue:#5865f2;--arcade-blue-strong:#4a57de;--arcade-coral:#a78bfa;--arcade-coral-strong:#8d6cf0;--arcade-charcoal:#1f2937;--arcade-charcoal-soft:#4b5563;--arcade-muted:#6b7280;--arcade-shadow:#0f172a;--toon-sky:var(--arcade-sky);--toon-sky-deep:var(--arcade-sky-deep);--toon-cloud:var(--arcade-surface);--toon-cloud-soft:var(--arcade-surface-panel);--toon-cream:var(--arcade-white);--toon-cream-deep:var(--arcade-surface);--toon-ink:var(--arcade-charcoal);--toon-ink-soft:var(--arcade-charcoal-soft);--toon-ink-muted:var(--arcade-muted);--toon-pink:var(--arcade-coral);--toon-pink-strong:var(--arcade-coral-strong);--toon-green:#22c55e;--toon-green-strong:#16a34a;--toon-yellow:var(--arcade-yellow);--toon-yellow-strong:var(--arcade-yellow-strong);--toon-lavender:#c4b5fd;--toon-lavender-strong:#8b5cf6;--toon-tertiary:var(--arcade-blue);--toon-tertiary-strong:var(--arcade-blue-strong);--toon-line:var(--arcade-charcoal);--toon-shadow-color:var(--arcade-shadow);--toon-danger:#ef4444;--toon-success:#22c55e;--toon-info:var(--arcade-blue);--toon-shadow-offset:4px;--toon-shadow-offset-lg:6px;--ds-shadow-bleed-inline-end-sm:4px;--ds-shadow-bleed-block-end-sm:4px;--ds-shadow-bleed-inline-end-md:6px;--ds-shadow-bleed-block-end-md:6px;--ds-shadow-bleed-inline-end-safe:8px;--ds-shadow-bleed-block-end-safe:8px;--ds-bg:var(--arcade-sky);--ds-text:var(--arcade-charcoal);--ds-muted:var(--arcade-charcoal-soft);--ds-border:var(--arcade-charcoal);--ds-green:#22c55e;--ds-orange:#ef4444;--ds-gray:var(--arcade-muted);--ds-bg-base:var(--arcade-sky);--ds-bg-surface:var(--arcade-surface);--ds-bg-surface-2:var(--arcade-surface-soft);--ds-bg-elevated:var(--arcade-white);--ds-bg-overlay:color-mix(in oklab,var(--arcade-sky)86%,white 14%);--ds-bg-hover:color-mix(in oklab,var(--arcade-surface-soft)82%,white 18%);--ds-bg-disabled:color-mix(in oklab,var(--arcade-surface-soft)72%,var(--arcade-muted)28%);--ds-surface-primary:var(--arcade-surface);--ds-surface-secondary:var(--arcade-surface-soft);--ds-surface-accent-yellow:var(--arcade-yellow);--ds-surface-accent-blue:var(--arcade-blue);--ds-surface-accent-green:#22c55e;--ds-surface-accent-invalid:#ef4444;--ds-surface-accent-coral:var(--arcade-coral);--ds-input-bg:color-mix(in oklab,var(--arcade-surface-panel)82%,white 18%);--ds-text-primary:var(--arcade-charcoal);--ds-text-secondary:var(--arcade-charcoal-soft);--ds-text-muted:var(--arcade-muted);--ds-text-inverse:var(--arcade-white);--ds-border-default:var(--arcade-charcoal);--ds-border-subtle:color-mix(in oklab,var(--arcade-charcoal)26%,white 74%);--ds-border-strong:var(--arcade-charcoal);--ds-shadow-solid:var(--arcade-shadow);--ds-badge-live:#22c55e;--ds-accent:#22c55e;--ds-accent-hover:#16a34a;--ds-accent-active:#15803d;--ds-accent-soft:#d1f1d6;--ds-accent-surface:#22c55e;--ds-accent-surface-strong:#16a34a;--ds-interactive-surface:var(--arcade-white);--ds-interactive-hover:color-mix(in oklab,var(--arcade-white)76%,var(--arcade-surface-panel)24%);--ds-interactive-active:color-mix(in oklab,var(--arcade-surface-panel)84%,var(--arcade-charcoal)16%);--ds-warning-surface:var(--arcade-yellow);--ds-danger-surface:#fca5a5;--ds-tertiary:#7c3aed;--ds-tertiary-hover:#6d28d9;--ds-tertiary-surface:#a78bfa;--ds-tertiary-surface-strong:#8b5cf6;--ds-success:#22c55e;--ds-warning:var(--arcade-yellow);--ds-danger:#ef4444;--ds-info:var(--arcade-blue);--ds-info-surface:#818cf8;--ds-info-surface-strong:#6366f1;--ds-player-you:#22c55e;--ds-player-rival:#8b5cf6;--ds-duel-you:var(--ds-player-you);--ds-duel-you-hover:#16a34a;--ds-duel-you-surface:#80d993;--ds-duel-you-surface-strong:#6dbe7d;--ds-duel-rival:var(--ds-player-rival);--ds-duel-rival-hover:#7c3aed;--ds-duel-rival-surface:#ac95fd;--ds-duel-rival-surface-strong:#9b7bf7;--ds-font-display:"Bungee",cursive;--ds-font-body:"Fredoka",sans-serif;--ds-font-heading:var(--ds-font-display);--ds-font-sans:var(--ds-font-body);--ds-font-mono:"Fredoka",sans-serif;--ds-text-display-xl:clamp(3.2rem,7.2vw,5.6rem);--ds-text-display-lg:clamp(2.1rem,4.6vw,3.4rem);--ds-text-display-md:clamp(1.35rem,2.6vw,2.05rem);--ds-text-body-lg:clamp(1.04rem,1.8vw,1.32rem);--ds-text-body-md:1rem;--ds-text-body-sm:.88rem;--ds-text-cta:clamp(.8rem,1vw,.94rem);--ds-text-label:clamp(.72rem,.92vw,.84rem);--ds-text-xs:var(--ds-text-label);--ds-text-sm:var(--ds-text-body-sm);--ds-text-base:var(--ds-text-body-md);--ds-text-lg:var(--ds-text-body-lg);--ds-text-xl:var(--ds-text-display-md);--ds-text-2xl:var(--ds-text-display-lg);--ds-text-3xl:var(--ds-text-display-xl);--ds-weight-regular:400;--ds-weight-medium:500;--ds-weight-semibold:600;--ds-weight-bold:700;--ds-leading-display:.96;--ds-leading-tight:1;--ds-leading-ui:1.14;--ds-leading-normal:1.45;--ds-leading-relaxed:1.56;--ds-tracking-display:.04em;--ds-tracking-label:.08em;--ds-tracking-cta:.05em;--ds-tracking-wide:.05em;--ds-tracking-body:.01em;--ds-tracking-mono:.05em;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:24px;--ds-space-6:32px;--ds-space-7:44px;--ds-space-8:64px;--ds-space-9:92px;--ds-radius-sm:10px;--ds-radius-md:14px;--ds-radius-lg:20px;--ds-radius-xl:28px;--ds-radius-2xl:38px;--ds-radius-pill:999px;--ds-radius-none:0;--ds-border-width-sm:2px;--ds-border-width:3px;--ds-border-width-lg:4px;--ds-frame-border-width:var(--ds-border-width);--ds-frame-radius:var(--ds-radius-2xl);--ds-frame-shadow:var(--ds-shadow-card);--ds-shadow-color:var(--ds-border-color,var(--ds-shadow-solid));--ds-shadow-toon-sm:var(--toon-shadow-offset)var(--toon-shadow-offset)0 0 var(--ds-border-color,var(--ds-shadow-solid));--ds-shadow-toon:var(--toon-shadow-offset-lg)var(--toon-shadow-offset-lg)0 0 var(--ds-border-color,var(--ds-shadow-solid));--ds-shadow-toon-hover:2px 2px 0 0 var(--ds-border-color,var(--ds-shadow-solid));--ds-shadow-soft:var(--ds-shadow-toon-sm);--ds-shadow-card:var(--ds-shadow-toon);--ds-shadow-tight:2px 2px 0 0 var(--ds-border-color,var(--ds-shadow-solid));--ds-shadow-micro:1px 1px 0 0 var(--ds-border-color,var(--ds-shadow-solid));--ds-shadow-elevated:8px 8px 0 0 var(--ds-border-color,var(--ds-shadow-solid));--ds-shadow-glow:0 0 0 4px color-mix(in oklab,var(--ds-accent)24%,white 76%);--ds-shadow-focus:0 0 0 4px color-mix(in oklab,var(--ds-tertiary)34%,white 66%),var(--ds-shadow-toon-sm);--ds-shadow-hairline:inset 0 0 0 2px #ffffff5c;--ds-ease-standard:cubic-bezier(.22,1,.36,1);--ds-ease-emphasized:cubic-bezier(.16,1,.3,1);--ds-transition-fast:.13s var(--ds-ease-standard);--ds-transition-base:.2s var(--ds-ease-standard);--ds-transition-slow:.26s var(--ds-ease-emphasized);--ds-page-gutter:clamp(16px,3vw,34px);--ds-layout-width-wide:min(1400px,calc(var(--app-vw,100vw) - (var(--ds-page-gutter)*2)));--ds-layout-width-narrow:min(1100px,calc(var(--app-vw,100vw) - (var(--ds-page-gutter)*2)));--ds-section-gap:clamp(24px,4vw,44px);--ds-header-gap:clamp(18px,2vw,24px);--ds-topbar-panel-min-height:84px;--ds-topbar-offset:calc(var(--ds-topbar-panel-min-height) + (var(--ds-header-gap)*2));--ds-grid-size:20px;--ds-grid-size-lg:100px;--ds-grid-line:#22c55e42;--ds-grid-line-strong:#22c55e61;--ds-gradient-page-vignette:radial-gradient(circle at 50% 0%,#ffffff1f,transparent 56%);--ds-gradient-stage:linear-gradient(180deg,#ffffff14 0%,#fff0 44%);--ds-gradient-grid-soft:linear-gradient(to right,var(--ds-grid-line)1px,transparent 1px),linear-gradient(to bottom,var(--ds-grid-line)1px,transparent 1px),linear-gradient(to right,var(--ds-grid-line-strong)1px,transparent 1px),linear-gradient(to bottom,var(--ds-grid-line-strong)1px,transparent 1px)}@supports (color:lab(0% 0 0)){:root{--ds-accent-soft:lab(92.3004% -14.7255 9.58471);--ds-duel-you-surface:lab(79.8029% -38.9019 25.7851);--ds-duel-you-surface-strong:lab(70.4123% -36.3087 24.4931);--ds-duel-rival-surface:lab(66.9447% 26.1397 -49.4704);--ds-duel-rival-surface-strong:lab(59.1563% 33.6843 -58.4625);--ds-shadow-hairline:inset 0 0 0 2px lab(100% -.0000298023 .0000119209/.36);--ds-grid-line:lab(70.2187% -57.9808 39.4382/.26);--ds-grid-line-strong:lab(70.2187% -57.9808 39.4382/.38)}}@media (max-width:760px){:root{--ds-layout-width-wide:min(100%,calc(var(--app-vw,100vw) - 24px));--ds-layout-width-narrow:min(100%,calc(var(--app-vw,100vw) - 24px));--ds-page-gutter:clamp(10px,4vw,14px);--ds-section-gap:clamp(20px,5vw,30px);--ds-header-gap:clamp(12px,3.6vw,16px);--ds-topbar-panel-min-height:74px}}
:root{--space-1:var(--ds-space-1);--space-2:var(--ds-space-2);--space-3:var(--ds-space-3);--space-4:var(--ds-space-4);--space-5:var(--ds-space-5);--space-6:var(--ds-space-6);--space-7:var(--ds-space-7);--space-8:var(--ds-space-8)}.ui-container{width:var(--ds-layout-width-wide);margin-inline:auto}.ui-container--narrow{width:var(--ds-layout-width-narrow)}.ui-section{gap:clamp(18px,2.4vw,30px);display:grid}.ui-section__head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);border-bottom:var(--ds-border-width)dashed color-mix(in oklab,var(--ds-border-default)26%,white 74%);padding-bottom:clamp(14px,2vw,20px);display:flex}.ui-section__title{color:var(--ds-text-primary);font-family:var(--ds-font-display);font-size:var(--ds-text-display-lg);letter-spacing:var(--ds-tracking-display);line-height:var(--ds-leading-display);text-transform:uppercase;margin:0}.ui-section__subtitle{max-width:54rem;color:var(--ds-text-secondary);font-family:var(--ds-font-body);font-size:var(--ds-text-body-md);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-body);line-height:var(--ds-leading-normal);margin:10px 0 0}.ui-section__actions{align-items:center;gap:12px;display:inline-flex}.ui-card{--ui-card-bg:var(--ds-bg-surface);--ui-card-border:var(--ds-border-default);--ui-card-shadow:var(--ds-shadow-card);--ui-card-radius:var(--ds-radius-xl);border:var(--ds-border-width)solid var(--ui-card-border);border-radius:var(--ui-card-radius);background:var(--ui-card-bg);transition:transform var(--ds-transition-base),box-shadow var(--ds-transition-base),border-color var(--ds-transition-base),background-color var(--ds-transition-base),color var(--ds-transition-base)}.ui-card--flat{--ui-card-shadow:none}.ui-card--soft{--ui-card-shadow:var(--ds-shadow-soft)}.ui-btn{--ui-btn-bg:var(--ds-surface-accent-yellow);--ui-btn-bg-hover:var(--ds-accent-hover);--ui-btn-bg-active:var(--ds-accent-active);--ui-btn-border:var(--ds-border-default);--ui-btn-text:var(--ds-text-primary);--ui-btn-shadow:var(--ds-shadow-soft);--ui-btn-font-family:var(--ds-font-body);--ui-btn-font-size:var(--ds-text-body-sm);--ui-btn-font-weight:var(--ds-weight-semibold);--ui-btn-letter-spacing:var(--ds-tracking-body);--ui-btn-text-transform:none;border:var(--ds-border-width)solid var(--ui-btn-border);border-radius:var(--ds-radius-xl);background:var(--ui-btn-bg);min-height:48px;box-shadow:var(--ui-btn-shadow);color:var(--ui-btn-text);font-family:var(--ui-btn-font-family);font-size:var(--ui-btn-font-size);font-weight:var(--ui-btn-font-weight);letter-spacing:var(--ui-btn-letter-spacing);line-height:var(--ds-leading-ui);text-transform:var(--ui-btn-text-transform);transition:transform var(--ds-transition-fast),box-shadow var(--ds-transition-fast),background-color var(--ds-transition-fast),border-color var(--ds-transition-fast),color var(--ds-transition-fast),opacity var(--ds-transition-fast);justify-content:center;align-items:center;gap:10px;padding:0 20px;text-decoration:none;display:inline-flex}.ui-btn:hover:not(:disabled){box-shadow:var(--ds-shadow-toon-hover);background:var(--ui-btn-bg-hover);transform:translate(2px,2px)}.ui-btn:active:not(:disabled){box-shadow:none;background:var(--ui-btn-bg-active);transform:translate(4px,4px)}.ui-btn:focus-visible{box-shadow:var(--ds-shadow-focus);outline:none}.ui-btn:disabled{opacity:.58;box-shadow:var(--ui-btn-shadow);transform:none}.ui-btn--full{width:100%}.ui-btn--sm{--ui-btn-font-size:var(--ds-text-body-sm);min-height:44px;padding-inline:16px}.ui-btn--md{min-height:50px}.ui-btn--lg{--ui-btn-font-size:var(--ds-text-body-md);min-height:58px;padding-inline:24px}.ui-btn--primary,.ui-btn--cta{--ui-btn-bg:var(--ds-surface-accent-yellow);--ui-btn-bg-hover:var(--ds-accent-hover);--ui-btn-bg-active:var(--ds-accent-active);--ui-btn-border:var(--ds-border-default);--ui-btn-text:var(--ds-text-primary);--ui-btn-font-family:var(--ds-font-display);--ui-btn-font-size:var(--ds-text-cta);--ui-btn-font-weight:400;--ui-btn-letter-spacing:var(--ds-tracking-cta);--ui-btn-text-transform:uppercase}.ui-btn--secondary{--ui-btn-bg:var(--ds-interactive-surface);--ui-btn-bg-hover:var(--ds-interactive-hover);--ui-btn-bg-active:var(--ds-interactive-active);--ui-btn-border:var(--ds-border-default);--ui-btn-text:var(--ds-text-primary)}.ui-btn--ghost{--ui-btn-bg:transparent;--ui-btn-bg-hover:color-mix(in oklab,var(--ds-interactive-hover)72%,transparent);--ui-btn-bg-active:color-mix(in oklab,var(--ds-interactive-active)82%,transparent);--ui-btn-border:color-mix(in oklab,var(--ds-border-default)72%,white 28%);--ui-btn-text:var(--ds-text-primary);--ui-btn-shadow:none;border-style:dashed}.ui-input-wrap{gap:10px;display:grid}.ui-input-wrap__label{color:var(--ds-text-muted);font-family:var(--ds-font-body);font-size:var(--ds-text-body-sm);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-body);text-transform:none}.ui-input{border:var(--ds-border-width)solid var(--ds-border-default);border-radius:var(--ds-radius-lg);background:var(--ds-input-bg);width:100%;min-height:56px;box-shadow:var(--ds-shadow-soft);color:var(--ds-text-primary);font-family:var(--ds-font-body);font-size:var(--ds-text-body-md);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-body);line-height:var(--ds-leading-ui);transition:transform var(--ds-transition-fast),box-shadow var(--ds-transition-fast),border-color var(--ds-transition-fast),background-color var(--ds-transition-fast),color var(--ds-transition-fast);padding:0 18px}.ui-input::placeholder{color:var(--ds-text-muted);opacity:1;font-weight:700}.ui-input:focus{background:var(--ds-bg-elevated);box-shadow:var(--ds-shadow-focus);outline:none}.ui-input-wrap__hint{color:var(--ds-text-muted);font-family:var(--ds-font-body);font-size:var(--ds-text-body-sm);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-body);line-height:var(--ds-leading-normal);margin:0}.ui-input-wrap__hint--error{color:var(--ds-danger)}.global-topbar{z-index:120;padding-top:var(--ds-header-gap);padding-bottom:var(--ds-header-gap);position:relative}.global-topbar__frame{top:var(--ds-header-gap);z-index:120;width:var(--ds-layout-width-wide);pointer-events:none;position:sticky}.global-topbar__panel{pointer-events:auto;min-height:var(--ds-topbar-panel-min-height);box-shadow:none;border:0;border-radius:0;justify-content:center;align-items:center;gap:0;padding:clamp(8px,1vw,12px) clamp(10px,1.4vw,16px);display:flex;position:relative;background:0 0!important}.global-topbar__brand{color:var(--ds-text-inverse);align-items:center;gap:clamp(12px,1.6vw,18px);text-decoration:none;display:inline-flex}.global-topbar__brand-mark{border:2px solid var(--ds-border-default);block-size:clamp(44px,3.8vw,58px);inline-size:clamp(44px,3.8vw,58px);box-shadow:var(--ds-shadow-soft);color:var(--ds-text-inverse);font-family:var(--ds-font-display);letter-spacing:var(--ds-tracking-cta);font-size:clamp(1.18rem,2.1vw,1.6rem);font-weight:400;line-height:var(--ds-leading-ui);background:#22c55e;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.global-topbar__brand-text{font-family:var(--ds-font-display);font-size:clamp(2rem,4.1vw,3.25rem);font-weight:400;line-height:var(--ds-leading-display);letter-spacing:clamp(.04em,.22vw,.09em);text-transform:uppercase}@media (max-width:800px){.global-topbar__panel{justify-content:center;padding-right:clamp(10px,1.4vw,16px)}.global-topbar__brand-mark{block-size:40px;inline-size:40px;font-size:1.12rem}.global-topbar__brand-text{letter-spacing:clamp(.03em,.35vw,.07em);font-size:clamp(1.45rem,6vw,2.25rem)}}.global-topbar__link{--topbar-link-bg:var(--ds-interactive-surface);--topbar-link-bg-hover:var(--ds-interactive-hover);--topbar-link-bg-active:var(--ds-interactive-active);--topbar-link-text:var(--ds-text-primary);border:var(--ds-border-width)solid var(--ds-border-default);background:var(--topbar-link-bg);min-height:44px;box-shadow:var(--ds-shadow-tight);color:var(--topbar-link-text);font-family:var(--ds-font-display);font-size:var(--ds-text-cta);letter-spacing:var(--ds-tracking-cta);font-weight:400;line-height:var(--ds-leading-ui);text-transform:uppercase;transition:transform var(--ds-transition-fast),box-shadow var(--ds-transition-fast),background-color var(--ds-transition-fast),opacity var(--ds-transition-fast);border-radius:18px;justify-content:center;align-items:center;padding:0 20px;text-decoration:none;display:inline-flex}.global-topbar__link--blue{--topbar-link-bg:#22c55e;--topbar-link-bg-hover:#16a34a;--topbar-link-bg-active:#15803d;--topbar-link-text:var(--ds-text-inverse)}.global-topbar__link--light{--topbar-link-bg:var(--ds-interactive-surface);--topbar-link-bg-hover:var(--ds-interactive-hover);--topbar-link-bg-active:var(--ds-interactive-active)}.global-topbar__link:hover,.global-topbar__link:focus-visible{box-shadow:var(--ds-shadow-toon-hover);background:var(--topbar-link-bg-hover);outline:none;transform:translate(2px,2px)}.global-topbar__link.is-active{background:var(--topbar-link-bg-hover)}.global-topbar__link:active{box-shadow:none;background:var(--topbar-link-bg-active);transform:translate(4px,4px)}.global-topbar__link[aria-disabled=true]{opacity:.48;pointer-events:none}.global-topbar__link-label{position:relative;top:1px}.global-topbar__theme-button{border:var(--ds-border-width)solid var(--ds-border-default);background:var(--ds-text-primary);block-size:44px;inline-size:44px;box-shadow:none;color:var(--ds-surface-accent-yellow);transition:background-color var(--ds-transition-fast),border-color var(--ds-transition-fast),color var(--ds-transition-fast);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.global-topbar__theme-button:hover{background:color-mix(in oklab,var(--ds-text-primary)92%,black 8%)}.global-topbar__theme-button:focus-visible{outline:3px solid color-mix(in oklab,var(--ds-tertiary)32%,white 68%);outline-offset:3px}.global-topbar__theme-button:active{background:color-mix(in oklab,var(--ds-text-primary)82%,black 18%)}.global-topbar__theme-button-icon{block-size:16px;inline-size:16px}.app-shell{min-height:calc(100vh - var(--ds-topbar-offset));color:var(--ds-text-primary);background:0 0}.app-shell__grid{width:var(--ds-layout-width-wide);gap:var(--space-5);grid-template-columns:minmax(0,320px) minmax(0,1fr) minmax(0,320px);margin:0 auto;display:grid}.app-shell__rail,.app-shell__center{min-width:0}.app-shell__rail{align-content:start;gap:var(--space-4);display:grid}.app-shell__center{gap:var(--space-5);display:grid}.ds-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ds-rail{gap:12px;display:grid}