*{box-sizing:border-box}body{margin:0;background:#07111f;color:#f6f8fb;font-family:Inter,Segoe UI,sans-serif;min-height:100vh}button{font:inherit;cursor:pointer}.top{min-height:74px;padding:12px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff12;background:#07111fe8;position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;color:#c9ff31}.brand b{color:#fff}.brand small{color:#90a0b7;font-size:11px}.top nav{display:flex;gap:5px;background:#101d2e;padding:5px;border-radius:999px}.top nav button{border:0;background:transparent;color:#9aabc0;padding:8px 14px;border-radius:999px}.top nav button span{margin-left:6px}.top nav .active{background:#c9ff31;color:#07111f}#clock{justify-self:end;color:#aebbd0;font-size:12px}main{width:min(1320px,calc(100% - 40px));margin:auto;padding:44px 0 120px}.eyebrow{color:#c9ff31;font-size:11px;font-weight:900;letter-spacing:.15em}h1{font-size:clamp(38px,5vw,68px);margin:8px 0;letter-spacing:-.045em}.sub{color:#90a0b7}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0 20px}.stats div{background:#0d1929;border:1px solid #ffffff12;border-radius:18px;padding:18px}.stats b{display:block;font-size:30px}.stats span{color:#90a0b7;font-size:12px}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:18px}.filters button{white-space:nowrap;border:1px solid #ffffff12;background:#0c1828;color:#aebbd0;border-radius:999px;padding:9px 13px}.filters .active{color:#c9ff31;background:#c9ff3116;border-color:#c9ff3155}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{background:#0d1929;border:1px solid #ffffff12;border-radius:20px;overflow:hidden}.poster{aspect-ratio:2/3;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 20%,var(--a),transparent 40%),linear-gradient(145deg,var(--b),#07111f)}.platform{align-self:flex-start;background:#040a12cc;border:1px solid #ffffff1f;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800}.poster h3{font-size:25px;line-height:1;margin:5px 0}.poster small{color:#d3dbea}.body{padding:13px}.row{display:flex;justify-content:space-between}.score{color:#c9ff31;font-weight:900}.body p{color:#90a0b7;font-size:12px;line-height:1.45}.body button{border:0;border-radius:10px;padding:9px 11px;font-weight:800}.open{background:#c9ff31;color:#07111f;width:100%}.shade{position:fixed;inset:0;background:#000b;backdrop-filter:blur(10px);z-index:100;display:grid;place-items:center;padding:20px}.shade[hidden]{display:none}.preview{width:min(930px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#0b1726;border:1px solid #ffffff1d;border-radius:28px;display:grid;grid-template-columns:40% 1fr;position:relative}.close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff2b;background:#040a12bb;color:#fff;font-size:24px}.art{min-height:610px;background:radial-gradient(circle at 70% 18%,var(--a),transparent 36%),linear-gradient(155deg,var(--b),#08111d 75%)}.pb{padding:52px 38px}.meta{display:flex;gap:8px}.meta span,.meta strong{padding:7px 10px;border-radius:999px;font-size:11px}.meta span{background:#16253a}.meta strong{background:#c9ff311b;color:#c9ff31}.pb h2{font-size:38px;margin:15px 0 6px}.tag{color:#c4cfde;font-size:17px}.facts{display:flex;gap:8px;flex-wrap:wrap;color:#9dadc1;font-size:12px}.desc{color:#a9b6c8;line-height:1.6}.reason{background:#101f32;border:1px solid #ffffff12;padding:15px;border-radius:15px}.reason p{color:#b3c0d1}.actions{display:flex;gap:9px;margin-top:18px}.actions button{border-radius:12px;padding:12px 16px;font-weight:900;background:#15253a;color:#fff;border:1px solid #ffffff12}.actions .primary{background:#c9ff31;color:#07111f;border:0}footer{text-align:center;color:#53647a;font-size:10px;padding:20px}@media(max-width:720px){body{padding-bottom:92px}.top{position:relative;display:block;padding:14px 16px}.brand small{display:block}.top nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:200;height:76px;border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 18px 60px #0008}.top nav button{display:flex;flex-direction:column;justify-content:center;gap:3px}.top nav button span{margin:0;font-size:10px}#clock{display:none}main{width:calc(100% - 24px);padding-top:28px}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.poster{padding:12px}.poster h3{font-size:18px}.body p{display:none}.shade{padding:0;place-items:end center}.preview{display:block;border-radius:24px 24px 0 0;max-height:calc(100vh - 10px)}.art{min-height:42vh}.pb{padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.pb h2{font-size:31px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .primary{grid-column:1/-1}}