:root{color-scheme:dark;--bg:#080d1c;--panel:#11182a;--line:rgba(168,191,255,.16);--muted:#a5aec4;--cyan:#4be1ec;--violet:#9773ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 70% 40% at 50% 0%,#17234a 0%,transparent 75%),var(--bg);color:#f7f8ff;font:16px/1.5 'Segoe UI',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{max-width:1440px;margin:auto;overflow:hidden}.topbar{height:82px;display:flex;align-items:center;gap:44px;padding:0 5%;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:4}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:750;white-space:nowrap}.brand em{font-style:normal;color:#91a6fc}.brand-mark,.dialog-mark{display:grid;place-items:center;background:linear-gradient(135deg,#56e5ec,#8a68fa 70%);box-shadow:0 0 22px #7964ff77;color:#071123;border-radius:11px;width:35px;height:35px;font-size:24px}.topbar nav{display:flex;gap:30px;margin:auto;font-size:14px;color:#c0c5d7}.topbar nav a:hover,.text-button:hover{color:white}.account-actions{display:flex;align-items:center;gap:18px;white-space:nowrap}.text-button{border:0;background:none;color:#cbd1e1}.outline-button,.ghost-button{border:1px solid #67718f66;background:#ffffff0b;color:white;padding:11px 18px;border-radius:10px;font-weight:600}.outline-button:hover,.ghost-button:hover{background:#ffffff1e}.hero{min-height:570px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px 7% 65px;background:radial-gradient(circle at 72% 57%,#1e2b63 0%,transparent 36%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;letter-spacing:.2em;color:#82d9f4;font-weight:750}.pulse{display:inline-block;background:#4ee9cc;border-radius:100%;width:7px;height:7px;box-shadow:0 0 13px #4ee9cc;margin-right:9px}.hero h1{font-size:clamp(42px,5vw,75px);line-height:1.05;letter-spacing:-.055em;margin:24px 0}.hero h1 span{background:linear-gradient(90deg,#d4bdff,#69e8f1);background-clip:text;color:transparent}.hero p{max-width:560px;color:#b3bfd9;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:32px}.primary-button{border:0;background:linear-gradient(105deg,#7760ed,#6b8bfa 65%,#6dcfdb);color:#fff;padding:13px 21px;border-radius:10px;font-weight:700;box-shadow:0 8px 28px #765aff55;display:inline-flex;gap:14px;justify-content:center}.primary-button:hover{filter:brightness(1.13)}.hero-art{height:430px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 60px #5286f166)}.core{height:150px;width:150px;border-radius:36px;background:linear-gradient(145deg,#1c2b61,#0d1539);border:3px solid #b6baf9;box-shadow:0 0 15px #8c77ff,0 0 70px #478efa,inset 0 0 25px #9176ff;display:grid;place-items:center;transform:rotate(-8deg);z-index:2}.core span{font-size:60px;letter-spacing:-.14em;padding-right:10px;font-weight:900;background:linear-gradient(135deg,#60edee,#a48cff);background-clip:text;color:transparent}.core-ring,.orbit{position:absolute;border:1px solid #78acff88;border-radius:50%;transform:rotate(-16deg)}.ring-a{width:360px;height:125px;box-shadow:0 0 20px #6fdcff88}.ring-b{width:480px;height:175px;border-color:#c488ff66;transform:rotate(23deg);box-shadow:0 0 25px #a259ff55}.orbit{pointer-events:none}.orbit-one{width:700px;height:250px;left:48%;top:51%;border-color:#547de233;box-shadow:0 0 40px #495ee422}.orbit-two{width:950px;height:350px;left:38%;top:48%;border-color:#55bee622}.orbit-three{width:1100px;height:490px;left:25%;top:40%;border-color:#8c54ea1c}.floating-chip{position:absolute;z-index:2;background:#141d36dd;border:1px solid #9caeff77;border-radius:12px;padding:12px 16px;color:#e8eafa;font-size:11px;letter-spacing:.08em;box-shadow:0 10px 30px #0009}.floating-chip b{display:block;color:#60e6d8;font-size:10px;margin-top:4px}.chip-a{top:55px;right:30px;transform:rotate(7deg)}.chip-b{bottom:60px;left:20px;transform:rotate(-8deg)}.games-section,.collection,.how{padding:50px 7% 70px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.section-heading h2,.how h2{font-size:clamp(30px,4vw,45px);line-height:1.1;letter-spacing:-.035em;margin:8px 0}.section-heading p{margin:0;color:var(--muted)}.section-count{color:#737e9b;font-size:12px;letter-spacing:.16em}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-card{height:310px;position:relative;overflow:hidden;text-align:left;border-radius:19px;border:1px solid #9ba9da38;background:#151c30;color:white;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);border-color:#7bd9ff99;box-shadow:0 22px 48px #080b1d}.game-card img{width:100%;height:100%;object-fit:cover;display:block}.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#070b1afa 0%,#0a1125aa 43%,#0a112510 100%)}.game-copy{position:absolute;left:26px;bottom:23px;display:flex;flex-direction:column;align-items:start}.game-copy small{color:#83dff6;font-size:10px;letter-spacing:.17em}.game-copy strong{font-size:27px;letter-spacing:-.03em;margin:5px 0}.game-meta{color:#aebad7;font-size:13px}.card-link{margin-top:15px;font-size:13px;font-weight:700;color:#e4d6ff}.collection{border-top:1px solid var(--line)}.category-tabs{display:flex;gap:8px;margin:24px 0}.tab{border:1px solid var(--line);background:#121a2c;color:#aeb8d0;border-radius:9px;padding:9px 15px}.tab.active{color:white;border-color:#8878e9;background:#423b82}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.item-card{background:linear-gradient(145deg,#151d32,#101626);border:1px solid var(--line);border-radius:15px;padding:23px}.item-type{font-size:10px;letter-spacing:.18em;color:#7cddf1}.item-card h3{margin:8px 0;font-size:21px}.item-card p{color:var(--muted);font-size:13px;margin:0 0 23px}.item-card a{display:inline-flex;background:#8270ed;color:white;padding:10px 15px;border-radius:8px;font-weight:700;font-size:13px}.empty{color:var(--muted);padding:35px;border:1px dashed var(--line);border-radius:14px;grid-column:1/-1}.how{border-top:1px solid var(--line);background:radial-gradient(circle at 50% 100%,#25184b55,transparent 55%)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.steps article{background:#141b2c;border:1px solid var(--line);border-radius:16px;padding:25px}.steps article>span{color:#8b79f6;font-size:27px;font-weight:800}.steps h3{margin:18px 0 7px}.steps p{color:var(--muted);margin:0;font-size:14px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 7%;color:#818ca7;font-size:13px}dialog{width:min(420px,calc(100% - 30px));border:1px solid #7e8eb766;background:#121a2d;color:white;border-radius:18px;padding:30px;box-shadow:0 25px 90px #000c}dialog::backdrop{background:#020611c9;backdrop-filter:blur(7px)}.dialog-close{float:right;border:0;background:none;color:#a6adc2;font-size:29px}.dialog-mark{margin-bottom:20px}dialog h2{font-size:29px;margin:0}dialog p{color:var(--muted);margin:5px 0 18px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:10px 0 20px}.auth-tabs button{background:none;border:0;color:var(--muted);padding:10px 17px}.auth-tabs button.active{color:#b0a5ff;border-bottom:2px solid #a58bff}form label{display:block;color:#c7d0e2;font-size:13px;margin-bottom:15px}form input{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #54607c;background:#0b1120;color:white;border-radius:8px;outline:none}form input:focus{border-color:#8b86ff}#auth-submit{width:100%;margin-top:7px}#auth-message{min-height:19px;color:#ff999f;font-size:13px}@media(max-width:850px){.topbar{gap:15px}.topbar nav{display:none}.hero{grid-template-columns:1fr;min-height:700px}.hero-art{height:260px}.core{height:110px;width:110px}.ring-a{width:260px}.ring-b{width:340px}.floating-chip{display:none}.game-grid,.item-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar{padding:0 5%;height:70px}.brand{font-size:15px}.brand-mark{width:29px;height:29px}.account-actions{gap:8px}.text-button,.outline-button{font-size:12px;padding:8px}.hero{padding:54px 6% 20px;min-height:610px}.hero h1{font-size:43px}.hero p{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-art{height:230px}.games-section,.collection,.how{padding:40px 6%}.game-card{height:265px}.steps{grid-template-columns:1fr}.section-count{display:none}}