:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-charcoal-950:#19191b;--color-charcoal-900:#202022;--color-charcoal-850:#242323;--color-charcoal-800:#2b2927;--color-cream-100:#fff3dc;--color-stone-200:#d6cebf;--color-stone-400:#aaa69d;--color-gold-400:#ffc357;--color-gold-300:#ffd080;--color-gold-200:#ffe0a3;--color-gold-500:#e4ab24;--color-gold-600:#c68d12;--color-gold-450:#edb736;--color-gold-550:#d79b18;--color-brown-900:#49301c;--color-orange-400:#f08b55;--color-hot-start:#d3440a;--color-hot-end:#ba340a;--color-hot-ink:#fff;--color-new-start:#b331cc;--color-new-end:#8045e5;--color-new-ink:#fff;--color-white:#fff;--color-button-orange:#c63e0b;--color-button-orange-deep:#b3310a;--color-button-orange-hover:#d3440a;--color-mint-bright:#95ecb0;--color-mint-light:#f3ffe6;--color-border:#ffffff0e;--color-border-control:#ffffff24;--color-selected:#ffc35713;--color-focus-border:#ffc35788;--color-card-fallback:#302e2c;--color-overlay:#08080bb3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--font-rounded:"Nunito", ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;--size-xs:11px;--size-sm:13px;--size-body:14px;--size-subheading:17px;--size-heading:23px;--radius-sm:7px;--radius-control:11px;--radius-card:14px;--radius-panel:17px;--radius-dialog:20px;--shadow-soft:0 8px 30px #0004;--shadow-badge:0 2px 5px #0003;--duration-fast:.16s;--duration-normal:.25s;--page:var(--color-charcoal-950);--panel:var(--color-charcoal-900);--surface-player:var(--color-charcoal-850);--search:var(--color-charcoal-800);--text:var(--color-cream-100);--muted:var(--color-stone-400);--accent:var(--color-gold-400);--accent-hover:var(--color-gold-300);--on-accent:var(--color-brown-900);--hover:var(--color-selected);--line:var(--color-border);--control-line:var(--color-border-control);--shadow:var(--shadow-soft);--font-ui:var(--font-rounded);--badge-hot-fill:linear-gradient(135deg, var(--color-hot-start), var(--color-hot-end));--badge-hot-ink:var(--color-hot-ink);--badge-new-fill:linear-gradient(135deg, var(--color-new-start), var(--color-new-end));--badge-new-ink:var(--color-new-ink);--score-star:var(--color-white);--score-font-size:12px;--score-icon:14px;--score-width:40px;--score-caption-padding:16px 8px 8px;--score-caption-compact-padding:8px 6px 6px;--score-caption-gap:var(--space-2);--score-caption-row-gap:var(--space-1);--card-category-size:11px;--card-category-ink:var(--text);--card-hover-scale:1.15;--card-featured-hover-scale:1.1;--card-hover-duration:.3s;--card-rest-duration:.15s;--card-hover-easing:ease-in-out;--card-hover-shadow:6px 2px 20px #0a0a0a4d;--card-hover-layer:14;--admin-grid-columns:6;--admin-grid-columns-tablet:3;--admin-grid-columns-mobile:2;--admin-grid-gap:var(--space-4);--admin-sidebar-width:224px;--admin-sidebar-mobile-width:260px;--admin-header-height:72px;--admin-header-mobile-height:64px;--admin-width:1320px;--admin-filter-width:180px;--admin-cover-width:100px;--admin-cover-mobile-width:64px;--admin-cover-preview-width:180px;--admin-aside-width:280px;--admin-login-width:480px;--search-radius:999px;--share-dialog-width:680px;--share-preview-width:180px;--share-preview-mobile-width:80px;--share-option-height:52px;--share-glyph-size:22px;--share-copy-width:96px;--share-hover-lift:-2px;--share-facebook:#1877f2;--share-whatsapp:#25a844;--share-telegram:#229ed9;--player-toolbar-title:22px;--player-toolbar-title-compact:20px;--player-toolbar-height:72px;--player-toolbar-icon:24px;--player-toolbar-stroke:2;--player-toolbar-ink:var(--color-stone-200);--player-menu-width:228px;--player-controls-width:560px;--player-vote-icon:var(--player-toolbar-icon);--player-vote-stroke:var(--player-toolbar-stroke);--player-vote-weight:700;--player-vote-ink:var(--player-toolbar-ink);--report-dialog-width:520px;--home-category-chevron-stroke:2.7;--random-hover-lift:-2px;--random-hover-duration:.22s;--random-roll-duration:.6s;--random-dice-lift:-4px;--random-dice-scale:1.12;--random-dice-turn:360deg;--tag-tile-lift:-4px;--tag-icon-lift:-2px;--tag-icon-tilt:-8deg;--tag-icon-scale:1.12;--tag-hover-duration:.22s;--nav-label:var(--color-stone-200);--category-copy-width:88ch;--category-guide-width:1080px;--category-style-min:240px;--header:72px;--header-mobile:112px;--header-mobile-top-row:60px;--rail:76px;--nav-expanded:220px;--nav-icon-size:32px;--nav-row-height:44px;--nav-row-padding-block:6px;--nav-row-gap:2px;--nav-group-padding-block:var(--space-2);--nav-hover-offset:6px;--nav-hover-duration:.22s;--back-top-fill:linear-gradient(180deg, var(--accent-hover), var(--accent));--back-top-fill-hover:linear-gradient(180deg, var(--color-gold-200), var(--accent-hover));--back-top-ink:var(--on-accent);--back-top-radius:999px;--back-top-shadow:0 3px 8px #0003;--back-top-shadow-hover:0 5px 12px #0004;--back-top-shadow-active:0 1px 3px #0002;--icon-new-outer:var(--color-mint-bright);--icon-new-inner:var(--color-mint-light);--player-start-radius:var(--back-top-radius);--player-start-shadow:var(--back-top-shadow);--player-start-shadow-hover:var(--back-top-shadow-hover);--player-start-fill:linear-gradient(180deg, var(--color-gold-500), var(--color-gold-600));--player-start-fill-hover:linear-gradient(180deg, var(--color-gold-450), var(--color-gold-550));--player-start-border:var(--color-gold-500);--player-start-border-hover:var(--color-gold-450);--player-start-ink:var(--color-white);--player-start-text-shadow:0 1px 2px #70480080;--player-start-font-size:18px;--player-start-breath-duration:1.6s;--player-start-breath-scale:1.1;--player-start-hover-scale:1.06;--primary-button-shadow:var(--back-top-shadow);--primary-button-shadow-hover:var(--back-top-shadow-hover);--pagination-shadow:var(--back-top-shadow);--pagination-shadow-hover:var(--back-top-shadow-hover);--pagination-fill:var(--back-top-fill);--pagination-fill-hover:var(--back-top-fill-hover);--pagination-ink:var(--on-accent);--pagination-current:var(--accent);--pagination-current-ink:var(--accent);--pagination-gap:8px;--logo-hover-lift:-3px;--logo-hover-scale:1.07;--logo-hover-duration:.22s;--logo-hover-wiggle-duration:.65s;--logo-hover-tilt-left:-4deg;--logo-hover-tilt-right:3deg;--logo-hover-tilt-settle:-1.5deg;--logo-width:136px;--logo-width-mobile:clamp(112px, 32vw, 120px);--touch-target:44px;--grid-gap:13px;--grid-gap-mobile:11px;--section-gap:34px;--card-radius:var(--radius-card);--badge-offset:-6px;--badge-font-size:12px;--badge-height:26px;--badge-padding:4px 10px;--control-radius:var(--radius-control);--section-title-size:var(--size-heading);--player-radius:var(--radius-panel);--player-cover-backdrop-blur:6px;--player-cover-backdrop-opacity:.85;--player-cover-tint:linear-gradient(#19191b14, #19191b66)}@font-face{font-family:Nunito;font-style:normal;font-weight:500 900;font-display:swap;src:url(/fonts/nunito-latin-variable.woff2)format("woff2")}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--page);color:var(--text);font-family:var(--font-ui);font-weight:500;overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.6}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button svg,a svg{flex-shrink:0;display:block}img{display:block}a{color:inherit;text-decoration:none}button{background:0 0;border:0}[hidden]{display:none!important}.site-header{height:var(--header);z-index:30;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:0 26px;display:flex;position:fixed;inset:0 0 auto}.logo{min-width:0;min-height:var(--touch-target);background:0 0;border:0;align-items:center;padding:0;display:flex}.search-box{width:min(36vw,480px);height:var(--touch-target);background:var(--search);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--muted);align-items:center;gap:12px;padding:0 14px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.search-box svg{width:19px;height:19px}.search-box input{width:100%;min-width:0;height:100%;color:var(--text);font-size:var(--size-sm);background:0 0;border:0;outline:0;font-weight:600}.search-box input::placeholder{color:var(--muted)}.search-box:focus-within{border-color:var(--color-focus-border)}.search-box input:focus-visible{outline:none}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.icon-button{width:var(--touch-target);height:var(--touch-target);border-radius:var(--control-radius);color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.icon-button:hover{background:var(--hover);color:var(--text)}.favorite-button{position:relative}.favorite-count{background:var(--accent);color:var(--on-accent);border:2px solid var(--panel);text-align:center;border-radius:20px;min-width:18px;padding:1px 3px;font-size:10px;font-weight:900;position:absolute;top:2px;right:2px}.favorite-count:empty,.menu-toggle{display:none}.sidebar{inset:var(--header) auto 0 0;width:var(--rail);background:var(--panel);z-index:25;scrollbar-width:thin;transition:width var(--duration-fast),box-shadow var(--duration-fast);position:fixed;overflow:auto hidden}.sidebar:hover,.sidebar:focus-within{width:var(--nav-expanded);box-shadow:12px 0 30px #0003}.nav-group{padding:12px 9px}.nav-group+.nav-group{border-top:1px solid var(--line)}.nav-button{width:100%;min-height:var(--nav-row-height);white-space:nowrap;text-align:left;color:var(--muted);font-size:var(--size-sm);border-radius:var(--control-radius);background:0 0;border:0;align-items:center;gap:16px;margin-bottom:3px;padding:8px 12px;font-weight:800;display:flex;position:relative}.nav-button span{opacity:0;transition:opacity var(--duration-fast)}.sidebar:hover .nav-button span,.sidebar:focus-within .nav-button span{opacity:1}.nav-button:hover{color:var(--text);background:var(--hover)}.nav-button[aria-current=page]{color:var(--accent);background:var(--hover)}.nav-button[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 4px 4px 0;width:3px;height:20px;position:absolute;top:16px;left:-9px}.main-content{height:calc(100dvh - var(--header));top:var(--header);left:var(--rail);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--control-line) transparent;padding:31px 28px 28px;position:fixed;right:0;overflow:auto}.game-section{margin-bottom:var(--section-gap);scroll-margin-top:24px}.section-title{font-size:var(--section-title-size);letter-spacing:-.45px;align-items:center;gap:10px;margin:0 0 16px;font-weight:900;line-height:1.2;display:flex}.section-title .color-icon{width:27px;height:27px}.game-grid{gap:var(--grid-gap);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.game-card{aspect-ratio:394/236;border-radius:var(--card-radius);background:var(--color-card-fallback);isolation:isolate;text-align:left;width:100%;min-width:0;transition:transform var(--duration-fast),box-shadow var(--duration-fast);border:0;padding:0;display:block;position:relative;overflow:visible}.game-cover{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.game-art{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal);position:absolute;inset:0}.game-card:hover,.game-card:focus-visible{box-shadow:var(--card-hover-shadow);z-index:var(--card-hover-layer)}.art-sheen{display:none}.game-badge{left:0;top:var(--badge-offset);z-index:4;border-radius:var(--radius-sm);font-size:var(--badge-font-size);letter-spacing:.06em;background:var(--badge-hot-fill);color:var(--badge-hot-ink);box-shadow:var(--shadow-badge);padding:5px 8px;font-weight:900;line-height:1.1;position:absolute}.game-badge.new{background:var(--badge-new-fill);color:var(--badge-new-ink)}.game-caption{color:var(--text);border-radius:0 0 var(--card-radius) var(--card-radius);pointer-events:none;background:linear-gradient(#0000,#11100fca);flex-direction:column;justify-content:flex-end;padding:20px 10px 9px;display:flex;position:absolute;inset:35% 0 0}.game-title{text-shadow:0 1px 4px #0008;font-size:12px;font-weight:900;line-height:1.15}.game-meta{display:none}.empty-state{text-align:center;border:1px dashed var(--control-line);border-radius:var(--radius-panel);color:var(--muted);padding:50px 20px}.empty-state h2{color:var(--text);font-size:24px}.empty-state p{font-size:var(--size-body);line-height:1.8}.secondary-button,.primary-button{min-height:var(--touch-target);border:1px solid var(--control-line);background:var(--panel);border-radius:var(--control-radius);font-weight:900;font-size:var(--size-sm);justify-content:center;align-items:center;gap:8px;padding:11px 21px;display:inline-flex}.primary-button{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--primary-button-shadow)}.primary-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.secondary-button:hover{background:var(--hover)}.section-subtitle{color:var(--muted);font-size:var(--size-body);margin:-5px 0 22px;line-height:1.8}.about{border-top:1px solid var(--line);margin-top:24px;padding:29px 0 20px}.about h2{margin:0 0 14px;font-size:22px}.about h3{margin:25px 0 10px;font-size:18px}.about p{font-size:var(--size-body);color:var(--muted);max-width:1120px;line-height:1.8}.footer{border-top:1px solid var(--line);color:var(--muted);padding:22px 0;font-size:12px}.live-status{background:var(--search);max-width:calc(100% - 28px);color:var(--text);border:1px solid var(--color-focus-border);border-radius:var(--control-radius);font-size:var(--size-sm);z-index:100;opacity:0;transition:var(--duration-fast);pointer-events:none;box-shadow:var(--shadow);padding:12px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px)}.live-status.visible{opacity:1;transform:translate(-50%)}.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}.drawer-backdrop{display:none}@media (width>=1650px){.game-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width<=1200px){.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=900px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=600px){:root{--header:var(--header-mobile);--rail:0px}.site-header{gap:9px;padding:0 14px 58px}.menu-toggle{display:flex}.site-header .search-box{width:auto;height:40px;top:72px;left:14px;right:14px;transform:none}.search-box input{font-size:12px}.header-actions{gap:0}.main-content{padding:22px 14px 28px}.section-title{font-size:21px}.game-grid{gap:var(--grid-gap-mobile);grid-template-columns:repeat(2,minmax(0,1fr))}.game-section{margin-bottom:27px}.sidebar{width:var(--nav-expanded);transition:transform var(--duration-fast);transform:translate(-105%)}.sidebar:hover,.sidebar:focus-within{width:var(--nav-expanded)}.drawer-open .sidebar{box-shadow:var(--shadow);transform:translate(0)}.sidebar .nav-button span{opacity:1}.drawer-open .drawer-backdrop{inset:var(--header) 0 0;background:var(--color-overlay);z-index:24;border:0;display:block;position:fixed}.game-caption{padding:18px 9px 9px}.game-title{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.main-content{scroll-behavior:auto}}
