*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;background:#edf3f0;color:#21364c;min-height:100vh}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.topbar{background:#2d4b62;color:#fff;padding:16px max(24px,4vw);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.25rem;font-weight:900;text-decoration:none;letter-spacing:1px}.brand span{color:#ffd075}.topbar nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.topbar nav a{text-decoration:none;font-weight:650}.topbar button{background:#ab84bd;color:white;border:2px solid #233d54;border-radius:10px;padding:9px 14px;font-weight:750}.hero{background:linear-gradient(110deg,#496e6c,#61817a 60%,#3e6473);color:white;padding:42px max(24px,4vw) 58px}.hero .eyebrow{color:#ffcd74;font-weight:850;letter-spacing:2px;font-size:.8rem}.hero h1{font-size:clamp(2.3rem,5vw,4rem);margin:8px 0}.hero h1 em{font-style:normal;color:#ffca64}.hero p{margin:8px 0}.container{max-width:1600px;margin:0 auto;padding:26px 24px 55px}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:20px;background:#f8edcf;border:3px solid #283f5c;border-radius:16px;padding:18px;margin-top:-55px;position:relative;box-shadow:0 5px 0 #294157}.filters label{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:750}.filters input,.filters select,.panel input,.inline select{border:2px solid #30475d;border-radius:10px;padding:12px;background:#fff7e7;color:#203448;min-width:180px}.filters #count{margin-left:auto;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-top:26px}.game-card{background:#fff1d2;border:3px solid #2b425b;border-top:8px solid var(--accent);border-radius:18px;box-shadow:4px 5px 0 #293e57;padding:20px 15px;text-align:center;min-height:260px;display:flex;flex-direction:column;align-items:center;transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.game-card[hidden]{display:none}.emoji{font-size:2.7rem;margin:2px 0 10px}.game-card small{text-transform:uppercase;font-size:.68rem;letter-spacing:1px;color:#6d7580}.game-card h2{font-size:1.15rem;margin:13px 0 5px}.game-card p{font-size:.86rem;line-height:1.5;flex:1}.locked{font-size:.76rem;background:#ffe2a5;padding:7px 11px;border-radius:8px;color:#956c43;font-weight:800}.play{color:#137a73;font-weight:800;text-decoration:none}.alert{padding:15px;background:#ffe4dc;border-radius:10px}.notice{background:#d5f4df;padding:12px;border-radius:10px}.narrow{max-width:580px}.panel{display:grid;gap:18px;background:#fff;border-radius:16px;padding:25px;border:1px solid #ccd5dc}.panel label{display:grid;gap:8px}.primary,.inline button{border:0;background:#26796f;color:white;padding:12px 18px;border-radius:9px;font-weight:700}.admin-head{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow-x:auto;background:#fff;border-radius:12px}table{width:100%;border-collapse:collapse}th,td{padding:14px;text-align:left;border-bottom:1px solid #dde3e7}.inline{display:flex;gap:8px}.inline select{min-width:130px}.hint{color:#637284}footer{text-align:center;padding:28px;color:#667789}[data-theme=dark] body{background:#152332;color:#e5edf4}[data-theme=dark] .game-card{background:#293e51;color:#f1f4f8}[data-theme=dark] .filters{background:#344659;color:#f1f4f8}[data-theme=dark] .panel,[data-theme=dark] .table-wrap{background:#24384a}[data-theme=dark] .hint{color:#bac9d3}@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.filters{margin-top:-35px}.filters label{flex-direction:column;align-items:stretch;width:100%}.filters input,.filters select{width:100%}.filters #count{margin-left:0}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.game-card{min-height:270px}.inline{flex-wrap:wrap}}