:root{color-scheme:dark;--bg:#080a0e;--panel:#0e1218;--panel-2:#121720;--line:#222936;--text:#f5f7fb;--muted:#8b94a4;--purple:#8b4be8;--purple-2:#b765ff;--green:#54db96;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 35% 0,#171125 0,transparent 25rem),var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:900;letter-spacing:-.04em}.brand b{color:var(--purple-2)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:radial-gradient(circle at 30% 20%,#c385ff,transparent 35%),linear-gradient(140deg,#2d1760,#7f36d7);border:1px solid #8a58d4;font-size:11px;box-shadow:0 0 28px #7835c455}.brand-large{font-size:20px}.brand-large .brand-mark{width:50px;height:50px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#aa79f6}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border:1px solid transparent;border-radius:11px;color:white;font-weight:750;cursor:pointer;transition:.2s transform,.2s background}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,#7c35db,#9c56f3);box-shadow:0 10px 30px #7138c22e}.button-ghost{border-color:#ffffff17;background:#ffffff0a}.button-wide{width:100%;padding:14px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr)}.login-visual{position:relative;overflow:hidden;min-height:680px;padding:7vw;display:flex;align-items:flex-end;background:radial-gradient(circle at 50% 50%,#5d279a44,transparent 23%),linear-gradient(145deg,#080b12 30%,#151024 100%)}.login-visual:before,.login-visual:after{content:"";position:absolute;border:1px solid #9e63ef22;border-radius:50%;width:70vw;height:70vw;left:-12vw;top:-25vw}.login-visual:after{width:45vw;height:45vw;left:10vw;top:-15vw}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff .7px,transparent .8px);background-size:38px 38px;opacity:.25}.planet{position:absolute;width:270px;height:270px;border-radius:50%;top:18%;left:32%;background:radial-gradient(circle at 35% 30%,#cf8cff 0,#6732a5 22%,#1b1736 58%,#090c12 72%);box-shadow:0 0 90px #7b38c955}.planet:after{content:"";position:absolute;width:390px;height:70px;border:14px solid #b270f288;border-left-color:transparent;border-right-color:transparent;border-radius:50%;left:-70px;top:100px;transform:rotate(-18deg)}.login-copy{position:relative;z-index:1;max-width:680px}.login-copy h1{font-size:clamp(54px,7vw,110px);line-height:.86;letter-spacing:-.07em;margin:18px 0 24px}.login-copy h1 span{color:#a65cef}.login-copy p{color:#b6bdc8;font-size:18px;max-width:500px;line-height:1.7}.login-panel{display:grid;place-items:center;padding:36px;background:#090b0fcc;border-left:1px solid var(--line)}.login-card{width:min(100%,440px);display:grid;gap:42px}.login-card h2{font-size:38px;letter-spacing:-.04em;margin:10px 0 4px}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;color:#c9ced8;font-size:13px;font-weight:650}.login-form input,.search input{border:1px solid #29303c;background:#0e1218;color:var(--text);border-radius:11px;padding:13px 14px;outline:none}.login-form input:focus,.search input:focus{border-color:#8f50e9;box-shadow:0 0 0 3px #8f50e922}.privacy-note{text-align:center;color:#687181;font-size:12px}.privacy-note span{color:var(--green)}.alert{padding:12px 14px;border-radius:10px;font-size:13px}.alert-error{background:#be3a5220;color:#ff9aad;border:1px solid #be3a5244}.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#090c11e8;backdrop-filter:blur(20px)}.sidebar nav{display:grid;gap:6px;margin-top:48px}.sidebar nav a,.sidebar-bottom>a{display:flex;gap:13px;align-items:center;padding:12px 13px;border-radius:10px;color:#9da6b5;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#7440bc38;color:#fff}.sidebar nav a span,.sidebar-bottom>a span{width:20px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:12px}.profile-chip{display:flex;align-items:center;gap:10px;padding:8px}.profile-chip>span:nth-child(2){display:grid;font-size:13px}.profile-chip small{color:var(--green);margin-top:2px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #8759bd;background:linear-gradient(145deg,#30233d,#8055aa);font-size:11px;font-weight:800}.avatar-button{border:1px solid #8759bd;color:#fff}.icon-button{position:absolute;right:16px;bottom:31px;border:0;background:transparent;color:#7d8695;cursor:pointer}.content{padding:30px clamp(24px,4vw,62px) 70px;min-width:0}.topbar{display:grid;grid-template-columns:1fr minmax(260px,420px) auto;align-items:center;gap:22px}.topbar h1{margin:6px 0 0;font-size:27px;letter-spacing:-.035em}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#0c1016;border-radius:13px;padding-left:14px}.search input{width:100%;background:transparent;border:0}.hero{position:relative;min-height:360px;margin-top:32px;border:1px solid #2a2b35;border-radius:22px;overflow:hidden;padding:46px;background:linear-gradient(90deg,#16131c 0%,#1a1622 46%,#24182b88),radial-gradient(circle at 80% 30%,#ac713866,transparent 30%),#151820;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#090b0f 130%);pointer-events:none}.hero>div:first-child{position:relative;z-index:2;max-width:520px}.pill{display:inline-flex;padding:7px 10px;border-radius:100px;background:#8e4de828;color:#bc8eff;font-size:10px;font-weight:900;letter-spacing:.12em}.hero h2{font-size:clamp(36px,4.8vw,64px);line-height:.95;letter-spacing:-.055em;margin:18px 0}.hero h2 span{color:#b6bdc8;font-weight:500}.hero p{color:#aab1bd;line-height:1.6;max-width:490px}.hero-actions{display:flex;gap:10px;margin-top:26px}.hero-art{position:absolute;right:4%;top:0;width:45%;height:100%;display:grid;place-items:center}.hero-art strong{position:relative;z-index:1;font-family:Georgia,serif;font-size:190px;color:#e3bf6d;text-shadow:0 20px 0 #4e2e1d,0 0 40px #ddb35855;transform:skew(-8deg) rotate(-5deg)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:260px;height:260px;background:radial-gradient(circle,#709461,#2f453c 50%,transparent 70%)}.orb-two{width:400px;height:120px;border:30px solid #8b5b3955;transform:rotate(-20deg)}.hero-progress{position:absolute;z-index:3;left:46px;bottom:22px;width:min(420px,42%);display:grid;grid-template-columns:1fr auto;gap:8px;color:#aeb5c0;font-size:12px}.hero-progress div{grid-column:1/-1;height:4px;background:#ffffff14;border-radius:5px}.hero-progress i,.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#7f3ddb,#b267fb);border-radius:inherit}.shelf{margin-top:34px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:19px}.section-heading a{font-size:12px;color:#b780ff}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px}.game-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel);transition:.2s transform,.2s border-color}.game-card:hover{transform:translateY(-4px);border-color:#7f4dbc}.cover{aspect-ratio:1.4;position:relative;overflow:hidden;padding:17px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 75% 30%,#ffffff44,transparent 24%),linear-gradient(145deg,var(--cover),#111820 80%)}.cover:after{content:"";position:absolute;width:140px;height:140px;border:18px solid #ffffff14;border-radius:50%;right:-30px;top:-30px}.cover span{position:absolute;top:12px;left:12px;font-size:9px;font-weight:900;letter-spacing:.14em;padding:5px 7px;background:#0a0d13aa;border-radius:5px}.cover strong{font-size:20px;line-height:1;max-width:85%;text-shadow:0 2px 16px #000}.cover small{margin-top:5px;color:#eef2f4bb}.game-meta{display:grid;gap:5px;padding:13px}.game-meta>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.game-meta>span{color:var(--muted);font-size:10px}.mini-progress{height:3px;background:#ffffff12;border-radius:4px;margin-top:6px}
@media(max-width:1000px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.app-shell{grid-template-columns:80px 1fr}.sidebar{align-items:center;padding-inline:12px}.sidebar .brand>span:last-child,.profile-chip>span:nth-child(2),.sidebar-bottom>a{display:none}.sidebar nav a{font-size:0}.sidebar nav a span{font-size:18px}.game-grid{grid-template-columns:repeat(2,1fr)}.hero-art{opacity:.35}.topbar{grid-template-columns:1fr auto}.search{grid-row:2;grid-column:1/-1}.hero>div:first-child{max-width:70%}}
@media(max-width:640px){.app-shell{display:block;padding-bottom:72px}.sidebar{position:fixed;z-index:20;inset:auto 0 0;height:68px;display:flex;flex-direction:row;padding:7px 12px;border:1px solid var(--line);border-radius:18px 18px 0 0}.sidebar>.brand,.sidebar-bottom{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.sidebar nav a{justify-content:center}.sidebar nav a span{font-size:20px}.content{padding:20px 16px 50px}.topbar{display:grid}.topbar h1{font-size:21px}.topbar .eyebrow{font-size:9px}.hero{min-height:390px;padding:28px 24px}.hero>div:first-child{max-width:100%}.hero h2{font-size:42px}.hero-art{opacity:.2;width:100%;right:-30%}.hero-progress{left:24px;width:calc(100% - 48px)}.game-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.game-card{min-width:210px;scroll-snap-align:start}.login-panel{padding:24px}.login-card{gap:34px}.login-card h2{font-size:32px}}