@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-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--color-background:#f4f5fb;--color-surface:#fff;--color-surface-soft:#f7f7fc;--color-surface-strong:#ecebf6;--color-lavender:#eceafd;--color-lavender-strong:#e6e3fb;--color-text:#1f2033;--color-text-secondary:#676a83;--color-outline:#d9d8ea;--color-outline-soft:#ebeaf5;--color-primary:#6c5ce7;--color-primary-hover:#5b4bd5;--color-primary-ink:#5b4bd5;--color-on-primary:#fff;--color-primary-container:#e6e3fb;--color-on-primary-container:#4b3cc4;--color-focus:#6c5ce7;--color-star:#ffb81f;--color-success:#23a866;--color-success-soft:#dcf7e8;--color-danger:#e5484d;--color-danger-soft:#ffe4e1;--tone-coral:#ef6b58;--tone-sky:#3a92ea;--tone-aqua:#5fd8da;--tone-amber:#ffb547;--tone-mint:#4cd38a;--tone-violet:#6c5ce7;--tone-pink:#f26fb1;--gold:#ffc233;--silver:#b9bed3;--bronze:#f0964a;--shadow-soft:0 12px 32px #6c5ce714;--shadow-card:0 18px 44px #5448b41a;--shadow-raised:0 10px 24px #6c5ce759;--shadow-navigation:0 -6px 30px #5448b417;--radius-card:20px;--radius-panel:28px;--spring:cubic-bezier(.34, 1.56, .64, 1);--content-max-width:1280px;--page-gutter:clamp(1rem, 4vw, 2.5rem);--bottom-navigation-height:4.75rem;font-family:Plus Jakarta Sans Variable,ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#15142b;--color-surface:#22213f;--color-surface-soft:#2a2949;--color-surface-strong:#33325a;--color-lavender:#2e2a5c;--color-lavender-strong:#39337a;--color-text:#f1f0ff;--color-text-secondary:#aeadd0;--color-outline:#45437a;--color-outline-soft:#302e55;--color-primary:#6c5ce7;--color-primary-hover:#5b4bd5;--color-primary-ink:#c3baff;--color-primary-container:#39337a;--color-on-primary-container:#ddd8ff;--color-focus:#b7adff;--color-success-soft:#1d4535;--color-danger-soft:#4d2430;--shadow-soft:0 12px 32px #00000038;--shadow-card:0 18px 44px #00000047;--shadow-navigation:0 -6px 30px #0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#15142b;--color-surface:#22213f;--color-surface-soft:#2a2949;--color-surface-strong:#33325a;--color-lavender:#2e2a5c;--color-lavender-strong:#39337a;--color-text:#f1f0ff;--color-text-secondary:#aeadd0;--color-outline:#45437a;--color-outline-soft:#302e55;--color-primary:#6c5ce7;--color-primary-hover:#5b4bd5;--color-primary-ink:#c3baff;--color-primary-container:#39337a;--color-on-primary-container:#ddd8ff;--color-focus:#b7adff;--color-success-soft:#1d4535;--color-danger-soft:#4d2430;--shadow-soft:0 12px 32px #00000038;--shadow-card:0 18px 44px #00000047;--shadow-navigation:0 -6px 30px #0000004d}}[data-tone]{--tile:var(--tone-violet);--on-tile:#fff}[data-tone=coral]{--tile:var(--tone-coral);--on-tile:#fff}[data-tone=sky]{--tile:var(--tone-sky);--on-tile:#fff}[data-tone=aqua]{--tile:var(--tone-aqua);--on-tile:#15303a}[data-tone=amber]{--tile:var(--tone-amber);--on-tile:#3a2606}[data-tone=mint]{--tile:var(--tone-mint);--on-tile:#0f3322}[data-tone=pink]{--tile:var(--tone-pink);--on-tile:#3d0b25}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}html{background:var(--color-background)}body{min-height:100vh;color:var(--color-text);background:var(--color-background);font-size:1rem;line-height:1.5}h1,h2,h3{color:var(--color-text);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.15}p{margin:0}button,input,select{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}img,svg{display:block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:100%;max-width:var(--content-max-width);min-height:100vh;padding-bottom:calc(var(--bottom-navigation-height) + 1.5rem + env(safe-area-inset-bottom));margin:auto}.app-main{padding-bottom:1.5rem}.page{width:min(100%,46rem);padding:0 var(--page-gutter) 2rem;margin:0 auto}.surface{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:1.25rem}.panel{border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-card);padding:clamp(1.25rem,3vw,2rem)}.primary-button,.secondary-button,.danger-button,.white-button{cursor:pointer;min-height:3rem;transition:transform .35s var(--spring), background-color .15s ease, box-shadow .15s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.primary-button{color:var(--color-on-primary);background:var(--color-primary);box-shadow:0 8px 18px #6c5ce747}.primary-button:hover{background:var(--color-primary-hover)}.secondary-button{color:var(--color-primary-ink);background:var(--color-primary-container)}.secondary-button:hover{background:var(--color-lavender-strong)}.white-button{color:var(--color-primary-ink);background:#fff}:root[data-theme=dark] .white-button{color:#4b3cc4}.danger-button{color:#fff;background:#d93d42}.primary-button:active,.secondary-button:active,.danger-button:active,.white-button:active{transform:scale(.95)}.primary-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.primary-button svg,.secondary-button svg,.danger-button svg,.white-button svg{width:1.15rem;height:1.15rem}.icon-button{width:2.75rem;height:2.75rem;color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .35s var(--spring);border:0;border-radius:50%;place-items:center;padding:0;text-decoration:none;display:grid}.icon-button:active{transform:scale(.9)}.icon-button svg{width:1.25rem;height:1.25rem}.section-row{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem;display:flex}.section-row h2{letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.text-link{color:var(--color-primary-ink);font-size:.9rem;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.content-section{padding:1.25rem var(--page-gutter) .5rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;display:grid}.featured-grid{margin-inline:calc(-1 * var(--page-gutter));padding:.25rem var(--page-gutter) 1.25rem;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter);scrollbar-width:none;gap:1rem;display:flex;overflow-x:auto}.featured-grid::-webkit-scrollbar{display:none}.featured-grid>.game-card{scroll-snap-align:start;flex:0 0 min(84vw,21rem)}@media (width>=64rem){.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-inline:0;padding-inline:0;display:grid;overflow:visible}.featured-grid>.game-card{flex:none}}.page-header{padding:calc(1rem + env(safe-area-inset-top)) 0 1.25rem;grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;gap:.75rem;display:grid}.page-header h1{text-align:center;font-size:1.15rem}.back-link{width:2.75rem;height:2.75rem;color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-soft);transition:transform .35s var(--spring);border-radius:50%;place-items:center;display:grid}.back-link:active{transform:scale(.9)}.back-link svg{width:1.2rem;height:1.2rem}.empty{text-align:center;padding:2.5rem 1.25rem}.empty h2{margin-bottom:.4rem;font-size:1.25rem}.empty p{color:var(--color-text-secondary);margin-bottom:1.25rem}.list-rows{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.list-row{min-height:4.25rem;color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:18px;align-items:center;gap:.85rem;padding:.75rem 1rem;text-decoration:none;display:flex}.icon-tile{width:2.5rem;height:2.5rem;color:var(--on-tile,#fff);background:var(--tile,var(--color-primary));border-radius:12px;flex:none;place-items:center;display:grid}.icon-tile svg{width:1.2rem;height:1.2rem}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after{transition-duration:0s!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}}