@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#08070b;--panel:#15101e;--panel2:#211936;--purple:#ae82ff;--text:#f8f6ff;--muted:#bdb5cb}*{box-sizing:border-box}body{margin:0;background:#070609;color:var(--text);font:15px/1.65 Manrope,system-ui,sans-serif}a{color:inherit}a:hover{color:#c9a8ff}.layout{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:#050506;padding:15px 10px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:5px;text-decoration:none;font-size:15px;font-weight:900;letter-spacing:1px;margin:0 8px 24px}.brand img{width:44px}.accent{color:#caaaff}.nav-link{display:flex;gap:13px;align-items:center;padding:13px 15px;border-radius:9px;text-decoration:none;font-weight:700;font-size:13px;margin-bottom:5px}.nav-link:hover,.nav-link.active{background:#1c1723;color:white}.nav-icon{font-size:24px;font-weight:400;width:24px;text-align:center}.side-bottom{margin-top:auto;color:#a69ab5;font-size:11px;padding:12px}.age{display:inline-flex;border:2px solid currentColor;border-radius:50%;width:40px;height:40px;align-items:center;justify-content:center;font-weight:900}.main{min-width:0;flex:1}.topbar{height:70px;display:flex;align-items:center;gap:18px;padding:0 32px;background:#050506;position:sticky;top:0;z-index:10}.search{background:#211936;border:1px solid #33264c;border-radius:35px;padding:7px 18px;display:flex;gap:10px;align-items:center;width:265px}.search span{font-size:26px;color:#cbb3fc}.search input{background:none;border:0;color:white;outline:0;width:100%;font:inherit}.header-actions{margin-left:auto;display:flex;gap:12px}.btn{border:0;display:inline-flex;justify-content:center;align-items:center;border-radius:30px;padding:10px 22px;text-decoration:none;font-weight:800;font-size:13px;cursor:pointer;transition:transform .2s}.btn:hover{transform:translateY(-2px);color:#08040f}.btn-gold{background:linear-gradient(135deg,#ffe66e,#ffa71e);color:#1b0d00;box-shadow:0 0 14px #f9a92177}.btn-purple{background:linear-gradient(135deg,#d5afff,#9b6af6);color:#12071f;box-shadow:0 0 13px #b68cff66}.menu-toggle,.mobile-brand{display:none}main{max-width:1540px;margin:auto;padding:24px 38px 70px}.hero{min-height:385px;border-radius:26px;overflow:hidden;background:#160b2c url('../img/cosmolot.jpg') center/cover;display:flex;align-items:center;padding:48px;position:relative;border:1px solid #30203e}.hero-copy{max-width:490px;z-index:1}.eyebrow{color:#c6a3ff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:2px}.hero h1{font-size:clamp(30px,4vw,56px);line-height:1.12;margin:10px 0 18px;letter-spacing:-1.5px}.hero p{max-width:470px;color:#e4d7f2}.hero .btn{margin-top:15px}.chips{display:flex;gap:9px;overflow:auto;padding:25px 0;scrollbar-width:thin}.chip{white-space:nowrap;background:#211935;border:1px solid #35254c;border-radius:15px;padding:11px 17px;font-size:12px;font-weight:800;text-decoration:none}.chip:hover,.chip.active{background:#6940a7;color:white}.section{margin-top:34px}.section h2{font-size:26px;line-height:1.3;margin:0 0 20px}.section h3{font-size:19px}.section p,.section li{color:#d4ccdf}.lead{font-size:17px;color:#d9d0e6;max-width:900px}.games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.game{background:#1b1029;border-radius:16px;overflow:hidden;text-decoration:none;border:1px solid #30223b;transition:transform .2s}.game:hover{transform:translateY(-4px)}.game img{width:100%;display:block;aspect-ratio:11/12;object-fit:cover}.game span{display:block;padding:9px;font-weight:800;text-align:center;font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#171020;border:1px solid #332440;border-radius:18px;padding:24px}.card h3{margin-top:0}.card p{color:#cfc3db}.prose{max-width:1050px}.prose p{margin:0 0 17px}.prose ul,.prose ol{padding-left:25px;margin-bottom:25px}.table-wrap{overflow:auto;margin:22px 0 28px;border:1px solid #362844;border-radius:14px}table{border-collapse:collapse;width:100%;min-width:530px}th,td{text-align:left;padding:14px 17px;border-bottom:1px solid #30263c}th{background:#251b35;color:#e7d6ff}td{background:#17121e;color:#ddd4e8}tr:last-child td{border:0}.page-head{background:linear-gradient(115deg,#25123f,#100c18);border:1px solid #38264e;border-radius:22px;padding:35px 40px;margin-bottom:32px}.page-head h1{font-size:clamp(29px,3vw,44px);margin:4px 0 10px}.page-head p{max-width:800px;color:#d5c7e8}.notice{border-left:4px solid #b993ff;background:#21172d;padding:18px 22px;border-radius:8px;margin:26px 0}.footer{background:#100c16;padding:45px max(35px,5%);border-top:1px solid #2d2238}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:30px}.footer h3{font-size:19px}.footer a{display:block;margin:9px 0;font-weight:600;font-size:13px}.footer p,.footer-bottom{font-size:12px;color:#b9afc5}.footer-bottom{display:flex;align-items:center;gap:24px;margin-top:36px;padding-top:22px;border-top:1px solid #34263e}.footer-bottom .age{width:35px;height:35px}.form-mock{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-mock input{background:#241b30;border:1px solid #55406a;color:white;padding:13px;border-radius:10px;width:100%}.form-mock button{grid-column:1/-1}.small{font-size:12px;color:#aaa0b8}.hidden-search{display:none!important}@media(max-width:1200px){.games{grid-template-columns:repeat(4,1fr)}.sidebar{width:205px}main{padding:20px 24px 55px}}@media(max-width:800px){.sidebar{position:fixed;z-index:20;transform:translateX(-105%);transition:transform .2s;box-shadow:10px 0 30px #0008}.sidebar.open{transform:translateX(0)}.menu-toggle,.mobile-brand{display:block}.menu-toggle{background:none;border:0;color:white;font-size:25px}.mobile-brand{font-weight:900;text-decoration:none}.topbar{padding:0 15px;gap:10px}.search{width:190px}.hero{padding:26px;min-height:340px;background-position:60% center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#12091ee8,#12091e50)}.games{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.topbar{flex-wrap:wrap;height:auto;padding:10px}.search{order:3;width:100%}.header-actions{gap:5px}.btn{padding:9px 12px;font-size:11px}.hero h1{font-size:32px}.games{grid-template-columns:repeat(2,1fr)}main{padding:15px 14px 40px}.page-head{padding:25px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap}.form-mock{grid-template-columns:1fr}}
