@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAa0ABQAAAAADOwAAAZHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJtP01WQVJGBmA/U1RBVIEcAGQvXBEICoMkgmcLFgAwhEwBNgIkAyYEIAWGXAdiDAcbOgtRlHLSRcD8TEzkdoghPRuspKefbVnJIM5yRfA8vZv9uTNJSCZY21Scrigr6qyJ/C3sE1OFKuVP3e+lxUTbYio1zb/kFdk2bufY2BlhWERRBrcDUBhB5GEpd2Cy+MDxqf9zLPX+XVsk5r+s50d6IpWLatqbdT6f2MAikiOKQocbjya2QT0DqPDX4R0jQBgAUAiCRhDA0EkvYeLk9X3I2bEWI8jBAihIANm+kUWQBgggWChcBBdFhXlAUgOCAgBA0AgKjUJ8HKvjddFCKSgAVklEBYAeEJgCQJH0qB3B+neDg4sAA4hAD0AVIEAA0IACJGeaUjMIIIhBUE/zNABjTQMBwEVRcwcYBUCObLERABAgjAA1M/ZSa9hSi4OlpsnZ2KBOVUsAZlRGl1W0NZ6gSwhQPIAFs7YFL0QS91vRQgdgx2VDAnIegKpQvwAJIoLgooBAGtCJcHizg0TDiz8vhPgIcVXaDJu37ZyDAIjFy4AAiC1JAA0olJwN6nFAACQk/zfQVUuA3t5ELKMT9hpBSRj+HBSggYCIAIEkUoC4PCIQIWHGA8+IStxf0PW15ntP22gc+Wo+BLyQAHECQiAVd+c3Ba8gZ4NOACBaLOhsbIMkAXEmuHsSAvkf4oJaAogH6nEQAzoBIEihUAwAA0AACAObAGcANYAAABaqgMmpWAhiiVyrvNyqFV8tMQ5Iyq6r9Lf7W82i8ILl2cv8zbfdJ5lnPzSnvt/XXPfRR/5pH3xA+u5uS0798EPJ3Fft33w36Wc+8E/7aIB/9fvvb1pE9erNXLB9mkw//cSg8Cnx03VGXDvZnRzKqV9Xkhn7eRHb3wVjHpg19nkZpX9bBU+vnHegrsuQcbW9Bi7oO33h+8SU0Tly/MbeYUuG1cftVz6oNxrW0qH1iezq446fkDFo/rgvTkqt7zmteFzncZ0uxXti09FFF2z+C7CODpjUudOE5NSeb3bv/mbPKcmOEzpWQ3VBgBAuj/AOY3qMm7UvgA8qo3+qvAUBBAX0wADQG4AG+jCKaSxkBe/zvcTG8jRpRZgqhCog4sd++cOo7J+/RdvaaMoc78Ri/PNPSclx6fDvG1Kt3qQFi1rq+5EaavTtt9TVvfvucYsA5wc4oESU+E1ikF9TkrOkIsIH5Fawx7SBNLnMcWlM3skBluCmQNs7GeyFvYVDamsqwhxx18n/+WdxzDgOLU1AqbUlb3m+KOT9+ONvY/7XlrdLS//5v7nN97XHj0VzJpJvz4spq0V7ioXDuv2YrSxtF/KZmvbWfKtorXSh8dfvgGu+ev/nFSaXM6jyuCE/f/EpmuP7Rqu8R98vP/+tXUdrOgKlZP9Q/s+fRF9+3CHZd4EugfPv158me9X7v/6aSMCxMJmIr//65bNXngl7+uiPP5oKx+y27D8trp+psUzMacpm80XlnYeMAct0LynxhNYgaP3dtn8/LBAi+ksr+7NvjjtJV+UXrz0uLXV1x08AZRN1S2A8EaVE5afk/dfGjz//+fdHn36Xdttz2d9/z+bawZ8/slNN1aYtq+ZPGzNuPGdwOsfYflwmHCkPgs5DcKizvdpS/3gEUMW9/lvQvWp1bGTW1fpngC/uSVYAfH3TeSusL8TtlHUD4KAAEHjahk4YpuffGwEBN/dUmpHqdHyJ3Ap8O3UlQ4gCNrMRwLBBKiskL6a+RoBi/9XGlgc8L4/CUejQxaiIyqmomdhktOhfgDbDfaNDb4+yKIPd6IgmzDa0CByijWFmL2dlSRKagTIWXeIU9HDphoZiJeBTjAefHMxDhVSRFUgVcOkW3EGMahYVMFjWHhMluB2wAcbHYqF1LpsDF9C6s+CI2fDgh4wSuFEyGadjXAmIk3CugIRibLIti9ZtC8S4VSqfikGqPaoI122XyRYLBmsOmdiiTpqK1OklUQzpMcZmQRQV4M4oJCMkfRQXK+qvjifUcQd1bRdetW/LWjacYxvcttnVjWg5h0q4xw6rZyejSpZVZ78LzC4uyDNRQ4bymHSTMyM+SZ7D75mg/7YTlmNz7W8T00h0VEiGKB+F7iWYZFvSTiA4LVxttm2ATt5EoUWLJbY4EnLGrfsvEROlHtzlKn3H9VUT5tU/2dt3/EBv7foYzV/W4upyj04woO/gh6Vwwt3WGQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:"Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font);--font-body:var(--font);--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:clamp(1.75rem, 3.2vw, 2.5rem);--brand-blue:#0079c2;--brand-navy:#1c4a8e;--brand-green:#8dc63f;--brand-green-ink:#4d8a17;--paper:#fff;--surface:#fff;--surface-2:#f4f6f8;--surface-3:#eaeef2;--ink:#16191d;--muted:#5f6b76;--line:#e5e9ee;--focus:#0079c2;--leaf:#2f9b5b;--leaf-soft:#e3f4ea;--sky:#0079c2;--sky-soft:#e1f0fa;--sun:#e7a21c;--sun-soft:#fdf2d9;--coral:#e0573f;--coral-soft:#fce6e1;--berry:#6e56d8;--berry-soft:#ece8fb;--good:#1f8a4c;--bad:#cf3e2a;--on-accent:#fff;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #1018280f;--shadow:0 1px 3px #1018280f, 0 6px 16px #1018280f;--shadow-lg:0 4px 10px #10182814, 0 20px 40px #10182824;--header-h:56px;--rail-w:220px;--gutter:clamp(16px, 3vw, 28px);--max-width:1240px;--ease:cubic-bezier(.2, .8, .2, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-navy:#8db4ee;--brand-green-ink:#9fd45a;--paper:#111417;--surface:#181c20;--surface-2:#1f2429;--surface-3:#293037;--ink:#eef1f4;--muted:#9aa5b0;--line:#2a3036;--focus:#5aaef0;--leaf:#4cc184;--leaf-soft:#173a29;--sky:#4aa8ea;--sky-soft:#14324a;--sun:#f2bf4f;--sun-soft:#3a2f14;--coral:#f07f69;--coral-soft:#41221c;--berry:#9d85f0;--berry-soft:#2a2248;--good:#4cc184;--bad:#f07f69;--on-accent:#0d1117;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 3px #0000004d, 0 6px 16px #00000059;--shadow-lg:0 4px 10px #00000059, 0 20px 40px #00000080}.accent-leaf{--accent:var(--leaf);--accent-soft:var(--leaf-soft)}.accent-sky{--accent:var(--sky);--accent-soft:var(--sky-soft)}.accent-sun{--accent:var(--sun);--accent-soft:var(--sun-soft)}.accent-coral{--accent:var(--coral);--accent-soft:var(--coral-soft)}.accent-berry{--accent:var(--berry);--accent-soft:var(--berry-soft)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.2}p{margin:0}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer}img,svg,canvas{max-width:100%;display:block}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}[tabindex="-1"]:focus{outline:none}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link:focus{z-index:100;clip:auto;background:var(--ink);width:auto;height:auto;color:var(--paper);border-radius:999px;padding:10px 16px;position:fixed;top:8px;left:8px}.btn{--btn-bg:var(--surface);--btn-fg:var(--ink);border:1px solid var(--line);background:var(--btn-bg);min-height:44px;color:var(--btn-fg);font-family:var(--font-display);font-size:var(--text-base);transition:transform .15s var(--ease), background-color .15s, border-color .15s;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.97)}.btn svg{flex:none}.btn--primary{--btn-bg:var(--accent,var(--sky));--btn-fg:var(--on-accent);box-shadow:var(--shadow-sm);border-color:#0000}.btn--primary:hover{background:var(--btn-bg);filter:brightness(1.07);border-color:#0000}.btn--lg{min-height:48px;font-size:var(--text-md);padding:0 24px}.btn--ghost{--btn-bg:transparent;border-color:#0000}.btn--ghost:hover{background:var(--surface-2);border-color:#0000}.btn--icon{width:44px;min-height:44px;padding:0}.segmented{background:var(--surface-2);border:0;border-radius:999px;gap:4px;margin:0;padding:4px;display:inline-flex}.segmented legend{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.segmented label{position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{min-height:36px;font-weight:600;font-size:var(--text-sm);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 14px;transition:background-color .15s,color .15s;display:inline-flex}.segmented input:checked+span{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.segmented input:focus-visible+span{outline:2px solid var(--focus);outline-offset:1px}.select{align-items:center;min-width:0;display:inline-flex;position:relative}.select__input{background:var(--surface-2);width:100%;min-height:44px;color:var(--ink);font:inherit;font-size:var(--text-sm);appearance:none;cursor:pointer;border:0;border-radius:999px;padding:0 40px 0 16px;font-weight:650}.select__input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.select svg{color:var(--muted);pointer-events:none;position:absolute;right:14px}.stat{background:var(--surface-2);min-height:32px;font-size:var(--text-sm);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-weight:650;display:inline-flex}.stat svg{color:var(--muted)}@media (max-width:640px),(max-height:500px){.stat__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.stat--active{background:var(--accent-soft,var(--sky-soft));box-shadow:inset 0 0 0 2px var(--accent,var(--sky))}.dialog{border-radius:var(--radius-lg);background:var(--surface);width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--shadow-lg);border:0;padding:0;overflow:auto}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10141880}.dialog[open]{animation:dialog-in .3s var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}.toast{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:50;border-radius:var(--radius);width:max-content;max-width:calc(100vw - 32px);font-size:var(--text-sm);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .2s, transform .25s var(--ease);padding:10px 16px;position:fixed;transform:translate(-50%,20px)}.toast--show{opacity:1;transform:translate(-50%)}.toast strong{font-family:var(--font-display)}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;height:var(--header-h);padding:0 var(--gutter);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.org{display:inline-flex}.org-logo{width:auto;height:34px}:root[data-theme=dark] .org-logo{box-sizing:content-box;background:#fff;border-radius:6px;padding:3px 6px}.brand__name{border-left:1px solid var(--line);letter-spacing:-.02em;color:var(--brand-navy);padding-left:12px;font-size:1.25rem;font-weight:800}.brand__name span{color:var(--brand-green-ink)}.topbar__actions{gap:2px;margin-left:auto;display:flex}.topbar__actions .btn--icon{width:40px;min-height:40px}.body{flex:1;grid-template-columns:minmax(0,1fr);display:grid}.content{flex-direction:column;min-width:0;display:flex}.view{width:100%;max-width:var(--max-width);padding:20px var(--gutter) 24px;flex:1;margin:0 auto}@media (min-width:1024px){.shell[data-route=hub] .view{max-width:1560px;margin:0;padding:24px clamp(24px,4vw,64px) 32px clamp(24px,3vw,48px)}}.view:focus{outline:none}.rail{display:none}@media (min-width:1024px){.body{grid-template-columns:var(--rail-w) minmax(0, 1fr)}.rail{top:var(--header-h);height:calc(100dvh - var(--header-h));flex-direction:column;gap:2px;padding:16px 12px;display:flex;position:sticky;overflow-y:auto}.shell[data-route=game] .body{grid-template-columns:minmax(0,1fr)}.shell[data-route=game] .rail{display:none}}.rail__link{border-radius:var(--radius);min-height:46px;color:var(--ink);font-size:var(--text-base);align-items:center;gap:14px;padding:0 14px;font-weight:500;text-decoration:none;transition:background-color .15s;display:flex;position:relative}.rail__link:hover{background:var(--surface-2)}.rail__icon{color:var(--accent);place-items:center;display:grid}.rail__link[aria-current=page]{background:var(--surface-2);font-weight:650}.rail__link[aria-current=page]:before{content:"";background:var(--ink);border-radius:3px;width:3px;position:absolute;top:12px;bottom:12px;left:0}.rail .search{margin-bottom:14px}.search{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-height:44px;color:var(--muted);align-items:center;gap:10px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--focus);background:var(--surface)}.search__input{min-width:0;color:var(--ink);font-size:var(--text-base);background:0 0;border:0;outline:none;flex:1;padding:0}.search__input::-webkit-search-cancel-button{cursor:pointer}.footer{padding:14px var(--gutter) 18px;font-size:var(--text-xs);color:var(--muted);justify-content:center;gap:6px;display:flex}.mobile-nav{gap:12px;margin-bottom:18px;display:grid}@media (min-width:1024px){.mobile-nav{display:none}}.chips{margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 2px;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);min-height:36px;font-size:var(--text-sm);color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.chip--on{border-color:var(--ink);background:var(--ink);color:var(--paper)}.hub__intro{margin:8px 0 22px}.hub__title{letter-spacing:-.03em;font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:600}.hub__subtitle{letter-spacing:-.02em;color:var(--ink);margin-top:4px;font-size:clamp(1.125rem,2.1vw,1.75rem);font-weight:400}.page-title{font-size:var(--text-xl);margin:4px 0 18px;font-weight:650}.empty{color:var(--muted)}.featured{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;margin-bottom:36px;display:grid}.featured__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.featured__grid .tile{aspect-ratio:16/10}@media (max-width:900px){.featured{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:28px}.featured__grid{gap:12px}.featured__grid .fact{grid-column:1/-1}.fact__detail{-webkit-line-clamp:3;line-clamp:3}}.carousel{border-radius:var(--radius-lg);background:var(--surface-2);min-height:240px;position:relative;overflow:hidden}@media (max-width:900px){.carousel{aspect-ratio:16/10;min-height:0}}.carousel__slide{color:#fff;opacity:0;visibility:hidden;transition:opacity .6s var(--ease), visibility .6s;text-decoration:none;display:block;position:absolute;inset:0}.carousel__slide.is-active{opacity:1;visibility:visible}.carousel__caption{background:linear-gradient(#0000,#00000061);align-items:center;gap:12px;padding:48px 20px 34px;display:flex;position:absolute;bottom:0;left:0;right:0}.carousel__icon{width:44px;height:44px;color:var(--accent);box-shadow:var(--shadow);background:#fff;border-radius:12px;flex:none;place-items:center;display:grid}.carousel__text{flex-direction:column;min-width:0;display:flex}.carousel__title{letter-spacing:-.02em;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:750;line-height:1.2}.carousel__meta{font-size:var(--text-sm);opacity:.9}.carousel__play{font-size:var(--text-base);background:#0000008c;border-radius:999px;flex:none;margin-left:auto;padding:10px 20px;font-weight:650;transition:background-color .15s}.carousel__slide:hover .carousel__play{background:#000000bf}.carousel__controls{align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.carousel__dot{background:#ffffff73;border:0;border-radius:4px;width:28px;height:4px;padding:0}.carousel__dot.is-active{background:#fff}.carousel__dot,.carousel__pause{position:relative}.carousel__dot:after{content:"";position:absolute;inset:-10px -2px}.carousel__pause{color:#fff;background:0 0;border:0;place-items:center;width:20px;height:20px;padding:0;display:grid}.carousel__pause svg{fill:currentColor}@media (max-width:560px){.carousel__caption{gap:10px;padding:40px 14px 28px}.carousel__icon{width:36px;height:36px}.carousel__play{font-size:var(--text-sm);padding:8px 14px}}.fact{border-radius:var(--radius-lg);background:var(--accent-soft);min-width:0;min-height:0;color:var(--ink);text-align:left;transition:transform .2s var(--ease);border:0;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex;overflow:hidden}.fact:hover{transform:translateY(-3px)}.fact__eyebrow{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:#9a6400;align-items:center;gap:6px;font-weight:700;display:inline-flex}:root[data-theme=dark] .fact__eyebrow{color:var(--sun)}.fact__term{font-size:var(--text-md);letter-spacing:-.01em;font-weight:750}.fact__detail{-webkit-line-clamp:2;line-clamp:2;font-size:var(--text-sm);color:var(--muted);-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.fact__more{font-size:var(--text-xs);color:var(--muted);align-items:center;gap:4px;margin-top:auto;padding-top:4px;font-weight:650;display:inline-flex}.shelf{margin-bottom:32px}.shelf__title{letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(1.25rem,2vw,1.625rem);font-weight:600}.tile-row{gap:18px;display:grid}.tile-row--md{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tile-row--sm{grid-template-columns:repeat(auto-fill,minmax(150px,180px))}.tile-row--md .tile{aspect-ratio:16/11}.tile-row--sm .tile{aspect-ratio:16/9}@media (max-width:640px){.tile-row{gap:12px}.tile-row--md{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-row--sm{margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 4px;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.tile-row--sm .tile{scroll-snap-align:start;flex:0 0 42%}}.tile{border-radius:var(--radius-lg);min-width:0;transition:transform .2s var(--ease), box-shadow .2s;text-decoration:none;display:block;position:relative;overflow:hidden}.tile:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.tile--sm{border-radius:var(--radius)}.tile__badge{color:#16191d;font-size:var(--text-xs);font-variant-numeric:tabular-nums;background:#ffffffeb;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-weight:700;display:inline-flex;position:absolute;top:8px;right:8px}.tile__badge svg{color:var(--sun)}.tile__new,.carousel__new{background:var(--surface);color:var(--accent);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-sm);border-radius:999px;padding:3px 9px;font-weight:800}.tile__new{position:absolute;top:8px;left:8px}.tile:has(.tile__new) .art__sticker--0{top:30%}.carousel__new{vertical-align:1px;margin-right:8px;padding:2px 8px;display:inline-block}.art{color:#fff;background:radial-gradient(circle at 16% 20%, #ffffff38 0 14%, transparent 14.5%), radial-gradient(circle at 90% 88%, #ffffff29 0 24%, transparent 24.5%), linear-gradient(150deg, color-mix(in srgb, var(--accent) 78%, #fff), var(--accent));width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.art__main{aspect-ratio:1;filter:drop-shadow(0 6px 10px #0000002e);place-items:center;width:42%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.art__main img,.art__sticker img{object-fit:contain;width:100%;height:100%}.art__sticker{aspect-ratio:1;filter:drop-shadow(0 4px 6px #00000029);width:20%;transition:transform .3s var(--ease);place-items:center;display:grid;position:absolute}.art__sticker--0{top:12%;left:9%;transform:rotate(-12deg)}.art__sticker--1{top:14%;right:9%;transform:rotate(10deg)}.art__sticker--2{bottom:10%;right:20%;transform:rotate(-6deg)}.tile:hover .art__sticker--0,.carousel__slide:hover .art__sticker--0{transform:rotate(-20deg)translateY(-3px)}.tile:hover .art__sticker--1,.carousel__slide:hover .art__sticker--1{transform:rotate(18deg)translateY(-3px)}.art--hero .art__main{width:34%}.art--hero .art__sticker{width:15%}.art--tile .art__main{width:auto;height:52%;top:44%;left:62%}.art--tile .art__sticker{width:auto;height:26%}.art--tile .art__sticker--2{top:58%;bottom:auto;right:6%}.art__title{letter-spacing:-.02em;text-shadow:0 2px 8px #00000040;font-size:clamp(13px,10cqh,28px);font-weight:800;line-height:1.05;position:absolute;bottom:9%;left:7%;right:38%}.art--feature .art__main{width:auto;height:46%;top:40%;left:64%}.art--feature .art__sticker{width:auto;height:20%}.art--feature .art__sticker--0{top:10%;left:38%}.art--feature .art__sticker--1{top:12%;right:6%}.art--feature .art__sticker--2{top:50%;bottom:auto;right:8%}.shell[data-route=game] .view{padding-top:10px}.game-page{height:calc(100dvh - var(--header-h) - 20px);flex-direction:column;gap:8px;min-height:400px;display:flex;position:relative}.gamebar{align-items:center;gap:6px;min-height:44px;display:flex}.gamebar>.btn{flex-shrink:0}.gamebar__title{flex-direction:column;min-width:0;margin-right:auto;display:flex}.gamebar__title h1{font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;font-weight:800;line-height:1.15;overflow:hidden}.gamebar__title span{font-size:var(--text-xs);color:var(--muted)}.gamebar__hud{flex-shrink:0;align-items:center;gap:6px;display:flex}:is(.gamebar__hud:empty,.game-page:has(.intro:not([hidden])) .gamebar__hud){display:none}.gamebar__actions{gap:4px;display:flex}.gamebar__actions:empty{display:none}.game-page__host{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.game-page:fullscreen{background:var(--paper);height:100%;padding:12px}.more-games{margin-top:36px}@media (max-width:640px),(max-height:500px){.shell[data-route=game] .topbar{display:none}.shell[data-route=game] .view{padding-top:4px}.game-page{gap:4px;height:calc(100dvh - 8px);min-height:320px}.gamebar{gap:4px;min-height:44px}.gamebar>.btn:first-child{margin-left:-10px}.gamebar__title h1{font-size:var(--text-md)}.gamebar__title span,.gamebar__fullscreen{display:none}.gamebar__hud{gap:4px}.gamebar__hud .stat{min-height:30px;font-size:var(--text-xs);gap:4px;padding:0 9px}}@media (max-width:360px){.gamebar__title h1{font-size:var(--text-sm)}.gamebar__hud .stat{padding:0 7px}}.loading{min-height:240px;color:var(--muted);font-size:var(--text-sm);flex:1;place-items:center;display:grid}.loading:before{content:"";border:3px solid var(--line);border-top-color:var(--sky);border-radius:50%;width:32px;height:32px;margin-bottom:10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.intro{z-index:5;border-radius:var(--radius-lg);background:color-mix(in srgb, var(--paper) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:12px;display:grid;position:absolute;inset:0;container-type:size}.intro[hidden]{display:none}.intro__panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(400px,100%);max-height:calc(100cqh - 24px);box-shadow:var(--shadow-lg);animation:dialog-in .3s var(--ease);flex-direction:column;display:flex;overflow:auto}.intro .art--hero{aspect-ratio:16/7;flex:none;height:auto}.intro__body{gap:14px;padding:16px 20px 20px;display:grid}.intro__title{font-size:var(--text-xl);font-weight:800}.intro__howto{color:var(--muted);font-size:var(--text-sm);gap:6px;margin:0;padding-left:18px;display:grid}.intro__start{width:100%}.intro-option{font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;font-weight:650;display:flex}.intro-option .select{flex:200px;max-width:280px}@container (height<=600px){.intro .art--hero{display:none}}@container (height<=420px){.intro__howto{display:none}}.result{text-align:center;gap:16px;padding:24px 20px 20px;display:grid}.result h2{font-size:var(--text-xl);font-weight:800}.result__stars{color:var(--line);justify-content:center;gap:8px;display:flex}.result__stars svg{width:36px;height:36px}.result__stars .on{color:var(--sun);fill:var(--sun);animation:star-pop .5s var(--ease) both}.result__stars .on:nth-child(2){animation-delay:.12s}.result__stars .on:nth-child(3){animation-delay:.24s}@keyframes star-pop{0%{opacity:0;transform:scale(.2)rotate(-40deg)}}.result__score{letter-spacing:-.03em;font-size:2.5rem;font-weight:800;line-height:1}.result__best{background:var(--sun-soft);font-weight:700;font-size:var(--text-xs);border-radius:999px;align-items:center;gap:6px;margin:8px auto 0;padding:4px 12px;display:inline-flex}.result__stats{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.result__learned{text-align:left;border-radius:var(--radius);background:var(--surface-2);gap:8px;max-height:min(200px,30dvh);margin:0;padding:12px;list-style:none;display:grid;overflow:auto}.result__learned-title{font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left;margin-bottom:-10px}.result__learned li{font-size:var(--text-sm)}.result__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result__actions .btn{flex:160px}.confetti{z-index:100;pointer-events:none;position:fixed;inset:0}