:root{--lime:#adff2f;--cyan:#55f7df;--ink:#020607;--paper:#effaf7;--muted:#8da09b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--lime);color:#071005}
.showroom{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#020607;isolation:isolate}.topbar{height:82px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;border-bottom:1px solid #dffff217}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-1px;font-size:20px}.brand>span:last-child span{font-weight:400;color:var(--lime);margin-left:4px}.brand-mark{width:30px;height:32px;position:relative;display:block}.brand-mark i,.classified-mark i{position:absolute;display:block;width:24px;height:7px;background:var(--lime);transform:skewY(-28deg);left:2px}.brand-mark i:nth-child(1),.classified-mark i:nth-child(1){top:3px}.brand-mark i:nth-child(2),.classified-mark i:nth-child(2){top:12px;width:18px}.brand-mark i:nth-child(3),.classified-mark i:nth-child(3){top:21px;width:13px}.topbar nav{display:flex;gap:38px;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#b9c8c4}.topbar nav a:hover{color:var(--lime)}.counter{display:flex;align-items:center;gap:10px;font:700 11px monospace;letter-spacing:.14em}.counter i{width:48px;height:1px;background:#ffffff40}.counter span:first-child{color:var(--lime);font-size:16px}
.backdrops,.backdrop,.scanlines{position:absolute;inset:0}.backdrop{opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.3s cubic-bezier(.2,.7,0,1)}.backdrop.active{opacity:1;transform:scale(1)}.backdrop[data-bg=flux]{background:linear-gradient(90deg,#020607fa 0%,#020607c9 35%,#02060730 67%,#020607d8 100%),linear-gradient(0deg,#020607 0%,transparent 45%),url('/rbk-flux-hero.png') 62% center/cover no-repeat}.next-bg{background:radial-gradient(circle at 68% 45%,#18534599,transparent 22%),linear-gradient(120deg,#07100d,#020607 65%)}.next-bg:after{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(118deg,transparent 0 90px,#aaff3012 92px 94px,transparent 96px 180px);transform:skewX(-12deg)}.scanlines{z-index:3;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0 4px,#bfffee13 5px);mix-blend-mode:screen}.backdrops:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#9fffe613 1px,transparent 1px),linear-gradient(90deg,#9fffe613 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,transparent 5%,black 65%,transparent);opacity:.5}
.game-stage{height:100%;position:relative;display:grid;grid-template-columns:minmax(370px,.88fr) 1.12fr;align-items:center;padding:100px max(6vw,32px) 195px;z-index:5;max-width:1640px;margin:auto}.game-copy{z-index:6;transition:opacity .22s ease,transform .35s ease;max-width:610px}.kicker{font:700 11px monospace;letter-spacing:.22em;color:#9fb1ac}.kicker span{color:var(--lime)}.game-copy h1{font-size:clamp(100px,12vw,205px);letter-spacing:-.105em;line-height:.68;margin:48px 0 36px;font-weight:950}.game-copy h1 span{color:transparent;-webkit-text-stroke:2px var(--lime);text-shadow:0 0 30px #adff2f1c}.subtitle{font:700 clamp(17px,2vw,28px) monospace;letter-spacing:.48em;margin:0 0 25px;color:#d8e7e3}.description{font-size:16px;line-height:1.72;color:#9fb0ab;max-width:540px}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px 0;margin:30px 0;border-top:1px solid #bffff01c;border-bottom:1px solid #bffff01c}.specs div{min-width:0}.specs dt{font:700 9px monospace;letter-spacing:.2em;color:#647872}.specs dd{margin:8px 0 0;font:700 11px monospace;letter-spacing:.08em;white-space:nowrap}.app-store{width:230px;display:flex;align-items:center;gap:12px;background:var(--paper);color:#06100d;border-radius:10px;padding:10px 14px;box-shadow:0 14px 45px #00000060;transition:transform .2s,box-shadow .2s}.app-store:hover{transform:translateY(-3px);box-shadow:0 14px 50px #adff2f22}.app-store[aria-disabled=true]{opacity:.5;pointer-events:none}.app-store b{font-size:31px}.app-store span{display:flex;flex-direction:column}.app-store small{font-size:8px;letter-spacing:.08em;font-weight:700}.app-store strong{font-size:19px;line-height:1.05}.app-store em{font-style:normal;margin-left:auto}
.app-visual{justify-self:center;width:min(35vw,510px);aspect-ratio:1;position:relative;display:grid;place-items:center;transition:opacity .22s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.halo{position:absolute;width:130%;height:130%;border-radius:50%;border:1px solid #65ffe838;box-shadow:inset 0 0 100px #25ffe30a,0 0 80px #25ffe30d;animation:spin 18s linear infinite}.halo:before,.halo:after{content:"";position:absolute;border-radius:50%;inset:8%;border:1px dashed #adff2f45}.halo:after{inset:23%;border-style:solid;border-color:#ffffff18;animation:spinReverse 10s linear infinite}.icon-frame{width:67%;aspect-ratio:1;border-radius:24%;overflow:hidden;position:relative;box-shadow:0 45px 100px #000,0 0 65px #38ffe135;transform:perspective(1000px) rotateY(-8deg) rotateX(3deg);transition:transform .45s}.app-visual:hover .icon-frame{transform:perspective(1000px) rotateY(0) rotateX(0) scale(1.04)}.icon-frame img{width:100%;height:100%;display:block;object-fit:cover}.icon-glare{position:absolute;inset:0;background:linear-gradient(130deg,#ffffff38,transparent 22% 70%,#adff2f20);pointer-events:none}.tap-label{position:absolute;bottom:-5%;font:700 9px monospace;letter-spacing:.2em;color:#8da19b}.app-visual.classified .icon-frame{background:#06110e}.app-visual.classified .icon-frame:before{content:"RBK\A 002";white-space:pre;position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:900 54px/1 monospace;color:#aaff30;letter-spacing:-.1em}.app-visual.classified .icon-glare{background:repeating-linear-gradient(135deg,transparent 0 20px,#aaff300c 21px 22px)}.side-word{position:absolute;right:-1.5vw;top:50%;transform:translateY(-50%) rotate(90deg);font:900 10vw/1 Arial;color:transparent;-webkit-text-stroke:1px #ddfff311;letter-spacing:.05em;pointer-events:none}
.selector{height:150px;position:absolute;z-index:10;bottom:0;left:0;width:100%;padding:0 clamp(22px,5vw,76px);border-top:1px solid #cffff120;background:#020706d9;backdrop-filter:blur(20px);display:grid;grid-template-columns:54px 1fr 54px auto;gap:18px;align-items:center}.selector-track{display:flex;gap:12px;min-width:0;overflow:visible;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.arrow{width:54px;height:54px;background:transparent;border:1px solid #cffff126;cursor:pointer}.arrow:hover{border-color:var(--lime);color:var(--lime)}.game-chip{width:min(330px,39vw);height:78px;border:1px solid #cffff118;background:#08100f99;text-align:left;display:flex;align-items:center;gap:15px;padding:8px;cursor:pointer;transition:.3s}.game-chip.active{border-color:var(--lime);background:#adff2f0d;box-shadow:inset 3px 0 var(--lime)}.game-chip img,.classified-mark{width:60px;height:60px;border-radius:12px;object-fit:cover;flex:0 0 auto}.classified-mark{display:block;position:relative;background:#0d1815}.classified-mark i{transform:skewY(-28deg) scale(.72);left:17px;top:13px}.classified-mark i:nth-child(2){top:22px}.classified-mark i:nth-child(3){top:31px}.game-chip>span:last-child{font:700 11px monospace;letter-spacing:.08em}.game-chip small{display:block;font-size:8px;color:#637771;letter-spacing:.18em;margin-bottom:8px}.swipe-hint{font:700 9px monospace;letter-spacing:.16em;color:#6e817b;white-space:nowrap}.swipe-hint span{color:var(--lime);font-size:16px;margin-right:8px}
.switching .game-copy{opacity:0;transform:translateX(-28px)}.switching .app-visual{opacity:0;transform:translateX(45px) scale(.92)}body[data-direction=previous].switching .game-copy{transform:translateX(28px)}body[data-direction=previous].switching .app-visual{transform:translateX(-45px) scale(.92)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}
.studio{padding:140px max(6vw,28px);display:grid;grid-template-columns:1fr 3fr;max-width:1500px;margin:auto}.section-index{font:700 11px monospace;letter-spacing:.22em;color:#71857f}.studio h2{font-size:clamp(48px,6vw,92px);line-height:.9;letter-spacing:-.06em;margin:0}.studio h2 span{color:var(--lime)}.studio>div>p{font-size:18px;line-height:1.8;color:#91a49e;max-width:690px;margin:38px 0 0 30%}footer{padding:70px max(5vw,24px) 35px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;border-top:1px solid #cffff11c}footer>p{margin:0;color:#81948e;line-height:1.7}.footer-links{display:flex;gap:25px;justify-content:flex-end;font-size:13px;color:#aabbb6}.copyright{grid-column:1/-1;border-top:1px solid #b9ccc620;padding-top:25px;margin-top:45px;font:10px monospace;letter-spacing:.14em;color:#5f716c}
.legal-shell{min-height:100vh;padding:140px max(6vw,24px) 80px;background:radial-gradient(circle at 80% 0,#14332955,transparent 38%),#030809}.legal-wrap{max-width:900px;margin:auto}.legal-nav{position:absolute;top:0;left:0;width:100%;height:86px;display:flex;align-items:center;padding:0 max(5vw,24px);border-bottom:1px solid #caffef1a}.legal-wrap .eyebrow{margin-bottom:24px}.eyebrow{font:700 11px monospace;letter-spacing:.22em;color:#91a6a1}.eyebrow span{display:inline-block;width:36px;height:1px;background:var(--lime);vertical-align:middle;margin-right:12px}.legal-wrap h1{font-size:clamp(48px,7vw,86px);letter-spacing:-.06em;line-height:.95;margin:0 0 30px}.legal-wrap .updated{font:11px monospace;letter-spacing:.12em;color:#789089;margin-bottom:60px}.legal-wrap h2{font-size:23px;margin:48px 0 15px;color:#caffef}.legal-wrap p,.legal-wrap li{font-size:16px;line-height:1.85;color:#9db0aa}.legal-wrap a{color:var(--lime);text-decoration:underline}.legal-wrap ul{padding-left:22px}.hero-copy{font-size:17px;line-height:1.65;color:#b6c8c3;max-width:570px}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:50px}.support-card{border:1px solid #caffef1d;background:#08100f;padding:30px}.support-card h2{margin:18px 0 8px}.support-card a{display:inline-block;margin-top:15px}
@media(max-width:900px){.showroom{min-height:780px;height:100svh}.topbar{height:68px}.topbar nav{display:none}.game-stage{display:block;padding:105px 6vw 170px}.game-copy{position:relative;z-index:8}.game-copy h1{font-size:clamp(78px,23vw,120px);margin:35px 0 24px}.description{max-width:88%;font-size:14px}.specs{gap:10px}.specs dd{font-size:9px}.app-visual{position:absolute;width:60vw;max-width:340px;right:-5vw;top:11vh;opacity:.48}.game-copy .app-store{position:relative;z-index:9}.side-word{display:none}.selector{height:135px;padding:0 4vw;grid-template-columns:42px minmax(0,1fr) 42px}.selector-track{overflow:hidden}.arrow{width:42px;height:50px}.game-chip{width:235px;min-width:235px}.swipe-hint{display:none}.studio{display:block;padding:100px 6vw}.studio>div{margin-top:30px}.studio>div>p{margin:28px 0 0}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.support-grid{grid-template-columns:1fr}}
@media(max-width:520px){.counter i{width:25px}.game-stage{padding-top:91px}.kicker{font-size:9px}.game-copy h1{margin:26px 0 20px}.subtitle{font-size:14px}.description{line-height:1.55}.specs{margin:20px 0;padding:18px 0}.app-store{width:205px}.app-visual{top:15vh;right:-11vw}.selector{grid-template-columns:38px minmax(0,1fr) 38px;gap:7px}.arrow{width:38px}.game-chip{min-width:205px;width:205px;height:68px}.game-chip img,.classified-mark{width:50px;height:50px}.game-chip>span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
