*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080b14;color:#f5f7ff;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}svg{width:1em;height:1em;display:block;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.game-icon svg{width:32px;height:32px;transition:transform .2s ease,filter .2s ease}.mini-icon svg{width:26px;height:26px;transition:transform .18s ease}.card-actions svg{width:16px;height:16px;margin:auto;transition:transform .16s ease}.play{display:inline-flex;align-items:center;gap:6px}.play svg{width:15px;height:15px;transition:transform .16s ease}.play:hover svg{transform:translateX(3px)}.spotlight-icon{display:inline-flex;vertical-align:middle;margin-right:7px}.spotlight-icon svg{width:19px;height:19px}.primary svg{width:17px;height:17px;margin-right:7px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:12px max(20px,calc((100vw - 1180px)/2));background:rgba(8,11,20,.8);backdrop-filter:blur(20px);border-bottom:1px solid #20263a}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-right:auto}.brand b{color:#8e9cff}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#7c5cff,#31d7ff);font-weight:950}.topbar nav{display:flex;gap:18px;color:#aeb6cc;font-size:14px}.topbar nav a:hover{color:#fff}.account-area{display:flex;align-items:center;gap:8px}.account-button,.icon-button{border:1px solid #2b334b;background:#111626;color:white;border-radius:11px;cursor:pointer}.account-button{padding:9px 13px;font-weight:800}.icon-button{width:40px;height:40px}.hero{max-width:1180px;margin:auto;padding:88px 20px 62px;display:flex;align-items:center;justify-content:space-between;gap:50px}.hero-copy{max-width:730px}.eyebrow{margin:0 0 10px;color:#7f8cff;font-weight:850;letter-spacing:.14em;font-size:11px}.hero h1{font-size:clamp(52px,8vw,88px);line-height:.92;margin:0 0 22px;letter-spacing:-.065em}.hero h1 span{background:linear-gradient(90deg,#8d72ff,#40d9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{color:#aeb6cc;font-size:18px;line-height:1.6;max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;font-weight:800;cursor:pointer;transition:.18s transform,.18s filter}.primary{background:#7c66ff;color:white;border:0}.primary:hover,.secondary:hover{transform:translateY(-2px);filter:brightness(1.08)}.secondary{border:1px solid #303952;background:#111626;color:white}.danger{border:1px solid #743e4a;background:#29151b;color:#ffb8c3}.hero-stats{display:flex;gap:30px;margin-top:35px}.hero-stats div{display:grid;gap:3px}.hero-stats strong{font-size:21px}.hero-stats span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#707b96}.hero-orb{position:relative;width:245px;height:245px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#54e5ff,#725aff 38%,#15162b 70%);box-shadow:0 0 100px rgba(91,92,255,.25);display:grid;place-items:center;flex:none;animation:float 5s ease-in-out infinite}.orb-ring{position:absolute;inset:22px;border:1px solid rgba(255,255,255,.22);border-radius:50%;animation:spin 14s linear infinite}.orb-core{width:94px;height:94px;border-radius:28px;display:grid;place-items:center;background:rgba(7,10,18,.72);border:1px solid rgba(255,255,255,.18);font-size:32px}.spotlight{max-width:1140px;margin:0 auto 45px;padding:28px 30px;border:1px solid #2c3550;border-radius:22px;background:linear-gradient(110deg,#14182b,#101829 55%,#17132d);display:flex;align-items:center;justify-content:space-between;gap:20px}.spotlight-label{font-size:10px;letter-spacing:.15em;font-weight:900;color:#7f8cff}.spotlight h2{margin:7px 0 3px;font-size:28px}.spotlight p{margin:0;color:#8993ad}.toolbar,.feature-section{max-width:1180px;margin:auto;padding:24px 20px}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px}.toolbar h2,.feature-section h2{font-size:32px;margin:0 0 5px}.muted,.toolbar p{color:#8993ad}.search{display:flex;align-items:center;gap:9px;background:#111626;border:1px solid #293149;border-radius:13px;padding:0 13px;min-width:300px}.search input{width:100%;height:46px;background:none;border:0;outline:0;color:white}.library-tools{max-width:1140px;margin:5px auto 20px;padding:0 20px;display:flex;align-items:center;gap:10px}.chips{display:flex;gap:8px;flex-wrap:wrap;flex:1}.chip{border:1px solid #293149;background:#111626;color:#aeb6cc;padding:8px 12px;border-radius:999px;cursor:pointer}.chip.active{background:#7160e8;color:white;border-color:#7160e8}.game-grid{max-width:1140px;margin:auto;padding:0 20px 55px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.game-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#141a2c,#0d1220);border:1px solid #252d43;border-radius:18px;padding:18px;min-height:205px;display:flex;flex-direction:column;transition:.2s transform,.2s border-color,.2s box-shadow}.game-card:hover{transform:translateY(-5px);border-color:#5965a1;box-shadow:0 18px 45px rgba(0,0,0,.3)}.game-card:hover .game-icon svg{transform:scale(1.08);filter:drop-shadow(0 4px 12px rgba(142,156,255,.25))}.game-icon{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#111a2c,#090e19);border:1px solid #303952;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.18);color:#9ca8ff}.game-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),transparent 45%);pointer-events:none}.game-card h3{position:relative;margin:14px 0 5px;font-size:17px}.game-card p{position:relative;margin:0;color:#8993ad;font-size:12px}.play{position:relative;margin-top:auto;padding-top:16px;color:#8e9cff;font-weight:850;font-size:13px}.card-actions{position:absolute;z-index:3;right:12px;top:12px;display:flex;gap:5px}.favorite,.reaction{width:32px;height:32px;border-radius:9px;border:1px solid #303952;background:rgba(11,16,29,.9);color:#7e89a5;cursor:pointer;display:grid;place-items:center;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.favorite:hover,.reaction:hover{transform:translateY(-1px) scale(1.04);color:#cbd3ed;border-color:#495473}.favorite.active{color:#ffd66b;border-color:#6b5c2d;background:#241f10}.favorite.active svg{fill:currentColor}.reaction.active{color:#8ff0ce;border-color:#386b5b;background:#10231f}.reaction.active svg{fill:currentColor}.reaction.dislike.active{color:#ff9ca9;border-color:#743e4a;background:#29151b}.feature-section{border-top:1px solid #20263a;padding-top:55px;padding-bottom:65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.pill{padding:8px 11px;border:1px solid #293149;border-radius:999px;color:#aeb6cc;font-size:11px;font-weight:800}.mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:25px}.mini-card{padding:16px;border:1px solid #293149;background:#101524;border-radius:15px;display:flex;align-items:center;gap:12px;min-width:0;transition:.18s transform,.18s border-color,.18s background}.mini-card:hover{transform:translateY(-2px);border-color:#4c587e;background:#131a2b}.mini-card:hover .mini-icon svg{transform:scale(1.08)}.mini-card .mini-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#0b101d;border:1px solid #252d43;color:#9ca8ff}.mini-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-card span{font-size:11px;color:#8993ad}.suggest-form{display:grid;gap:15px;max-width:900px;margin-top:25px}.suggest-form label{display:grid;gap:7px;color:#c4cbe0;font-size:13px;font-weight:750}.suggest-form label span{font-weight:500;color:#8993ad}.suggest-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.suggest-form input,.suggest-form textarea,.suggest-form select{width:100%;padding:12px;border:1px solid #303952;border-radius:11px;background:#0a0f1c;color:white;outline:0}.suggest-form textarea{resize:vertical;min-height:90px}.suggest-form input:focus,.suggest-form textarea:focus,.suggest-form select:focus{border-color:#7c66ff}.suggest-actions{display:flex;gap:10px}.survey-box{margin-top:24px;padding:18px;border:1px solid #293149;border-radius:15px;background:#101524}.survey-box p{display:inline-block;margin:0 15px 0 0}.survey-box .chip{margin:3px}.survey-box #surveyMessage{margin-left:8px}.originals{background:linear-gradient(180deg,rgba(124,102,255,.035),transparent)}footer{max-width:1180px;margin:auto;padding:25px 20px 45px;color:#69738d;font-size:13px;display:flex;justify-content:space-between;gap:15px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(7px)}.account-modal{position:relative;width:min(440px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#101524;border:1px solid #303952;border-radius:22px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.account-modal h2{font-size:30px;line-height:1.1;margin:0 0 8px}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#9aa5be;font-size:30px;cursor:pointer}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:22px 0 18px;padding:5px;background:#0a0f1c;border-radius:12px}.account-tab{border:0;background:transparent;color:#8993ad;padding:10px;border-radius:9px;font-weight:750;cursor:pointer}.account-tab.active{background:#7160e8;color:white}.account-form{display:grid;gap:13px}.account-form label{display:grid;gap:7px;color:#c4cbe0;font-size:13px;font-weight:700}.account-form input{width:100%;height:46px;padding:0 13px;border:1px solid #303952;border-radius:11px;background:#0a0f1c;color:white;outline:none}.account-submit,.account-full{width:100%;margin-top:5px;text-align:center}.account-message{min-height:20px;margin:3px 0 0;color:#ffb8c3;font-size:13px;line-height:1.4}.account-status{display:flex;gap:12px;align-items:flex-start;margin:22px 0;padding:16px;border:1px solid #293149;border-radius:14px;background:#0c1321}.account-status>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#254f45;color:#8ff0ce}.account-status strong{display:block}.account-status p{margin:4px 0 0;color:#8993ad;font-size:13px}.account-full{display:block;margin-top:10px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.game-grid{grid-template-columns:repeat(3,1fr)}.mini-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.topbar nav{display:none}.hero{padding-top:65px}.hero-orb{width:170px;height:170px}.game-grid{grid-template-columns:repeat(2,1fr)}.mini-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero{display:block}.hero-orb{display:none}.hero-stats{gap:18px}.spotlight{margin:0 20px 35px;padding:22px;display:block}.spotlight .primary{margin-top:18px;width:100%}.toolbar{display:block}.search{margin-top:18px;min-width:0}.library-tools{align-items:flex-start;flex-direction:column}.game-grid,.mini-grid,.suggest-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.hero h1{font-size:54px}.hero-text{font-size:16px}.account-button{padding:8px 10px;font-size:13px}.account-modal{padding:25px 20px}.suggest-actions{flex-direction:column}footer{display:block}footer span+span{display:block;margin-top:8px}}body.light{background:#f5f7fb;color:#101522}body.light .topbar{background:rgba(245,247,251,.85);border-color:#dfe4ef}body.light .secondary,body.light .search,body.light .game-card,body.light .chip,body.light .mini-card,body.light .account-modal,body.light .suggest-form input,body.light .suggest-form textarea,body.light .suggest-form select{background:white;color:#101522;border-color:#dfe4ef}body.light .spotlight{background:linear-gradient(110deg,#fff,#f4f5ff);border-color:#dfe4ef}body.light .hero-text,body.light .muted,body.light .toolbar p,body.light .game-card p{color:#68728a}body.light .search input,body.light .account-form input,body.light .suggest-form input,body.light .suggest-form textarea,body.light .suggest-form select{color:#101522}body.light .account-form input{background:#f7f8fc;border-color:#dfe4ef}body.light .account-tabs{background:#eef0f7}body.light .account-tab{color:#68728a}body.light .account-status,.light .survey-box{background:#f7f8fc;border-color:#dfe4ef}