@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@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}}}@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;--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{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-100{top:calc(var(--spacing) * 100)}.block{display:block}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.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))}}:root,:root[data-theme=dark]{--bg:#0b0d0c;--bg-elevated:#111411;--surface:#171a17;--surface-strong:#20241f;--surface-soft:#272b25;--text:#f4f3e9;--text-muted:#aeb3a8;--text-faint:#7e857a;--line:#343931;--line-strong:#525a4d;--lime:#d8ff57;--lime-ink:#141800;--accent-text:#d8ff57;--accent-fill:#d8ff57;--accent-fill-ink:#141800;--accent-line:#b9df45;--blue:#83a7ff;--violet:#b79cff;--orange:#ff9a63;--pink:#ff91bd;--green:#80e6a5;--amber:#ffc45d;--red:#f77;--shadow:0 24px 80px #00000052;--focus:#d8ff57;--display-font:"Anton", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f2f0e7;--bg-elevated:#f8f7f0;--surface:#fff;--surface-strong:#e9e8df;--surface-soft:#deded4;--text:#171a16;--text-muted:#555d53;--text-faint:#737b70;--line:#cbcfc4;--line-strong:#9ba396;--lime:#b9ef2d;--lime-ink:#131700;--accent-text:#4f7200;--accent-fill:#94c32b;--accent-fill-ink:#111700;--accent-line:#739516;--blue:#426fdb;--violet:#7556ce;--orange:#d76124;--pink:#c9477b;--green:#167e3c;--amber:#9a6500;--red:#bd3030;--shadow:0 24px 80px #2c2e251f;--focus:#4f7200;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 80% -10%, var(--blue), transparent 34rem), var(--bg);min-width:320px;margin:0}@supports (color:color-mix(in lab, red, red)){body{background:radial-gradient(circle at 80% -10%, color-mix(in srgb, var(--blue) 10%, transparent), transparent 34rem), var(--bg)}}body{color:var(--text);text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--lime);color:var(--lime-ink)}.site-header{z-index:20;background:var(--bg);padding-block:12px;position:relative}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--bg) 94%, transparent)}}.site-header.is-minimal{background:0 0}.site-header.is-minimal .header-inner{grid-template-columns:1fr auto}.header-inner,.hero-inner,.section,.footer-top,.footer-bottom{width:min(1180px,100% - 40px);margin-inline:auto}.header-inner{border:1px solid var(--line);background:var(--surface);border-radius:17px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;min-height:60px;padding:0 10px 0 15px;display:grid}@supports (color:color-mix(in lab, red, red)){.header-inner{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.header-inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 38px #0000001f}.brand{align-items:center;gap:12px;width:fit-content;display:inline-flex}.brand-mark{background:var(--lime);border-radius:9px;align-content:center;gap:3px;width:31px;height:31px;padding:6px;display:grid;transform:rotate(-2deg);box-shadow:inset 0 0 0 1px #0000001f}.brand-mark i{background:var(--lime-ink);border-radius:9px;height:3px;display:block}.brand-mark i:nth-child(2){width:70%}.brand-mark i:nth-child(3){width:42%}.brand-name{font-family:var(--display-font);letter-spacing:.015em;text-transform:uppercase;font-size:1.14rem;font-weight:400;line-height:1}.main-nav{color:var(--text-muted);align-items:center;gap:6px;font-size:.82rem;font-weight:750;display:flex}.main-nav a{border-radius:11px;align-items:center;gap:8px;min-height:40px;padding:0 13px;display:inline-flex}.main-nav a:hover{background:var(--surface-strong);color:var(--text)}.main-nav .nav-submit{border:1px solid var(--line);background:var(--bg-elevated);color:var(--text)}.header-actions{justify-self:end;align-items:center;gap:9px;display:flex}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;display:inline-grid}.theme-toggle{font-size:1.25rem}.mobile-menu{display:none}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>nav{border:1px solid var(--line-strong);background:var(--surface);width:min(280px,100vw - 28px);box-shadow:var(--shadow);border-radius:16px;gap:5px;padding:9px;display:grid;position:absolute;top:calc(100% + 11px);right:0}.mobile-menu>nav a{min-height:50px;color:var(--text-muted);border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:.87rem;font-weight:750;display:flex}.mobile-menu>nav a:hover{background:var(--surface-strong);color:var(--text)}.hero{border-bottom:1px solid var(--line);overflow:hidden}.hero-inner{grid-template-columns:minmax(455px,.94fr) minmax(500px,1.06fr);align-items:center;gap:64px;min-height:clamp(650px,100svh - 84px,720px);padding-block:42px;display:grid}.hero-copy{min-width:0}.eyebrow{color:var(--text-muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:800}.eyebrow-pip{background:var(--lime);width:8px;height:8px;box-shadow:0 0 0 5px var(--lime);border-radius:50%;margin-right:9px;display:inline-block}@supports (color:color-mix(in lab, red, red)){.eyebrow-pip{box-shadow:0 0 0 5px color-mix(in srgb, var(--lime) 12%, transparent)}}.hero h1,.section h2,.game-title,.result-title,.legal-page h1,.form-page h1,.admin-page h1{font-family:var(--display-font);letter-spacing:-.025em;margin:0;font-weight:400;line-height:.94}.hero h1{max-width:560px;font-size:clamp(3.8rem,5.15vw,4.9rem);line-height:.96}.hero h1 span,.hero h1 em{white-space:nowrap;display:block}.hero h1 em{color:var(--accent-text);font-style:normal}.hero-lede{max-width:530px;color:var(--text-muted);margin:22px 0 27px;font-size:clamp(1rem,1.35vw,1.13rem);line-height:1.55}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:0 20px;font-size:.92rem;font-weight:800;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-large{min-height:60px;padding-inline:25px;font-size:1rem}.button-primary{background:var(--accent-fill);color:var(--accent-fill-ink);box-shadow:0 12px 36px var(--accent-fill)}@supports (color:color-mix(in lab, red, red)){.button-primary{box-shadow:0 12px 36px color-mix(in srgb, var(--accent-fill) 14%, transparent)}}.button-secondary{border-color:var(--line);background:var(--surface)}.button-secondary:hover{border-color:var(--line-strong)}.button-ghost{border-color:var(--line);color:var(--text-muted);background:0 0}.button-danger{border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.button-danger{border-color:color-mix(in srgb, var(--red) 45%, var(--line))}}.button-danger{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.button-danger{background:color-mix(in srgb, var(--red) 10%, transparent)}}.button-light{background:var(--text);color:var(--bg)}.daily-action{width:100%}.status-dot{background:var(--line-strong);border-radius:50%;flex:none;width:8px;height:8px}.status-new{background:var(--lime)}.status-in_progress{background:var(--amber)}.status-completed{background:var(--green)}.hero-modes{gap:10px;width:min(520px,100%);display:grid}.practice-action{width:100%}.hero-mode-card{border:1px solid var(--line);background:var(--surface);width:100%;min-height:88px;color:var(--text);border-radius:15px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;padding:15px 17px;transition:transform .17s,background .17s,border-color .17s,box-shadow .17s;display:grid}.hero-mode-card:hover{border-color:var(--accent-line);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.hero-mode-card:hover{border-color:color-mix(in srgb, var(--accent-line) 68%, var(--line))}}.hero-mode-card:hover{background:var(--accent-fill)}@supports (color:color-mix(in lab, red, red)){.hero-mode-card:hover{background:color-mix(in srgb, var(--accent-fill) 3%, var(--surface))}}.hero-mode-card:hover{box-shadow:0 14px 32px #0000002e}.daily-mode{border-color:var(--accent-line)}.practice-mode{border-color:var(--line)}.mode-icon{border:1px solid var(--line);background:var(--surface-strong);border-radius:11px;place-items:center;width:46px;height:46px;display:grid}.daily-mode .mode-icon{border-color:var(--line-strong);background:var(--surface-strong);color:var(--accent-text)}.practice-mode .mode-icon{color:var(--text-muted)}.daily-mode .mode-arrow,.practice-mode .mode-arrow{color:var(--accent-text)}.mode-copy{gap:6px;min-width:0;display:grid}.mode-title-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.mode-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;overflow:hidden}.mode-badge{background:var(--surface-strong);color:var(--text-faint);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 7px;font-family:ui-monospace,monospace;font-size:.64rem;font-weight:700}.daily-mode .mode-badge{background:var(--accent-fill)}@supports (color:color-mix(in lab, red, red)){.daily-mode .mode-badge{background:color-mix(in srgb, var(--accent-fill) 12%, var(--surface-strong))}}.daily-mode .mode-badge{color:var(--accent-text)}.mode-copy small{color:var(--text-muted);font-size:.72rem;line-height:1.3}.mode-status{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.mode-arrow{color:var(--text-faint);opacity:.78}.hero-demo{place-items:center;min-height:590px;padding-left:56px;display:grid;position:relative}.demo-orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.demo-orbit-one{width:540px;height:540px}.demo-orbit-two{border-style:dashed;width:410px;height:410px}.hero-game{z-index:2;border:1px solid var(--line-strong);width:min(520px,100%);padding:20px;position:relative}@supports (color:color-mix(in lab, red, red)){.hero-game{border:1px solid color-mix(in srgb, var(--line-strong) 82%, var(--line))}}.hero-game{background:var(--surface);box-shadow:0 26px 70px #00000052, 0 0 0 1px var(--text);border-radius:22px}@supports (color:color-mix(in lab, red, red)){.hero-game{box-shadow:0 26px 70px #00000052, 0 0 0 1px color-mix(in srgb, var(--text) 3%, transparent)}}.hero-game{transition:border-color .18s,box-shadow .18s}.hero-game.is-solved{border-color:var(--accent-line);box-shadow:var(--shadow), 0 0 0 4px var(--accent-line)}@supports (color:color-mix(in lab, red, red)){.hero-game.is-solved{box-shadow:var(--shadow), 0 0 0 4px color-mix(in srgb, var(--accent-line) 12%, transparent)}}.hero-game-head{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-size:.72rem;font-weight:800;display:flex}.hero-game-head>div{align-items:center;gap:8px;display:inline-flex}.live-pip{background:var(--lime);width:8px;height:8px;box-shadow:0 0 0 4px var(--lime);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.live-pip{box-shadow:0 0 0 4px color-mix(in srgb, var(--lime) 12%, transparent)}}.hero-game-question{margin:17px 2px 15px}.hero-game-question>span{color:var(--accent-text);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:.7rem;font-weight:850;display:inline-flex}.hero-game-question h2{letter-spacing:-.025em;margin:6px 0 3px;font-size:1.16rem;line-height:1.28}.hero-game-question p{color:var(--text-muted);margin:0;font-size:.76rem}.demo-boundary{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;justify-content:flex-end;gap:7px;margin:0 4px 7px;font-size:.64rem;font-weight:800;display:flex}.demo-boundary strong{color:var(--accent-text)}.demo-boundary.is-last{margin-block:7px 0}.hero-sort-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.hero-sort-card{border:1px solid var(--line-strong);background:var(--bg-elevated);min-height:50px;box-shadow:0 2px 0 var(--line);border-radius:11px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero-sort-card{box-shadow:0 2px 0 color-mix(in srgb, var(--line) 52%, transparent)}}.hero-sort-card{will-change:transform}.hero-sort-card button,.hero-sort-card>div{width:100%;min-height:48px;color:inherit;text-align:left;cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;grid-template-columns:7px 40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 13px 0 0;display:grid}.hero-sort-card button:active{cursor:grabbing}.hero-sort-card i{background:var(--demo-accent);align-self:stretch;width:7px;height:100%}.hero-sort-card span{color:var(--text-faint);justify-self:center;font-family:ui-monospace,monospace;font-size:.72rem}.hero-sort-card strong{font-size:.94rem}.hero-sort-card svg{color:var(--text-faint)}.hero-sort-card b{white-space:nowrap;border-radius:7px;align-items:center;min-height:27px;padding:0 8px;font-size:.65rem;display:inline-flex}.hero-sort-card.is-dragging{opacity:.14}.hero-sort-card.is-correct{border-color:var(--accent-line);background:var(--accent-fill);color:var(--accent-fill-ink)}.hero-sort-card.is-correct i{background:var(--accent-fill-ink)}.hero-sort-card.is-correct span,.hero-sort-card.is-correct svg{color:var(--accent-fill-ink)}.hero-sort-card.is-correct b{background:var(--accent-fill-ink)}@supports (color:color-mix(in lab, red, red)){.hero-sort-card.is-correct b{background:color-mix(in srgb, var(--accent-fill-ink) 14%, transparent)}}.hero-sort-card.is-correct b{color:var(--accent-fill-ink)}.hero-sort-card.is-correct button:disabled{color:var(--accent-fill-ink);cursor:default;opacity:1}.hero-sort-card.is-incorrect{border-color:#ff5a12}.hero-sort-card.is-overlay{border-color:var(--demo-accent);transform:scale(1.015);box-shadow:0 18px 44px #00000061}.hero-game-action{justify-content:space-between;align-items:center;gap:14px;min-height:45px;margin-top:12px;display:flex}.hero-game-action p{color:var(--text-faint);margin:0;font-size:.75rem}.demo-check,.demo-reset{background:var(--accent-fill);min-height:39px;color:var(--accent-fill-ink);cursor:pointer;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:.76rem;font-weight:900;display:inline-flex}.section{padding-block:110px}.section-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:60px;margin-bottom:48px;display:grid}.section-heading h2,.how-intro h2,.community-callout h2{font-size:clamp(2.6rem,5vw,4.6rem)}.section-heading>p,.how-intro>p:last-child,.community-callout p{color:var(--text-muted);margin:0}.category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.category-card{border:1px solid var(--line);background:var(--surface);border-radius:19px;flex-direction:column;min-height:250px;padding:25px;transition:transform .18s,border-color .18s;display:flex}.category-card:hover{border-color:var(--category-accent,var(--lime));transform:translateY(-5px)}.category-tone-1{--category-accent:var(--blue)}.category-tone-2{--category-accent:var(--orange)}.category-tone-3{--category-accent:var(--green)}.category-tone-4{--category-accent:var(--violet)}.category-tone-5{--category-accent:var(--pink)}.category-tone-6{--category-accent:var(--orange)}.category-icon{border:1px solid var(--category-accent);place-items:center;width:58px;height:58px;display:grid}@supports (color:color-mix(in lab, red, red)){.category-icon{border:1px solid color-mix(in srgb, var(--category-accent) 25%, var(--line))}}.category-icon{background:var(--category-accent);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.category-icon{background:color-mix(in srgb, var(--category-accent) 14%, var(--surface-strong))}}.category-icon{color:var(--category-accent)}.category-count{color:var(--text-faint);text-transform:uppercase;align-self:flex-end;margin-top:-43px;font-family:ui-monospace,monospace;font-size:.7rem}.category-card h3{letter-spacing:-.025em;margin:43px 0 8px;font-size:1.25rem}.category-card p{color:var(--text-muted);margin:0;font-size:.9rem}.category-link{color:var(--category-accent);align-items:center;gap:8px;margin-top:auto;padding-top:24px;font-size:.83rem;font-weight:800;display:inline-flex}.categories-page{min-height:80vh}.categories-hero,.category-library{width:min(1180px,100% - 40px);margin-inline:auto}.categories-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:90px;min-height:460px;padding-block:80px;display:grid}.categories-hero h1{max-width:760px;font-family:var(--display-font);letter-spacing:-.025em;margin:0;font-size:clamp(3.4rem,6vw,6rem);font-weight:400;line-height:.95}.categories-hero>div>p:last-child{max-width:700px;color:var(--text-muted);margin:25px 0 0}.category-random-card{border:1px solid var(--blue);grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:136px;padding:19px;display:grid}@supports (color:color-mix(in lab, red, red)){.category-random-card{border:1px solid color-mix(in srgb, var(--blue) 55%, var(--line))}}.category-random-card{background:var(--blue);border-radius:19px}@supports (color:color-mix(in lab, red, red)){.category-random-card{background:color-mix(in srgb, var(--blue) 12%, var(--surface))}}.category-random-card{transition:transform .17s,border-color .17s}.category-random-card:hover{border-color:var(--blue);transform:translateY(-3px)}.category-random-icon{background:var(--blue);color:#09111d;border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.category-random-card>span:nth-child(2){gap:5px;display:grid}.category-random-card strong{font-size:1.05rem}.category-random-card small{color:var(--text-muted);line-height:1.35}.category-library{padding-block:75px 110px}.category-library-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.category-library-head h2{margin:0;font-size:1.5rem}.category-library-head span{color:var(--text-faint);text-transform:uppercase;font-family:ui-monospace,monospace;font-size:.73rem}.community-callout{border:1px solid var(--line);background:var(--surface);border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:56px;width:min(1180px,100% - 40px);margin:56px auto 76px;padding:44px 48px;display:grid;box-shadow:0 18px 50px #00000024}.community-callout .eyebrow{color:var(--accent-text);margin-bottom:10px}.community-callout h2{max-width:680px;font-family:var(--display-font);letter-spacing:-.025em;margin:0;font-size:clamp(2.45rem,4.1vw,3.85rem);font-weight:400;line-height:.98}.community-callout p{max-width:650px;color:var(--text-muted);margin-top:14px}.community-callout .button{min-width:190px}.site-footer{border-top:1px solid var(--line);background:linear-gradient(135deg, var(--surface-strong), var(--bg-elevated) 48%)}@supports (color:color-mix(in lab, red, red)){.site-footer{background:linear-gradient(135deg, color-mix(in srgb, var(--surface-strong) 34%, var(--bg-elevated)), var(--bg-elevated) 48%)}}.footer-top{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:80px;min-height:240px;padding-block:52px;display:grid}.footer-brand .brand{margin-bottom:18px}.footer-brand p{max-width:430px;color:var(--text-muted);margin:0;font-size:.93rem;line-height:1.55}.footer-navs{grid-template-columns:repeat(2,minmax(150px,auto));gap:56px;display:grid}.footer-top nav{color:var(--text-muted);align-content:start;gap:11px;font-size:.82rem;display:grid}.footer-top nav>span{color:var(--text-faint);letter-spacing:.11em;text-transform:uppercase;margin-bottom:4px;font-size:.66rem;font-weight:850}.footer-top nav a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--line);min-height:62px;color:var(--text-faint);justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.game-page{flex-direction:column;min-height:100dvh;display:flex}.game-shell{width:min(760px,100% - 32px);margin:0 auto;padding:32px 0 70px}.game-start{border:1px solid var(--line);background:var(--surface);width:min(680px,100%);box-shadow:var(--shadow);border-radius:25px;margin:70px auto;padding:44px}.game-start-badge{background:var(--accent-fill);width:54px;height:54px;color:var(--accent-fill-ink);border-radius:16px;place-items:center;font-size:1.5rem;display:grid}.game-start h1{font-family:var(--display-font);letter-spacing:-.025em;margin:24px 0 16px;font-size:clamp(2.5rem,7vw,4.3rem);font-weight:400;line-height:.96}.game-start>p{color:var(--text-muted);font-size:1.05rem}.rules-list{gap:12px;margin:28px 0 32px;padding:0;list-style:none;display:grid}.rules-list li{color:var(--text-muted);grid-template-columns:28px 1fr;gap:10px;display:grid}.rules-list li span:first-child{color:var(--accent-text);font-weight:900}.start-actions{gap:12px;display:flex}.game-topbar{background:0 0;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100vw - 40px);min-height:52px;margin:0 0 28px 50%;padding:0;display:grid;position:relative;transform:translate(-50%)}.game-progress{justify-self:center;font-family:ui-monospace,monospace;font-size:.82rem;font-weight:800}.game-tools{justify-self:end;align-items:center;gap:8px;display:flex}.timer{border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:11px;place-items:center;min-width:72px;min-height:42px;font-family:ui-monospace,monospace;font-weight:850;display:inline-grid}.timer.is-warning{border-color:var(--amber);color:var(--amber)}.timer.is-critical{border-color:var(--red);color:var(--red)}.question-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:28px;transition:opacity .1s;position:relative}.question-card.is-checking{opacity:.78}.question-meta{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:16px;font-size:.76rem;font-weight:750;display:flex}.category-chip{color:var(--accent-text);align-items:center;gap:8px;display:inline-flex}.game-title{margin-top:24px;font-size:clamp(2.25rem,6vw,3.6rem)}.question-prompt{margin:15px 0 7px;font-size:1.08rem;font-weight:700}.question-subtitle{color:var(--text-muted);margin:0;font-size:.9rem}.order-boundary{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:7px;font-size:.7rem;font-weight:850;display:flex}.order-boundary-first{margin:25px 4px 10px}.order-boundary-last{margin:10px 4px 0}.order-boundary strong{color:var(--accent-text);letter-spacing:.03em;font-size:.78rem}.order-boundary i{border:1px solid var(--accent-text);place-items:center;width:22px;height:22px;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.order-boundary i{border:1px solid color-mix(in srgb, var(--accent-text) 42%, var(--line))}}.order-boundary i{color:var(--accent-text);border-radius:50%;font-style:normal}.order-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.order-item{border:2px solid var(--line-strong);min-height:66px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.order-item{border:2px solid color-mix(in srgb, var(--line-strong) 88%, var(--line))}}.order-item{background:var(--bg-elevated);box-shadow:0 3px 0 var(--line);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.order-item{box-shadow:0 3px 0 color-mix(in srgb, var(--line) 72%, transparent)}}.order-item{will-change:transform}.order-card-button{width:100%;min-height:62px;color:inherit;text-align:left;cursor:grab;touch-action:manipulation;background:0 0;border:0;grid-template-columns:7px 48px minmax(0,1fr) auto;align-items:stretch;gap:0;padding:0 15px 0 0;display:grid}.order-card-button:active{cursor:grabbing}.order-card-button:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}.order-card-button:hover{background:var(--card-accent)}@supports (color:color-mix(in lab, red, red)){.order-card-button:hover{background:color-mix(in srgb, var(--card-accent) 5%, transparent)}}.card-accent{background:var(--card-accent);align-self:stretch;width:7px;height:100%;display:block}.order-item.is-dragging{opacity:.16}.order-item.is-correct{border-color:var(--accent-line);background:var(--accent-fill);color:var(--accent-fill-ink);box-shadow:0 3px 0 var(--accent-fill-ink)}@supports (color:color-mix(in lab, red, red)){.order-item.is-correct{box-shadow:0 3px 0 color-mix(in srgb, var(--accent-fill-ink) 22%, transparent)}}.order-item.is-correct .card-accent,.order-item.is-correct .order-rank,.order-item.is-correct .locked-badge{background:var(--accent-fill-ink)}@supports (color:color-mix(in lab, red, red)){.order-item.is-correct .order-rank,.order-item.is-correct .locked-badge{background:color-mix(in srgb, var(--accent-fill-ink) 14%, transparent)}}.order-item.is-correct .order-rank,.order-item.is-correct .locked-badge{color:var(--accent-fill-ink)}.order-item.is-correct button:disabled{opacity:1;color:var(--accent-fill-ink);cursor:default}.order-item.is-incorrect{border-color:var(--amber)}@supports (color:color-mix(in lab, red, red)){.order-item.is-incorrect{border-color:color-mix(in srgb, var(--amber) 60%, var(--line))}}.order-rank{height:100%;color:var(--text-faint);justify-content:center;align-items:center;padding:0 8px;font-family:ui-monospace,monospace;font-size:.75rem;display:inline-flex}.drag-grip{width:12px;height:20px;color:var(--text-faint);opacity:.72;background-image:radial-gradient(circle,currentColor 1.35px,#0000 1.55px);background-position:50%;background-size:6px 6px;flex:none;place-self:center end;display:inline-block}.order-label{min-width:0;color:inherit;align-self:center;padding:10px 8px;font-size:.98rem;font-weight:800;line-height:1.25}.locked-badge{letter-spacing:.02em;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;min-height:36px;padding:0 11px;font-size:.72rem;font-weight:900;display:inline-flex}.order-item-preview{background:var(--bg-elevated);pointer-events:none;width:100%}.order-item-preview.is-overlay{z-index:1000;border-color:var(--card-accent);box-shadow:0 18px 42px #00000057, 0 0 0 3px var(--card-accent)}@supports (color:color-mix(in lab, red, red)){.order-item-preview.is-overlay{box-shadow:0 18px 42px #00000057, 0 0 0 3px color-mix(in srgb, var(--card-accent) 18%, transparent)}}.order-item-preview.is-overlay{transform:scale(1.015)}.game-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:20px;display:flex}.game-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.give-up-button{align-self:center;min-height:40px;padding:7px 13px;font-size:.78rem}.attempt-note,.game-message{color:var(--text-muted);font-size:.86rem}.attempt-note{margin:0}.game-message{margin:12px 0 0}.game-message.is-error{color:var(--red)}.game-message.is-success{color:var(--green)}.outcome-panel{border:1px solid var(--line);background:var(--bg-elevated);border-radius:16px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:24px;padding:18px;display:grid}.outcome-panel.outcome-solved{border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.outcome-panel.outcome-solved{border-color:color-mix(in srgb, var(--green) 58%, var(--line))}}.outcome-panel.outcome-solved{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.outcome-panel.outcome-solved{background:color-mix(in srgb, var(--green) 10%, var(--surface))}}.outcome-panel.outcome-timed_out,.outcome-panel.outcome-failed{border-color:var(--amber)}@supports (color:color-mix(in lab, red, red)){.outcome-panel.outcome-timed_out,.outcome-panel.outcome-failed{border-color:color-mix(in srgb, var(--amber) 62%, var(--line))}}.outcome-panel.outcome-timed_out,.outcome-panel.outcome-failed{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.outcome-panel.outcome-timed_out,.outcome-panel.outcome-failed{background:color-mix(in srgb, var(--amber) 9%, var(--surface))}}.outcome-panel.outcome-given_up{border-color:var(--line-strong);background:var(--surface-strong)}.outcome-icon{background:var(--surface-strong);width:54px;height:54px;color:var(--text-muted);border-radius:14px;place-items:center;display:grid}.outcome-solved .outcome-icon{background:var(--green);color:#07170c}.outcome-timed_out .outcome-icon,.outcome-failed .outcome-icon{background:var(--amber);color:#1d1300}.outcome-copy{min-width:0}.outcome-copy p{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:.68rem;font-weight:800}.outcome-copy h2{font-family:var(--display-font);letter-spacing:-.015em;margin:0;font-size:2rem;font-weight:400;line-height:1}.outcome-copy>span{color:var(--text-muted);margin-top:5px;font-size:.82rem;display:block}.outcome-points{background:var(--surface-strong);color:var(--text);white-space:nowrap;border-radius:999px;align-self:start;padding:6px 9px;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:900}.outcome-solved .outcome-points{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.outcome-solved .outcome-points{background:color-mix(in srgb, var(--green) 17%, var(--surface-strong))}}.outcome-solved .outcome-points{color:var(--green)}.outcome-timed_out .outcome-points,.outcome-failed .outcome-points{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.outcome-timed_out .outcome-points,.outcome-failed .outcome-points{background:color-mix(in srgb, var(--amber) 16%, var(--surface-strong))}}.outcome-timed_out .outcome-points,.outcome-failed .outcome-points{color:var(--amber)}.solution-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.solution-list li{background:var(--bg-elevated);border-radius:11px;grid-template-columns:34px 1fr auto;gap:12px;padding:11px 13px;display:grid}.solution-list span:first-child{color:var(--text-faint);font-family:ui-monospace,monospace}.solution-list strong:last-child{color:var(--accent-text);text-align:right}.why-box{border-top:1px solid var(--line);margin-top:19px;padding-top:19px}.why-box h3{text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:.88rem}.why-box p{color:var(--text-muted);margin:0}.source-line{color:var(--text-faint);margin-top:16px;font-size:.78rem}.source-line a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.reveal-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.text-action{min-height:44px;color:var(--text-faint);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.82rem;text-decoration:underline}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line-strong);background:var(--surface);width:min(520px,100%);max-height:90dvh;box-shadow:var(--shadow);border-radius:22px;padding:27px;overflow:auto}.dialog h2{margin:0 0 8px;font-size:1.45rem}.dialog>p{color:var(--text-muted)}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.loading-state,.error-state{text-align:center;place-items:center;min-height:420px;display:grid}.error-state h1{font-family:var(--display-font);letter-spacing:-.025em;margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:.98}.error-state p{color:var(--text-muted)}.loading-question{min-height:570px;overflow:hidden}.loading-question-copy{margin-bottom:28px}.loading-question-copy .eyebrow{color:var(--accent-text);margin-bottom:9px}.loading-question-copy h1{max-width:560px;font-family:var(--display-font);letter-spacing:-.025em;margin:0;font-size:clamp(2.5rem,6vw,3.8rem);font-weight:400;line-height:.98}.loading-question-copy>p:last-child{color:var(--text-muted);margin:12px 0 0}.loading-order{gap:10px;display:grid}.loading-order>span{border:1px solid var(--line);background:var(--bg-elevated);border-radius:12px;grid-template-columns:7px minmax(0,1fr);align-items:center;gap:22px;min-height:61px;display:grid;overflow:hidden}.loading-order i{background:var(--surface-strong);width:7px;height:100%}.loading-order b{background:var(--surface-strong);border-radius:999px;width:min(260px,56%);height:12px;position:relative;overflow:hidden}.loading-order b:after{content:"";background:linear-gradient(90deg, transparent, var(--text), transparent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.loading-order b:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 12%, transparent), transparent)}}.loading-order b:after{animation:1.25s ease-in-out infinite loading-sweep;transform:translate(-100%)}.loading-order>span:nth-child(2) b,.loading-order>span:nth-child(5) b{width:min(350px,72%)}.loading-order>span:nth-child(3) b,.loading-order>span:nth-child(6) b{width:min(210px,45%)}.loading-pulse{border:5px solid var(--line);border-top-color:var(--lime);border-radius:50%;width:52px;height:52px;animation:.85s linear infinite spin}.result-page,.form-page,.legal-page,.admin-page{min-height:calc(100dvh - 76px)}.result-shell,.form-shell,.legal-shell,.admin-shell{width:min(940px,100% - 32px);margin:0 auto;padding:64px 0 100px}.result-hero{grid-template-columns:1fr 300px;align-items:end;gap:45px;display:grid}.result-title{font-size:clamp(3.2rem,8vw,6.5rem)}.result-score{background:var(--accent-fill);color:var(--accent-fill-ink);border-radius:22px;padding:30px}.result-score strong{letter-spacing:-.06em;font-size:3.2rem;line-height:1;display:block}.result-score span{text-transform:uppercase;font-size:.8rem;font-weight:800}.result-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:38px;display:grid}.stat-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:20px}.stat-card span{color:var(--text-faint);text-transform:uppercase;font-size:.73rem;display:block}.stat-card strong{margin-top:8px;font-size:1.5rem;display:block}.result-detail{grid-template-columns:1fr 1fr;gap:18px;margin-top:35px;display:grid}.result-panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:25px}.result-panel h2{margin:0 0 18px;font-size:1rem}.result-bars{gap:14px;display:grid}.result-bar-head{color:var(--text-muted);justify-content:space-between;gap:15px;font-size:.8rem;display:flex}.result-bar-track{background:var(--surface-strong);border-radius:10px;height:7px;margin-top:6px;overflow:hidden}.result-bar-track i{border-radius:inherit;background:var(--blue);height:100%;display:block}.result-dots{flex-wrap:wrap;gap:7px;display:flex}.result-dot{background:var(--surface-strong);border-radius:8px;place-items:center;width:32px;height:32px;font-family:ui-monospace,monospace;font-size:.7rem;display:grid}.result-dot.solved{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.result-dot.solved{background:color-mix(in srgb, var(--green) 20%, var(--surface-strong))}}.result-dot.solved{color:var(--green)}.result-dot.timed_out,.result-dot.failed,.result-dot.given_up{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.result-dot.timed_out,.result-dot.failed,.result-dot.given_up{background:color-mix(in srgb, var(--amber) 18%, var(--surface-strong))}}.result-dot.timed_out,.result-dot.failed,.result-dot.given_up{color:var(--amber)}.result-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.coffee-card{border:1px solid var(--lime);justify-content:space-between;align-items:center;gap:28px;margin-top:34px;padding:26px;display:flex}@supports (color:color-mix(in lab, red, red)){.coffee-card{border:1px solid color-mix(in srgb, var(--lime) 45%, var(--line))}}.coffee-card{background:radial-gradient(circle at 95% 0%, var(--lime), transparent 18rem), var(--surface);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.coffee-card{background:radial-gradient(circle at 95% 0%, color-mix(in srgb, var(--lime) 16%, transparent), transparent 18rem), var(--surface)}}.coffee-card h2{font-family:var(--display-font);letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:400;line-height:1}.coffee-card p:last-child{max-width:570px;color:var(--text-muted);margin:10px 0 0}.coffee-card .eyebrow{margin-bottom:10px}.coffee-card .button{flex:none}.form-shell,.legal-shell{width:min(760px,100% - 32px)}.form-page h1,.legal-page h1,.admin-page h1{font-size:clamp(3rem,8vw,5.5rem)}.page-intro{color:var(--text-muted);margin:24px 0 38px;font-size:1.05rem}.form-card,.legal-content{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:30px}.field-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.field{gap:7px;margin-bottom:18px;display:grid}.field-full{grid-column:1/-1}.field label,.field legend{color:var(--text-muted);font-size:.8rem;font-weight:750}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--bg-elevated);width:100%;min-height:48px;color:var(--text);border-radius:11px;padding:11px 13px}.field textarea{resize:vertical;min-height:120px}.field-help{color:var(--text-faint);font-size:.74rem}.checkbox-field{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:.84rem;display:flex}.checkbox-field input{width:20px;height:20px;accent-color:var(--lime);flex:none}.form-status{min-height:24px;color:var(--text-muted);margin:16px 0}.legal-content h2{margin:34px 0 10px;font-size:1.35rem}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{color:var(--text-muted)}.legal-content a{color:var(--blue);text-decoration:underline}.admin-shell{width:min(1240px,100% - 32px);padding-top:54px}.admin-heading{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.admin-heading .page-intro{margin-bottom:0}.admin-notice{z-index:80;border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:min(520px,100% - 48px);margin:0;padding:13px 14px;display:grid;position:fixed;bottom:24px;right:24px}@supports (color:color-mix(in lab, red, red)){.admin-notice{background:color-mix(in srgb, var(--surface) 96%, transparent)}}.admin-notice{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-notice.is-success{border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.admin-notice.is-success{border-color:color-mix(in srgb, var(--green) 48%, var(--line))}}.admin-notice.is-success{color:var(--green)}.admin-notice.is-error{border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.admin-notice.is-error{border-color:color-mix(in srgb, var(--red) 48%, var(--line))}}.admin-notice.is-error{color:var(--red)}.admin-notice button{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.admin-summary-grid{grid-template-columns:repeat(4,1fr);gap:11px;margin:30px 0 18px;display:grid}.admin-tabs{z-index:20;border:1px solid var(--line);background:var(--bg-elevated);border-radius:17px;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:7px;display:grid;position:sticky;top:10px}@supports (color:color-mix(in lab, red, red)){.admin-tabs{background:color-mix(in srgb, var(--bg-elevated) 92%, transparent)}}.admin-tabs{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 45px #00000029}.admin-tabs button{min-height:50px;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 12px;display:grid}.admin-tabs button:hover{background:var(--surface-strong);color:var(--text)}.admin-tabs button.is-active{background:var(--accent-fill);color:var(--accent-fill-ink);box-shadow:0 8px 24px var(--accent-fill)}@supports (color:color-mix(in lab, red, red)){.admin-tabs button.is-active{box-shadow:0 8px 24px color-mix(in srgb, var(--accent-fill) 16%, transparent)}}.admin-tabs button span{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800;overflow:hidden}.admin-tabs button b{background:var(--text);border-radius:999px;place-items:center;min-width:22px;min-height:22px;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.admin-tabs button b{background:color-mix(in srgb, var(--text) 8%, transparent)}}.admin-tabs button b{font-family:ui-monospace,monospace;font-size:.65rem}.admin-tabs button.is-active b{background:var(--accent-fill-ink)}@supports (color:color-mix(in lab, red, red)){.admin-tabs button.is-active b{background:color-mix(in srgb, var(--accent-fill-ink) 12%, transparent)}}.admin-view{margin-top:18px}.admin-section-stack{gap:18px;display:grid}.admin-panel{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:30px}.admin-panel-featured{background:radial-gradient(circle at 100% 0, var(--accent-fill), transparent 24rem), var(--surface)}@supports (color:color-mix(in lab, red, red)){.admin-panel-featured{background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--accent-fill) 8%, transparent), transparent 24rem), var(--surface)}}.admin-panel-head{justify-content:space-between;align-items:flex-start;gap:26px;margin-bottom:24px;display:flex}.admin-panel-head .eyebrow{color:var(--accent-text);margin-bottom:8px}.admin-panel-head .admin-copy{margin-bottom:0}.panel-hero-icon{color:var(--accent-text);flex:none}.daily-ready-badge,.queue-count{border:1px solid var(--line);background:var(--bg-elevated);min-height:34px;color:var(--text-muted);border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 11px;font-size:.74rem;font-weight:800;display:inline-flex}.daily-ready-badge{border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.daily-ready-badge{border-color:color-mix(in srgb, var(--green) 45%, var(--line))}}.daily-ready-badge{color:var(--green)}.admin-empty-state{border:1px dashed var(--line-strong);background:var(--bg-elevated);min-height:160px;color:var(--text-muted);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:24px;display:grid}.admin-empty-state>svg{color:var(--accent-text)}.admin-empty-state h3{color:var(--text);margin:0 0 5px}.admin-empty-state p{color:var(--text-muted);margin:0}.admin-empty-state.is-compact{grid-template-columns:auto minmax(0,1fr);min-height:110px}.daily-planner{gap:8px;display:grid}.daily-slot{border:1px solid var(--line);background:var(--bg-elevated);border-radius:13px;grid-template-columns:42px minmax(220px,1fr) auto;align-items:center;gap:16px;min-height:74px;padding:10px 12px;display:grid}.daily-slot-number{color:var(--text-faint);text-align:center;font-family:ui-monospace,monospace;font-size:.75rem}.daily-slot-copy{min-width:0}.daily-slot-copy strong,.daily-slot-copy span{display:block}.daily-slot-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.daily-slot-copy span{color:var(--text-faint);margin-top:5px;font-size:.72rem}.daily-slot>.button{min-width:104px}.admin-panel-actions{justify-content:space-between;align-items:center;gap:22px;margin-top:22px;display:flex}.admin-panel-actions p{color:var(--text-muted);margin:0;font-size:.8rem}.admin-search{border:1px solid var(--line);background:var(--bg-elevated);min-width:270px;min-height:44px;color:var(--text-faint);border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:0 13px;display:grid}.admin-search input{background:0 0;border:0;outline:0;min-width:0;padding:0}.question-library{gap:8px;display:grid}.question-library.is-loading{opacity:.48;pointer-events:none;min-height:180px}.admin-question-browser{gap:18px;display:grid}.question-browser-filters{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:minmax(180px,.8fr) minmax(200px,.9fr) minmax(150px,.6fr) minmax(260px,1.2fr);align-items:end;gap:10px;padding:14px;display:grid}.question-browser-filters.is-daily{grid-template-columns:minmax(180px,.8fr) minmax(200px,.9fr) minmax(260px,1.2fr)}.question-browser-filters .field{margin:0}.question-browser-filters .admin-search{min-width:0}.question-browser-pagination{color:var(--text-faint);justify-content:space-between;align-items:center;gap:16px;font-size:.76rem;display:flex}.question-browser-pagination>div{gap:7px;display:flex}.question-picker-modal{width:min(1040px,100% - 28px)}.question-library-row{border:1px solid var(--line);background:var(--bg-elevated);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;min-height:100px;padding:17px 18px;display:grid}.question-library-row h3{margin:10px 0 4px;font-size:1rem}.question-library-row p{color:var(--text-muted);margin:0;font-size:.8rem}.question-library-meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:.7rem;display:flex}.report-count{color:var(--amber);font-weight:800}.admin-panel h2{margin:0;font-size:1.5rem}.admin-panel h3{margin:22px 0 12px;font-size:.96rem}.admin-copy{max-width:720px;color:var(--text-muted);margin:9px 0 22px}.candidate-list{gap:13px;display:grid}.candidate-card{border:1px solid var(--line);background:var(--bg-elevated);border-radius:15px;padding:22px}.candidate-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.candidate-head h3{margin:11px 0 5px}.candidate-head p{color:var(--text-faint);margin:0;font-size:.78rem}.risk-score{color:var(--text-faint);white-space:nowrap;font-family:ui-monospace,monospace;font-size:.75rem}.check-list{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.check-list li{color:var(--text-muted);grid-template-columns:112px 1fr;align-items:center;gap:10px;font-size:.78rem;display:grid}.candidate-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.report-list,.submission-list{gap:10px;display:grid}.report-card,.submission-card{border:1px solid var(--line);background:var(--bg-elevated);border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:20px;display:grid}.report-card-copy>div{color:var(--text-faint);align-items:center;gap:10px;font-size:.72rem;display:flex}.report-card h3,.submission-card h3{margin:11px 0 6px;font-size:1rem}.report-card p{color:var(--text-muted);margin:0;font-size:.8rem}.report-actions,.submission-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.report-actions .button,.submission-actions .button{min-height:40px;padding-inline:13px;font-size:.76rem}.submission-card a{color:var(--text-muted);font-size:.76rem;text-decoration:underline}.category-admin-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:start;gap:28px;display:grid}.category-explainer{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:26px;display:grid}.category-explainer article{border:1px solid var(--line);background:var(--bg-elevated);border-radius:14px;min-height:176px;padding:20px;position:relative}.category-explainer article>svg{color:var(--accent-text)}.category-explainer article>span{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:.72rem;position:absolute;top:18px;right:18px}.category-explainer h3{margin:24px 0 7px}.category-explainer p{color:var(--text-muted);margin:0;font-size:.78rem}.category-tree,.category-branch,.subcategory-list{gap:8px;display:grid}.category-branch+.category-branch{margin-top:8px}.subcategory-list{border-left:1px solid var(--line-strong);margin-left:30px;padding-left:13px}.category-admin-row{border:1px solid var(--line);background:var(--bg-elevated);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px;display:grid}.category-admin-row.is-child{background:var(--surface)}.category-admin-icon{border:1px solid var(--line);width:42px;height:42px;color:var(--accent-text);border-radius:11px;place-items:center;display:grid}.category-admin-copy{min-width:0}.category-admin-copy>div:first-child{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.category-admin-copy>div:first-child span{color:var(--text-faint);font-size:.7rem}.category-admin-copy p{color:var(--text-muted);margin:6px 0 10px;font-size:.78rem}.category-coverage{flex-wrap:wrap;gap:6px;display:flex}.category-coverage span{background:var(--surface);color:var(--text-faint);border-radius:7px;padding:4px 7px;font-size:.66rem}.category-edit-form{border-top:1px solid var(--line);grid-column:1/-1;padding-top:14px}.category-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.category-field-grid .is-wide{grid-column:1/-1}.icon-select{grid-template-columns:44px minmax(0,1fr);gap:8px;display:grid}.icon-select>svg{border:1px solid var(--line);width:44px;height:44px;color:var(--accent-text);border-radius:10px;padding:10px}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.source-mode-note{border:1px solid var(--accent);grid-template-columns:auto minmax(0,1fr);gap:12px;margin-bottom:16px;padding:15px 17px;display:grid}@supports (color:color-mix(in lab, red, red)){.source-mode-note{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--line))}}.source-mode-note{background:var(--accent-soft);border-radius:13px}.source-mode-note>svg{color:var(--accent-text)}.source-mode-note p{color:var(--text-muted);margin:4px 0 0;font-size:.76rem}.source-grid article{border:1px solid var(--line);background:var(--bg-elevated);border-radius:13px;padding:17px}.source-grid h3{margin:14px 0 5px}.source-grid p{color:var(--text-faint);margin:0;font-size:.76rem}.source-grid dl{gap:7px;margin:14px 0;display:grid}.source-grid dl div{color:var(--text-faint);justify-content:space-between;gap:10px;font-size:.7rem;display:flex}.source-grid dt{color:var(--text-muted)}.source-grid dd{text-align:right;margin:0}.source-grid a{color:var(--accent-text);font-size:.74rem;font-weight:800}.generation-batch-card{border:1px solid var(--accent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.generation-batch-card{border:1px solid color-mix(in srgb, var(--accent) 44%, var(--line))}}.generation-batch-card{background:radial-gradient(circle at 12% 0%, var(--accent-soft), transparent 42%), var(--bg-elevated);border-radius:17px}.generation-number{font-family:var(--font-display);color:var(--accent-text);font-size:clamp(3.8rem,8vw,6.5rem);line-height:.8}.generation-batch-card strong{font-size:1.05rem;display:block}.generation-batch-card p{max-width:620px;color:var(--text-muted);margin:7px 0 0}.generation-coverage{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.generation-coverage span{border:1px solid var(--line);color:var(--text-faint);border-radius:999px;padding:6px 9px;font-size:.7rem}.candidate-values{counter-reset:item;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:18px 0 0;padding:0;list-style:none;display:grid}.candidate-values li{background:var(--surface);border-radius:9px;justify-content:space-between;gap:12px;padding:9px 11px;font-size:.8rem;display:flex}.candidate-values strong{color:var(--accent-text);white-space:nowrap}.candidate-explanation{color:var(--text-muted);margin:14px 0 0;font-size:.8rem}.admin-subheading{border-top:1px solid var(--line);padding-top:26px;margin-top:34px!important}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.83rem}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px}.admin-table th{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.table-action{background:var(--surface-strong);min-height:36px;color:var(--text-muted);cursor:pointer;border:0;border-radius:8px;padding:0 10px}.table-action+.table-action{margin-left:6px}.table-action-danger{color:var(--red)}.catalog-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.catalog-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.catalog-list li{background:var(--bg-elevated);border-radius:10px;padding:12px}.catalog-list strong,.catalog-list span{display:block}.catalog-list span{color:var(--text-faint);margin-top:4px;font-size:.76rem}.category-form{border:1px solid var(--line);background:var(--bg-elevated);border-radius:15px;padding:22px}.category-form h3{margin-top:0}.category-form .field+.field{margin-top:14px}.category-form .button{width:100%;margin-top:16px}.category-form>div:first-child p:last-child,.category-form small{color:var(--text-faint);font-size:.72rem}.category-form small{margin-top:12px;display:block}.admin-dialog{width:min(920px,100% - 28px);max-height:calc(100dvh - 36px);padding:28px;overflow-y:auto}.admin-dialog-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.admin-dialog-head .eyebrow{color:var(--accent-text);margin-bottom:7px}.admin-dialog-head h2{margin-bottom:7px}.admin-dialog-head p:last-child{color:var(--text-muted);margin:0;font-size:.8rem}.admin-dialog-head a{text-decoration:underline}.question-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field-wide{grid-column:1/-1}.question-item-editor{gap:7px;margin-top:24px;display:grid}.question-item-editor-head,.question-item-editor-row{grid-template-columns:1.2fr .9fr .7fr;gap:8px;display:grid}.question-item-editor-head{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;padding-inline:2px;font-size:.66rem;font-weight:800}.decision-dialog{width:min(520px,100% - 28px)}.decision-dialog .eyebrow{color:var(--accent-text);margin-bottom:8px}.decision-dialog>p:not(.eyebrow){color:var(--text-muted)}.admin-sign-in{width:min(680px,100%);margin:45px auto;padding:38px}.pill{background:var(--surface-strong);min-height:26px;color:var(--text-muted);border-radius:999px;align-items:center;padding:0 9px;font-size:.7rem;font-weight:800;display:inline-flex}.pill-ready,.pill-passed,.pill-published{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.pill-ready,.pill-passed,.pill-published{background:color-mix(in srgb, var(--green) 15%, var(--surface-strong))}}.pill-ready,.pill-passed,.pill-published{color:var(--green)}.pill-warning,.pill-needs_attention,.pill-open{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.pill-warning,.pill-needs_attention,.pill-open{background:color-mix(in srgb, var(--amber) 15%, var(--surface-strong))}}.pill-warning,.pill-needs_attention,.pill-open{color:var(--amber)}.pill-failed,.pill-quarantined{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.pill-failed,.pill-quarantined{background:color-mix(in srgb, var(--red) 14%, var(--surface-strong))}}.pill-failed,.pill-quarantined{color:var(--red)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading-sweep{to{transform:translate(100%)}}@media (width<=980px){.hero-inner{grid-template-columns:1fr;gap:54px;min-height:0;padding-block:70px}.hero-copy{max-width:760px}.hero-demo{min-height:590px;padding-left:0}.category-grid{grid-template-columns:repeat(2,1fr)}.admin-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-slot{grid-template-columns:42px minmax(0,1fr)}.daily-slot>.button{grid-column:2}.category-admin-grid{grid-template-columns:1fr}.category-explainer,.question-browser-filters,.question-browser-filters.is-daily,.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.header-inner,.hero-inner,.section,.footer-top,.footer-bottom{width:min(100% - 28px,1180px)}.header-inner{grid-template-columns:1fr auto;min-height:68px}.main-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu>summary{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.hero-inner{padding-block:52px 62px}.hero h1{font-size:clamp(3.25rem,12vw,4.65rem)}.hero-modes,.daily-action{width:100%}.hero-demo{min-height:570px}.demo-orbit-one{width:460px;height:460px}.demo-orbit-two{width:330px;height:330px}.hero-game{width:min(430px,96%);padding:15px}.game-shell{width:min(760px,100% - 28px)}.game-topbar{width:calc(100vw - 28px)}.categories-hero,.category-library{width:min(100% - 28px,1180px)}.categories-hero{grid-template-columns:1fr;gap:38px;min-height:0;padding-block:65px}.category-library{padding-block:58px 78px}.section{padding-block:78px}.section-heading,.community-callout,.result-hero,.result-detail{grid-template-columns:1fr}.section-heading{gap:25px}.category-grid{grid-template-columns:1fr}.community-callout{gap:28px;width:calc(100% - 28px);margin-block:58px;padding:34px 28px}.community-callout .button{width:100%}.footer-top{grid-template-columns:1fr;gap:38px;min-height:0;padding-block:42px}.footer-navs{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%}.footer-bottom{flex-direction:column;justify-content:center;align-items:flex-start;min-height:82px}.game-start{margin:35px auto;padding:26px}.question-card,.form-card,.legal-content{padding:20px}.outcome-panel{grid-template-columns:48px minmax(0,1fr);gap:13px;padding:15px}.outcome-icon{width:48px;height:48px}.outcome-points{grid-column:2;justify-self:start;margin-top:-3px}.outcome-copy h2{font-size:1.75rem}.loading-question{min-height:540px}.order-card-button{grid-template-columns:7px 42px minmax(0,1fr) auto;padding-right:12px}.game-footer{flex-direction:column;align-items:stretch}.game-actions{flex-direction:column-reverse;align-items:stretch}.solution-list li{grid-template-columns:28px 1fr}.solution-list strong:last-child{text-align:left;grid-column:2}.reveal-actions{flex-direction:column-reverse;align-items:stretch}.result-score{width:min(300px,100%)}.coffee-card{flex-direction:column;align-items:stretch}.coffee-card .button{width:100%}.result-grid,.admin-summary-grid{grid-template-columns:repeat(2,1fr)}.admin-heading,.candidate-head,.admin-panel-head{flex-direction:column}.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.admin-panel{padding:21px}.admin-empty-state{grid-template-columns:auto minmax(0,1fr)}.admin-empty-state .button{grid-column:1/-1;width:100%}.admin-panel-actions{flex-direction:column;align-items:stretch}.question-library-row,.report-card,.submission-card{grid-template-columns:1fr}.question-library-row .button{width:100%}.report-actions,.submission-actions{justify-content:flex-start}.admin-search{width:100%;min-width:0}.question-browser-filters,.question-browser-filters.is-daily,.category-explainer,.category-field-grid,.generation-batch-card{grid-template-columns:1fr}.generation-number{font-size:4.4rem}.generation-batch-card .button{width:100%}.category-admin-row{grid-template-columns:auto minmax(0,1fr)}.category-admin-row>.button{grid-column:1/-1;width:100%}.subcategory-list{margin-left:12px}.source-grid,.question-editor-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.question-item-editor-head{display:none}.question-item-editor-row{border:1px solid var(--line);background:var(--bg-elevated);border-radius:12px;grid-template-columns:1fr;padding:12px}.check-list li,.candidate-values,.field-grid{grid-template-columns:1fr}}@media (width<=430px){.brand-name{font-size:1rem}.daily-action,.hero-mode-card{width:100%}.hero-mode-card{grid-template-columns:43px minmax(0,1fr) auto;gap:11px;padding-inline:13px}.mode-icon{width:42px;height:42px}.mode-badge{display:none}.mode-status{gap:4px;font-size:.67rem}.hero h1{font-size:clamp(2.9rem,12.2vw,3.35rem)}.hero-game{width:100%}.hero-sort-card button,.hero-sort-card>div{grid-template-columns:7px 34px minmax(0,1fr) auto;gap:5px}.hero-game-action{flex-direction:column;align-items:stretch}.demo-check,.demo-reset{width:100%}.category-random-card{grid-template-columns:48px minmax(0,1fr) auto}.category-random-icon{width:48px;height:48px}.result-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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}