:root{--bg: #eef2f6;--bg-deep: #e4ebf3;--bg-accent: #dce8f4;--surface: #ffffff;--surface-soft: #f7f9fc;--text: #152033;--muted: #5c6b7e;--brand: #1a4f8c;--brand-dark: #123a68;--brand-soft: #2a6bb0;--accent: #00b8d4;--accent-deep: #0097b2;--amber: #e89a0c;--amber-soft: #fff4de;--border: #d0dae6;--border-strong: #b8c5d6;--radius: 14px;--radius-sm: 10px;--shadow: 0 4px 14px rgba(21, 32, 51, .07);--shadow-hover: 0 10px 28px rgba(26, 79, 140, .14);--header-h: 64px;--max: 1180px;--font: "Plus Jakarta Sans", system-ui, sans-serif;--font-display: "Sora", "Plus Jakarta Sans", system-ui, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--pattern-dot: rgba(26, 79, 140, .045)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background-color:var(--bg);background-image:radial-gradient(ellipse 900px 420px at 8% -8%,rgba(0,184,212,.12),transparent 55%),radial-gradient(ellipse 800px 380px at 96% 0%,rgba(26,79,140,.1),transparent 50%),radial-gradient(ellipse 600px 300px at 50% 100%,rgba(232,154,12,.04),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);background-attachment:fixed;min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(100% - 1.5rem,var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);backdrop-filter:blur(14px) saturate(1.2);background:#ffffffd1;border-bottom:1px solid rgba(208,218,230,.85);box-shadow:0 1px #fff9 inset}.header-inner{height:100%;display:flex;align-items:center;gap:1rem}.logo{font-family:var(--font-display);font-weight:700;font-size:1.08rem;letter-spacing:-.03em;color:var(--brand);white-space:nowrap}.logo span{color:var(--text)}.nav-desktop{display:none;gap:.2rem;margin-left:.5rem;flex:1}.nav-desktop a{padding:.42rem .65rem;border-radius:var(--radius-sm);color:var(--muted);font-weight:600;font-size:.9rem;transition:background .15s ease,color .15s ease}.nav-desktop a:hover,.nav-desktop a:focus-visible{background:var(--bg-accent);color:var(--brand);outline:none}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.4rem}.icon-btn{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:border-color .15s ease,background .15s ease,color .15s ease}.icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover,.icon-btn:focus-visible{border-color:var(--accent);color:var(--brand);background:var(--surface-soft);outline:none}.mobile-nav{display:none;border-bottom:1px solid var(--border);background:var(--surface)}.mobile-nav.is-open{display:block}.mobile-nav a{display:block;padding:.9rem 1.25rem;border-bottom:1px solid var(--border);font-weight:600;transition:background .12s ease,color .12s ease}.mobile-nav a:hover,.mobile-nav a:focus-visible{background:var(--bg-accent);color:var(--brand);outline:none}.section{padding:1.5rem 0 .5rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.section-head h2{margin:0;font-family:var(--font-display);font-size:1.22rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.section-head a{color:var(--brand-soft);font-weight:700;font-size:.9rem;transition:color .15s ease}.section-head a:hover{color:var(--accent-deep)}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.game-card:hover,.game-card:focus-within{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#00b8d473}.game-card__thumb{aspect-ratio:16 / 9;background:linear-gradient(145deg,#c5d0de,#a8b8cc);overflow:hidden;position:relative}.game-card__thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(21,32,51,.12));pointer-events:none;opacity:0;transition:opacity .18s ease}.game-card:hover .game-card__thumb:after{opacity:1}.game-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.game-card:hover .game-card__thumb img{transform:scale(1.04)}.game-card__body{padding:.65rem .7rem .8rem;background:var(--surface)}.game-card__title{margin:0;font-family:var(--font-display);font-size:.9rem;font-weight:600;line-height:1.28;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card__meta{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.28rem}.badge{font-size:.65rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.18rem .42rem;border-radius:6px;background:var(--bg-accent);color:var(--brand-dark)}.badge--popular{background:var(--amber-soft);color:#9a6200}.badge--new{background:#e6faf7;color:#0d7a6f}.badge--mobile{background:#e8f6fb;color:#0a7a8f}.hero{padding:1rem 0 .15rem}.hero-panel{position:relative;overflow:hidden;background:linear-gradient(125deg,#123a68,#1a4f8c 42%,#1e6a9e 72%,#0e8fa8);color:#fff;border-radius:16px;padding:1.05rem 1.15rem 1.15rem;box-shadow:0 8px 24px #123a6838}.hero-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 88% 20%,rgba(0,184,212,.35),transparent 42%),radial-gradient(circle at 12% 90%,rgba(232,154,12,.12),transparent 40%),repeating-linear-gradient(-18deg,transparent,transparent 11px,rgba(255,255,255,.03) 11px,rgba(255,255,255,.03) 12px);pointer-events:none}.hero-panel h1,.hero-panel p{position:relative}.hero-panel h1{margin:0 0 .3rem;font-family:var(--font-display);font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.hero-panel p{margin:0;opacity:.92;max-width:34rem;font-size:.95rem;line-height:1.45}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.85rem;color:var(--muted);margin:1rem 0}.breadcrumbs a{color:var(--brand-soft);font-weight:600;transition:color .12s ease}.breadcrumbs a:hover{color:var(--accent-deep)}.breadcrumbs [aria-current=page]{color:var(--text);font-weight:600}.game-player{background:#0f1724;border-radius:16px;overflow:hidden;border:1px solid #1e2a3c;box-shadow:var(--shadow)}.game-player__stage{position:relative;width:100%;background:#0a1018}.game-player__stage[data-ratio=landscape]{aspect-ratio:16 / 9}.game-player__stage[data-ratio=portrait]{aspect-ratio:9 / 16;max-width:420px;margin-inline:auto}.game-player__preview,.game-player__frame{position:absolute;inset:0;width:100%;height:100%}.game-player__preview img{width:100%;height:100%;object-fit:cover;opacity:.55}.game-player__cta{position:absolute;inset:0;display:grid;place-items:center;gap:.75rem;padding:1rem;text-align:center;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:12px;padding:.85rem 1.35rem;font-family:var(--font-display);font-weight:700;cursor:pointer;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;min-height:48px;box-shadow:0 4px 12px #0097b247;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.btn:hover,.btn:focus-visible{filter:brightness(1.06);transform:translateY(-1px);outline:none}.btn:active{transform:translateY(0)}.btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;box-shadow:none;filter:none}.btn--ghost:hover,.btn--ghost:focus-visible{background:#ffffff1a;filter:none}.game-player__toolbar{display:flex;gap:.5rem;padding:.65rem;background:#152033}.prose{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin-top:1rem;box-shadow:var(--shadow)}.prose h2{margin-top:0;font-family:var(--font-display);font-size:1.1rem;letter-spacing:-.02em}.pagination{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:1.5rem 0 .5rem}.pagination a,.pagination span{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-weight:700;padding:0 .7rem;transition:border-color .12s ease,color .12s ease,background .12s ease}.pagination a:hover{border-color:var(--accent);color:var(--brand);background:var(--surface-soft)}.pagination .is-current{background:var(--brand);border-color:var(--brand);color:#fff}.site-footer{margin-top:2.5rem;padding:2rem 0 calc(2rem + var(--safe-bottom));border-top:1px solid var(--border);background:linear-gradient(180deg,#ffffff8c,#e4ebf3e6)}.footer-grid{display:grid;gap:1.25rem}.footer-grid h2{margin:0 0 .5rem;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin:.35rem 0}.footer-grid a{color:var(--muted);transition:color .12s ease}.footer-grid a:hover{color:var(--brand)}.search-panel{display:none;position:fixed;inset:0;z-index:50;background:#0f203380;padding:1rem;backdrop-filter:blur(2px)}.search-panel.is-open{display:grid;align-items:start;justify-items:center}.search-box{width:min(100%,560px);margin-top:12vh;background:var(--surface);border-radius:16px;border:1px solid var(--border);overflow:hidden;box-shadow:0 16px 40px #15203333}.search-box input{width:100%;border:0;padding:1rem 1.1rem;font-size:1rem;font-family:var(--font);outline:none;color:var(--text)}.search-box input::placeholder{color:var(--muted)}.search-results{max-height:50vh;overflow:auto;border-top:1px solid var(--border)}.search-results a{display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);transition:background .12s ease}.search-results a:hover{background:var(--surface-soft)}.search-results img{width:64px;height:36px;object-fit:cover;border-radius:8px;background:#d5dde8}.unavailable{background:var(--amber-soft);border:1px solid #f0c56a;color:#8a5200;border-radius:14px;padding:1rem;margin:1rem 0}@media(min-width:640px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.hero-panel{padding:1.15rem 1.4rem}}@media(min-width:900px){.nav-desktop{display:flex}.menu-toggle{display:none}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.footer-grid{grid-template-columns:2fr 1fr 1fr}}@media(min-width:1100px){.game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card,.game-card__thumb img,.btn,.nav-desktop a,.icon-btn{transition:none}.game-card:hover,.game-card:hover .game-card__thumb img{transform:none}}