:root{--navy:#081a37;--navy2:#0d2b59;--blue:#1368ce;--blue2:#0d54aa;--sky:#eaf4ff;--text:#333;--muted:#667085;--line:#dbe5f0;--white:#fff;--shadow:0 10px 30px rgba(8,26,55,.12);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:18px;color:var(--text);background:#f5f8fc;line-height:1.65}a{color:#0073e6;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.site-header{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;box-shadow:0 3px 16px rgba(0,0,0,.2);position:sticky;top:0;z-index:20}.header-inner{max-width:1180px;margin:auto;padding:14px 20px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--blue);font-size:20px;box-shadow:0 0 0 4px rgba(255,255,255,.12)}.brand strong{display:block;font-size:25px;line-height:1.1}.brand small{display:block;font-size:13px;font-family:Arial,sans-serif;opacity:.84;margin-top:4px}.main-nav{display:flex;gap:8px;align-items:center}.main-nav a{color:#fff;padding:9px 12px;border-radius:9px;font-size:16px}.main-nav a:hover{background:rgba(255,255,255,.12);text-decoration:none}.nav-toggle{display:none;background:#fff;color:var(--navy);border:0;border-radius:8px;padding:9px 13px;font-weight:bold}.site-main{max-width:1180px;margin:0 auto;padding:28px 20px 48px}.hero{background:linear-gradient(135deg,#fff,#edf6ff);border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.hero h1{font-size:44px;line-height:1.08;color:var(--navy);margin:0 0 14px}.hero p{font-size:20px;margin:0 0 20px}.hero-art{min-height:220px;border-radius:20px;background:linear-gradient(135deg,#1368ce,#6aaef8);display:grid;place-items:center;color:#fff;font-size:74px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.button{display:inline-block;background:var(--blue);color:#fff!important;border:0;border-radius:10px;padding:10px 18px;font-weight:bold;text-decoration:none!important;cursor:pointer}.button:hover{background:var(--blue2)}.button.secondary{background:#fff;color:var(--blue)!important;border:1px solid var(--blue)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:36px 0 16px}.section-head h2{margin:0;color:var(--navy);font-size:30px}.section-head p{margin:0;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.game-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 5px 18px rgba(8,26,55,.07);display:flex;flex-direction:column}.game-card-visual{height:150px;display:grid;place-items:center;background:linear-gradient(135deg,#dceeff,#f7fbff);color:var(--navy);font-size:44px;font-weight:bold;text-decoration:none!important;border-bottom:1px solid var(--line)}.game-card:nth-child(3n+2) .game-card-visual{background:linear-gradient(135deg,#fff0d7,#fffaf2)}.game-card:nth-child(3n) .game-card-visual{background:linear-gradient(135deg,#e9e4ff,#faf8ff)}.game-card-body{padding:18px;display:flex;flex-direction:column;flex:1}.game-card h3{margin:2px 0 8px;font-size:22px;line-height:1.2}.game-card p{font-size:16px;color:#555;flex:1}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font:700 12px Arial,sans-serif;color:var(--blue)}.category-pills{display:flex;gap:10px;flex-wrap:wrap}.pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:16px}.content-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 5px 18px rgba(8,26,55,.06);margin:0 0 22px}.content-card h1,.content-card h2,.content-card h3{color:var(--navy)}.game-title{text-align:center;margin:0 0 4px;color:var(--navy);font-size:38px}.game-subtitle{text-align:center;color:var(--muted);margin:0 0 20px}.game-shell{background:#09152a;border-radius:18px;padding:12px;box-shadow:var(--shadow);max-width:1050px;margin:0 auto}.game-frame-wrap{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden}.game-frame-wrap.ratio-4-3{aspect-ratio:4/3}.game-frame-wrap.ratio-16-9{aspect-ratio:16/9}.game-frame-wrap.ratio-5-3{aspect-ratio:5/3}.game-frame-wrap.ratio-3-5{aspect-ratio:3/5;max-width:560px;margin:auto}.game-frame-wrap.ratio-9-16{aspect-ratio:9/16;max-width:480px;margin:auto}.game-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.game-note{text-align:center;font-size:14px;color:var(--muted);margin:10px 0 0}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.info-grid .content-card{margin:0}.search-bar{display:flex;gap:10px;margin:20px 0}.search-bar input{flex:1;min-width:0;border:1px solid #b9c9dc;border-radius:10px;padding:12px 14px;font:inherit}.search-bar button{font:inherit}.ad-wrap{margin:160px auto 30px;max-width:970px;text-align:center}.ad-label{font:11px Arial,sans-serif;color:#888;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.site-footer{background:var(--navy);color:#dbe8f8;padding:36px 20px 20px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid strong{display:block;color:#fff;margin-bottom:8px}.footer-grid p{margin:0;font-size:15px}.footer-grid a{display:block;color:#dbe8f8;margin:5px 0;font-size:15px}.copyright{max-width:1180px;margin:26px auto 0;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;font:13px Arial,sans-serif;color:#a9bdd7}.cookie-note{position:fixed;left:18px;right:18px;bottom:18px;max-width:850px;margin:auto;background:#fff;border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.2);border-radius:14px;padding:14px 16px;z-index:50;display:flex;gap:14px;align-items:center}.cookie-note[hidden]{display:none}.cookie-note p{margin:0;font-size:14px;flex:1}.cookie-note button{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:8px 14px;cursor:pointer}.admin-wrap{max-width:1000px;margin:30px auto}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.admin-table th{background:var(--sky)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:block;font-weight:bold}.form-grid input,.form-grid textarea,.form-grid select{width:100%;font:inherit;padding:9px;border:1px solid #b9c9dc;border-radius:8px}.form-grid .wide{grid-column:1/-1}.notice{padding:12px 14px;border-radius:9px;background:#edf7ed;border:1px solid #b9ddb9;margin:12px 0}.warning{background:#fff6e5;border-color:#ecd28f}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{min-height:160px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-grid{grid-template-columns:1fr}.main-nav{display:none;position:absolute;top:74px;right:16px;left:16px;background:var(--navy2);padding:10px;border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.nav-toggle{display:block}.brand small{display:none}}
@media(max-width:560px){body{font-size:17px}.site-main{padding:20px 12px 36px}.header-inner{padding:12px}.brand strong{font-size:21px}.hero{padding:24px 20px}.hero h1{font-size:34px}.hero-art{font-size:55px}.game-grid{grid-template-columns:1fr}.game-title{font-size:30px}.content-card{padding:20px}.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.cookie-note{flex-direction:column;align-items:stretch}}