@charset "UTF-8";
:root{color-scheme:dark;--bg:#080b15;--panel:#101521;--text:#f4f6ff;--muted:#a2aabd;--cyan:#70e7ff;--purple:#c09aff;--border:rgba(173,194,232,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:#684099;color:white}img,svg{max-width:100%}.muted{color:var(--muted)}.accent{color:var(--cyan)}
.skip-link{position:fixed;left:15px;top:-100px;z-index:100;background:var(--cyan);color:#080b15;padding:12px}.skip-link:focus{top:10px}.header{height:92px;padding:0 max(5%,calc((100% - 1280px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(8,11,21,.86);backdrop-filter:blur(20px);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:750;letter-spacing:1.5px}.logo{font-size:29px;font-weight:900;font-style:italic;letter-spacing:-4px;position:relative;margin-right:7px}.logo span{font-size:9px;color:var(--cyan);letter-spacing:0;position:absolute;right:-10px;top:4px}nav{display:flex;gap:34px;height:100%;align-items:center}nav a{font-size:13px;color:#b5bbca;position:relative;padding:34px 0}nav a:hover,nav a.active{color:white}nav a.active:after{content:"";position:absolute;bottom:21px;left:0;width:18px;height:2px;background:var(--cyan)}nav a:last-child{margin-left:18px}nav a span{color:var(--cyan);margin-left:10px}.menu-toggle{display:none}
.hero{min-height:700px;height:min(790px,calc(100svh - 92px));position:relative;isolation:isolate;border-bottom:1px solid var(--border);overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-2;background:url('assets/hero-space.png') 72% center/cover no-repeat;transform-origin:72% 55%;animation:space-drift 20s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,8,18,.97) 0%,rgba(5,8,18,.87) 25%,rgba(5,8,18,.5) 46%,rgba(5,8,18,.08) 72%),linear-gradient(0deg,#080b15,transparent 25%)}.hero-content{max-width:1280px;margin:auto;padding:115px 0 120px;width:90%}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.5px;color:var(--cyan);display:flex;align-items:center;gap:10px;margin:0 0 24px}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #70e7ff8a}h1{font-size:clamp(55px,7.1vw,104px);line-height:1.08;font-weight:780;letter-spacing:-5px;margin:28px 0}h1 .hero-wordmark{display:inline-block;color:#a8ddff;background:linear-gradient(110deg,#b2f1ff 5%,#78c9ff 40%,#c2a3f8 72%,#f5b5e5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #6bbfff30)}h1 small{display:block;font-size:clamp(17px,2vw,25px);letter-spacing:5px;margin-top:24px;font-weight:500;color:#f0f2ff;text-shadow:0 2px 18px #0009}.hero-description{color:#e0e5f2;font-size:17px;line-height:1.85;margin:28px 0 32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:14px 24px;border-radius:5px;border:1px solid #3e4c61;background:#192537;color:var(--text);font-size:13px;font-weight:650;transition:transform .2s,box-shadow .2s}.button.primary{color:#071420;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 30px #70e7ff12}.button.primary:hover{transform:translateY(-3px);box-shadow:0 5px 30px #70e7ff30}.button span{font-size:20px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.hero .button.primary{color:#071023;background:linear-gradient(110deg,#7ddfff,#a5b9ff 50%,#efb1e8);border-color:#c0d9ff70;box-shadow:0 4px 24px #688bff26;background-size:160% 100%;transition:transform .25s,box-shadow .25s,background-position .4s}.hero .button.primary:hover{background-position:100% 50%;transform:translateY(-3px);box-shadow:0 8px 32px #b17aff40}.hero .button.secondary{background:#111a2c80;border-color:#c9d8ff40;backdrop-filter:blur(14px);color:#edf2ff}.hero .button.secondary:hover{transform:translateY(-3px);border-color:#b5cbff99;box-shadow:0 5px 22px #789bff1a}.hero-note{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:2px;color:#8993a8;margin-top:45px}.line{height:1px;width:28px;background:#69748a}.orbit-label{position:absolute;right:7%;bottom:110px;border-left:1px solid #70e7ff55;padding-left:20px}.orbit-label span{font-size:8px;letter-spacing:2px;color:var(--cyan)}.orbit-label strong{display:block;font-size:14px;line-height:1.6;font-weight:400;margin-top:8px}.scroll-link{position:absolute;bottom:28px;left:5%;font-size:10px;color:#929caf}.scroll-link span{margin-right:13px;color:var(--cyan);font-size:20px}.hero-index{position:absolute;bottom:33px;right:5%;font-size:9px;letter-spacing:2px;color:#929caf}
.section{max-width:1280px;width:90%;margin:0 auto;padding:90px 0;border-bottom:1px solid var(--border);scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head .eyebrow{margin-bottom:12px}h2{font-size:clamp(28px,3.3vw,43px);letter-spacing:-1.5px;line-height:1.25;margin:0;font-weight:650}.section-head>p{color:var(--muted);font-size:13px;margin:0}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.game-card{border:1px solid var(--border);border-radius:9px;background:linear-gradient(130deg,#141a28,#0c101b);overflow:hidden;transition:transform .3s,border-color .3s}.game-card:hover{transform:translateY(-5px);border-color:#70e7ff50}.game-image{height:310px;display:block;position:relative;padding:25px 30px;overflow:hidden;border-bottom:1px solid var(--border)}.neon-image{background:linear-gradient(90deg,#081222aa,transparent),url('assets/space.svg') 65% 43%/cover}.roll-image{background:linear-gradient(90deg,#150c2d88,transparent),url('assets/roll.svg') center/cover}.tag{display:inline-block;border:1px solid #70e7ff44;background:#0c293a9c;color:#a4eeff;backdrop-filter:blur(8px);font-size:8px;letter-spacing:1.5px;padding:5px 10px;border-radius:3px}.tag.purple{border-color:#c09aff55;background:#39254caa;color:#e0beff}.art-title{display:block;font-size:58px;letter-spacing:3px;font-weight:850;font-style:italic;line-height:.98;margin-top:38px;text-shadow:0 0 25px #6edfff55}.art-title b{font-weight:850;color:var(--cyan)}.roll-image .art-title b{color:#efa9ff}.image-caption{font-size:7px;letter-spacing:3px;display:block;margin-top:18px;color:#c1c9df}.game-body{padding:25px 28px}.game-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-title h3{font-size:20px;letter-spacing:1px;margin:0}.mini-label{font-size:8px;letter-spacing:1.5px;color:#95a0b6}.game-body p{font-size:13px;color:var(--muted);max-width:440px}.text-link{display:flex;align-items:center;justify-content:space-between;margin-top:26px;font-size:12px;color:var(--cyan)}.text-link span{font-size:20px}.game-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;padding:65px 0}.game-detail h2{font-size:32px;letter-spacing:1px}.game-detail p{color:var(--muted);font-size:14px}.game-detail .detail-lead{color:#e6eaf6;font-size:20px}.game-detail .eyebrow{margin-bottom:15px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.chips span{font-size:10px;color:#b8c5d8;padding:4px 12px;border:1px solid var(--border);border-radius:30px}.availability{align-self:center;padding:28px;border:1px solid var(--border);border-radius:8px;background:radial-gradient(ellipse at 100% 0,#44286022,transparent 75%),#101522}.availability h3{font-size:21px;font-weight:500;margin:12px 0}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.button:disabled{cursor:not-allowed;color:#a1acc0;background:#1a2333;border-color:#334053;font-size:11px;gap:8px;padding:11px 17px}.button.secondary:disabled{background:transparent}.demo-label{font-size:10px;border:1px solid #bba1ff40;color:#c9b5ef;padding:6px 12px;border-radius:20px}.section-intro{font-size:12px;color:var(--muted);margin:-16px 0 28px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{position:relative;padding:30px 25px 22px;background:linear-gradient(150deg,#151a29,#0e121e);border:1px solid var(--border);border-radius:6px;overflow:hidden}.news-number{position:absolute;right:15px;top:0;font-size:80px;font-weight:700;line-height:1.3;color:#ffffff03}.news-card .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:25px}.news-card h3{font-size:19px;font-weight:500;margin:0 0 16px}.news-card>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9}.news-foot{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:18px;margin-top:25px;color:#8b95aa;font-size:9px}.news-foot span{color:var(--cyan)}.about{display:grid;grid-template-columns:.8fr 1fr;gap:13%;align-items:center}.about-symbol{font-size:150px;font-weight:900;font-style:italic;letter-spacing:-20px;text-align:center;padding:50px 35px;color:#acd9ed;text-shadow:0 0 70px #5aaeff44;position:relative;background:radial-gradient(ellipse,#12375066,transparent 68%)}.about-symbol:before{content:"";position:absolute;inset:10%;border:1px solid #6edfff20;border-radius:50%;transform:rotate(-25deg) scaleY(.65)}.about-symbol span{font-size:40px;position:absolute;top:25%;right:14%;color:var(--cyan);letter-spacing:0}.about p:not(.eyebrow){color:var(--muted);font-size:14px}.signature{display:inline-block;font-size:9px;letter-spacing:2px;color:var(--cyan);margin-top:15px}.contact{text-align:center;padding:85px 0;background:radial-gradient(ellipse at 50% 100%,#24436622,transparent 65%)}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(34px,4vw,53px)}.contact>p:not(.eyebrow){color:var(--muted);font-size:14px;margin:22px 0}.contact-placeholder{display:inline-flex;gap:12px;align-items:center;border:1px solid #70e7ff30;background:#70e7ff08;padding:13px 22px;border-radius:5px;font-size:12px;color:#d2e7f0}.contact .contact-note{font-size:10px!important;color:#7e899f!important}.footer{max-width:1280px;width:90%;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 0;gap:20px}.footer p,.footer>a:last-child{font-size:10px;color:#909aac}.footer .brand{font-size:11px}.footer .logo{font-size:23px}.footer>a:last-child span{color:var(--cyan);margin-left:15px}@keyframes space-drift{to{transform:scale(1.035) translateY(-5px)}}
@media(min-width:1550px){.scroll-link{left:calc((100% - 1280px)/2)}.hero-index{right:calc((100% - 1280px)/2)}}
@media(max-width:1000px){nav{gap:22px}.header{height:80px}.hero{min-height:650px}.hero-content{padding-top:105px}.hero-art{background-position:68% center}.hero:after{background:linear-gradient(90deg,#080b15f5,rgba(8,11,21,.82) 32%,rgba(8,11,21,.18) 75%),linear-gradient(0deg,#080b15,transparent 28%)}.orbit-label{right:5%;bottom:100px}.game-image{height:275px}.game-title{align-items:start;flex-direction:column}.game-detail{gap:5%}.about{gap:6%}.about-symbol{font-size:125px}.news-card{padding:25px 20px}.news-card h3{font-size:17px}}
@media(max-width:700px){html{scroll-padding-top:22px}.header{height:74px;padding:0 6%}.brand{font-size:11px;gap:13px}.logo{font-size:26px}.menu-toggle{display:flex;gap:10px;align-items:center;background:none;border:1px solid var(--border);border-radius:4px;color:#d0d8e9;font-size:11px;padding:8px 12px}nav{display:none;position:absolute;top:73px;left:0;right:0;height:auto;padding:12px 6% 22px;background:#0b1020;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px 0}nav a:last-child{margin-left:0}nav a.active:after{bottom:8px}.hero{height:auto;min-height:720px}.hero-content{width:88%;padding-top:55px;padding-bottom:300px}.hero-art{background-size:cover;background-position:72% center;opacity:1;transform-origin:72% 60%}.hero:after{background:linear-gradient(180deg,#080b15eb 0%,#080b15c9 32%,#080b1566 52%,#080b1510 72%,#080b15 100%),linear-gradient(90deg,#080b1555,transparent 90%)}h1{font-size:clamp(43px,10.6vw,70px);letter-spacing:-2.8px;margin:24px 0}h1 small{font-size:17px;letter-spacing:3.5px;margin-top:20px}.hero-actions{gap:10px}.hero-actions .button{padding:13px 18px;gap:18px}.hero .button:hover{transform:none}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero-description{font-size:15px;margin:23px 0}.hero-note{font-size:6px;letter-spacing:1.2px;margin-top:24px}.orbit-label{bottom:80px;right:7%;padding-left:12px}.orbit-label strong{font-size:11px}.orbit-label span{font-size:6px}.scroll-link{left:6%;font-size:9px;bottom:21px}.hero-index{display:none}.section{width:88%;padding:58px 0}.section-head{align-items:start;flex-direction:column;gap:18px;margin-bottom:26px}.section-head>p{font-size:12px}.section-head>p br{display:none}h2{font-size:29px;letter-spacing:-1px}.game-grid,.news-grid,.game-detail,.about{grid-template-columns:1fr;gap:22px}.game-image{height:280px;padding:22px 25px}.art-title{font-size:55px}.game-title{flex-direction:row;align-items:center}.game-title h3{font-size:17px}.mini-label{font-size:7px}.game-body{padding:23px}.game-detail h2{font-size:27px}.game-detail .detail-lead{font-size:18px}.availability{padding:24px}.section-intro{margin:0 0 24px}.demo-label{font-size:9px}.news-card{padding:27px 24px}.news-card h3{font-size:20px}.news-card>p:not(.eyebrow){font-size:13px}.about{gap:15px}.about-symbol{font-size:115px;padding:30px;line-height:1.5}.about-symbol span{right:23%}.contact h2{font-size:34px}.contact>p:not(.eyebrow){font-size:13px}.contact-placeholder{font-size:11px;padding:12px 16px}.footer{width:88%;flex-wrap:wrap;padding:25px 0}.footer .brand{width:100%}.footer p{margin:0}.footer>a:last-child{margin-left:auto}}
/* Frame isolates the complete Telegram code and its white quiet zone from the tall source image. */
.qr-frame.qr-frame--telegram img{width:185%;left:-42.5%;top:-143%;height:auto;max-width:none;filter:none;opacity:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.brand-logo{display:block;width:64px;height:auto;object-fit:contain;flex-shrink:0}.footer .brand-logo{width:50px}
.about-logo-panel{padding:25px;border:1px solid #82a8ff30;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#417dd524,transparent 75%),#0c1321;box-shadow:0 15px 65px #08152855}.about-logo-panel img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px}.about-game-link{color:#c4e7ff;border-bottom:1px solid #81caff45}.about-game-link:hover{color:var(--cyan)}
.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px;text-align:left}.community-card{--community-color:#83b4ff;position:relative;display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid #8bafff2b;border-radius:15px;background:radial-gradient(ellipse at 100% 0,#485bd923,transparent 65%),linear-gradient(145deg,#141d30dc,#0d1220ed);box-shadow:0 12px 35px #02061140;backdrop-filter:blur(14px);transition:border-color .25s,box-shadow .25s}.community-card:hover{border-color:#8c9dff70;box-shadow:0 12px 42px #5555da18}.community-telegram{--community-color:#7cddff}.community-max{--community-color:#c0a3ff;background:radial-gradient(ellipse at 100% 0,#8b4bea26,transparent 65%),linear-gradient(145deg,#171b32dc,#0d1220ed)}.community-heading{display:flex;align-items:center;gap:15px}.community-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #b4c9ff30;background:#8ba8ff0c;border-radius:13px;color:var(--community-color);box-shadow:0 0 24px #7291ff12}.community-icon svg{display:block;width:29px;height:29px}.community-heading h3{font-size:24px;font-weight:600;line-height:1.3;margin:4px 0 0}.community-heading .mini-label{font-size:7px;letter-spacing:1.5px}.community-card>p{font-size:13px;line-height:1.9;color:#b7c2d6;margin:22px 0}.community-invitation{position:relative;display:flex;flex:1;min-height:260px;flex-direction:column;justify-content:center;padding:22px 0;border-top:1px solid var(--border);margin-bottom:22px;overflow:hidden}.community-invitation>span:first-child{font-size:10px;letter-spacing:2px;color:var(--community-color)}.community-invitation strong{font-size:23px;line-height:1.6;font-weight:450;letter-spacing:-.4px;margin-top:20px}.community-orbit{position:absolute;right:0;bottom:10px;font-size:100px;line-height:1;color:#7daaff1c}.community-invitation .qr-unavailable{font-size:11px;color:#9daac2;line-height:1.8;margin-top:20px}.community-button{width:100%;justify-content:space-between;margin-top:auto;color:#e4eaff;background:linear-gradient(110deg,#254e8599,#57428c99);border-color:#9aabff55}.community-button:hover{background:linear-gradient(110deg,#3365a6bb,#6c50a8bb);box-shadow:0 4px 24px #7470ff28;transform:translateY(-2px)}
.community-qr{width:100%;max-width:280px;margin:0 auto 22px;padding:0}.qr-frame{position:relative;display:block;width:100%;aspect-ratio:1;background:white;overflow:hidden;border:8px solid white;border-radius:5px}.qr-frame img{position:absolute;display:block;width:200%;max-width:none;height:auto;left:-50%;top:-135%;filter:none;opacity:1}.community-qr figcaption{font-size:9px;text-align:center;color:#9daac2;margin-top:10px}.footer{flex-wrap:wrap}.footer-socials{position:static;display:flex;flex-direction:row;align-items:center;gap:20px;width:auto;height:auto;padding:0;background:none;border:0}.footer-socials a{font-size:11px;color:#b8c8e2;padding:8px 0}.footer-socials a:last-child{margin-left:0}.footer-socials a:hover{color:var(--cyan)}
@media(max-width:1000px){.community-grid{gap:14px}.community-card{padding:20px}.community-heading{gap:10px}.community-heading h3{font-size:21px}.community-heading .mini-label{letter-spacing:.7px;font-size:6px}.community-icon{width:40px;height:40px}.community-invitation strong{font-size:20px}.community-card .button{padding:12px 15px;gap:10px}.about-logo-panel{padding:18px}}
@media(max-width:850px){.community-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto;gap:20px}.community-card{padding:28px}.community-heading .mini-label{font-size:8px;letter-spacing:1.5px}.community-heading h3{font-size:25px}.community-icon{width:48px;height:48px}.community-invitation{min-height:190px}.community-qr{max-width:300px}.footer-socials{gap:16px}}
@media(max-width:700px){.brand-logo{width:50px}.footer .brand-logo{width:45px}.about-logo-panel{max-width:390px;width:100%;margin:0 auto 12px;padding:20px}.community-card{padding:22px}.community-qr{max-width:280px}.footer-socials{display:flex;position:static;flex-direction:row;align-items:center;gap:20px;height:auto;width:auto;padding:0;border:0;background:none}.footer-socials a{padding:6px 0}.footer-socials a:last-child{margin-left:0}.footer>p{width:100%}.footer>a:last-child{margin-left:auto}.contact>p br{display:none}}
.community-grid{align-items:stretch}.community-card{gap:20px;transition:transform .25s,border-color .25s,box-shadow .25s}.community-card:hover{transform:translateY(-3px)}.community-card:focus-within{border-color:#91b7ff80;box-shadow:0 12px 40px #5555da18}.community-card>p{min-height:100px;margin:0}.community-card .community-qr{max-width:280px;margin:0 auto;align-self:flex-start}.community-card .community-button{margin-top:auto;min-height:50px}.community-card .community-qr figcaption{min-height:16px;line-height:1.7;margin-top:12px}
.vk-art{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;overflow:hidden;border:1px solid #78abff40;border-radius:8px;background:radial-gradient(circle at 50% 44%,#427aff2b,transparent 68%),linear-gradient(145deg,#122440,#10172c)}.vk-art:before{content:"";position:absolute;inset:12%;border:1px solid #75adff25;border-radius:50%;box-shadow:0 0 25px #637dff10}.vk-emblem{position:relative;display:grid;place-items:center;width:44%;aspect-ratio:1;border:1px solid #a8d3ff60;border-radius:25%;color:white;background:linear-gradient(135deg,#287ce7,#4e5cd2);box-shadow:0 0 30px #4e88ff45,inset 0 1px 0 #c4e7ff30;transition:box-shadow .3s}.vk-emblem svg{width:78%;height:auto}.community-vk:hover .vk-emblem{box-shadow:0 0 40px #548dff60,inset 0 1px 0 #c4e7ff30}.vk-art-label{position:relative;color:#a8c9f5;font-size:8px;letter-spacing:1.6px}
@media(min-width:1100px){.community-card>p{min-height:75px}}
@media(max-width:850px){.community-card{gap:22px}.community-card>p{min-height:0}.community-card .community-qr{max-width:280px}.community-card:hover{transform:none}}
/* Mobile and tablet corrections; the approved desktop styles above stay intact. */
@media(max-width:1024px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .header{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}
  .hero-content,.section,.footer{width:calc(100% - max(20px,env(safe-area-inset-left)) - max(20px,env(safe-area-inset-right)))}
  .section>*,.game-grid>*,.news-grid>*,.game-detail>*,.about>*,.game-title>*{min-width:0}
  .header .brand{min-height:44px}.header #navigation a{min-height:44px;font-size:14px}
  .button,.button:disabled{min-height:44px;font-size:14px;line-height:1.4}
  .text-link{min-height:44px;font-size:14px;margin-top:16px}
  .game-body p,.game-detail p,.about p:not(.eyebrow),.section-head>p,.section-intro,.news-card>p:not(.eyebrow),.contact>p:not(.eyebrow),.community-card>p{font-size:15px;line-height:1.8}
  .eyebrow,.news-card .eyebrow{font-size:11px;letter-spacing:1.3px;flex-wrap:wrap}
  .mini-label,.community-heading .mini-label,.tag,.demo-label,.news-foot,.signature{font-size:11px;letter-spacing:1px}
  .community-heading .mini-label{display:block;line-height:1.6}
  .game-title{flex-wrap:wrap}.game-title h3{font-size:20px}
  .game-image{height:310px}.image-caption{font-size:10px;letter-spacing:1.5px}
  .chips span{font-size:12px}.community-card .community-qr figcaption{font-size:12px;line-height:1.6}
  .community-heading{align-items:flex-start}.community-card .community-button{font-size:14px}
  .footer{padding-bottom:max(24px,env(safe-area-inset-bottom));gap:12px 20px}
  .footer p,.footer>a:last-child,.footer-socials a{font-size:13px}
  .footer-socials a,.footer>a:last-child{display:inline-flex;align-items:center;min-height:44px}
  .footer-socials{flex-wrap:wrap}.vk-art-label{font-size:10px;letter-spacing:1px;text-align:center}
}
@media(max-width:850px){
  .header{height:80px}.header .brand-logo{width:54px}.header .brand{font-size:12px;gap:12px}
  .menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-width:84px;min-height:44px;padding:9px 12px;border:1px solid var(--border);border-radius:5px;background:#111a2c80;color:#edf2ff;font-size:14px}
  .header #navigation{display:none;position:absolute;top:100%;left:0;right:0;height:auto;max-height:calc(100svh - 80px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;padding:12px max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#0b1020;border-bottom:1px solid var(--border)}
  .header #navigation.open{display:flex}.header #navigation a{padding:12px 4px;margin:0}.header #navigation a.active:after{bottom:6px;left:4px}
  .news-grid,.game-detail,.about{grid-template-columns:minmax(0,1fr)}
  .about-logo-panel{width:100%;max-width:390px;margin:0 auto 10px}
  .game-detail{gap:25px}.availability{width:100%}.news-card{padding:26px}
  .community-heading h3{font-size:25px}.community-card{padding:24px}
}
@media(max-width:700px){
  html{scroll-padding-top:20px}.header .brand{font-size:10px;letter-spacing:1px;gap:9px}.header .brand-logo{width:46px}
  .hero{min-height:0;height:auto}.hero-content{padding-top:44px;padding-bottom:300px}
  .hero-art{background-position:73% center;transform-origin:73% 60%}
  .hero:after{background:linear-gradient(180deg,#080b15f5 0%,#080b15df 30%,#080b1570 51%,#080b1510 74%,#080b15 100%),linear-gradient(90deg,#080b1555,transparent 90%)}
  h1{font-size:clamp(39px,10.8vw,70px);letter-spacing:-2px;line-height:1.12;max-width:100%}
  h1 small{font-size:16px;letter-spacing:2.5px;line-height:1.6}
  .hero .eyebrow{font-size:10px;letter-spacing:1px;flex-wrap:nowrap;align-items:flex-start}
  .hero .status-dot{margin-top:5px}.hero-description{font-size:16px;line-height:1.8}
  .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:400px}
  .hero-actions .button{padding:13px 10px;gap:10px;min-height:48px;font-size:14px}
  .hero-note{font-size:10px;letter-spacing:.8px;align-items:flex-start}.hero-note .line{flex:0 0 20px;margin-top:8px}
  .orbit-label{right:20px;bottom:85px}.orbit-label span{font-size:9px;letter-spacing:1px}.orbit-label strong{font-size:13px}
  .scroll-link{left:max(20px,env(safe-area-inset-left));right:20px;bottom:15px;min-height:44px;display:flex;align-items:center;font-size:12px}
  .section{padding:48px 0}.section-head{gap:18px}.section-head>p br{display:none}
  h2{font-size:clamp(27px,7.2vw,34px);line-height:1.3;overflow-wrap:break-word}
  .game-grid{grid-template-columns:minmax(0,1fr)}.game-image{height:310px;padding:22px}
  .game-body{padding:22px}.game-title{flex-direction:column;align-items:flex-start;gap:6px}
  .art-title{font-size:clamp(48px,13vw,58px);margin-top:32px}.tag{letter-spacing:1px}
  .availability{padding:22px}.button-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .availability h3{font-size:21px}.about{gap:20px}.about-logo-panel{padding:16px}
  .contact h2{font-size:clamp(30px,8vw,36px)}.community-grid{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:30px}
  .community-card{padding:20px;gap:20px}.community-card .community-qr{max-width:280px}
  .community-card .community-button{min-height:48px}.community-heading .mini-label{font-size:10px;letter-spacing:1px}
  .community-card .community-qr figcaption{font-size:11px}.vk-art{gap:18px}
  .footer .brand{width:100%;font-size:12px}.footer-socials{gap:10px 20px;width:100%;justify-content:flex-start}
  .footer>a:last-child{margin-left:0}.footer .brand-logo{width:46px}
}
.menu-links{display:contents}
@media(max-width:850px){
  .header{height:auto;min-height:80px;flex-wrap:wrap;align-content:flex-start}
  .header .brand,.header .menu-toggle{margin-top:18px;margin-bottom:18px}
  .header #navigation,.header #navigation.open{display:grid;position:static;flex-basis:100%;width:100%;height:auto;max-height:none;padding:0;border:0;background:transparent;overflow:visible;grid-template-rows:0fr;opacity:0;visibility:hidden;pointer-events:none;transition:grid-template-rows .24s ease,opacity .18s ease,visibility 0s linear .24s}
  .header #navigation.open{grid-template-rows:1fr;opacity:1;visibility:visible;pointer-events:auto;transition:grid-template-rows .24s ease,opacity .18s ease,visibility 0s}
  .header #navigation .menu-links{display:flex;flex-direction:column;min-height:0;max-height:calc(100svh - 100px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
  .header #navigation a{display:flex;align-items:center;flex-shrink:0;min-height:44px;line-height:20px;padding:12px 4px;margin:0}
  .header #navigation a:first-child{margin-top:3px}.header #navigation a:last-child{margin-bottom:3px}
  .header #navigation a.active:after{bottom:4px}.header #navigation a span{margin-left:10px}
  .menu-icon{position:relative;display:block;width:20px;height:18px;flex-shrink:0}
  .menu-icon>span{position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .15s ease;transform-origin:center}
  .menu-icon>span:nth-child(1){top:2px}.menu-icon>span:nth-child(2){top:8px}.menu-icon>span:nth-child(3){top:14px}
  .menu-toggle[aria-expanded="true"] .menu-icon>span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .menu-icon>span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] .menu-icon>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}