/* Viorun: reference glass layout with the Viorun coral accent. */
@font-face{font-family:Onest;src:url('assets/fonts/onest-latin-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#111113;--panel:#1c1c1f;--gold:#f6988f;--text:#f9f3f3;--muted:#adadb3;--line:#ffffff16;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Onest,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait}img{max-width:100%;display:block}button,input,a,summary{outline-offset:5px} :focus-visible{outline:2px solid var(--gold)}[hidden]{display:none!important}::selection{background:var(--gold);color:var(--bg)}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{width:min(1280px,calc(100% - 104px));margin-inline:auto}#world{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:.66}.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#11111344,#11111300 65%,#11111366),radial-gradient(ellipse at 18% 22%,#111113d9 0,transparent 66%)}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:var(--gold);color:var(--bg);padding:10px}.skip-link:focus{top:10px}.gold{color:var(--gold)}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--gold);box-shadow:0 0 14px #f6988f65}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:13px 22px;background:var(--gold);border:1px solid var(--gold);color:#202022;font-size:14px;font-weight:700;border-radius:8px;transition:background .2s,box-shadow .2s,transform .2s}.btn:hover{background:#f9b6b0;box-shadow:0 4px 24px #f6988f24;transform:translateY(-2px)}.btn .icon{width:20px;height:20px}.btn-small{min-height:40px;padding:8px 16px;gap:16px}.header{position:sticky;top:0;z-index:20;background:#111113e8;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{width:min(1440px,calc(100% - 104px));height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-1px}.brand img{border-radius:6px}.desktop-nav,.header-actions{display:flex;align-items:center;gap:28px}.desktop-nav a,.account{font-size:13px;color:#ccccd0;transition:color .2s}.desktop-nav a:hover,.account:hover{color:var(--gold)}.header-actions{gap:20px}.motion-toggle,.menu-toggle{border:1px solid var(--line);background:transparent;border-radius:7px;width:36px;height:36px;display:grid;place-items:center}.motion-toggle{font-size:14px;color:var(--muted)}.menu-toggle{display:none}.reading-progress{position:absolute;bottom:-1px;left:0;height:1px;background:var(--gold);width:100%;transform:scaleX(0);transform-origin:left}.hero{padding-top:64px}.hero-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:64px;align-items:center}.platform-note,.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}.platform-note{display:flex;align-items:center;gap:10px;margin-bottom:20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(43px,4.6vw,68px);line-height:1.04;letter-spacing:-3.6px;font-weight:650;margin-bottom:22px}.outline{color:transparent;-webkit-text-stroke:1px #b8b8bd;font-weight:600}h2{font-size:clamp(30px,3.2vw,46px);line-height:1.16;letter-spacing:-1.8px;font-weight:550;margin:12px 0 0}h3{font-weight:550;letter-spacing:-.6px}.hero-description{max-width:430px;font-size:15px;line-height:1.65;color:var(--muted);margin-bottom:26px}.search{position:relative;z-index:5;max-width:465px;scroll-margin-top:120px}.search label{display:block;font-size:13px;font-weight:550;margin-bottom:9px}.search-input-wrap{height:56px;display:flex;align-items:center;gap:12px;border:1px solid #f6988f66;background:#181819e8;box-shadow:0 0 24px #f6988f08;border-radius:9px;padding:0 16px;transition:border-color .2s,box-shadow .2s}.search-input-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #f6988f13}.search-input-wrap>.icon{color:var(--gold);width:21px}.search input{width:100%;min-width:0;border:0;outline:0;background:none;color:var(--text);font-size:16px}.search input::-webkit-search-cancel-button{display:none}.search input::placeholder{color:#9b9ba3}.search kbd{font:12px Onest;border:1px solid var(--line);padding:1px 7px;border-radius:4px;color:var(--muted)}#clear-search{background:none;border:0;font-size:24px;line-height:1;width:30px;height:40px;padding:0}.search-feedback{font-size:11px;color:#a1a1a9;margin:7px 0 0;min-height:18px}.search-results{position:absolute;top:87px;left:0;right:0;background:#212124;border:1px solid #54545c;border-radius:9px;padding:5px;box-shadow:0 24px 60px #00000088;max-height:290px;overflow:auto}.search-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:5px;font-size:13px;cursor:pointer}.search-option[aria-selected=true]{background:#f6988f1a;color:var(--gold)}.search-option small{font-size:10px;color:var(--muted);white-space:nowrap}.try-games{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;font-size:10px;color:var(--muted)}.try-games button{padding:4px 9px;background:#26262955;border:1px solid var(--line);border-radius:5px;font-size:10px;transition:border-color .2s}.try-games button:hover{border-color:#f6988f77;color:var(--gold)}.requirements{display:flex;gap:15px;color:#92929a;font-size:10px;margin-top:21px}.requirements span+span::before{content:'·';margin-right:15px}.dashboard-top{display:flex;justify-content:space-between;align-items:center;color:#afafb5;font-size:10px;margin-bottom:14px}.dashboard-top>span:first-child{display:flex;align-items:center;gap:9px}.dashboard-id{font-family:monospace;letter-spacing:1px;color:#71717a}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:176px 142px 78px;gap:10px}.quick-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px;border:1px solid #ffffff18;background:linear-gradient(140deg,#29292cea,#1b1b1eed);border-radius:11px;transition:border-color .2s,transform .25s;isolation:isolate}.quick-tile::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(220px circle at var(--mx,50%) var(--my,0%),#f6988f0d,transparent 75%);opacity:0;transition:opacity .3s}.quick-tile:hover{border-color:#f6988f65;transform:translateY(-3px)}.quick-tile:hover::before{opacity:1}.quick-tile strong{font-size:14px;letter-spacing:-.35px;font-weight:550;line-height:1.35}.quick-tile>span:last-child{font-size:10px;color:#ababb1;line-height:1.5;margin-top:5px}.quick-tile>.icon{color:var(--gold);margin-bottom:auto;width:23px;height:23px}.tile-arrow{position:absolute;top:13px;right:16px;color:#80808a;font-size:19px}.feature-tile{grid-column:span 2;background:linear-gradient(120deg,#333338e8,#252528d9);border-color:#f6988f40}.feature-tile strong{font-size:22px}.feature-tile>.icon{width:27px;height:27px}.feature-tile:after{content:'';position:absolute;width:170px;height:170px;right:-44px;top:-60px;border:1px solid #f6988f19;transform:rotate(45deg);box-shadow:0 0 0 24px #f6988f05,0 0 0 48px #f6988f03;z-index:-1}.engine-pills{display:flex;gap:5px;position:absolute;right:17px;top:30px;transform:rotate(-12deg);max-width:130px;flex-wrap:wrap;justify-content:center}.engine-pills i{font-style:normal;font-size:8px;letter-spacing:.5px;padding:5px 7px;border:1px solid #f6988f27;background:#28282b;border-radius:4px;color:#c6c5b6}.how-tile{background:linear-gradient(150deg,#2f2f33e0,#222225ef)}.how-tile .play-ring{width:38px;height:38px;border:1px solid #f6988f55;border-radius:50%;padding:8px}.price-mini{font-size:28px;line-height:1;font-weight:600;color:var(--gold);margin-bottom:auto}.price-mini small{font-size:10px;font-weight:400;color:var(--muted)}.question-icon{font-size:24px;color:var(--gold);line-height:1;margin-bottom:auto}.buy-tile{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;background:var(--gold);color:#202022;border-color:var(--gold)}.buy-tile>.icon{color:inherit;margin:0}.buy-tile>.icon:last-child{margin-left:auto}.buy-tile strong{font-size:16px;display:block}.buy-tile div>span{font-size:10px;color:#404045}.buy-tile:hover{background:#f9b6b0}.hero-bottom{margin-top:48px;min-height:62px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#9e9ea5}.hero-bottom>span{display:flex;gap:8px;align-items:center}.hero-bottom .icon{width:15px;height:15px;color:var(--gold)}.world-controls{display:flex;align-items:center;gap:3px}.world-controls>span{margin-right:8px;color:#7e7e88}.world-controls button{background:none;border:1px solid transparent;font-size:10px;color:#9c9ca3;padding:6px 10px;border-radius:5px}.world-controls button[aria-pressed=true]{background:#ffffff08;border-color:#ffffff20;color:var(--gold)}.scroll-cue{display:flex;gap:18px;align-items:center}.scroll-cue span{color:var(--gold)}.search-preview{height:416px;border:1px solid #f6988f50;border-radius:11px;overflow:hidden;background:#1c1c1f;position:relative}.preview-bar{height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:10px;color:#b5b5bb}.preview-bar>span{display:flex;align-items:center;gap:7px}.preview-bar button{font-size:10px;background:none;border:0;color:var(--gold);padding:8px}.preview-art{height:237px;position:relative;background:#27272a;overflow:hidden}.preview-art>img{position:absolute;width:100%;height:100%;object-fit:cover}.preview-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1c1c1f 0%,#1c1c1f77 45%,transparent 85%)}.preview-fallback{height:100%;display:grid;place-items:center;background:radial-gradient(ellipse,#3d4140,#242427)}.preview-fallback .icon{height:90px;width:90px;color:#f6988f55}.preview-copy{position:absolute;bottom:0;left:23px;right:23px;z-index:1}.preview-copy>span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold)}.preview-copy h2{font-size:29px;letter-spacing:-1px;margin:5px 0}.preview-copy p{font-size:12px;color:#c7c7cc;margin-bottom:0}.preview-bottom{padding:18px 23px}.preview-bottom p{font-size:11px;color:var(--muted);margin-bottom:12px}.preview-bottom .btn{min-height:39px;padding:7px 16px;font-size:12px}.games-section{padding-top:45px}.section-line{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;color:#d0d0d4;white-space:nowrap}.text-link .icon{width:18px;color:var(--gold)}.text-link:hover{color:var(--gold)}.game-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.game-cover{position:relative;overflow:hidden;text-align:left;background:#222225;border:1px solid #ffffff1c;border-radius:10px;padding:0;aspect-ratio:1.3;transition:transform .25s,border-color .25s}.game-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s,filter .4s;filter:saturate(.8) brightness(.8)}.game-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#181819 0%,#1818196b 48%,#18181900 80%)}.game-cover:hover{transform:translateY(-6px);border-color:#f6988f80}.game-cover:hover img{transform:scale(1.07);filter:saturate(1.1) brightness(1)}.cover-action{position:absolute;top:12px;right:12px;z-index:1;font-size:9px;padding:5px 8px;border:1px solid #ffffff28;background:#111113a6;border-radius:5px;backdrop-filter:blur(12px)}.cover-caption{position:absolute;bottom:19px;left:19px;z-index:1;display:flex;flex-direction:column;gap:3px}.cover-caption strong{font-size:17px;font-weight:550;letter-spacing:-.4px}.cover-caption>span{font-size:11px;color:#c4c4c8}.catalog-note{font-size:10px;color:#8d8d96;margin:14px 0 0}.section-space{margin-top:130px}.section-intro{color:var(--muted);font-size:14px;line-height:1.85;max-width:380px;margin-bottom:3px}.product-tour{display:grid;grid-template-columns:1.85fr 1fr;gap:40px;align-items:center}.product-visual{border:1px solid #64646c52;border-radius:13px;overflow:hidden;box-shadow:0 25px 90px #00000066,0 0 80px #f3746908;background:#131314}.product-chrome{display:flex;justify-content:space-between;align-items:center;height:35px;padding:0 14px;font-size:9px;color:#9898a0;background:#1e1e21}.window-dots{letter-spacing:3px;color:#64646c;font-size:8px}.live-label{border:1px solid #ffffff19;border-radius:3px;padding:1px 5px;color:#cacace;font-size:8px}.product-viewport{position:relative;overflow:hidden}.product-viewport img{width:100%;height:auto}.product-highlight{position:absolute;left:9%;top:9%;width:38%;height:8%;border:1px solid #f6988fc0;box-shadow:0 0 20px #f6988f16,inset 0 0 20px #f6988f08;border-radius:5px;pointer-events:none}.product-caption{min-height:38px;padding:10px 15px;display:flex;align-items:center;gap:8px;font-size:10px;color:#bcbcc1}.tour-tab{width:100%;text-align:left;display:flex;align-items:flex-start;gap:16px;padding:22px 0;border:0;border-bottom:1px solid var(--line);background:none;color:#8e8e96;transition:color .2s}.tour-tab.active{color:var(--text)}.tour-number{font-size:11px;padding-top:3px}.tour-tab.active .tour-number{color:var(--gold)}.tour-tab strong{display:block;font-size:16px;font-weight:500;margin-bottom:8px;line-height:1.4}.tour-tab strong+span{display:block;font-size:12px;line-height:1.8}.tour-tab .icon{width:18px;height:18px;margin-top:2px;opacity:.3}.tour-tab.active .icon{color:var(--gold);opacity:1}.tour-detail{margin-top:22px;padding-left:15px;border-left:1px solid var(--gold);font-size:12px;color:#b3b3b9}.engine-section{padding:70px 0;border-block:1px solid var(--line);background:linear-gradient(90deg,#24242880,#19191ba0)}.engine-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.engine-layout .section-intro{margin:24px 0}.engine-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:26px}.engine-tabs button{font-size:11px;padding:9px 12px;border:1px solid #ffffff20;border-radius:5px;background:#1b1b1d;color:#a8a8af}.engine-tabs button[aria-selected=true]{color:var(--gold);border-color:#f6988f70;background:#f6988f0c}.engine-panel{border:1px solid #ffffff20;background:#171718b3;border-radius:14px;overflow:hidden}.signal-route{display:flex;align-items:center;justify-content:center;gap:0;padding:42px 26px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse,#32323788,transparent 70%)}.signal-route>span{font-size:9px;color:#ababb1;white-space:nowrap}.signal-track{height:1px;background:#f6988f38;position:relative;width:55px;flex:1;margin:0 8px;overflow:hidden}.signal-track i{position:absolute;top:0;left:-20px;width:20px;height:1px;background:var(--gold);box-shadow:0 0 9px var(--gold)}.engine-chip{width:94px;height:94px;border:1px solid #f6988f70;border-radius:13px;background:linear-gradient(130deg,#34362e,#1e1e20);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 6px #f6988f06,0 0 50px #f6988f0d}.engine-chip .icon{width:30px;height:30px;color:var(--gold)}.engine-chip b{font-size:13px;font-weight:550;margin-top:4px}.engine-info{padding:26px 28px}.engine-info .eyebrow{font-size:9px}.engine-info h3{font-size:27px;margin:7px 0 8px}.engine-info p{font-size:13px;color:var(--muted);line-height:1.8;min-height:47px;margin-bottom:12px}#engine-route{font-family:monospace;font-size:10px;color:#f9b6b0;padding:5px 8px;border:1px solid #f6988f26;border-radius:4px}.engine-disclaimer{display:flex;gap:7px;align-items:center;padding:14px 28px;border-top:1px solid var(--line);font-size:10px;color:#93939c}.engine-disclaimer .icon{width:15px;height:15px;color:var(--gold)}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:step}.steps li{position:relative;padding-top:28px;border-top:1px solid #ffffff24}.step-number{position:absolute;top:22px;right:0;font-size:38px;font-weight:400;line-height:1;color:#73737c45;letter-spacing:-2px}.steps .icon{width:29px;height:29px;color:var(--gold);margin-bottom:25px}.steps h3{font-size:21px;margin:0 0 12px}.steps p{font-size:13px;line-height:1.8;color:var(--muted);max-width:300px}.pricing-section{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center;padding:64px;background:linear-gradient(125deg,#252528eb,#1a1a1cdf);border:1px solid #ffffff19;border-radius:19px}.price-pitch h2{font-size:44px}.price-pitch .section-intro{margin:24px 0}.purchase-notes{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#cacace}.purchase-notes span{display:flex;align-items:center;gap:10px}.purchase-notes .icon{width:17px;height:17px;color:var(--gold)}.purchase-card{border:1px solid #f6988f55;padding:29px;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#f6988f0b,transparent 70%),#1b1b1e}.purchase-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.purchase-top .brand{font-size:21px}.purchase-top>span:last-child{font-size:9px;color:#c2c2c7}.purchase-price{font-size:78px;line-height:1.1;letter-spacing:-5px;font-weight:500;margin-top:26px}.purchase-price small{font-size:12px;letter-spacing:0;color:var(--muted);margin-left:12px}.purchase-card>p{font-size:12px;color:var(--muted);margin:8px 0 23px}.purchase-cta{width:100%;justify-content:space-between}.refund-note{display:flex;align-items:flex-start;gap:10px;margin-top:20px;font-size:11px;color:#d9d9db}.refund-note .icon{width:18px;height:18px;color:var(--gold)}.refund-note small{font-size:10px;color:#a6a6ad}.purchase-fine{border-top:1px solid var(--line);padding-top:14px;margin-top:20px;font-size:9px;color:#8d8d96}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:90px}.faq-section .text-link{margin-top:26px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:21px 0;font-size:14px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;font-weight:300;line-height:1;color:var(--gold);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;color:var(--muted);line-height:1.9;padding-right:30px;margin:0 0 23px}.final-cta{text-align:center;padding:110px 0 95px}.final-cta>p{font-size:clamp(26px,3vw,40px);letter-spacing:-1.5px;line-height:1.35;margin:20px 0 27px}.final-search{display:block;font-size:11px;color:var(--muted);margin-top:18px}.final-search:hover{color:var(--gold)}.footer{border-top:1px solid var(--line);padding:35px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.footer .brand{font-size:21px}.footer>div p{font-size:11px;color:#919199;margin:10px 0 0}.footer nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:11px;color:#b1b1b7}.footer nav a:hover{color:var(--gold)}.copyright{width:100%;font-size:9px;color:#74747e;margin:12px 0 0}.noscript-note{padding:20px;text-align:center;background:#2d2d31;font-size:13px}.noscript-note a{text-decoration:underline}
/* Keep secondary actions readable; the voxel terrain stays behind the copy. */
#world{opacity:.9}.product-highlight{left:1.5%;top:54%;width:65%;height:5%}.quick-tile>span:last-child{font-size:11px}.try-games{font-size:11px}.try-games button{font-size:11px}.requirements{font-size:11px}.search-feedback{font-size:12px}.world-controls button{font-size:11px;min-height:38px}.world-controls>span{font-size:11px}.dashboard-top{font-size:11px}.buy-tile div>span{font-size:12px}.hero-bottom{font-size:11px}.cover-action{font-size:10px}.catalog-note{font-size:11px}.product-caption{font-size:11px}.preview-bottom p{font-size:12px}.preview-copy p{font-size:13px}.preview-bar{font-size:11px}.preview-bar button{font-size:11px}.purchase-fine,.purchase-top>span:last-child{font-size:11px}.refund-note,.refund-note small{font-size:12px}.footer nav{font-size:12px}.copyright{font-size:10px}
@media(min-width:1100px) and (max-height:810px){.hero{padding-top:36px}.platform-note{margin-bottom:15px}h1{font-size:58px;margin-bottom:18px}.hero-description{margin-bottom:18px;font-size:14px}.hero-bottom{margin-top:30px}.requirements{margin-top:15px}.games-section{padding-top:32px}}
@media(min-width:1600px){.hero{padding-top:85px}.hero-layout{gap:90px}h1{font-size:73px}.quick-grid{grid-template-rows:190px 154px 82px}.search-preview{height:446px}.preview-art{height:267px}.hero-bottom{margin-top:60px}}
@media(max-width:1150px){.wrap,.header-inner{width:calc(100% - 64px)}.hero-layout{gap:35px}.quick-tile{padding:16px}.quick-tile strong{font-size:12px}.feature-tile strong{font-size:19px}.quick-tile>span:last-child{font-size:9px}.engine-pills{right:10px;max-width:100px}.engine-pills i{font-size:7px;padding:4px}.buy-tile strong{font-size:14px}.hero-bottom{flex-wrap:wrap;gap:10px}.scroll-cue{display:none}.product-tour{gap:25px}.tour-tab{gap:10px;padding:17px 0}.tour-tab strong{font-size:14px}.tour-tab strong+span{font-size:11px}.engine-layout{gap:45px}.pricing-section{gap:45px;padding:40px}.price-pitch h2{font-size:36px}.faq-section{gap:45px}.cover-caption strong{font-size:14px}}
@media(max-width:850px){.desktop-nav{gap:17px}.desktop-nav a{font-size:11px}.header-actions{gap:10px}.account{display:none}.hero-layout{gap:30px;grid-template-columns:1fr}.hero-copy{max-width:600px}.hero{padding-top:40px}h1{font-size:clamp(43px,7.5vw,66px)}.hero-description{max-width:470px}.search{max-width:100%}.hero-dashboard{margin-top:10px}.quick-grid{grid-template-rows:160px 130px 75px}.quick-tile{padding:20px}.quick-tile strong{font-size:15px}.quick-tile>span:last-child{font-size:11px}.feature-tile strong{font-size:24px}.engine-pills{right:35px;max-width:180px;top:40px}.engine-pills i{font-size:10px;padding:6px}.hero-bottom{margin-top:30px;justify-content:center;padding:18px 0}.hero-bottom>span{display:none}.game-shelf{grid-template-columns:repeat(2,1fr)}.game-cover{aspect-ratio:1.6}.section-space{margin-top:85px}.section-line{align-items:flex-start;gap:20px}.section-intro{font-size:13px}.product-tour{grid-template-columns:1fr}.tour-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tour-tab{display:block;border-top:2px solid var(--line);border-bottom:0;padding-top:14px}.tour-tab.active{border-color:var(--gold)}.tour-number{display:block;margin-bottom:10px}.tour-tab>.icon{display:none}.tour-detail{margin-top:12px}.engine-layout{grid-template-columns:1fr;gap:30px}.engine-layout .section-intro{max-width:550px}.engine-section{padding:45px 0}.engine-panel{max-width:100%}.signal-route{padding:25px 40px}.engine-info p{min-height:0}.steps{gap:25px}.steps h3{font-size:18px}.steps p{font-size:12px}.pricing-section{gap:30px;padding:30px;grid-template-columns:1fr 1fr}.price-pitch h2{font-size:30px}.purchase-card{padding:20px}.purchase-top{align-items:flex-start;flex-direction:column;gap:5px}.purchase-price{font-size:65px}.purchase-cta{font-size:12px;padding:12px}.faq-section{grid-template-columns:1fr;gap:30px}.final-cta{padding:80px 0}.footer nav{gap:18px}.search-preview{height:416px}.preview-art{height:237px}.preview-copy h2{font-size:35px}}
@media(max-width:560px){.wrap,.header-inner{width:calc(100% - 40px)}.header-inner{height:65px;gap:10px}.brand{font-size:22px}.brand img{width:28px;height:28px}.desktop-nav{display:none}.header-actions{gap:8px}.btn-small{font-size:11px;min-height:36px;padding:7px 10px;gap:9px}.btn-small .icon{width:15px}.motion-toggle{width:30px;border:0}.menu-toggle{display:grid;width:32px;border:0}.menu-toggle[aria-expanded=true]{color:var(--gold)}#mobile-menu{padding:12px 20px 20px;border-top:1px solid var(--line)}#mobile-menu a{display:block;padding:10px 0;font-size:15px}.hero{padding-top:31px}.platform-note{font-size:9px;letter-spacing:1.2px;margin-bottom:17px}h1{font-size:clamp(40px,10.6vw,58px);letter-spacing:-2.2px;line-height:1.08;margin-bottom:19px}.hero-description{font-size:13px;line-height:1.75;margin-bottom:23px}.search label{font-size:12px}.search-input-wrap{height:53px;padding:0 13px}.search-feedback{font-size:10px}.search-results{top:82px}.search-option{padding:12px 9px}.try-games{gap:6px;margin-top:7px}.try-games button{font-size:9px;min-height:32px;padding:5px 7px}.requirements{font-size:9px;gap:9px;margin-top:16px}.requirements span+span::before{margin-right:9px}.hero-layout{gap:20px}.hero-dashboard{margin-top:9px}.dashboard-top{font-size:9px;margin-bottom:11px}.dashboard-id{font-size:9px}.quick-grid{grid-template-rows:143px 127px 75px;gap:8px}.quick-tile{padding:13px}.quick-tile strong{font-size:11px;letter-spacing:-.2px}.quick-tile>span:last-child{font-size:9px;line-height:1.5}.quick-tile>.icon{width:21px;height:21px}.feature-tile strong{font-size:19px;letter-spacing:-.8px}.feature-tile>span:last-child{font-size:9px}.engine-pills{right:11px;top:26px;max-width:102px;gap:4px}.engine-pills i{font-size:6px;padding:4px 6px}.how-tile .play-ring{width:31px;height:31px;padding:6px}.tile-arrow{top:9px;right:10px;font-size:16px}.price-mini{font-size:23px}.price-mini small{font-size:8px;display:block;margin-top:4px}.buy-tile{gap:12px}.buy-tile strong{font-size:13px}.buy-tile div>span{font-size:9px}.hero-bottom{margin-top:22px}.world-controls{justify-content:center;flex-wrap:wrap}.world-controls>span{font-size:9px}.world-controls button{font-size:9px;padding:10px 8px}.games-section{padding-top:30px}.eyebrow{font-size:9px;letter-spacing:1px}h2{font-size:30px;letter-spacing:-1.3px;margin-top:10px}.section-line{flex-direction:column;margin-bottom:23px;gap:16px}.text-link{font-size:11px;gap:10px}.game-shelf{gap:10px}.game-cover{aspect-ratio:.89}.game-cover img{object-position:50%}.cover-caption{left:12px;right:7px;bottom:14px}.cover-caption strong{font-size:14px;line-height:1.3}.cover-caption>span{font-size:9px;margin-top:4px}.cover-action{font-size:7px;top:8px;right:7px;padding:4px 5px}.catalog-note{font-size:9px;line-height:1.65}.section-space{margin-top:70px}.experience .section-intro br{display:none}.product-tour{gap:15px}.product-chrome{font-size:7px;padding:0 9px;height:29px}.live-label{font-size:6px}.window-dots{font-size:6px}.product-caption{font-size:8px;min-height:35px;padding:8px 10px}.tour-controls{grid-template-columns:1fr;gap:0}.tour-tab{display:flex;gap:14px;border-top:0;border-bottom:1px solid var(--line);padding:17px 2px}.tour-tab.active{border-color:var(--line)}.tour-number{font-size:10px}.tour-tab strong{font-size:14px;margin-bottom:5px}.tour-tab strong+span{font-size:11px}.tour-tab>.icon{display:block}.tour-detail{font-size:11px;margin-top:17px}.engine-section{padding:36px 0}.engine-layout .section-intro{margin:18px 0}.engine-tabs{gap:6px;margin-top:20px}.engine-tabs button{font-size:10px;min-height:42px;padding:8px 10px}.signal-route{padding:27px 16px}.signal-route>span{font-size:8px}.engine-chip{width:74px;height:74px}.signal-track{margin:0 7px}.engine-info{padding:21px}.engine-info p{font-size:12px}.engine-disclaimer{font-size:9px;padding:12px 20px;align-items:flex-start}.engine-disclaimer .icon{margin-top:2px}.steps{grid-template-columns:1fr;gap:22px}.steps li{padding:23px 45px 0 49px}.steps .icon{position:absolute;left:0;top:25px;width:25px;height:25px}.step-number{font-size:30px;top:20px}.steps h3{font-size:20px;margin-bottom:8px}.steps p{font-size:12px;margin:0}.pricing-section{padding:26px;grid-template-columns:1fr;gap:30px}.price-pitch h2{font-size:32px}.purchase-card{padding:24px}.purchase-top{flex-direction:row;align-items:center}.purchase-top>span:last-child{font-size:8px}.purchase-price{font-size:70px}.purchase-cta{font-size:13px}.purchase-fine{font-size:9px}.faq-list summary{font-size:13px;padding:20px 0}.faq-list p{font-size:12px;padding-right:15px}.final-cta{padding:75px 0 60px}.final-cta>p{font-size:27px;letter-spacing:-1px}.footer{gap:24px;padding:30px 0}.footer nav{font-size:11px;gap:14px 21px}.footer nav a{padding:5px 0}.copyright{font-size:9px;line-height:1.8;margin:0}.search-preview{height:380px}.preview-art{height:208px}.preview-copy{left:18px;right:18px}.preview-copy h2{font-size:27px}.preview-copy>span{font-size:9px}.preview-bottom{padding:15px 18px}.preview-bottom p{font-size:10px}.preview-bar{font-size:9px}.preview-bottom .btn{min-height:43px}.search input{font-size:16px}}
@media(max-width:560px){.motion-toggle,.menu-toggle{width:40px;height:44px}.header-actions{gap:3px}.try-games button{min-height:36px;font-size:10px}.quick-tile>span:last-child,.feature-tile>span:last-child{font-size:10px}.buy-tile div>span{font-size:10px}.world-controls button{min-height:44px;font-size:10px}.preview-bar button{min-height:39px}.preview-bottom p{font-size:11px}.tour-tab strong+span{font-size:12px}.cover-action{font-size:8px}.catalog-note{font-size:10px}.purchase-fine{font-size:10px}}
/* Selected E1 + P1: open layouts, one opaque surface per section. */
.engine-section{padding:0;border:0;background:none}
.engine-panel{background:#1b1b1e;border-color:#ffffff24}
.engine-layout>div:first-child,.price-pitch{position:relative;isolation:isolate}
.engine-layout>div:first-child:before,.price-pitch:before{content:'';position:absolute;inset:-48px -24px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 42% 50%,#111113f5 0%,#111113d9 40%,#11111300 76%)}
.pricing-section{padding:0;border:0;border-radius:0;background:none;grid-template-columns:1fr 1.1fr;gap:90px}
.price-pitch{max-width:480px}
.purchase-card{width:100%;max-width:500px;justify-self:end;padding:34px;background:#1b1b1e;border-color:#f6988f66;box-shadow:0 18px 48px #00000026}
@media(max-width:1150px){.pricing-section{gap:45px}.purchase-card{padding:28px}}
@media(max-width:850px){.pricing-section{grid-template-columns:1fr;gap:32px}.purchase-card{max-width:none;justify-self:stretch}.purchase-top{flex-direction:row;align-items:center}.price-pitch{max-width:550px}}
@media(max-width:560px){.engine-layout>div:first-child:before,.price-pitch:before{inset:-32px -20px}.purchase-card{padding:26px}.pricing-section{gap:28px}}
/* Purchase spotlight: one cinematic surface, never a card inside a card. */
.pricing-spotlight{position:relative;isolation:isolate;overflow:hidden;padding:56px;border:1px solid #f6988f55;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#f6988f19,transparent 64%),linear-gradient(115deg,#212124,#19191c 62%,#1f1f22);grid-template-columns:1.15fr 1fr;gap:56px;box-shadow:0 24px 80px #00000030}
.pricing-spotlight:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 40%,#f6988f16,transparent 64%);pointer-events:none}
.pricing-spotlight:after{content:'';position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#f6988fc0,transparent);pointer-events:none}
.pricing-spotlight .price-pitch{max-width:none}.pricing-spotlight .price-pitch:before{display:none}
.pricing-spotlight .price-pitch>.eyebrow{font-size:13px;letter-spacing:0;text-transform:none;color:#f9b6b0}
.pricing-spotlight .price-pitch h2{font-size:clamp(36px,3.6vw,52px);line-height:1.12;letter-spacing:-2px;margin-top:18px}
.pricing-spotlight .section-intro{max-width:410px;font-size:15px;color:#c4c4c9;margin:24px 0 30px;line-height:1.8}
.pricing-spotlight .purchase-notes{gap:18px}.pricing-spotlight .purchase-notes>span{gap:12px;align-items:flex-start}.pricing-spotlight .purchase-notes .icon{margin-top:3px}
.pricing-spotlight .purchase-notes>span>span{display:block}.pricing-spotlight .purchase-notes strong{display:block;font-size:14px;font-weight:550;color:#f1e5e4}.pricing-spotlight .purchase-notes small{display:block;margin-top:3px;font-size:12px;color:#b9b9bf}
.pricing-spotlight .purchase-card{max-width:none;padding:8px 0 8px 48px;border:0;border-left:1px solid #f6988f26;border-radius:0;box-shadow:none;background:none}
.pricing-spotlight .purchase-top .brand{font-size:24px}.pricing-spotlight .purchase-top>span:last-child{font-size:12px;color:#f9b6b0}
.pricing-spotlight .purchase-price{font-size:104px;letter-spacing:-6px;margin-top:28px}.pricing-spotlight .purchase-price small{font-size:13px;color:#c8c8cd}
.pricing-spotlight .purchase-card>p{font-size:14px;color:#c8c8cd;margin:10px 0 26px}
.pricing-spotlight .purchase-cta{min-height:58px;font-size:15px;padding:16px 20px;box-shadow:0 5px 28px #f6988f17}
.pricing-spotlight .refund-note{font-size:12px;line-height:1.6;color:#f0e3e2}.pricing-spotlight .refund-note small{font-size:12px;color:#bcbcc2}
.purchase-check{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;margin-top:12px;font-size:12px;color:#dcdcdf}.purchase-check:hover{color:var(--gold)}.purchase-check>span{color:var(--gold)}
.pricing-spotlight .purchase-fine{font-size:11px;color:#b3b3b8;margin-top:8px;padding-top:16px}
@media(max-width:1150px){.pricing-spotlight{padding:40px;gap:36px}.pricing-spotlight .purchase-card{padding-left:30px}.pricing-spotlight .price-pitch h2{font-size:40px}.pricing-spotlight .purchase-top{gap:8px}.pricing-spotlight .purchase-top>span:last-child{font-size:10px}}
@media(max-width:850px){.pricing-spotlight{grid-template-columns:1fr;gap:32px}.pricing-spotlight .purchase-card{padding:30px 0 0;border-left:0;border-top:1px solid #f6988f32}.pricing-spotlight .section-intro{max-width:550px}.pricing-spotlight .purchase-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricing-spotlight:before{background-position:right bottom;background-size:auto 75%}}
@media(max-width:560px){.pricing-spotlight{padding:28px 24px;border-radius:16px}.pricing-spotlight .price-pitch h2{font-size:34px;letter-spacing:-1.3px}.pricing-spotlight .price-pitch>.eyebrow{font-size:11px}.pricing-spotlight .section-intro{font-size:13px;margin:20px 0 24px}.pricing-spotlight .purchase-notes{display:flex;gap:16px}.pricing-spotlight .purchase-notes strong{font-size:13px}.pricing-spotlight .purchase-notes small{font-size:11px}.pricing-spotlight .purchase-price{font-size:88px;margin-top:23px}.pricing-spotlight .purchase-top .brand{font-size:22px}.pricing-spotlight .purchase-cta{font-size:14px}.pricing-spotlight:before{opacity:.7;background-size:auto 58%;background-position:66% bottom}}
/* On phones, show the offer before the supporting benefit descriptions. */
@media(max-width:560px){.pricing-spotlight{gap:0}.pricing-spotlight .price-pitch{display:contents}.pricing-spotlight .price-pitch>.eyebrow{grid-row:1}.pricing-spotlight .price-pitch h2{grid-row:2}.pricing-spotlight .price-pitch>.section-intro{grid-row:3}.pricing-spotlight .purchase-card{grid-row:4;padding-top:24px}.pricing-spotlight .purchase-notes{grid-row:5;border-top:1px solid #f6988f26;margin-top:26px;padding-top:24px}.pricing-spotlight .purchase-price{margin-top:20px}}
/* Page-sized shelf: static grid remains the no-JS fallback. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.game-carousel{--visible-games:4;--shelf-gap:16px;min-width:0;outline-offset:8px}
.game-carousel.is-slider .game-window{overflow:hidden;padding:8px;margin:-8px;touch-action:pan-y;overscroll-behavior-x:contain}
.game-carousel.is-slider .game-shelf{display:flex;gap:var(--shelf-gap);transition:transform .65s cubic-bezier(.22,.68,0,1);will-change:transform}
.game-carousel.is-slider .game-cover{flex:0 0 calc((100% - (var(--visible-games) - 1)*var(--shelf-gap))/var(--visible-games));min-width:0}
.game-carousel .game-cover:focus-visible{outline-offset:-4px}
.game-carousel .cover-caption{right:16px}.game-carousel .cover-caption strong{line-height:1.3}
.carousel-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}
.carousel-controls button{min-width:44px;min-height:44px;border:1px solid #ffffff24;background:#1b1b1e;border-radius:7px;font-size:24px;line-height:1;transition:background .2s,border-color .2s}
.carousel-controls button:hover{background:#2b2b2f;border-color:#f6988f88;color:var(--gold)}
.carousel-controls .carousel-rotation{display:flex;gap:10px;align-items:center;padding:0 14px;font-size:14px;color:#c7c7cc}
.carousel-rotation>span:first-child{width:14px;color:var(--gold)}
.carousel-navigation{display:flex;align-items:center;gap:16px}.carousel-page{min-width:58px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums;color:#d2d2d5}
.game-carousel[data-sliding=true] .game-cover{pointer-events:none}
@media(max-width:1100px){.game-carousel{--visible-games:2}}
@media(max-width:560px){.game-carousel{--visible-games:1}.game-carousel.is-slider .game-cover{aspect-ratio:1.3}.game-carousel .cover-caption strong{font-size:22px}.game-carousel .cover-caption>span{font-size:13px}.game-carousel .cover-action{font-size:11px}.carousel-controls{margin-top:18px}}
/* Clip the actual app window, including its captured one-pixel white edge. */
.product-viewport{clip-path:inset(.2% .13% round 1.7% / 2.7%)}
.signal-route>span{font-size:16px;font-weight:550;color:#d1d1d4}
.signal-track{min-width:8px}.engine-chip{flex-shrink:0}
.faq-section>div:first-child{position:sticky;top:104px;align-self:start}
@media(max-width:850px){.faq-section>div:first-child{position:static}}
@media(max-width:560px){.signal-route>span{font-size:13px}.signal-route{padding-inline:14px}.signal-track{margin-inline:6px}}
/* A direct headline, readable supporting copy and a single visible search prompt. */
.hero{padding-top:104px}
.hero h1{text-transform:uppercase;line-height:1.1;margin-bottom:32px}
.hero .hero-description{margin-bottom:36px}
.hero .try-games{margin-top:18px}
.hero .requirements{margin-top:26px}
.hero-description{font-size:20px;line-height:1.65;max-width:500px}
.search label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.search-input-wrap{position:relative}
.search .search-results{top:calc(100% + 6px)}
@media(min-width:1600px){.hero{padding-top:128px}.hero h1{font-size:70px}}
@media(min-width:1100px) and (max-height:810px){.hero{padding-top:80px}.hero h1{font-size:58px}}
@media(max-width:850px){.hero{padding-top:72px}.hero-description{font-size:18px}.hero-layout{gap:40px}}
@media(max-width:560px){.hero{padding-top:56px}.hero h1{font-size:clamp(36px,10.4vw,58px);margin-bottom:28px}.hero .hero-description{margin-bottom:32px}.hero-description{font-size:17px}.hero-layout{gap:32px}.search kbd{display:none}}
/* Keep the idle hero quiet; feedback remains available to assistive technology. */
#search-feedback:empty{min-height:0;margin:0}
.hero + .games-section{padding-top:112px}
@media(max-width:850px){.hero + .games-section{padding-top:88px}}
@media(max-width:560px){.hero + .games-section{padding-top:72px}}
/* Production testimonials below the FAQ. */
.hero-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px;text-align:left}
.hero-reviews .review{display:flex;flex-direction:column;min-width:0;margin:0;padding:24px;background:#1b1b1e;border:1px solid #ffffff14;border-radius:12px}
.review-stars{color:var(--gold);font-size:14px;letter-spacing:3px;line-height:1;margin-bottom:16px}
.hero-reviews .review-q{flex:1;margin:0 0 24px;font-size:15px;font-weight:400;line-height:1.75;color:#ecdcdb}
.review-who{display:flex;align-items:center;gap:12px}
.review-av{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#f6988f12;border:1px solid #f6988f24;color:var(--gold);font-size:14px;font-weight:600}
.review-name{display:block;color:var(--text);font-size:13px;font-weight:550;line-height:1.6}
.review-meta{display:block;color:#bbbbc1;font-size:12px;line-height:1.6}
@media(max-width:850px){.hero-reviews{gap:12px}.hero-reviews .review{padding:20px}.hero-reviews .review-q{font-size:14px}}
@media(max-width:700px){.hero-reviews{grid-template-columns:1fr;margin-top:32px}.hero-reviews .review-q{font-size:15px;margin-bottom:20px}}
/* Readable app-tour controls with a dedicated right-hand icon column. */
.experience .tour-tab{display:grid;grid-template-columns:42px minmax(0,1fr) 26px;gap:16px;align-items:start;padding:24px 0}
.experience .tour-number{font-size:34px;font-weight:450;line-height:1;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;padding-top:0;margin:0;color:#b4b4ba}
.experience .tour-tab.active .tour-number{color:var(--gold)}
.experience .tour-tab>span:nth-child(2){min-width:0}
.experience .tour-tab strong{font-size:20px;font-weight:550;line-height:1.4;margin-bottom:10px;color:#ecdcdb}
.experience .tour-tab.active strong{color:var(--text)}
.experience .tour-tab strong+span{font-size:15px;line-height:1.75;color:#bbbbc1}
.experience .tour-tab>.icon{display:block;justify-self:end;width:26px;height:26px;margin:2px 0 0;opacity:.8;color:#c2c2c7}
.experience .tour-tab.active>.icon{opacity:1;color:var(--gold)}
@media(min-width:851px){.experience .product-tour{grid-template-columns:minmax(0,1.65fr) minmax(360px,1fr)}}
@media(max-width:850px) and (min-width:561px){.experience .tour-tab{grid-template-columns:minmax(0,1fr) 26px;gap:14px 12px;padding:20px 0}.experience .tour-number{grid-column:1;grid-row:1}.experience .tour-tab>span:nth-child(2){grid-column:1/-1;grid-row:2}.experience .tour-tab>.icon{grid-column:2;grid-row:1}.experience .tour-tab strong{font-size:19px}.experience .tour-tab strong+span{font-size:14px}}
@media(max-width:560px){.experience .tour-tab{grid-template-columns:34px minmax(0,1fr) 24px;gap:12px;padding:22px 0}.experience .tour-number{font-size:30px}.experience .tour-tab strong{font-size:18px;margin-bottom:8px}.experience .tour-tab strong+span{font-size:14px;line-height:1.75}.experience .tour-tab>.icon{width:24px;height:24px}}
/* September feedback: actual app pixels without a second window or highlight. */
.product-visual{border:0;border-radius:0;box-shadow:none;background:none;overflow:visible}
.product-viewport{aspect-ratio:1180/680;overflow:hidden;border-radius:0}
.product-viewport>img,.product-viewport>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.product-caption{padding:15px 0 0;margin:0;font-size:12px;align-items:flex-start;gap:8px;flex-wrap:wrap}
.product-caption .status-dot{margin-top:7px}.demo-format{margin-left:auto;color:#b3b3b9;font-size:11px}
.step-number{color:#b9b9bf}.tour-number{color:#adadb4}
.faq-list summary{font-size:18px;line-height:1.5;padding:24px 0;font-weight:500}
.faq-list p{font-size:16px;line-height:1.85;color:#c1c1c5;max-width:65ch;padding-right:22px;margin-bottom:26px}
.motion-toggle{width:auto;min-width:82px;min-height:42px;padding:6px 10px;display:flex;gap:8px;font-size:12px;color:#ccccd0}
.motion-icon{width:14px;text-align:center;font-size:15px;line-height:1}
.motion-toggle[aria-pressed=true]{color:var(--gold);border-color:#f6988f50;background:#f6988f09}
.footer{display:grid;grid-template-columns:1fr auto}.footer-brand{min-width:0}.footer .footer-brand>p{margin:10px 0 18px}.footer .copyright{grid-column:1/-1}
.language-picker{position:relative;display:inline-block;align-self:start;font-size:13px}
.language-picker>summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:36px;padding:7px 12px;border:1px solid #f6988f38;border-radius:999px;background:#151517;color:#d2d2d5;font-size:12px;font-weight:500;line-height:1.3;transition:border-color .18s,color .18s,background .18s}
.language-picker>summary:hover,.language-picker[open]>summary{color:var(--gold);border-color:#f6988f99;background:#18181a}
.language-picker>summary::-webkit-details-marker{display:none}.language-picker .icon{width:15px;height:15px;color:inherit}
.language-chevron{width:12px;height:12px;margin-left:2px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .18s}.language-picker[open] .language-chevron{transform:rotate(180deg)}
.footer .language-options{position:absolute;z-index:30;bottom:calc(100% + 12px);left:0;right:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;padding:10px;width:min(320px,calc(100vw - 40px));background:#151516;border:1px solid #f6988f32;border-radius:16px;box-shadow:0 16px 48px #00000088,0 0 0 1px #ffffff03 inset;max-height:min(420px,calc(100dvh - 110px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#626879 transparent;font-size:13px}
.footer .language-options a{padding:8px 10px;border-radius:7px;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c7c7cb;font-size:13px;font-weight:400;line-height:1.5;transition:background .15s,color .15s}
.footer .language-options a:hover{background:#f6988f10;color:#f3d582}.footer .language-options a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;background:#f6988f14;color:#f5da97}
.footer .language-options a[aria-current=page]{color:var(--gold);font-weight:600;background:#f6988f08}.footer .language-options a[aria-current=page]:after{content:'✓';font-size:12px;font-weight:500}
.world-status{min-width:126px;text-align:right}
@media(max-width:560px){.footer{grid-template-columns:1fr}.language-picker>summary{min-height:44px;padding-inline:14px}.footer .language-options{padding:8px;gap:2px 4px;border-radius:14px;max-height:min(400px,calc(100dvh - 110px))}.footer .language-options a{min-height:44px;font-size:13px;padding:10px}.world-status{min-width:0;text-align:center}}
.language-options [lang=uk]{font-family:Onest,system-ui,sans-serif}
html[data-motion=off]{scroll-behavior:auto}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=off] .game-cover:hover,html[data-motion=off] .quick-tile:hover,html[data-motion=off] .btn:hover,html[data-motion=off] .game-cover:hover img{transform:none}
@media(max-width:850px){.demo-format{margin-left:0}.product-caption{gap:8px 12px}.faq-list summary{font-size:17px}.faq-list p{font-size:16px}}
@media(max-width:560px){.motion-toggle{width:40px;min-width:40px;height:44px;padding:0;justify-content:center}.motion-label{display:none}.product-caption{font-size:11px}.demo-format{font-size:10px;width:100%;margin-left:14px}.faq-list summary{font-size:16px;padding:22px 0}.faq-list p{font-size:15px;line-height:1.8;padding-right:0}.step-number{font-size:32px}.footer .language-options{left:0;right:auto}.cover-caption strong{font-size:14px;line-height:1.3}}
.preview-copy>span{display:inline-block;padding:3px 7px;background:#161617ed;border:1px solid #f6988f35;border-radius:4px;font-size:9px;letter-spacing:1px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.game-cover:hover,.btn:hover,.quick-tile:hover{transform:none}.game-cover:hover img{transform:none}}

/* Independent glass variant. The home-v3 snapshot is intentionally untouched. */
:root{--bg:#171718;--panel:#242428;--gold:#f6988f;--text:#fcf6f6;--muted:#c3c3c7;--line:#fce1df24;--radius:22px;--lilac:#f8afa8;--cyan:#70e0eb;--mint:#89e4bc;--peach:#ffa097}
body{background:var(--bg)}
.atmosphere{background:linear-gradient(180deg,#17171826,#17171800 65%,#17171870),radial-gradient(ellipse at 12% 28%,#171718c9,transparent 65%)}
#world{opacity:.94}
.header{background:#181819b8;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.header-inner{height:72px}.brand{font-weight:750}.brand img{border-radius:8px}
.desktop-nav{gap:6px;padding:4px;background:#eab9b509;border:1px solid #fce1df16;border-radius:99px}
.desktop-nav a{padding:5px 15px;border-radius:99px;font-size:12px}.desktop-nav a:hover{background:#ffffff0c}
.btn{border-radius:99px;background:var(--gold);border-color:var(--gold);font-weight:750}
.motion-toggle,.menu-toggle{border-radius:99px;background:#ffffff05}
.hero{padding-top:88px}
.hero-layout{grid-template-columns:1.08fr 1fr;gap:52px;align-items:center}
.hero h1{font-size:clamp(44px,4.7vw,66px);font-weight:800;line-height:1;letter-spacing:-2.7px;margin-bottom:28px}
.hero h1 .outline{font-weight:800;-webkit-text-stroke:1px #f6ebea}
.hero h1 .gold{color:#f6988f}
.hero-description{font-size:20px;line-height:1.65;color:#ceced2;max-width:540px}
.hero .hero-description{margin-bottom:28px}
.search{max-width:500px}
.search-input-wrap{height:58px;border-radius:16px;border:1px solid #fbd7d433;background:#1f1f219c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff06;transition:border-color .2s,box-shadow .2s,background .2s}
.search-input-wrap:focus-within{background:#232325d9;border-color:var(--gold);box-shadow:0 0 0 4px #f6988f12}
.search input::placeholder{color:#bbbbc1}
.search .search-results{border-radius:16px;background:#232325f5;border-color:#f8afa844;box-shadow:0 20px 45px #0b0b0c66}
.search-option{border-radius:10px;padding:12px}
.search-feedback{color:#c6c6ca}
.hero .try-games{margin-top:16px;gap:8px}
.try-games button{border-radius:99px;padding:5px 10px;background:#23232680;color:#d5d5d9}
.hero .requirements{margin-top:22px;gap:8px;flex-wrap:wrap;color:#c0c0c5}
.requirements span{border:1px solid #ffffff14;border-radius:99px;padding:3px 10px;background:#19191c40;font-size:11px}
.requirements span+span::before{display:none}
.quick-grid{grid-template-rows:148px 124px 88px;gap:14px}
.quick-tile{border-radius:22px;padding:21px;background:#27272a80;border-color:#fce1df24;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff05,0 5px 20px #0c0c0e16;transition:transform .25s,border-color .25s,box-shadow .25s}
.quick-tile::before{background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),#ffffff12,transparent 80%)}
.quick-tile:hover{transform:translateY(-4px);border-color:#fce1df60;box-shadow:inset 0 1px 0 #ffffff0d,0 14px 28px #0c0c0e30}
.quick-tile strong{font-size:15px;font-weight:650;letter-spacing:-.25px}
.quick-tile>span:last-child{font-size:11px;color:#c6c6ca}
.quick-tile>.icon{width:25px;height:25px}
.feature-tile{background:#f6988f18;border-color:#f6988f4d}.feature-tile strong{font-size:23px;font-weight:700}
.feature-tile:after{display:none}
.engine-pills{transform:none;top:22px;right:30px;max-width:136px;gap:5px;opacity:.9}
.engine-pills i{border-radius:6px;color:#fbceca;background:#f6988f0d;border-color:#f6988f26;font-size:8px}
.tile-arrow{top:12px;right:15px;color:#f9b6b0}
.how-tile{background:#d0746c26}.how-tile>.icon{color:var(--lilac)}.how-tile .play-ring{width:32px;height:32px;padding:6px;border-color:#f8afa877}
.game-tile{background:#278b9b22}.game-tile>.icon{color:var(--cyan)}
.price-tile{background:#bd615920}.price-mini{font-size:31px;color:var(--peach)}.price-mini small{color:#c0c0c4}
.faq-tile{background:#65867720}.question-icon{color:var(--mint);font-size:29px}
.buy-tile{border-radius:22px;background:#f6988f;color:#202022;border-color:#f6988f;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 6px 24px #f6988f12}
.buy-tile strong{font-size:19px;font-weight:750}.buy-tile div>span{font-size:12px;color:#404045}.buy-tile:hover{background:#f9b6b0;border-color:#f9b6b0}
.search-preview{border-radius:22px;background:#242426d4;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);height:388px;border-color:#f6988f50}
.preview-art{height:206px}.preview-art:after{background:linear-gradient(0deg,#242426, #24242660 50%,transparent 90%)}
.preview-bar{height:42px;padding-inline:20px}.preview-bottom{padding:17px 23px}.preview-bottom .btn{border-radius:99px}
.hero + .games-section{padding-top:120px}
.section-space{margin-top:132px}
h2{font-weight:650;letter-spacing:-1.6px}h3{font-weight:650}
.eyebrow{letter-spacing:0;text-transform:none;font-size:13px;font-weight:550}
.section-intro{font-size:15px;color:#c3c3c7}.text-link{font-size:13px}
.game-cover{border-radius:22px;border-color:#fcdbd824}.game-cover img{filter:saturate(1.04) brightness(.92)}
.cover-action{border-radius:99px;background:#242427a8;border-color:#fef1f033;color:#f3e8e7;padding:6px 10px}
.cover-caption strong{font-weight:650}.cover-caption>span{color:#d0d0d3}
.carousel-controls button{border-radius:99px;background:#2c2c3080;border-color:#facac630}.carousel-controls button:hover{background:#46464c99;border-color:#f8afa880;color:var(--lilac)}
.catalog-note{color:#afafb5}
.tour-controls{display:flex;flex-direction:column;gap:10px}
.tour-tab{padding:20px;border:1px solid #fbd7d412;border-radius:20px;color:#b9b9bf;background:#23232690;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.tour-tab.active{background:#e7928a15;border-color:#f8afa838;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.tour-tab:hover{background:#f8afa80d}.tour-tab.active .tour-number,.tour-tab.active .icon{color:var(--lilac)}
.tour-number{font-weight:600}.tour-tab strong{font-weight:650;font-size:19px}.tour-tab strong+span{font-size:14px}
.tour-detail{border-left-color:var(--lilac);color:#c7c7cc}
.product-caption{color:#cacace}.product-caption .status-dot{background:var(--mint);box-shadow:0 0 14px #89e4bc55}
.engine-layout>div:first-child:before{background:radial-gradient(ellipse at 42% 50%,#171718ed 0%,#171718b3 40%,#17171800 76%)}
.engine-section{border:0;background:none;padding-block:18px}
.engine-tabs{gap:8px}.engine-tabs button{border-radius:99px;padding:10px 16px;background:#20202380;color:#c5c5ca;border-color:#70e0eb26;font-size:12px}
.engine-tabs button[aria-selected=true]{color:var(--cyan);border-color:#70e0eb88;background:#70e0eb17}
.engine-panel{border-radius:26px;background:#29292d69;border:1px solid #70e0eb30;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:0}
.signal-route{padding:32px 26px;border-bottom:1px solid #70e0eb1a;background:none}
.engine-chip{border-radius:22px;border-color:#70e0eb70;background:#23677622;box-shadow:0 0 0 6px #70e0eb08,0 0 40px #70e0eb10}.engine-chip .icon{color:var(--cyan)}
.engine-info{padding:26px 28px}.engine-info .eyebrow{font-size:12px;color:var(--cyan)}.engine-info h3{font-weight:650}.engine-info p{font-size:14px}
#engine-route{border-radius:8px;padding:7px 10px;background:#70e0eb0a;border-color:#70e0eb2a;color:#a9e6ec;font:12px Onest,system-ui,sans-serif}
.engine-disclaimer{padding:16px 28px;color:#bebec3;border-top-color:#70e0eb1a;font-size:11px}.engine-disclaimer .icon{color:var(--cyan)}
.steps{gap:20px}
.steps li{padding:30px;border:1px solid #fce1df24;border-radius:24px;background:#2626296e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.steps li:nth-child(2){background:#203d402e}.steps li:nth-child(3){background:#3c3c412e}
.steps li:nth-child(2) .icon{color:var(--cyan)}.steps li:nth-child(3) .icon{color:var(--lilac)}
.step-number{top:26px;right:26px;font-size:38px;color:#e1c8c64d}.steps .icon{margin-bottom:30px}.steps h3{font-size:22px}.steps p{font-size:14px;margin-bottom:0}
.pricing-spotlight{border-radius:32px;border-color:#f6988f4d;background:linear-gradient(115deg,#37373bc4,#2b2b2ead 62%,#44444a77);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 60px #0b0b0b24}
.pricing-spotlight:before{opacity:.75}.pricing-spotlight:after{display:none}
.pricing-spotlight .price-pitch h2{font-weight:700}.pricing-spotlight .purchase-price{font-weight:650;color:#f9b6b0}
.pricing-spotlight .purchase-cta{border-radius:99px}.pricing-spotlight .purchase-top>span:last-child{color:#f9b6b0}
.faq-list{border-top:0;display:flex;flex-direction:column;gap:10px}
.faq-list details{border:1px solid #fce1df20;border-radius:18px;background:#26262a6e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding-inline:24px;transition:border-color .2s,background .2s}
.faq-list details[open]{background:#38383d70;border-color:#f8afa842}.faq-list summary{font-size:15px;font-weight:550;padding-block:22px}.faq-list summary span{color:var(--lilac)}.faq-list p{font-size:14px;color:#c8c8cc;line-height:1.8;padding-right:16px}
.hero-reviews .review{border-radius:22px;background:#27272b75;border:1px solid #fce1df24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:25px}
.hero-reviews .review:nth-child(2){background:#2e2e3275}.hero-reviews .review:nth-child(3){background:#2a2a2d75}.hero-reviews .review-q{font-size:14px;color:#e8e8e9}.hero-reviews .review-av{background:var(--gold)}.review:nth-child(2) .review-av{background:var(--lilac)}.review:nth-child(3) .review-av{background:var(--cyan)}.hero-reviews .review-meta{color:#bababf}
.final-cta>p{font-weight:650}.final-cta .btn{min-height:56px;padding-inline:28px}
.footer{border-color:#fce1df20}.footer>div p,.footer nav{color:#b9b9bf}.language-picker summary{border-radius:99px}.language-options{border-radius:18px;background:#242428f5}
@media(min-width:1600px){.hero{padding-top:112px}.hero h1{font-size:68px}.hero-layout{gap:64px}}
@media(min-width:1100px) and (max-height:810px){.hero{padding-top:64px}.hero h1{font-size:60px}.hero + .games-section{padding-top:112px}}
@media(max-width:1150px){.hero-layout{gap:30px}.hero h1{font-size:clamp(42px,4.55vw,53px);letter-spacing:-2px}.hero-description{font-size:18px}.quick-tile{padding:17px;border-radius:19px}.quick-grid{gap:11px;grid-template-rows:142px 126px 88px}.quick-tile strong{font-size:14px}.feature-tile strong{font-size:21px}.engine-pills{right:22px;top:21px;max-width:110px}.engine-pills i{font-size:7px;padding:4px 5px}.buy-tile strong{font-size:18px}.requirements span{font-size:10px;padding-inline:8px}.tour-tab{padding:16px}.tour-tab strong{font-size:18px}.steps li{padding:24px}.steps h3{font-size:20px}}
@media(max-width:850px){.header-inner{height:68px}.hero{padding-top:64px}.hero-layout{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(45px,7.8vw,66px);letter-spacing:-2.5px}.hero-description{font-size:20px;max-width:560px}.search{max-width:560px}.quick-grid{grid-template-rows:148px 122px 88px;gap:14px}.quick-tile{padding:22px;border-radius:22px}.feature-tile strong{font-size:24px}.quick-tile strong{font-size:16px}.buy-tile strong{font-size:20px}.engine-pills{right:38px;max-width:140px}.engine-pills i{font-size:9px}.requirements span{font-size:11px}.hero + .games-section{padding-top:96px}.section-space{margin-top:96px}.steps{gap:14px}.steps li{padding:24px}.engine-layout{gap:32px}.pricing-spotlight{border-radius:28px}.review{padding:22px}.tour-tab strong{font-size:19px}.search-preview{height:416px}.preview-art{height:234px}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.header-inner{width:calc(100% - 32px);gap:12px}.header-actions{gap:8px}.header .btn-small{padding-inline:14px}.brand{font-size:22px;gap:8px}.hero{padding-top:52px}.hero h1{font-size:clamp(35px,10.3vw,55px);letter-spacing:-1.7px;margin-bottom:26px}.hero-description{font-size:18px;line-height:1.65}.hero .hero-description{margin-bottom:26px}.search-input-wrap{height:56px;padding-inline:14px;border-radius:15px}.search input{font-size:15px}.hero .try-games{gap:6px}.try-games button{padding:5px 8px;font-size:10px}.hero .requirements{gap:6px;margin-top:20px}.requirements span{font-size:10px;padding:3px 8px}.hero-layout{gap:36px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:140px 126px 126px 84px;gap:12px}.quick-tile{padding:19px;border-radius:20px}.feature-tile{grid-column:1/-1}.feature-tile strong{font-size:23px}.feature-tile .engine-pills{right:27px;top:23px}.quick-tile strong{font-size:15px}.buy-tile strong{font-size:17px}.buy-tile div>span{font-size:10px}.buy-tile{gap:12px}.buy-tile>.icon{width:22px}.hero + .games-section{padding-top:88px}.section-space{margin-top:88px}.section-line{gap:22px}.eyebrow{font-size:12px}h2{font-size:34px;letter-spacing:-1.3px}.game-cover{border-radius:22px}.cover-caption{left:22px;bottom:22px}.catalog-note{font-size:11px}.tour-tab{padding:18px 15px}.tour-tab strong{font-size:18px}.tour-tab strong+span{font-size:14px}.tour-number{font-size:28px}.engine-panel{border-radius:22px}.engine-info{padding:24px}.signal-route{padding:28px 18px}.engine-disclaimer{padding:16px 20px}.steps{grid-template-columns:1fr;gap:14px}.steps li{padding:26px;border-radius:22px}.steps .icon{margin-bottom:24px}.steps h3{font-size:22px}.steps p{max-width:none}.pricing-spotlight{padding:30px 24px;border-radius:26px}.pricing-spotlight .price-pitch h2{font-size:35px}.pricing-spotlight .section-intro{font-size:14px}.faq-list details{padding-inline:19px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px;padding-right:0}.review{padding:23px}.review-q{font-size:14px}.final-cta{padding-block:88px}.final-cta>p{font-size:29px;letter-spacing:-1.1px}}
.experience .tour-tab{padding:20px;border-radius:20px}.experience .tour-tab.active .tour-number,.experience .tour-tab.active>.icon{color:var(--lilac)}
.quick-tile.feature-tile strong{font-size:23px}.search-preview{height:auto;min-height:414px}
@media(min-width:851px) and (max-width:1150px){.quick-tile.feature-tile strong{font-size:20px}}
@media(max-width:560px){.quick-tile.feature-tile strong{font-size:22px}}
.quick-grid{grid-template-rows:minmax(148px,auto) minmax(138px,auto) minmax(88px,auto)}.buy-tile{padding-block:15px}.price-mini{margin-bottom:6px}.faq-list summary{font-size:17px}.faq-list p{font-size:15px}
@media(max-width:1150px) and (min-width:851px){.quick-grid{grid-template-rows:142px 138px 88px}}
@media(max-width:850px) and (min-width:561px){.quick-grid{grid-template-rows:148px 138px 88px}}
@media(max-width:560px){.quick-grid{grid-template-rows:140px 138px 138px minmax(96px,auto)}.hero h1{font-size:clamp(32px,10.3vw,55px)}.faq-list summary{font-size:15px}.faq-list p{font-size:14px}}
@media(max-width:1150px){.experience .tour-tab{padding:16px}}
@media(max-width:560px){.experience .tour-tab{padding:18px 15px}.hero-reviews .review{padding:23px}}
@media(max-width:360px){.hero h1{font-size:9.8vw;letter-spacing:-1.7px}.buy-tile>.icon:first-child{display:none}.buy-tile strong{font-size:16px}}
/* Larger headline, inline engines and an in-button arcade power-up. */
.hero-layout{grid-template-columns:1.16fr 1fr;gap:40px}.hero h1{font-size:clamp(46px,5.15vw,76px);letter-spacing:-3px}
.try-games button{border:0;background:none!important;border-radius:0;padding:5px 2px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c3c3c780;text-decoration-thickness:1px;font-size:12px}.try-games button:hover{text-decoration-color:var(--gold);color:var(--gold)}.hero .try-games{gap:14px}
.feature-engines{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:auto;padding-right:4px}.feature-engines>.icon{color:var(--gold);width:27px;height:27px}.feature-engines .engine-pills{position:static;display:flex;flex-wrap:nowrap;transform:none;max-width:none;gap:5px;opacity:1}.feature-engines .engine-pills i{font-size:9px;padding:4px 6px;white-space:nowrap}
.engine-chip{border-color:var(--gold);background:#f6988f0d;box-shadow:0 0 0 6px #f6988f08,0 0 40px #f6988f0d}.engine-chip img{width:26.6px;height:26.6px;border-radius:5.6px}
.btn,.buy-tile{position:relative;isolation:isolate;overflow:hidden;transition:background .2s,box-shadow .2s}.btn:hover,.btn:focus-visible,.buy-tile:hover,.buy-tile:focus-visible{transform:none;background:var(--gold)}
.btn,.buy-tile{--portal-size:116px;--portal-right:-30px}.buy-tile{--portal-size:164px;--portal-right:-24px}
/* A miniature jump gate: rotating broken rings pull voxel sparks inward. */
.btn::before,.buy-tile::before{content:'';position:absolute;inset:auto;right:var(--portal-right);top:50%;width:var(--portal-size);height:var(--portal-size);z-index:-1;pointer-events:none;opacity:0;border-radius:50%;background:conic-gradient(from 25deg,#3d3d4300 0deg,#3d3d43c9 48deg,#fff8d9 76deg,#fff8d900 86deg,#3d3d4300 122deg,#3d626dc9 190deg,#fff8d9 213deg,#fff8d900 224deg,#3d3d4300 265deg,#3d3d43ab 328deg,#fff8d9 349deg,#3d3d4300 360deg);-webkit-mask:radial-gradient(circle,transparent 0 30%,#000000 31% 34%,transparent 35% 47%,#000000 48% 53%,transparent 54% 64%,#000000 65% 67%,transparent 68%);mask:radial-gradient(circle,transparent 0 30%,#000000 31% 34%,transparent 35% 47%,#000000 48% 53%,transparent 54% 64%,#000000 65% 67%,transparent 68%);transform:translateY(-50%) rotate(-35deg) scale(.75);transition:opacity .22s}
.btn::after,.buy-tile::after{content:'';position:absolute;inset:auto;top:50%;right:calc(var(--portal-size)/2 + var(--portal-right));width:3px;height:3px;z-index:-1;pointer-events:none;opacity:0;background:#fffbe3;box-shadow:-20px -12px #fffbe3,-41px 14px #54545b99,-67px -7px #fffbe3,-92px 21px #fffbe3,-114px -23px #54545b99,-137px 9px #fffbe3,-165px -17px #fffbe3;transform-origin:right center}
.btn:hover::before,.btn:focus-visible::before,.buy-tile:hover::before,.buy-tile:focus-visible::before{opacity:.85;animation:portal-orbit 3s linear infinite}
.btn:hover::after,.btn:focus-visible::after,.buy-tile:hover::after,.buy-tile:focus-visible::after{animation:portal-pixels 1.6s cubic-bezier(.55,.05,.8,.45) infinite}
@keyframes portal-orbit{0%{transform:translateY(-50%) rotate(0) scale(.94)}50%{transform:translateY(-50%) rotate(180deg) scale(1.04)}100%{transform:translateY(-50%) rotate(360deg) scale(.94)}}
@keyframes portal-pixels{0%{transform:translateX(-48px) scaleX(1.1);opacity:0}18%{opacity:.85}80%{opacity:.7}100%{transform:translateX(18px) scaleX(.05) scaleY(.25);opacity:0}}
html[data-motion=off] .btn::before,html[data-motion=off] .btn::after,html[data-motion=off] .buy-tile::before,html[data-motion=off] .buy-tile::after{animation:none!important;opacity:0}
.game-cover{display:block}.game-cover img{user-select:none;-webkit-user-drag:none}.game-window{cursor:grab}.game-carousel[data-dragging=true] .game-window{cursor:grabbing}.game-carousel[data-dragging=true] .game-cover{pointer-events:none}
@media(min-width:1600px){.hero h1{font-size:76px}}
@media(min-width:851px) and (max-width:1150px){.hero h1{font-size:4.9vw;letter-spacing:-2.5px}.hero-layout{gap:28px}.feature-engines{gap:7px}.feature-engines>.icon{width:21px;height:21px}.feature-engines .engine-pills{gap:3px}.feature-engines .engine-pills i{font-size:7px;padding:4px}.quick-tile.feature-tile{padding-inline:14px}}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:none}.hero h1{font-size:clamp(48px,8.6vw,74px);letter-spacing:-2.8px}}
@media(max-width:560px){.hero h1{font-size:11vw;letter-spacing:-2px}.hero .try-games{gap:10px}.try-games button{font-size:11px}.feature-engines{gap:12px}.feature-engines .engine-pills i{font-size:9px;padding:4px 6px}}
@media(max-width:360px){.hero h1{font-size:10.55vw;letter-spacing:-1.9px}.feature-engines{gap:8px}.feature-engines .engine-pills{gap:4px}.feature-engines .engine-pills i{font-size:8px;padding:4px}.hero .try-games{gap:8px}.try-games button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.btn::before,.btn::after,.buy-tile::before,.buy-tile::after{animation:none!important;opacity:0}}
/* Static, readable surfaces where blur is unavailable or more contrast is requested. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.quick-tile,.engine-panel,.steps li,.faq-list details,.review{background-color:#2a2a2d}.buy-tile{background-color:var(--gold)}}
@media(prefers-contrast:more){:root{--muted:#dddddf}.quick-tile,.engine-panel,.steps li,.faq-list details,.review,.search-input-wrap{background-color:#29292d;border-color:#919199}.buy-tile{background:var(--gold)}.atmosphere{background:#171718a6}}
/* Center the complete hero in the first viewport below the sticky header.
   A content-sized minimum lets stacked layouts and zoom grow without clipping. */
.hero.wrap{min-height:calc(100svh - 73px);display:grid;align-items:center;padding-block:48px}
.hero-layout{width:100%}
.hero-content{width:100%;min-width:0}
.hero .hero-reviews{width:100%;margin:30px 0 0;gap:12px}
.hero .hero-reviews .review{padding:16px 18px;border-radius:17px}
h2 .heading-accent{color:var(--gold)}
.footer .footer-brand>p{max-width:44ch;font-size:13px;line-height:1.75}
@media(max-width:850px){.hero.wrap{min-height:calc(100svh - 69px);padding-block:40px}}
@media(min-width:851px) and (max-width:1150px){.quick-grid{grid-template-rows:minmax(142px,auto) minmax(138px,auto) minmax(88px,auto)}}
@media(max-width:560px){.quick-grid{grid-template-rows:minmax(140px,auto) minmax(138px,auto) minmax(138px,auto) minmax(96px,auto)}}
/* Hero typography matched to hrava.com computed styles on 2026-09-09. */
.hero h1{font-size:clamp(34px,5vw,60px);line-height:1;letter-spacing:-.02em;font-weight:800}
.hero .hero-description{font-size:clamp(15px,1.5vw,19px);line-height:1.6;font-weight:400;letter-spacing:normal}
.hero .search input{font-size:15px;line-height:normal;font-weight:500;letter-spacing:normal}
.hero .requirements span{font-size:12px;line-height:normal;font-weight:600;letter-spacing:normal}
.hero .quick-tile strong{font-size:clamp(13px,1.15vw,16px);line-height:normal;font-weight:700;letter-spacing:normal}
.hero .quick-tile.feature-tile strong,.hero .buy-tile strong{font-size:clamp(15px,1.5vw,21px)}
.hero .quick-tile>span:last-child,.hero .buy-tile div>span{font-size:11px;line-height:normal;font-weight:400;letter-spacing:normal}
.hero .review-q{font-size:clamp(11.5px,.86vw,12.5px);line-height:1.45;font-weight:400;letter-spacing:normal;margin-bottom:14px;color:#cdcdd0}
.hero .review-name{font-size:11px;line-height:1.15;font-weight:700;letter-spacing:normal}
.hero .review-meta{font-size:9.5px;line-height:1.2;font-weight:400;letter-spacing:normal}
.hero .review-stars{font-size:10.5px;line-height:1;font-weight:400;letter-spacing:1.5px;margin-bottom:10px;opacity:.82}
.hero .review-who{gap:9px}
.hero .review-av{width:29px;height:29px;font-size:10px;font-weight:700}
@media(max-width:640px){.hero h1{font-size:clamp(31px,8.4vw,46px)}}
@media(max-width:700px){.hero .hero-reviews{margin-top:24px}.hero .hero-reviews .review{padding:15px 17px}.hero .review-q{font-size:12px;margin-bottom:12px}}
/* Production's seven-card hierarchy, retaining the glass surfaces and portal hover. */
.hero .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:1fr;gap:clamp(8px,1vw,13px)}
.hero .quick-tile{min-width:0;min-height:96px;padding:clamp(13px,1.5vw,18px);gap:6px;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:#2323268c}
.hero .quick-tile.feature-tile{grid-column:span 2;background:#f6988f12;border-color:#f6988f66}
.hero .quick-tile.buy-tile{grid-column:span 2;background:var(--gold);color:#202022}
.hero .quick-tile>.icon,.hero .quick-tile>.question-icon{display:block;margin:0;width:clamp(17px,1.7vw,21px);height:clamp(17px,1.7vw,21px);font-size:clamp(17px,1.7vw,21px);line-height:1;color:var(--gold)}
.hero .quick-tile.buy-tile>.icon{color:inherit}
.hero .quick-tile strong{display:block}
.hero .quick-tile .tile-description{display:block;margin:0;font-size:11px;line-height:normal;font-weight:400;letter-spacing:normal;color:#c6c6ca}
.hero .feature-tile .tile-description{margin-top:3px}
.hero .buy-tile .tile-description{color:#404045}
.hero .hero-reviews .review .review-av{background:var(--gold);color:#202022}
@media(max-width:640px){.hero .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .quick-tile.buy-tile{grid-column:span 1}}
/* The stationary arrow and hover portal share one center. */
.hero .quick-tile.buy-tile{--portal-size:76px;--portal-right:-2px;padding-right:72px}
.hero .quick-tile.buy-tile>.buy-arrow{position:absolute;right:24px;top:50%;width:24px;height:24px;margin:0;transform:translateY(-50%);pointer-events:none}
@media(max-width:640px){.hero .quick-tile.buy-tile{--portal-size:52px;--portal-right:-4px;padding-right:46px}.hero .quick-tile.buy-tile>.buy-arrow{right:12px;width:20px;height:20px}}
/* Compact transition into games; full production navigation in the glass footer. */
.hero + .games-section{padding-top:0;margin-top:0}
.footer.wrap{grid-template-columns:minmax(0,1.2fr) minmax(0,2.3fr);gap:40px 48px;padding-block:48px 30px;align-items:start}
.footer .footer-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:24px}
.footer-column{min-width:0}
.footer-column h3{font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#b9b9bf;margin:0 0 14px}
.footer .footer-menu a{display:block;width:fit-content;max-width:100%;font-size:14px;line-height:1.5;margin:0 0 9px;padding:0;overflow-wrap:anywhere}
.footer-tag{display:block;font-size:12px;line-height:1.6;color:#b9b9bf;margin-top:12px}
.footer .copyright{margin:0;padding-top:22px;border-top:1px solid #fce1df14}
@media(max-width:1000px){.footer.wrap{grid-template-columns:1fr;gap:34px}.footer .footer-brand>p{max-width:44ch}}
@media(max-width:640px){.footer .footer-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.footer .footer-menu a{min-height:36px;display:flex;align-items:center;margin-bottom:4px}.footer-column h3{margin-bottom:10px}}
/* Match the full-site palette for native dropdowns on the promoted homepage. */
html[data-site-design=glass] select{color-scheme:dark;background-color:#242428!important;color:#faf5f5!important}
html[data-site-design=glass] select :is(option,optgroup){background-color:#242428!important;color:#faf5f5!important}
html[data-site-design=glass] select option:disabled{color:#c2c2c6!important}

/* Shared public navigation. Own namespace prevents page-specific CSS drift. */
body .hn-header{position:sticky;top:0;z-index:100;display:block;width:100%;max-width:none;margin:0;padding:0;border:0;border-bottom:1px solid #fce1df29;background:#171718f5;color:#faf5f5;font:500 14px/1.5 Onest,system-ui,sans-serif;letter-spacing:0;text-align:start;box-shadow:none;backdrop-filter:blur(20px)}
.hn-header *{box-sizing:border-box}
.hn-header .hn-inner{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:calc(100% - 64px);max-width:1280px;min-height:76px;margin-inline:auto}
.hn-header a,.hn-header summary{color:#c2c2c6;text-decoration:none;font:inherit;letter-spacing:0;text-transform:none;cursor:pointer}
.hn-header a:hover,.hn-header summary:hover,.hn-header [aria-current=page],.hn-header .hn-current>summary{color:#f6988f}
.hn-header :is(a,summary):focus-visible{outline:2px solid #f6988f;outline-offset:4px;border-radius:5px}
.hn-header .hn-brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;color:#faf5f5;font-size:25px;font-weight:750;line-height:1;white-space:nowrap}
.hn-header .hn-brand img{display:block;width:32px;height:32px;border-radius:0}
.hn-header .hn-desktop{--hn-panel-height:0px;position:relative;isolation:isolate;display:flex;align-items:center;gap:4px;margin:0;padding:2px 10px;border:0;background:none}
.hn-header .hn-desktop::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:calc(100% + var(--hn-panel-height));border:1px solid #fce1df29;border-radius:28px;background:#ffffff03;pointer-events:none;transition:height 280ms cubic-bezier(.22,1,.36,1),border-radius 280ms ease,background-color 180ms ease,box-shadow 280ms ease}
.hn-header .hn-desktop:has(.hn-group[open]){--hn-panel-height:165px}
.hn-header .hn-desktop:has(.hn-group[open])::before{border-radius:24px;background:#1f1f22;box-shadow:0 18px 40px #00000055}
.hn-header .hn-desktop>a,.hn-header .hn-group>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 13px;white-space:nowrap}
.hn-header details{margin:0;padding:0;border:0;background:none}
.hn-header summary{list-style:none}.hn-header summary::-webkit-details-marker{display:none}
.hn-header svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.hn-header .hn-group{position:static}.hn-header .hn-group>summary svg{width:14px;height:14px;transition:transform 200ms ease}
.hn-header .hn-group[open]>summary{color:#f6988f}.hn-header .hn-group[open]>summary svg{transform:rotate(180deg)}
.hn-header .hn-dropdown{position:absolute;top:100%;inset-inline:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;min-width:0;padding:10px 14px 18px;border:0;border-radius:0;background:none;box-shadow:none}
.hn-header .hn-group[open] .hn-dropdown{animation:hn-reveal 240ms cubic-bezier(.22,1,.36,1) both}
@keyframes hn-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.hn-header .hn-dropdown a{display:flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:8px}
.hn-header .hn-dropdown a:hover{background:#ffffff08}
.hn-header .hn-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px}
.hn-header .hn-language{position:relative}.hn-header .hn-language>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;font-size:12px}
.hn-header .hn-language>summary svg{width:18px;height:18px}
.hn-header .hn-languages{position:absolute;top:calc(100% + 10px);inset-inline-end:0;display:grid;grid-template-columns:1fr 1fr;gap:4px;width:292px;max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:10px;border:1px solid #3b3b3f;border-radius:14px;background:#1f1f22;box-shadow:0 16px 40px #00000066}
.hn-header .hn-languages a{display:flex;align-items:center;min-height:44px;padding:8px 10px;border-radius:8px;font-size:13px}.hn-header .hn-languages a:hover{background:#ffffff08}.hn-header .hn-languages [aria-current=true]{color:#f6988f;background:#f6988f0a}
.hn-header .hn-account{display:flex;align-items:center;min-height:44px;white-space:nowrap}
.hn-header .hn-buy{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:10px 18px;border:1px solid #f6988f;border-radius:99px;background:#f6988f;color:#202022;font-weight:700;white-space:nowrap}
.hn-header .hn-buy:hover{background:#f9b6b0;border-color:#f9b6b0;color:#202022}
.hn-header .hn-mobile{display:none}.hn-header .hn-mobile>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #3b3b3f;border-radius:12px;color:#faf5f5}
.hn-header .hn-mobile>summary svg{width:26px;height:26px}.hn-header .hn-close{display:none}.hn-header .hn-mobile[open] .hn-close{display:block}.hn-header .hn-mobile[open] .hn-hamburger{display:none}
.hn-header .hn-mobile-panel{position:absolute;top:100%;inset-inline:0;max-height:calc(100dvh - 88px);overflow:auto;overscroll-behavior:contain;padding:20px;background:#1f1f22;border:1px solid #3b3b3f;border-radius:0 0 16px 16px;box-shadow:0 16px 40px #00000066}
.hn-header .hn-mobile-panel>a{display:flex;align-items:center;min-height:48px;padding:9px 8px;font-size:17px}
.hn-header .hn-mobile-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0;padding:20px 8px;border-block:1px solid #3b3b3f}
.hn-header .hn-mobile-groups section{margin:0;padding:0;background:none;border:0}
.hn-header .hn-mobile-groups strong{display:block;font-size:13px;font-weight:700;color:#faf5f5;margin-bottom:8px}
.hn-header .hn-mobile-groups a{display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:14px}
@media(max-width:1100px){.hn-header .hn-inner{grid-template-columns:1fr auto;gap:16px}.hn-header .hn-desktop{display:none}.hn-header .hn-mobile{display:block}}
@media(max-width:640px){.hn-header .hn-inner{width:calc(100% - 32px);min-height:68px;gap:12px}.hn-header .hn-brand{font-size:22px;gap:8px}.hn-header .hn-brand img{width:28px;height:28px}.hn-header .hn-actions{gap:8px}.hn-header .hn-account{display:none}.hn-header .hn-buy{font-size:12px;padding:10px 14px;gap:10px}.hn-header .hn-buy svg{width:17px}.hn-header .hn-mobile-panel{max-height:calc(100dvh - 80px)}}
@media(max-width:360px){.hn-header .hn-buy{padding-inline:11px}.hn-header .hn-buy svg{display:none}.hn-header .hn-inner{gap:8px}}
@media(max-width:640px){.hn-header .hn-language{position:static}.hn-header .hn-language>summary span{display:none}.hn-header .hn-languages{top:100%;inset-inline-end:0;max-width:calc(100vw - 32px)}}
@media(max-width:380px){.hn-header .hn-brand span{display:none}}
@media(prefers-reduced-motion:reduce){.hn-header .hn-desktop::before,.hn-header .hn-group>summary svg{transition:none}.hn-header .hn-group[open] .hn-dropdown{animation:none}}

/* Own app illustration. */
.eyebrow,.micro-label{font-size:10px;font-weight:650;letter-spacing:.14em;line-height:1.5}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);vertical-align:middle;flex:none}
.game-overlay .micro-label{color:#c9c9ce;font-size:8px}
.stage-label,.stage-bottom{position:relative;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#6d6d77}
.stage-label{margin-bottom:28px}
.stage-label i{margin-right:8px;background:#74747d}
.stage-bottom{margin-top:28px}
.app-window{position:relative;background:#f8f8f9;border:1px solid #ffffff88;border-radius:12px;overflow:hidden;box-shadow:0 25px 65px #4f4f5530}
.window-bar{height:36px;display:flex;align-items:center;padding:0 16px;gap:20px;border-bottom:1px solid #e7e7e8;font-size:9px;color:#9a91a5}
.traffic{display:flex;gap:5px}
.traffic i{height:7px;width:7px;border-radius:50%;background:#ff6a5d}
.traffic i:nth-child(2){background:#eabe48}
.traffic i:nth-child(3){background:#67c779}
.app-workspace{display:grid;grid-template-columns:190px 1fr;min-height:445px}
.app-sidebar{background:#ebebec;border-right:1px solid #e0e0e3;padding:24px 13px;position:relative}
.app-logo{display:flex;align-items:center;gap:8px;padding:0 6px;margin-bottom:30px}
.app-logo b{font-size:15px;letter-spacing:-.04em}
.sidebar-label{display:block;font-size:6px;letter-spacing:.1em;color:#9a9aa2;padding:0 12px;margin-bottom:8px}
.app-nav{display:flex;align-items:center;gap:9px;font-size:9px;padding:11px 11px;color:#82748f;border-radius:7px}
.app-nav>span{font-size:14px}
.app-nav.selected{background:#ecd5d3;color:#824742;font-weight:650}
.app-nav .nav-count{margin-left:auto;font-size:8px}
.sidebar-bottom{position:absolute;bottom:22px;left:13px;right:13px}
.sidebar-ready{display:block;font-size:7px;color:#95959e;margin:18px 12px 0}
.sidebar-ready i{height:4px;width:4px;margin-right:5px}
.app-content{padding:27px 25px 22px;min-width:0}
.app-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.app-heading .micro-label{font-size:6px;color:#9f9fa6}
.app-heading h3{font-size:25px;margin-top:7px}
.app-add{font-size:7px;font-weight:600;color:white;background:#a9615a;border-radius:7px;padding:9px 11px;flex:none}
.app-filters{display:flex;align-items:center;gap:18px;margin:22px 0;font-size:8px;color:#9a8ea5;border-bottom:1px solid #e6e6e7;padding-bottom:12px}
.app-filters .selected{color:#72727b;font-weight:650}
.app-filters b{font-size:7px;margin-left:4px}
.app-search{margin-left:auto}
.app-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.app-game img{width:100%;height:175px;object-fit:cover;border-radius:7px}
.app-game b{display:block;font-size:9px;letter-spacing:-.02em;margin-top:10px}
.app-game>span{display:block;font-size:6px;color:#94949d;margin-top:7px}
.app-game .live-dot{height:4px;width:4px;margin-right:2px}
.app-bottom-bar{display:flex;align-items:center;gap:10px;background:#f5edec;border:1px solid #eddedd;border-radius:8px;padding:12px;margin-top:24px}
.app-metal-icon{font-size:23px;color:#bd8681}
.app-bottom-bar strong{display:block;font-size:7px}
.app-bottom-bar div>span{display:block;font-size:6px;color:#a2a2aa;margin-top:3px}
.app-bottom-bar>span{margin-left:auto;font-size:6px;border-radius:4px;border:1px solid #cfcfd2;padding:4px 6px;color:#8d8d95}
.engine-panel .micro-label{color:#8c8c95;font-size:8px}
@media(max-width:1100px){.app-workspace{grid-template-columns:155px 1fr;min-height:380px}
.app-content{padding:22px 20px}
.app-sidebar{padding:22px 10px}
.app-game img{height:145px}
.app-nav{font-size:8px}
.app-heading h3{font-size:23px}
.app-filters{gap:13px}
}
@media(max-width:800px){.stage-label,.stage-bottom{font-size:6px}
.app-workspace{grid-template-columns:125px 1fr;min-height:310px}
.app-sidebar{padding:18px 8px}
.app-logo{gap:5px;margin-bottom:24px}
.app-logo img{width:25px;height:25px}
.app-logo b{font-size:13px}
.app-nav{gap:7px;font-size:6px;padding:8px}
.app-nav>span{font-size:11px}
.app-content{padding:19px 17px}
.app-heading h3{font-size:19px}
.app-add{font-size:6px;padding:7px}
.app-filters{font-size:6px;gap:12px;margin:17px 0}
.app-game-grid{gap:10px}
.app-game img{height:115px}
.app-game b{font-size:7px}
.app-game>span{font-size:5px}
.app-bottom-bar{padding:8px;margin-top:18px}
.app-bottom-bar strong{font-size:6px}
.app-bottom-bar div>span{font-size:5px}
.sidebar-label{font-size:5px;padding:0 8px}
.sidebar-ready{font-size:5px;margin:12px 8px 0}
.sidebar-bottom{left:8px;right:8px;bottom:17px}
}
@media(max-width:520px){.game-overlay .micro-label{font-size:6px}
.stage-label{font-size:5px;letter-spacing:.03em;margin-bottom:17px}
.stage-label>span:last-child{font-size:4px}
.app-workspace{grid-template-columns:82px 1fr;min-height:242px}
.window-bar{height:24px;padding:0 9px;font-size:6px;gap:13px}
.traffic i{width:5px;height:5px}
.traffic{gap:3px}
.app-sidebar{padding:15px 5px}
.app-logo{padding:0 2px;gap:4px;margin-bottom:18px}
.app-logo img{height:18px;width:18px}
.app-logo b{font-size:8px}
.sidebar-label{font-size:3px;padding:0 5px;margin-bottom:6px}
.app-nav{font-size:4px;gap:4px;padding:7px 5px;border-radius:4px}
.app-nav>span{font-size:7px}
.app-nav .nav-count{font-size:4px}
.sidebar-bottom{left:5px;right:5px;bottom:12px}
.sidebar-ready{font-size:3px;margin:9px 5px 0}
.sidebar-ready i{height:3px;width:3px}
.app-content{padding:15px 11px}
.app-heading h3{font-size:14px;margin-top:5px}
.app-heading .micro-label{font-size:4px}
.app-add{font-size:4px;padding:5px 6px;border-radius:4px}
.app-filters{font-size:4px;gap:7px;margin:13px 0;padding-bottom:8px}
.app-filters b{font-size:4px}
.app-search{font-size:4px}
.app-game-grid{gap:7px}
.app-game img{height:86px;border-radius:4px}
.app-game b{font-size:5px;margin-top:7px;line-height:1.4}
.app-game>span{font-size:3px;margin-top:5px}
.app-game .live-dot{height:2px;width:2px;margin-right:1px}
.app-bottom-bar{padding:7px;gap:6px;margin-top:14px;border-radius:5px}
.app-metal-icon{font-size:14px}
.app-bottom-bar strong{font-size:4px}
.app-bottom-bar div>span{font-size:3px}
.app-bottom-bar>span{font-size:3px;padding:3px 4px}
.stage-bottom{font-size:5px;margin-top:18px;letter-spacing:0}
}

/* Viorun's catalog and profile controls retain the glass surfaces. */
:root{--bg:#171718;--panel:#242428;--gold:#f6988f;--accent:#f6988f;--ink:#fcf6f6;--text:#fcf6f6;--muted:#c3c3c7;--line:#fce1df24;--cream:#242428;--night:#171718}
@font-face{font-family:Onest;src:url('assets/fonts/onest-cyrillic-var.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
button,select,textarea{font-family:inherit}button{color:inherit}h2 em,h3 em{font:inherit;color:var(--gold)}.heading-accent{color:var(--gold)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:13px 22px;border:1px solid var(--gold);border-radius:99px;background:var(--gold);color:#202022;font-size:14px;font-weight:750;cursor:pointer;transition:background .2s,border-color .2s}.button:hover{background:#f9b6b0}.button-outline,.button-secondary{background:#f6988f10;color:#fbceca;border-color:#f6988f55}.button-outline:hover,.button-secondary:hover{background:#f6988f20}.quiet-link{display:inline-flex;align-items:center;gap:12px;color:#c3c3c7;font-size:13px}.quiet-link:hover{color:var(--gold)}.loading-copy{color:var(--muted);font-size:13px}.live-dot{background:var(--gold);box-shadow:0 0 12px #f6988f55}.skip-link{border-radius:10px}.brand-dot{color:var(--gold)}
/* The seven navigation tiles use the same geometry as the reference. */
.hero .quick-tile.pricing-tile,.hero .quick-tile.compatibility-tile,.hero .quick-tile.about-tile{background:#2323268c}.hero .quick-tile.buy-tile .tile-description{color:#404045}.hero .quick-tile strong{overflow-wrap:anywhere}.feature-engines{min-width:0}.hero-query-button{background:none;border:0;color:var(--gold);padding:5px;display:grid;place-items:center}.hero-query-button .icon{width:20px;height:20px}
/* One shelf at a time, like the Hrava carousel; portrait art remains our licensed source. */
.featured-track{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:8px;margin:-8px}.featured-track::-webkit-scrollbar{display:none}.featured-item{flex:0 0 calc((100% - 48px)/4);min-width:0;scroll-snap-align:start}.featured-card{position:relative;display:block;width:100%;aspect-ratio:1.3;overflow:hidden;padding:0;text-align:left;border:1px solid #fcdbd824;border-radius:22px;background:#222225;transition:transform .25s,border-color .25s;color:var(--text)}.featured-card:hover{transform:translateY(-5px);border-color:#f6988f80}.featured-art{position:absolute;inset:0}.featured-art img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) brightness(.92);transition:transform .65s,filter .4s}.featured-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#181819 0%,#18181980 45%,#18181900 80%)}.featured-card:hover .featured-art img{transform:scale(1.07);filter:brightness(1)}.featured-body{position:absolute;bottom:19px;left:19px;right:16px;z-index:1;display:flex;flex-direction:column;gap:5px}.featured-name{font-size:17px;font-weight:650;line-height:1.3;letter-spacing:-.4px}.featured-tag{font-size:10px;color:#d0d0d3;line-height:1.4}.featured-art.cover-missing{display:grid;place-items:center;background:radial-gradient(ellipse,#414146,#242427);padding:20px}.featured-art.cover-missing>span{color:#fbceca;font-size:20px}
.section-footnote{display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#afafb5;margin-top:20px}.minecraft-callout{position:relative;display:flex;align-items:center;gap:28px;padding:26px;border:1px solid #f6988f33;border-radius:22px;background:#f6988f0d;margin-top:28px;backdrop-filter:blur(14px)}.minecraft-image{width:130px;flex-shrink:0;border-radius:13px;overflow:hidden;aspect-ratio:1.3}.minecraft-image img{width:100%;height:100%;object-fit:cover}.minecraft-copy h3{font-size:24px;line-height:1.3;margin:9px 0}.minecraft-copy p{color:#c3c3c7;font-size:13px;line-height:1.8;margin:8px 0}.small-note{font-size:11px;color:#afafb5}.status-chip{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;color:#f9b6b0;letter-spacing:.08em}.circle-link{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:#f6988f13;border:1px solid #f6988f40;border-radius:50%;font-size:23px;margin-left:auto}.circle-link:hover{background:#f6988f25}
.catalog-section{padding-top:6px}.catalog-toolbar{display:flex;gap:12px;align-items:stretch;margin-bottom:17px}.catalog-search{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:14px 17px;border:1px solid #fbd7d433;border-radius:14px;background:#1f1f219c;backdrop-filter:blur(18px)}.catalog-search>span{font-size:25px;color:var(--gold);line-height:1}.catalog-search input{border:0;background:none;outline:0;width:100%;min-width:0;color:var(--text);font-size:14px}.catalog-search input::placeholder{color:#bbbbc1}.catalog-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #f6988f12}.catalog-search kbd{font:12px Onest;border:1px solid #ffffff20;padding:0 7px;border-radius:4px;color:#b2b2b8}.catalog-toolbar select{font:12px Onest;max-width:220px;border:1px solid #fbd7d433;border-radius:14px;padding:10px 16px;background:#242428;color:var(--text);cursor:pointer}.catalog-summary{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#afafb5;margin-bottom:20px}.catalog-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-item{min-width:0}.catalog-card{width:100%;height:100%;display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 12px;min-height:130px;padding:19px;text-align:left;border:1px solid #fce1df24;border-radius:18px;background:#26262a6e;color:var(--text);backdrop-filter:blur(14px);transition:border-color .2s,background .2s}.catalog-card:hover{background:#38383d70;border-color:#f6988f55}.catalog-card-icon{display:grid;place-items:center;border:1px solid #f6988f30;border-radius:8px;background:#f6988f0d;font-size:13px;width:32px;height:32px;color:#f9b6b0}.catalog-card-body{display:block;min-width:0}.catalog-card-name{font-size:14px;line-height:1.4;font-weight:650;display:block}.catalog-card-evidence{margin-top:7px;font-size:10px;line-height:1.4;color:#c3c3c7;display:block}.catalog-card-meta{grid-column:2;display:flex;gap:10px;align-items:center;margin-top:10px}.catalog-card-engine{font-size:10px;color:#f9b6b0;margin:0}.catalog-card-flag{font-size:9px;color:#afafb5}.catalog-empty{grid-column:1/-1;font-size:13px;color:#c3c3c7;padding:25px}.catalog-more{display:flex;margin:28px auto}.catalog-note{max-width:95ch;font-size:11px;line-height:1.8;margin-top:22px}
.game-dialog{position:relative;width:calc(100% - 40px);max-width:620px;padding:34px;border:1px solid #f6988f44;border-radius:22px;background:#242428;color:var(--text);box-shadow:0 50px 120px #00000088}.game-dialog::backdrop{background:#171718bd;backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #f6988f30;border-radius:50%;background:#f6988f13;color:#f9b6b0;font-size:25px;line-height:1}.game-detail-art{width:110px;height:145px;float:left;margin:0 22px 20px 0;border-radius:12px;overflow:hidden;background:#f6988f18;display:grid;place-items:center;color:#f9b6b0;font-size:42px}.game-detail-art img{width:100%;height:100%;object-fit:cover}.game-detail-heading{min-height:155px;padding-top:5px;padding-right:15px}.game-detail-heading h2{font-size:31px;line-height:1.1;margin:15px 0}.game-detail-badge{display:block;font-size:10px;color:#f9b6b0}.game-detail-engine{display:inline-flex;font-size:11px;padding:5px 9px;border:1px solid #f6988f26;border-radius:7px;color:#fbceca;background:#f6988f0d}.game-detail-copy{clear:both;border-top:1px solid #fce1df24;padding-top:4px}.game-detail-copy p{font-size:13px;color:#c3c3c7;line-height:1.85;margin:15px 0}.game-detail-copy small{font-size:11px;color:#afafb5;display:block;margin-top:10px;line-height:1.6}.game-detail-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:18px}.game-detail-links a{font-size:12px;color:#f9b6b0;border-bottom:1px solid #f6988f44;padding-bottom:4px}.game-detail-links a:hover{color:#fcf6f6}
/* Viorun's own app illustration inside the shared tour geometry. */
.product-viewport>.app-window{position:absolute;inset:0;width:100%;height:100%;border:1px solid #f6988f25;border-radius:13px;background:#18181a;overflow:hidden}.app-window .app-workspace{min-height:0;height:calc(100% - 35px)}.app-window .app-content{overflow:hidden}.app-window .app-game img{object-fit:cover}.product-viewport{clip-path:none}.product-visual{min-width:0}.demo-format{font-size:10px}.signal-track i{animation:route-flow 2.6s linear infinite}.signal-track i:nth-child(2){animation-delay:.85s}.signal-track i:nth-child(3){animation-delay:1.7s}@keyframes route-flow{from{left:-20px}to{left:100%}}
.js-reveal [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.js-reveal [data-reveal].visible{opacity:1;transform:none}.footer .footer-menu{color:#c3c3c7}.copyright a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.featured-item{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:850px){.catalog-results{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-wrap:wrap}.catalog-search{flex-basis:100%}.catalog-toolbar select{flex:1;max-width:none;min-height:44px}.featured-name{font-size:17px}.minecraft-copy h3{font-size:21px}.minecraft-image{width:110px}.section-footnote{flex-wrap:wrap}.product-viewport{aspect-ratio:1180/680}.app-window .app-workspace{height:calc(100% - 30px)}.catalog-summary>span:last-child{text-align:right}.hn-header .main-nav.open{display:flex}}
@media(max-width:560px){.featured-item{flex-basis:100%}.featured-card{aspect-ratio:1.3}.featured-name{font-size:22px}.featured-tag{font-size:12px}.featured-body{left:22px;bottom:22px;gap:6px}.section-footnote{font-size:10px;line-height:1.8}.minecraft-callout{padding:20px;gap:15px;align-items:flex-start}.minecraft-image{width:75px;margin-top:30px}.minecraft-copy h3{font-size:20px}.minecraft-copy p{font-size:12px}.small-note{font-size:10px}.status-chip{font-size:8px}.circle-link{position:absolute;right:13px;top:12px;width:30px;height:30px;font-size:18px}.catalog-results{grid-template-columns:1fr;gap:9px}.catalog-card{min-height:108px;padding:17px}.catalog-toolbar{gap:9px}.catalog-search{padding:13px}.catalog-search input{font-size:13px}.catalog-toolbar select{font-size:11px;padding:10px 12px}.catalog-summary{font-size:10px;line-height:1.6}.catalog-summary>span:last-child{max-width:150px}.catalog-note{font-size:10px}.game-dialog{padding:26px 23px}.game-detail-art{width:80px;height:110px;margin-right:15px}.game-detail-heading{min-height:120px;padding-right:10px}.game-detail-heading h2{font-size:24px}.game-detail-badge{font-size:8px}.game-detail-engine{font-size:9px}.app-window .app-workspace{height:calc(100% - 24px)}.app-window .app-game img{height:80px}.app-window .app-sidebar{padding-top:13px}.app-window .app-content{padding-top:13px}.app-window .app-heading h3{font-size:13px}.app-window .app-filters{margin:10px 0}.app-window .app-bottom-bar{margin-top:10px}.purchase-cta{gap:16px}.hero .hero-reviews .review{min-height:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-reveal [data-reveal]{opacity:1;transform:none}}
/* Native search control and the repository's light app illustration. */
.hero-search-submit{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:none;color:#f9b6b0;font-size:21px}.hero-search-submit:hover{background:#f6988f15}.product-viewport>.app-window{background:#f8f8f9;color:#2b2b2f}.window-bar{background:#f8f8f9}.app-content{background:#f8f8f9}.app-window .app-logo b,.app-window .app-heading h3,.app-window .app-game b,.app-window .app-bottom-bar strong{color:#2b2b2f}.download-meta{font-size:11px!important;line-height:1.8;color:#afafb5;margin:18px auto 0!important;max-width:70ch;letter-spacing:0!important}.footer-language{font-size:12px;color:#b9b9bf;display:block;margin-top:14px}#engine-api{display:inline-flex;border:1px solid #70e0eb2a;border-radius:8px;padding:7px 10px;background:#70e0eb0a;color:#a9e6ec;font-size:12px}
/* Russian copy and interactive app tour remain within the same responsive frame. */
.hero-copy,.hero-dashboard{min-width:0}.hero-search-preview[hidden]{display:none}.catalog-card-status{font-size:9px;color:#afafb5}.tour-screen-note{font-size:11px;color:#93849e;line-height:1.6;margin:12px 0 22px}.tour-screen-fields{display:flex;flex-direction:column;gap:12px;max-width:420px}.tour-screen-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f5edec;border:1px solid #eddedd;border-radius:9px;padding:14px 16px;font-size:11px;color:#7d7d87}.tour-screen-row strong{color:#5d5d64;font-size:10px;font-weight:600;background:#eddddc;border:1px solid #e5cac8;border-radius:6px;padding:5px 9px;white-space:nowrap}.tour-screen-footer{font-size:9px;color:#a2a2aa;line-height:1.7;margin-top:20px}.hn-header .hn-locale{font-size:12px;white-space:nowrap;color:#c2c2c6}
@media(max-width:640px){.hn-header .hn-locale{display:none}.hn-header .hn-buy{font-size:11px;padding-inline:12px;gap:8px}.hn-header .hn-brand{min-width:0}.tour-screen-note{font-size:7px;margin:9px 0 13px}.tour-screen-fields{gap:7px}.tour-screen-row{font-size:7px;border-radius:6px;padding:8px 9px;gap:8px}.tour-screen-row strong{font-size:6px;padding:3px 6px;border-radius:4px}.tour-screen-footer{font-size:5px;margin-top:12px}}
@media(max-width:380px){.hn-header .hn-brand span{display:inline}.hn-header .hn-buy span{font-size:0}.hn-header .hn-buy span::after{content:'Скачать';font-size:11px}.hn-header .hn-buy{min-height:42px}}

/* Floating liquid glass: common material for navigation, search and profiles. */
:root { --glass-border: #fce1df30; --glass-fill: linear-gradient(135deg,#fcdedb0e,#2a2a2e88 42%,#222224b8); --glass-depth: inset 0 1px 0 #ffffff12,inset 0 -1px 0 #13131540,0 16px 45px #0c0c0d38; }
body .hn-header { background: #171718b8; backdrop-filter:blur(26px) saturate(150%); -webkit-backdrop-filter:blur(26px) saturate(150%); }
.hn-header .hn-desktop::before { background:linear-gradient(130deg,#ffffff0a,#1f1f2280); box-shadow:inset 0 1px 0 #ffffff0a; }
.hn-header .hn-desktop:has(.hn-group[open]) { --hn-panel-height:0px; }
.hn-header .hn-desktop:has(.hn-group[open])::before { border-radius:28px; background:#ffffff08; box-shadow:inset 0 1px 0 #ffffff10; }
.hn-header .hn-group { position:relative; }
.hn-header .hn-dropdown { top:calc(100% + 14px); left:0; right:auto; width:272px; display:grid; grid-template-columns:1fr; gap:3px; padding:9px; border:1px solid var(--glass-border); border-radius:20px; background:linear-gradient(135deg,#3c3c40cc,#222225e8); box-shadow:var(--glass-depth),0 24px 70px #0b0b0b77; backdrop-filter:blur(32px) saturate(180%); -webkit-backdrop-filter:blur(32px) saturate(180%); }
.hn-header .hn-group:last-child .hn-dropdown { left:auto; right:0; }
.hn-header .hn-dropdown a { border-radius:12px; transition:background .18s,color .18s,transform .18s; }
.hn-header .hn-dropdown a:hover { background:linear-gradient(100deg,#f7a9a220,#fce1de08); transform:translateX(3px); }
.hn-header .hn-mobile-panel { top:calc(100% + 10px); border-radius:22px; background:linear-gradient(135deg,#3c3c40e8,#222225ee); border-color:var(--glass-border); box-shadow:var(--glass-depth),0 24px 70px #0b0b0b77; backdrop-filter:blur(32px) saturate(180%); -webkit-backdrop-filter:blur(32px) saturate(180%); }
.hn-header .hn-mobile-panel>a { border-radius:12px; padding-inline:14px; }
.hn-header .hn-mobile-panel>a:hover { background:#f6988f15; }
.search-input-wrap { background:var(--glass-fill); border-color:var(--glass-border); box-shadow:var(--glass-depth); backdrop-filter:blur(22px) saturate(140%); -webkit-backdrop-filter:blur(22px) saturate(140%); }
.search #hero-clear { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; border:1px solid #ffffff16; border-radius:8px; background:#ffffff08; padding:0; color:#dbdbde; font-size:19px; transition:background .18s; }
.search #hero-clear:hover { background:#f6988f30; }
.search .search-results { top:calc(100% + 12px); border-radius:20px; padding:8px; border:1px solid var(--glass-border); background:linear-gradient(135deg,#3c3c41e0,#242427f0); backdrop-filter:blur(32px) saturate(180%); -webkit-backdrop-filter:blur(32px) saturate(180%); box-shadow:var(--glass-depth),0 24px 70px #0b0b0b88; max-height:360px; animation:glass-in .22s cubic-bezier(.22,1,.36,1); }
.search-result { display:flex; align-items:flex-start; flex-direction:column; gap:4px; width:100%; border:0; border-radius:12px; padding:13px 14px; background:transparent; color:var(--text); text-align:left; transition:background .18s; }
.search-result strong { font-size:14px; line-height:1.4; font-weight:650; }
.search-result small { color:var(--muted); font-size:11px; line-height:1.4; }
.search-result:hover,.search-result[aria-selected=true] { background:linear-gradient(90deg,#f6988f25,#ffffff06); }
.search-empty { margin:0; padding:18px 14px; color:var(--muted); font-size:13px; }
.search-preview { background:var(--glass-fill); border-color:var(--glass-border); box-shadow:var(--glass-depth); backdrop-filter:blur(24px) saturate(150%); -webkit-backdrop-filter:blur(24px) saturate(150%); }
.preview-bar { background:#ffffff04; }
.preview-bottom .btn { border-radius:99px; }
.quick-tile:not(.buy-tile),.hero-reviews .review,.tour-tab,.catalog-card { background:var(--glass-fill); border-color:var(--glass-border); box-shadow:var(--glass-depth); backdrop-filter:blur(20px) saturate(140%); -webkit-backdrop-filter:blur(20px) saturate(140%); }
.quick-tile::before { background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),#fbceca1d,transparent 80%); }
.quick-tile.buy-tile { background:linear-gradient(135deg,#f7aaa3,#eb938b); box-shadow:inset 0 1px 0 #ffffff40,0 8px 28px #e5716620; }
.game-dialog { background:linear-gradient(135deg,#333337ee,#1c1c1efa); border-color:#fce1df44; box-shadow:0 40px 120px #000000aa,inset 0 1px 0 #ffffff15; backdrop-filter:blur(30px) saturate(140%); -webkit-backdrop-filter:blur(30px) saturate(140%); }
.game-dialog::backdrop { background:#1111129c; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
@keyframes glass-in { from { opacity:0; transform:translateY(-7px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
@media(prefers-reduced-motion:reduce) { .search .search-results { animation:none; } .hn-header .hn-dropdown a:hover { transform:none; } }

/* Raycast reference: floating chrome, restrained lighting and crisp actions. */
body .hn-header { top:14px; width:calc(100% - 48px); max-width:1440px; margin:14px auto 0; border:1px solid #fcdbd826; border-radius:22px; background:linear-gradient(135deg,#f8b2ac0a,#181819c9 48%); box-shadow:inset 0 1px 0 #ffffff0a,0 8px 32px #09090930; }
.hn-header .hn-inner { width:calc(100% - 40px); min-height:68px; gap:20px; }
.hero .gold,.heading-accent { background:linear-gradient(115deg,#facbc7,#f7a69f 55%,#db766d); background-clip:text; -webkit-background-clip:text; color:transparent; }
.btn,.hn-header .hn-buy { box-shadow:inset 0 1px 0 #ffffff35,0 3px 10px #0e0e0f20; transition:background .2s,box-shadow .2s,transform .2s; }
.btn:hover,.hn-header .hn-buy:hover { box-shadow:inset 0 1px 0 #ffffff4d,0 7px 25px #f4877d25; }
.product-visual { position:relative; }
.product-visual::before { content:''; position:absolute; z-index:-1; inset:4% 2%; border-radius:50%; background:#f4857b26; filter:blur(70px); pointer-events:none; }
.product-viewport { box-shadow:0 25px 90px #08080866,inset 0 1px 0 #ffffff13; }
.engine-panel,.purchase-card { box-shadow:inset 0 1px 0 #ffffff13,0 20px 70px #0b0b0c55; }
@media(max-width:640px) { body .hn-header { top:8px; width:calc(100% - 16px); margin-top:8px; border-radius:18px; } .hn-header .hn-inner { width:calc(100% - 24px); min-height:60px; gap:8px; } .hn-header .hn-buy { padding-inline:12px; } }
/* Keep the first screen composed on tall displays without empty vertical space. */
.hero.wrap { min-height:min(760px,calc(100svh - 96px)); padding-block:48px 32px; }
@media(max-width:850px) { .hero.wrap { min-height:0; padding-block:42px 30px; } }
/* Scale the interface illustration as one surface, preserving all controls. */
.product-viewport { aspect-ratio:1000/580; }
.product-viewport>.app-window { width:1000px; height:580px; inset:0 auto auto 0; transform:scale(var(--tour-scale,.6)); transform-origin:top left; }
.product-viewport .window-bar { height:36px; font-size:9px; padding:0 16px; gap:20px; }
.product-viewport .app-workspace { height:544px; min-height:0; grid-template-columns:190px 1fr; }
.product-viewport .app-sidebar { padding:24px 13px; }
.product-viewport .app-content { padding:27px 25px 22px; }
.product-viewport .app-logo { display:flex; gap:8px; margin-bottom:30px; }
.product-viewport .app-logo img { width:34px; height:34px; flex:none; object-fit:contain; }
.product-viewport .app-logo b { font-size:15px; }
.product-viewport .sidebar-label { font-size:6px; }
.product-viewport .app-nav { font-size:9px; padding:11px; gap:9px; }
.product-viewport .app-nav>span { font-size:14px; }
.product-viewport .app-nav .nav-count { font-size:8px; }
.product-viewport .app-heading h3 { font-size:25px; }
.product-viewport .app-filters { gap:18px; margin:22px 0; font-size:8px; }
.product-viewport .app-game img { width:100%; height:200px; object-fit:cover; }
.product-viewport .app-game b { font-size:9px; }
.product-viewport .app-game>span { font-size:6px; }
.product-viewport .app-bottom-bar { margin-top:24px; padding:12px; }
.product-viewport .tour-screen-note { font-size:13px; margin:12px 0 22px; }
.product-viewport .tour-screen-fields { gap:12px; max-width:none; }
.product-viewport .tour-screen-row { font-size:14px; padding:16px 18px; gap:16px; border-radius:9px; }
.product-viewport .tour-screen-row strong { font-size:12px; padding:6px 10px; }
.product-viewport .tour-screen-footer { font-size:11px; margin-top:20px; }
/* The product tour uses the same dark glass palette as the surrounding site. */
.product-viewport>.app-window { background:linear-gradient(135deg,#2d2d31,#1f1f21); color:#fbf5f4; border-color:#fac1bc30; box-shadow:inset 0 1px 0 #ffffff12; }
.product-viewport .window-bar { background:#212123; border-color:#ffffff0c; color:#a9a9af; }
.product-viewport .app-sidebar { background:linear-gradient(160deg,#2b2b2e,#232325); border-color:#ffffff12; }
.product-viewport .app-content { background:linear-gradient(135deg,#2e2e31,#232325); }
.product-viewport .app-logo b,.product-viewport .app-heading h3,.product-viewport .app-game b,.product-viewport .app-bottom-bar strong { color:#fbf5f4; }
.product-viewport .sidebar-label { color:#9d9da5; }
.product-viewport .app-nav { color:#b7b7bc; }
.product-viewport .app-nav.selected { color:#fbccc8; background:linear-gradient(100deg,#f6988f2e,#f6988f13); border:1px solid #f6988f22; }
.product-viewport .app-heading .micro-label,.product-viewport .app-filters,.product-viewport .app-game>span,.product-viewport .sidebar-ready { color:#a5a5ab; }
.product-viewport .app-filters { border-color:#ffffff12; }
.product-viewport .app-filters .selected { color:#f9b9b3; }
.product-viewport .app-add { color:#202022; background:#f6988f; }
.product-viewport .app-bottom-bar { background:#f6988f0d; border-color:#f6988f22; }
.product-viewport .app-bottom-bar div>span { color:#a5a5ab; }
.product-viewport .app-bottom-bar>span { color:#f9b9b3; border-color:#f6988f40; }
.product-viewport .tour-screen-note,.product-viewport .tour-screen-footer { color:#a5a5ab; }
.product-viewport .tour-screen-row { color:#bcbcc1; background:linear-gradient(125deg,#f6988f0c,#ffffff03); border-color:#fce1df1c; box-shadow:inset 0 1px 0 #ffffff05; }
.product-viewport .tour-screen-row strong { color:#fac4bf; background:#f6988f19; border-color:#f6988f2d; }