:root{color-scheme:dark;--color-bg: #0f0e17;--color-bg-top: #1b1731;--color-surface: rgba(26, 25, 37, .84);--color-card: rgba(30, 29, 47, .92);--color-text: #fffffe;--color-text-muted: #a7a9be;--color-accent: #ffd700;--color-accent-strong: #ffe37a;--color-accent-muted: #c9a84c;--color-border: rgba(201, 168, 76, .18);--color-hover-border: rgba(255, 215, 0, .5);--color-focus: rgba(255, 215, 0, .45);--color-badge-bg: rgba(255, 215, 0, .15);--color-coming-soon-bg: rgba(167, 169, 190, .12);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .5);--radius-card: 18px;--radius-button: 10px;--font-display: "Cinzel", "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width: 780px;--page-padding: max(1.25rem, env(safe-area-inset-left));--page-padding-right: max(1.25rem, env(safe-area-inset-right));--page-padding-top: max(1.25rem, env(safe-area-inset-top));--page-padding-bottom: max(1.25rem, env(safe-area-inset-bottom))}html.light{color-scheme:light;--color-bg: #f5f0e8;--color-bg-top: #f8f9fc;--color-surface: rgba(255, 255, 255, .88);--color-card: rgba(240, 235, 224, .92);--color-text: #1a1a2e;--color-text-muted: #6a6a80;--color-accent: #8a6d00;--color-accent-strong: #a7830e;--color-accent-muted: #8a7a5a;--color-border: rgba(26, 26, 46, .12);--color-hover-border: rgba(138, 109, 0, .45);--color-focus: rgba(138, 109, 0, .3);--color-badge-bg: rgba(138, 109, 0, .12);--color-coming-soon-bg: rgba(106, 106, 128, .12);--shadow-card: 0 4px 16px rgba(10, 15, 40, .12);--shadow-card-hover: 0 8px 24px rgba(10, 15, 40, .18)}*,*:before,*:after{box-sizing:border-box}html{background:radial-gradient(circle at top,rgba(86,71,143,.26),transparent 45%),linear-gradient(180deg,var(--color-bg-top) 0%,var(--color-bg) 52%);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text);background:transparent;font-family:var(--font-body);line-height:1.6;text-rendering:optimizeLegibility}a{color:inherit}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.skip-link{position:absolute;top:1rem;left:1rem;z-index:20;padding:.75rem 1rem;border-radius:999px;background:var(--color-accent);color:#15121f;font-weight:700;text-decoration:none;transform:translateY(-160%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(calc(100% - (var(--page-padding) + var(--page-padding-right))),var(--max-width));margin:0 auto;padding-top:var(--page-padding-top);padding-bottom:var(--page-padding-bottom)}.site-main{display:grid;gap:2rem}.site-panel{position:relative;overflow:clip;border:1px solid var(--color-border);border-radius:28px;background:linear-gradient(180deg,var(--color-surface),rgba(0,0,0,.05));box-shadow:var(--shadow-card);backdrop-filter:blur(16px)}.site-header{display:grid;gap:1.5rem;padding:1.75rem}.site-header__top{display:flex;justify-content:flex-end}.site-title{margin:0;font-family:var(--font-display);font-size:clamp(2.35rem,6vw,4.25rem);font-weight:700;letter-spacing:.18em;line-height:.94;text-transform:uppercase;color:var(--color-accent);text-wrap:balance}.site-tagline{margin:.65rem 0 0;max-width:28rem;color:var(--color-text-muted);font-size:clamp(1rem,2.4vw,1.125rem)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:3rem;height:3rem;padding:0;border:1px solid var(--color-border);border-radius:999px;background:#ffffff0a;color:var(--color-text);cursor:pointer;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.theme-toggle:hover{border-color:var(--color-hover-border)}.theme-toggle__icon{position:relative;display:inline-grid;place-items:center;width:1.25rem;height:1.25rem}.theme-toggle__glyph{position:absolute;inset:0;display:grid;place-items:center;transition:transform .2s ease,opacity .2s ease}.theme-toggle__glyph--sun{opacity:0;transform:scale(.7)}html.light .theme-toggle__glyph--sun{opacity:1;transform:scale(1)}html.light .theme-toggle__glyph--moon{opacity:0;transform:scale(.7)}.games-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}.game-card{position:relative;display:grid;gap:1rem;min-height:100%;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-card);background:radial-gradient(circle at top right,color-mix(in srgb,var(--game-color, var(--color-accent)) 18%,transparent),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.04),transparent),var(--color-card);box-shadow:var(--shadow-card);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.game-card__link{position:static;display:grid;gap:1rem;min-height:100%;color:inherit;text-decoration:none}.game-card__link:after{content:"";position:absolute;inset:0;z-index:1}.game-card__link:focus-visible{outline:none}.game-card__link:focus-visible:after{border-radius:calc(var(--radius-card) - 1px);outline:3px solid var(--color-focus);outline-offset:-3px}.game-card__link>*{position:relative;z-index:2}.game-card--coming-soon{opacity:.62;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--color-card)}.game-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.game-card__icon{display:grid;place-items:center;width:4.5rem;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--game-color, var(--color-accent)) 45%,transparent);border-radius:1.25rem;background:color-mix(in srgb,var(--game-color, var(--color-accent)) 18%,transparent);font-size:2.4rem;line-height:1;box-shadow:inset 0 1px #ffffff12}.game-card__badge{flex-shrink:0;padding:.35rem .65rem;border-radius:999px;background:var(--color-badge-bg);color:var(--color-accent-strong);font-size:.72rem;font-weight:800;letter-spacing:.12em}.game-card__badge--coming-soon{background:var(--color-coming-soon-bg);color:var(--color-text-muted)}.game-card__body{display:grid;gap:.6rem;align-content:start;min-height:8.5rem}.game-card__title{margin:0;font-family:var(--font-display);font-size:1.65rem;letter-spacing:.05em}.game-card__description{margin:0;color:var(--color-text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.game-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto}.game-card__play{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.35rem;color:var(--game-color, var(--color-accent));font-weight:700;letter-spacing:.03em}.game-card__play-text{color:var(--color-text-muted);font-size:.92rem;letter-spacing:.08em}.site-footer{padding:1rem 0 .5rem;text-align:center;color:var(--color-text-muted);font-size:.95rem}.site-footer p{margin:0}@media(min-width:600px){.site-header{padding:2rem}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(hover:hover)and (pointer:fine){.theme-toggle:hover{transform:translateY(-1px)}.game-card:not(.game-card--coming-soon):hover{transform:translateY(-4px);border-color:var(--color-hover-border);box-shadow:var(--shadow-card-hover)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.game-card:not(.game-card--coming-soon):hover,.theme-toggle:hover{transform:none}}