@font-face{font-family:Onest;src:url(assets/fonts/onest-regular-subset.ttf);font-display:swap}@font-face{font-family:Onest;src:url(assets/fonts/onest-semibold-subset.ttf);font-weight:600;font-display:swap}@font-face{font-family:Unbounded;src:url(assets/fonts/unbounded-bold-subset.ttf);font-weight:700;font-display:swap}:root{--ink:#010316;--deep:#020829;--panel:#070d32;--panel2:#0b1245;--electric:#2551ff;--aqua:#47f5d3;--lav:#9a8cff;--text:#f6f8ff;--muted:#a5afd1;--line:#ffffff18;--r:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:Onest,Arial,sans-serif;overflow-x:hidden}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.top{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:0 max(20px,4vw);background:#010316e8;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex}.brand img{display:block;width:136px;height:auto}.browse{height:42px;border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:12px;padding:0 14px;cursor:pointer}.top nav{display:flex;gap:24px;color:#c4cbed;font-size:14px}.top nav a:hover{color:var(--aqua)}.actions{display:flex;align-items:center;gap:9px;margin-left:auto}.langs{display:flex;padding:4px;border:1px solid var(--line);border-radius:999px}.langs a{padding:6px 8px;border-radius:999px;font-size:10px;color:#8994bc}.langs .active{background:#fff;color:#07103a}.pill,.soft,.text-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 19px;font-weight:600;cursor:pointer}.pill{background:linear-gradient(115deg,var(--aqua),#4ebdff 45%,var(--electric));color:#04102f;box-shadow:0 12px 40px #2551ff33}.soft{background:#ffffff10;border:1px solid var(--line)}.text-btn{color:#c8d0ef;padding-inline:11px}.big{padding:16px 24px}.hero{min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;padding:70px max(24px,7vw);position:relative;overflow:hidden;background:radial-gradient(circle at 75% 45%,#1231a8 0,transparent 34%),radial-gradient(circle at 5% 5%,#163d8344,transparent 28%),var(--deep)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff04 1px,transparent 1px),linear-gradient(90deg,#fff04 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(110deg,#000,transparent 68%)}.hero-copy{position:relative;z-index:2}.hero small,.inner small,.rail small,.editorial small,.wheel-copy small,.explain small{display:block;color:var(--aqua);letter-spacing:.18em;font-size:10px;font-weight:600}.hero h1{font:700 clamp(48px,6.4vw,92px)/.98 Unbounded;margin:17px 0;letter-spacing:-.05em;max-width:800px}.hero p{max-width:620px;color:#bdc6e9;font-size:19px;line-height:1.6}.hero-copy>div{display:flex;gap:12px;margin-top:30px}.hero-stack{position:relative;height:520px}.poster{position:absolute;right:5%;top:0;width:70%;height:100%;border:1px solid #ffffff24;border-radius:42% 42% 28px 28px;background:linear-gradient(170deg,#192d8b,#06103e 65%);overflow:hidden;box-shadow:0 30px 100px #0008}.poster img{width:100%;height:100%;object-fit:contain;object-position:bottom}.poster b{position:absolute;left:20px;top:25px;font:700 11px Unbounded;color:var(--aqua)}.mini{position:absolute;left:4%;bottom:35px;width:170px;padding:20px;background:#f4f6ff;color:#06103a;border-radius:20px;transform:rotate(-5deg);box-shadow:0 20px 60px #0007}.mini span{font:700 35px Unbounded}.mini p{margin:8px 0 0;color:#122052;font-size:11px;line-height:1.3}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.quick a{padding:22px;text-align:center;background:#040725;color:#cbd2ec}.quick a:hover{background:#0a154f;color:var(--aqua)}.rail{padding:78px max(24px,6vw);overflow:hidden}.rail:nth-of-type(even){background:#030620}.rail-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.rail-head h2{font:700 clamp(28px,3.8vw,48px)/1.05 Unbounded;margin:10px 0 0}.rail-head>a{color:var(--aqua);font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.game-card{min-width:0;border-radius:18px;background:var(--panel);border:1px solid var(--line);padding:9px;overflow:hidden;transition:.25s}.game-card:hover{transform:translateY(-6px);border-color:#47f5d388}.game-card img{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;border-radius:12px;background:#101849}.game-card span{display:inline-block;margin-top:11px;color:var(--aqua);font-size:9px;letter-spacing:.12em}.game-card h3{margin:6px 0 4px;font-size:15px}.game-card p{margin:0;color:#8e99bf;font-size:12px}.moving .cards{display:flex;width:max-content;animation:flow 35s linear infinite}.moving .game-card{width:260px}.moving .cards:hover{animation-play-state:paused}@keyframes flow{to{transform:translateX(calc(-260px * 4 - 56px))}}.editorial{margin:28px max(24px,6vw);min-height:480px;border-radius:32px;display:grid;grid-template-columns:1fr .8fr;align-items:center;padding:55px 5vw;background:linear-gradient(120deg,#142b8e,#071342);overflow:hidden}.editorial h2{font:700 clamp(35px,4.5vw,60px)/1.05 Unbounded;margin:14px 0}.editorial p{max-width:630px;color:#c7d0ef;line-height:1.65}.editorial img{height:470px;max-width:100%;object-fit:contain;margin-bottom:-80px}.safety{margin:50px max(24px,6vw);padding:32px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:25px;border:1px solid var(--line);border-radius:22px;background:#080c2b}.safety>b{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--aqua);color:#06103b;font:700 17px Unbounded}.safety h2{font-size:19px;margin:0}.safety p{color:#8995bc;margin:7px 0 0}.safety>a{color:var(--aqua)}footer{padding:50px max(24px,6vw);display:grid;grid-template-columns:170px 1fr auto;gap:24px;align-items:center;background:#00020f;border-top:1px solid var(--line);color:#7f89ab;font-size:12px}footer img{width:150px;height:auto;aspect-ratio:25/6;object-fit:contain}footer>div{display:flex;gap:16px}footer>span{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}.drawer{position:fixed;z-index:60;left:0;top:0;bottom:0;width:min(420px,90vw);padding:35px;background:#050927;transform:translateX(-105%);transition:.3s;box-shadow:30px 0 80px #0009;display:grid;align-content:start}.drawer.open{transform:none}.drawer button{justify-self:end;border:0;background:none;color:#fff;font-size:30px}.drawer a{padding:13px 5px;border-bottom:1px solid var(--line);color:#c8cfec}.inner{min-height:470px;padding:72px max(24px,7vw) 0;display:grid;grid-template-columns:1fr 430px;align-items:end;background:radial-gradient(circle at 78%,#102a98,transparent 31%),linear-gradient(140deg,#02051b,#050c35);overflow:hidden}.inner>div{align-self:center;padding-bottom:55px}.inner>div>a{color:#8f9bc2}.inner small{margin-top:32px}.inner h1{font:700 clamp(42px,5.8vw,76px)/1.02 Unbounded;margin:16px 0}.inner p{font-size:18px;line-height:1.65;color:#bdc6e6;max-width:740px}.inner>img{height:420px;max-width:100%;object-fit:contain}.search input{margin-top:18px;width:min(520px,100%);height:52px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:#ffffff0c;color:#fff}.detail-grid{padding:70px max(24px,7vw);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-grid article{padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#0b1242,#050927)}.detail-grid span{color:var(--aqua);font:700 20px Unbounded}.detail-grid h2{font-size:21px}.detail-grid p{color:#a7b1d1;line-height:1.65}.explain{margin:15px max(24px,7vw);padding:50px;display:grid;grid-template-columns:1.2fr .8fr;gap:45px;background:#eaf0ff;color:#07103a;border-radius:30px}.explain h2{font:700 clamp(28px,3.5vw,46px)/1.08 Unbounded}.explain p,.explain li{line-height:1.6;color:#3f4b73}.explain ul{margin:auto 0}.explain li{margin:14px 0}.wheel-zone{padding:75px max(24px,7vw);display:grid;grid-template-columns:1fr 520px;gap:45px;align-items:center;background:#040725}.wheel-copy h2{font:700 clamp(34px,4vw,54px)/1.06 Unbounded}.wheel-copy p{color:#aab4d4;line-height:1.65}.result{margin:25px 0;padding:16px 20px;border-left:3px solid var(--aqua);background:#ffffff08}.result span{display:block;color:#8f9abc;font-size:12px}.result strong{font:700 24px Unbounded;color:var(--aqua)}.config{font-size:11px!important}.wheel-wrap{position:relative;width:470px;height:470px;display:grid;place-items:center}.wheel{width:430px;height:430px;border-radius:50%;position:relative;background:conic-gradient(#264cff 0 60deg,#763cff 60deg 120deg,#14bed3 120deg 180deg,#1b2d8d 180deg 240deg,#b338ce 240deg 300deg,#0ee0a8 300deg);border:12px solid #fff;box-shadow:0 0 0 8px #2551ff,0 30px 80px #0008;transition:transform 4.8s cubic-bezier(.12,.68,.12,1)}.wheel span{position:absolute;left:50%;top:50%;font:700 20px Unbounded;transform-origin:0 0}.wheel span:nth-child(1){transform:rotate(30deg) translate(105px) rotate(-30deg)}.wheel span:nth-child(2){transform:rotate(90deg) translate(105px) rotate(-90deg)}.wheel span:nth-child(3){transform:rotate(150deg) translate(105px) rotate(-150deg)}.wheel span:nth-child(4){transform:rotate(210deg) translate(105px) rotate(-210deg)}.wheel span:nth-child(5){transform:rotate(270deg) translate(105px) rotate(-270deg)}.wheel span:nth-child(6){transform:rotate(330deg) translate(105px) rotate(-330deg)}.wheel-wrap>button{position:absolute;width:108px;height:108px;border-radius:50%;border:8px solid #fff;background:#050927;color:#fff;font-weight:600;cursor:pointer;z-index:3}.pointer{position:absolute;z-index:4;top:0;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:36px solid var(--aqua)}.toast{position:fixed;z-index:100;left:50%;bottom:28px;transform:translate(-50%,100px);opacity:0;padding:14px 22px;background:#fff;color:#07103a;border-radius:999px;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:1000px){.top nav{display:none}.text-btn{display:none}.hero{grid-template-columns:1fr}.hero-stack{height:430px}.cards{grid-template-columns:repeat(3,1fr)}.inner{grid-template-columns:1fr 300px}.wheel-zone{grid-template-columns:1fr}.wheel-wrap{justify-self:center}.detail-grid{grid-template-columns:1fr}.editorial{grid-template-columns:1fr}.editorial img{justify-self:center}.safety,footer{grid-template-columns:1fr}.safety>b{grid-row:auto}.safety>a{justify-self:start}}@media(max-width:650px){.top{height:66px;padding:0 14px;gap:10px}.brand img{width:112px}.browse span,.top .pill{display:none}.langs a{min-width:44px;min-height:44px;display:grid;place-items:center;padding:5px 8px}.hero{padding:55px 19px 25px;min-height:auto}.hero h1{font-size:44px}.hero p{font-size:16px}.hero-copy>div{flex-direction:column}.hero-stack{height:360px;margin-top:25px}.poster{width:82%}.mini{width:140px;padding:15px}.quick{grid-template-columns:1fr 1fr}.quick a{padding:16px 8px;font-size:12px}.rail{padding:58px 16px}.rail-head{display:block}.rail-head>a{display:inline-block;margin-top:13px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game-card{padding:7px}.game-card h3{font-size:13px}.moving{padding-left:0;padding-right:0}.moving .rail-head{padding:0 16px}.moving .cards{display:flex;animation:none;width:auto;overflow-x:auto;gap:12px;padding:4px 16px 18px;scroll-snap-type:x mandatory;scroll-padding-left:16px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.moving .cards::-webkit-scrollbar{display:none}.moving .game-card{flex:0 0 min(78vw,320px);width:auto;scroll-snap-align:start}.moving .game-card:hover{transform:none}.editorial{margin:10px;padding:40px 22px}.editorial img{height:330px}.inner{display:block;padding:48px 18px 0}.inner>div{padding-bottom:10px}.inner h1{font-size:42px}.inner>img{height:280px;display:block;margin:auto}.detail-grid{padding:50px 16px}.explain{margin:10px;padding:30px 22px;grid-template-columns:1fr}.wheel-zone{padding:55px 16px}.wheel-wrap{width:320px;height:320px}.wheel{width:285px;height:285px}.wheel span{font-size:13px}.wheel span:nth-child(1){transform:rotate(30deg) translate(65px) rotate(-30deg)}.wheel span:nth-child(2){transform:rotate(90deg) translate(65px) rotate(-90deg)}.wheel span:nth-child(3){transform:rotate(150deg) translate(65px) rotate(-150deg)}.wheel span:nth-child(4){transform:rotate(210deg) translate(65px) rotate(-210deg)}.wheel span:nth-child(5){transform:rotate(270deg) translate(65px) rotate(-270deg)}.wheel span:nth-child(6){transform:rotate(330deg) translate(65px) rotate(-330deg)}.wheel-wrap>button{width:84px;height:84px;border-width:5px;font-size:12px}.safety{margin:30px 14px}footer{padding:45px 20px}footer>div{display:grid}}
