:root{--bg:#edf2ef;--card:#ffffff;--ink:#17342b;--muted:#718079;--green:#2d7058;--green-dark:#214f40;--line:#dce5df;--soft:#f4f8f5}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--ink);background:radial-gradient(circle at 15% 0,#ffffff 0,rgba(255,255,255,.35) 28%,transparent 48%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1160px,calc(100% - 28px));margin:0 auto}.topbar{padding:24px 0 14px;justify-content:space-between;gap:16px}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brandMark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:white;font-weight:900;letter-spacing:.03em;background:linear-gradient(145deg,#24614d,#39836a);box-shadow:0 12px 28px rgba(35,92,72,.18)}.brandTitle{font-weight:900;font-size:1.15rem}.brandSub{color:var(--muted);font-size:.82rem;margin-top:2px}.nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nav a,.nav button{border:0;background:transparent;color:var(--green-dark);padding:9px 12px;border-radius:10px;cursor:pointer}.nav a:hover,.nav button:hover{background:rgba(45,112,88,.08)}.hero{margin-top:12px;padding:42px;border-radius:28px;color:white;background:linear-gradient(120deg,rgba(21,58,49,.98),rgba(47,118,93,.95)),#265f4c;box-shadow:0 24px 70px rgba(28,55,45,.16)}.hero h1{margin:0 0 12px;max-width:720px;font-size:clamp(2rem,5vw,4rem);line-height:1}.hero p{max-width:720px;margin:0;color:#d8e8e1;font-size:1.05rem;line-height:1.6}.sectionTitle{margin:36px 0 14px;font-size:1.35rem}.gameGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.card,.gameCard{border:1px solid var(--line);background:var(--card);border-radius:20px;box-shadow:0 12px 35px rgba(28,55,45,.07)}.gameCard{min-height:240px;padding:20px;display:flex;flex-direction:column}.gameThumb{min-height:105px;border-radius:15px;display:grid;place-items:center;font-size:3rem;background:linear-gradient(145deg,#dcece4,#eff6f2);margin-bottom:16px}.gameCard h2{margin:0 0 8px}.gameCard p{margin:0 0 18px;color:var(--muted);line-height:1.5}.gameCard .actions{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer;background:var(--green);color:white}.btn:hover{background:var(--green-dark)}.btnSecondary{background:var(--soft);color:var(--green-dark);border:1px solid var(--line)}.card{width:min(620px,100%);margin:26px auto;padding:26px}.card h1{margin-top:0}.field{display:grid;grid-gap:7px;gap:7px;margin-bottom:15px}.field label{font-size:.88rem;font-weight:800}.field input{width:100%;border:1px solid #ccd9d2;border-radius:11px;padding:12px 13px;background:white;outline:none}.field input:focus{border-color:#4c8c73;box-shadow:0 0 0 3px rgba(76,140,115,.12)}.message{margin:12px 0;padding:11px 13px;border-radius:10px;background:#f0f7f3;color:#24513f}.error{background:#fff0ef;color:#8f322a}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.stat{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px}.footer{color:var(--muted);font-size:.8rem;display:flex;justify-content:space-between;padding:28px 0}@media (max-width:700px){.topbar{align-items:flex-start}.hero{padding:28px 22px;border-radius:20px}.nav{justify-content:flex-end}}