:root{ --bg:#071015;--bg2:#09151c;--panel:#0d1b24;--panel2:#10222c;--line:rgba(183,227,239,.12); --text:#f3f8fa;--muted:#91a6af;--cyan:#76e1e5;--cyan2:#b7f4f1;--ice:#d7fbff;--ok:#7ce4af;--warn:#f0c57c; --radius:26px;--radius-sm:16px;--shadow:0 28px 80px rgba(0,0,0,.32);--shell:min(1180px,calc(100% - 40px));--section-gap:88px;--body-size:16px;--site-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 13% 3%,rgba(74,205,214,.12),transparent 28%),radial-gradient(circle at 87% 14%,rgba(54,113,150,.13),transparent 24%),var(--bg);color:var(--text);font-family:var(--site-font);font-size:var(--body-size);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:var(--shell);margin:0 auto}.muted{color:var(--muted)}.kicker{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--cyan)}.kicker:before{content:"";width:24px;height:1px;background:currentColor}.site-header{position:sticky;top:0;z-index:60;backdrop-filter:blur(18px);background:rgba(7,16,21,.72);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.03em;font-size:23px}.brand-mark{width:38px;height:38px;border:1px solid rgba(118,225,229,.28);border-radius:12px;display:grid;place-items:center;color:var(--cyan);box-shadow:inset 0 0 24px rgba(118,225,229,.08)}.brand-mark svg{width:26px}.brand em{font-style:normal;color:var(--cyan)}.desktop-nav{display:flex;gap:30px;color:#b7c7cd;font-size:14px}.desktop-nav a{padding:9px 0;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--cyan);transition:.22s}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.nav-pill{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:999px;padding:10px 15px;font-size:13px}.nav-pill:hover{border-color:rgba(118,225,229,.35);color:var(--cyan2)}.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);background:#0d1920;border-radius:13px;color:#fff}.mobile-menu{display:none;border-top:1px solid var(--line);padding:10px 20px 18px;background:rgba(7,16,21,.96)}.mobile-menu a{display:block;padding:14px 6px;border-bottom:1px solid rgba(255,255,255,.05)} .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;border:1px solid transparent;font-weight:800;font-size:14px;cursor:pointer;transition:.2s}.button.primary{background:linear-gradient(135deg,#d7fbff,#73dce1);color:#071015;box-shadow:0 12px 34px rgba(118,225,229,.16)}.button.primary:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(118,225,229,.24)}.button.ghost{border-color:var(--line);background:rgba(255,255,255,.03);color:#e7f1f4}.button.ghost:hover{border-color:rgba(118,225,229,.32);color:var(--cyan2)}.button.disabled{opacity:.45;pointer-events:none}.button.danger{background:rgba(255,92,92,.1);border-color:rgba(255,92,92,.28);color:#ffb0b0} .hero{padding:88px 0 70px;min-height:690px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:66px;align-items:center}.hero h1{font-size:clamp(54px,7vw,95px);line-height:.91;letter-spacing:-.066em;margin:22px 0 24px;max-width:820px}.hero h1 span{color:transparent;background:linear-gradient(95deg,#fff,#8be4e8 80%);background-clip:text}.hero-lead{max-width:660px;color:#aebec4;line-height:1.75;font-size:17px}.hero-actions{display:flex;gap:12px;margin:34px 0}.hero-stats{display:flex;gap:36px;padding-top:26px;border-top:1px solid var(--line);max-width:620px}.hero-stats div{display:grid;gap:5px}.hero-stats b{font-size:21px}.hero-stats span{font-size:11px;color:#778e97;text-transform:uppercase;letter-spacing:.12em}.hero-visual{position:relative;min-height:500px}.visual-frame{position:absolute;inset:20px 0 0 0;border:1px solid rgba(136,227,231,.13);border-radius:34px;background:linear-gradient(155deg,rgba(16,36,46,.92),rgba(6,15,20,.86));overflow:hidden;box-shadow:var(--shadow)}.visual-frame:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 60% 44%,rgba(116,231,232,.21),transparent 17%),conic-gradient(from 0deg at 50% 50%,transparent,rgba(102,218,224,.06),transparent 25%);animation:spin 18s linear infinite}.orbital{position:absolute;width:330px;height:330px;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%);border:1px solid rgba(139,235,238,.18);box-shadow:0 0 0 44px rgba(139,235,238,.025),0 0 0 87px rgba(139,235,238,.025)}.orbital:before,.orbital:after{content:"";position:absolute;border-radius:50%;inset:48px;border:1px dashed rgba(139,235,238,.2);animation:spin 13s linear infinite}.orbital:after{inset:95px;border-style:solid;animation-direction:reverse;animation-duration:8s}.voice-core{position:absolute;inset:118px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:4px;background:rgba(4,13,17,.75);box-shadow:0 0 55px rgba(83,213,220,.18)}.voice-core i{display:block;width:4px;border-radius:5px;background:linear-gradient(#d8ffff,#61d8df);animation:wave 1.5s ease-in-out infinite;height:var(--h)}.voice-core i:nth-child(2n){animation-delay:-.5s}.voice-core i:nth-child(3n){animation-delay:-.9s}.float-chip{position:absolute;padding:10px 12px;border:1px solid rgba(140,234,237,.18);background:rgba(8,20,26,.82);border-radius:12px;font-size:10px;letter-spacing:.13em;color:#a9c9d0;backdrop-filter:blur(12px)}.chip-a{top:20%;left:8%}.chip-b{right:7%;top:34%}.chip-c{left:13%;bottom:15%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{50%{height:20%}} .section{padding:var(--section-gap) 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-head h2,.page-head h1,.content-copy h1,.content-copy h2{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.045em;margin:12px 0}.section-head p{max-width:510px;color:var(--muted);line-height:1.7}.page-hero{padding:78px 0 38px}.page-head{max-width:800px}.page-head p{color:#9fb1b8;font-size:17px;line-height:1.75;max-width:720px}.page-hero.compact{padding-bottom:20px} .game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.featured-game-grid{grid-template-columns:repeat(3,minmax(0,300px));justify-content:start}.game-card{position:relative;aspect-ratio:2/3;min-height:0;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#0d1a22;box-shadow:0 20px 55px rgba(0,0,0,.18);transition:.25s}.game-card:hover{transform:translateY(-5px);border-color:rgba(118,225,229,.28);box-shadow:0 26px 75px rgba(0,0,0,.3)}.game-card img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;transition:transform .45s}.game-card:hover img{transform:scale(1.035)}.game-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,13,.02) 34%,rgba(5,13,17,.95) 88%)}.game-card-body{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(5,17,22,.76);border:1px solid var(--line);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(10px)}.status i{width:7px;height:7px;border-radius:50%;background:var(--warn)}.status.released i{background:var(--ok);box-shadow:0 0 12px rgba(124,228,175,.6)}.status.progress i{background:var(--cyan)}.game-card h3{font-size:22px;line-height:1.06;letter-spacing:-.03em;margin:11px 0 5px}.game-card p{margin:0;color:#9db0b8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-arrow{position:absolute;z-index:3;right:14px;top:14px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:rgba(5,15,19,.58);backdrop-filter:blur(12px)}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:28px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#9fb2b9;border-radius:999px;padding:10px 14px;cursor:pointer}.filter.active,.filter:hover{color:#071015;background:var(--cyan2);border-color:transparent}.search{min-width:260px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:13px;padding:0 14px}.search input{height:43px;width:100%;border:0;outline:0;color:#fff;background:transparent}.search input::placeholder{color:#68808a} .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card,.panel{border:1px solid var(--line);background:linear-gradient(150deg,rgba(16,33,42,.75),rgba(8,18,24,.83));border-radius:22px}.feature-card{padding:28px}.feature-card span{font-size:12px;color:var(--cyan);font-weight:800}.feature-card h3{font-size:22px;margin:16px 0 8px}.feature-card p{color:var(--muted);line-height:1.7;margin:0}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.content-copy p{color:var(--muted);line-height:1.85;font-size:16px}.signal-panel{padding:24px}.signal-row{display:grid;grid-template-columns:110px 1fr 70px;gap:16px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.signal-row:first-of-type{margin-top:18px}.wave{height:72px;display:flex;align-items:center;gap:2px;overflow:hidden}.wave i{width:3px;border-radius:3px;background:#56717b}.signal-row.ua .wave i{background:linear-gradient(#c9fbff,#66dfe4)}.signal-row b{font-size:13px}.signal-row span{font-size:11px;color:#78909a}.progress-list{display:grid;gap:16px}.progress-item{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.progress-head{display:flex;justify-content:space-between;font-weight:700;margin-bottom:10px}.progress-track{height:7px;background:#102129;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#5eced5,#c3fbff);border-radius:999px} .game-hero{position:relative;min-height:590px;display:flex;align-items:end;overflow:hidden;border-bottom:1px solid var(--line)}.game-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.75)}.game-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,17,.98),rgba(5,13,17,.72) 50%,rgba(5,13,17,.38)),linear-gradient(0deg,#071015,transparent 45%)}.game-hero-content{position:relative;z-index:2;padding:80px 0 54px;max-width:740px}.game-hero h1{font-size:clamp(52px,7vw,88px);line-height:.92;letter-spacing:-.055em;margin:15px 0}.game-hero p{color:#a7b9bf;line-height:1.75;font-size:17px}.game-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.game-meta > div{padding:15px;border:1px solid var(--line);background:rgba(6,18,24,.62);border-radius:14px;backdrop-filter:blur(10px)}.game-meta span{display:block;color:#6f8791;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.game-meta strong{display:block;margin-top:5px;font-size:13px}.download-panel{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:24px}.download-panel p{margin:5px 0 0;color:var(--muted)}.install-list{display:grid;gap:12px;counter-reset:steps;padding:0;list-style:none}.install-list li{counter-increment:steps;padding:17px 18px 17px 58px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);position:relative}.install-list li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:17px;top:17px;color:var(--cyan);font-size:12px;font-weight:800}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;border:1px solid var(--line)} .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-card{padding:28px}.contact-card h3{margin:0 0 10px;font-size:25px}.contact-card p{color:var(--muted);line-height:1.7}.contact-link{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line);color:#dff8fa}.contact-link span{color:var(--cyan)}.faq-list details{border-top:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;font-size:18px;font-weight:700}.faq-list p{color:var(--muted);line-height:1.7} .empty{padding:50px;border:1px dashed var(--line);border-radius:22px;color:var(--muted);text-align:center}.site-footer{padding:34px 0;border-top:1px solid var(--line);margin-top:60px}.footer-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#718993;font-size:12px}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--cyan)} @media(max-width:920px){.desktop-nav{display:none}.menu-btn{display:grid;place-items:center}.mobile-menu.open{display:block}.hero{padding-top:48px;min-height:auto}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:430px}.game-grid{grid-template-columns:repeat(3,1fr)}.featured-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr 1fr}.game-meta{grid-template-columns:repeat(2,1fr)}.download-panel{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}} @media(max-width:620px){:root{--shell:min(100% - 24px,1180px)}.nav{height:68px}.brand{font-size:20px}.nav-pill{display:none}.hero h1{font-size:48px}.hero-stats{gap:18px;flex-wrap:wrap}.hero-visual{min-height:330px}.orbital{width:245px;height:245px}.orbital:before{inset:34px}.orbital:after{inset:70px}.voice-core{inset:88px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featured-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid,.game-meta,.gallery{grid-template-columns:1fr}.game-card{aspect-ratio:2/3;border-radius:15px}.game-card-body{left:12px;right:12px;bottom:12px}.game-card h3{font-size:17px;margin:8px 0 3px}.game-card p{font-size:10px}.status{font-size:8px;padding:5px 7px}.game-arrow{right:9px;top:9px;width:32px;height:32px;border-radius:10px}.section{padding:64px 0}.page-hero{padding-top:52px}.signal-row{grid-template-columns:80px 1fr}.signal-row>span:last-child{display:none}.footer-wrap{align-items:flex-start;flex-direction:column}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}} /* ===== ColdVoice Pro polish v3 ===== */ html{scroll-padding-top:96px}.no-scroll{overflow:hidden} .site-header{transition:transform .36s cubic-bezier(.2,.8,.2,1),background .25s,border-color .25s,box-shadow .25s}.site-header.scrolled{background:rgba(5,13,17,.9);border-color:rgba(118,225,229,.1);box-shadow:0 12px 40px rgba(0,0,0,.2)}.site-header.header-hidden{transform:translateY(-100%)} .brand-mark{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.05);box-shadow:inset 0 0 26px rgba(118,225,229,.13),0 0 26px rgba(118,225,229,.09)} .button,.filter,.nav-pill,.contact-link{position:relative;overflow:hidden}.button:after,.nav-pill:after{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.18) 45%,transparent 70%);transform:translateX(-120%);transition:transform .65s;pointer-events:none}.button:hover:after,.nav-pill:hover:after{transform:translateX(120%)} .motion-ready .motion-item{opacity:0;transform:translateY(24px);transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1)}.motion-ready .motion-item.in-view{opacity:1;transform:none}.game-grid .motion-item:nth-child(2),.feature-grid .motion-item:nth-child(2){transition-delay:.055s}.game-grid .motion-item:nth-child(3),.feature-grid .motion-item:nth-child(3){transition-delay:.11s}.game-grid .motion-item:nth-child(4){transition-delay:.165s} .game-card{--rx:0deg;--ry:0deg;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0);transform-style:preserve-3d;will-change:transform;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .32s}.game-card:hover{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-7px);box-shadow:0 30px 80px rgba(0,0,0,.38),0 0 0 1px rgba(118,225,229,.05)}.game-card:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% -20%,rgba(172,247,249,.18),transparent 38%);opacity:0;transition:opacity .32s;pointer-events:none}.game-card:hover:before{opacity:1}.game-arrow{transition:transform .3s,background .3s,border-color .3s}.game-card:hover .game-arrow{transform:translate(2px,-2px);background:rgba(118,225,229,.12);border-color:rgba(118,225,229,.3)} .game-hero{height:var(--hero-height,620px);min-height:520px;max-height:820px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(118,225,229,.12);background:#040b0f}.game-hero-media{position:absolute;inset:0;overflow:hidden;z-index:-3}.game-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center;filter:saturate(.86) contrast(1.04);animation:heroImageIn 1.25s cubic-bezier(.2,.8,.2,1) both;will-change:filter,opacity}.game-hero-vignette{position:absolute;inset:0;opacity:var(--hero-overlay,.56);background:linear-gradient(90deg,#031015 0%,rgba(3,12,16,.96) 5%,rgba(3,12,16,.73) 39%,rgba(3,12,16,.28) 70%,rgba(3,12,16,.2) 100%),linear-gradient(0deg,#071015 0%,rgba(7,16,21,.88) 9%,transparent 48%,rgba(0,0,0,.18) 100%);pointer-events:none}.game-hero-grain{position:absolute;inset:0;opacity:.16;mix-blend-mode:soft-light;pointer-events:none;background-image:linear-gradient(115deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.018) 50%,rgba(255,255,255,.018) 75%,transparent 75%);background-size:7px 7px;mask-image:linear-gradient(to bottom,#000,transparent 82%)} .game-hero-content{position:relative;z-index:2;width:var(--shell);max-width:none;margin:0 auto;padding:94px 0 54px}.game-hero-topline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;animation:heroRise .7s .15s both}.game-genre{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#9bb0b8}.game-genre:before{content:"";display:inline-block;width:18px;height:1px;background:rgba(184,232,238,.32);vertical-align:middle;margin:0 9px 3px 0}.game-hero h1{font-size:clamp(48px,6vw,86px);line-height:.93;letter-spacing:-.055em;margin:16px 0 17px;max-width:1100px;text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none;animation:heroRise .78s .2s both;text-shadow:0 4px 40px rgba(0,0,0,.28)}.game-hero-description{max-width:780px!important;margin:0;color:#b0c2c8!important;line-height:1.68!important;font-size:16px!important;animation:heroRise .78s .27s both}.game-meta{max-width:820px;margin-top:24px;animation:heroRise .8s .36s both}.game-meta > div{position:relative;overflow:hidden;border-color:rgba(192,236,242,.12);background:rgba(5,17,22,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.game-meta > div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--cyan),transparent);opacity:.45}.game-meta strong{font-size:14px;letter-spacing:-.01em}.game-meta span{font-size:9px}.hero-progress{max-width:520px;margin-top:20px;animation:heroRise .8s .32s both}.hero-progress>div{display:flex;justify-content:space-between;gap:14px;margin-bottom:8px;color:#a7bbc2;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hero-progress strong{color:var(--cyan2)}.hero-progress>i{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.hero-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ecbd2,#d1ffff);box-shadow:0 0 18px rgba(118,225,229,.42);animation:progressGrow 1.1s .5s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}.hero-scroll-cue{position:absolute;right:max(24px,calc((100% - 1180px)/2));bottom:26px;width:34px;height:52px;border:1px solid rgba(211,249,252,.22);border-radius:999px;display:grid;place-items:start center;padding-top:10px;z-index:4;opacity:.72;transition:.25s}.hero-scroll-cue:hover{opacity:1;border-color:rgba(118,225,229,.45)}.hero-scroll-cue span{width:3px;height:8px;border-radius:999px;background:var(--cyan);animation:scrollCue 1.7s infinite} .release-section{padding-top:58px}.download-panel{grid-template-columns:auto 1fr auto;gap:20px;padding:26px 28px;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(13,31,40,.88),rgba(7,18,24,.8));box-shadow:0 24px 70px rgba(0,0,0,.17)}.download-panel:before{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-180px;border-radius:50%;background:rgba(118,225,229,.09);filter:blur(10px)}.download-icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(118,225,229,.16),rgba(118,225,229,.035));border:1px solid rgba(118,225,229,.2);font-size:24px;color:var(--cyan2)}.download-copy h2{margin:7px 0 5px;font-size:26px;letter-spacing:-.035em}.download-copy p{max-width:720px}.download-action{position:relative;z-index:1}.download-button span{font-size:18px} .install-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(440px,1.28fr);gap:78px;align-items:start}.sticky-copy{position:sticky;top:118px}.sticky-copy h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;line-height:.96;margin:16px 0}.sticky-copy p{color:var(--muted);line-height:1.7}.install-note{display:flex;gap:12px;margin-top:25px;padding:14px 15px;border:1px solid rgba(118,225,229,.12);border-radius:14px;background:rgba(118,225,229,.035);font-size:12px;line-height:1.5}.install-note b{color:var(--cyan2)}.install-note span{color:#91a8b0}.install-list{gap:10px}.install-list li{min-height:68px;padding:20px 20px 20px 68px;display:flex;align-items:center;transition:transform .25s,border-color .25s,background .25s}.install-list li:hover{transform:translateX(5px);border-color:rgba(118,225,229,.22);background:rgba(118,225,229,.035)}.install-list li:before{left:20px;top:50%;transform:translateY(-50%);font-size:11px}.install-list li span{line-height:1.55;color:#c4d2d7} .gallery-section{padding-top:54px}.section-head p{color:var(--muted);margin:8px 0 0}.gallery-count{font-size:52px;line-height:1;color:rgba(118,225,229,.16);font-weight:900;letter-spacing:-.06em}.gallery-head{margin-bottom:24px} .cinema-gallery{outline:none}.cinema-gallery:focus-visible .cinema-stage{box-shadow:0 0 0 2px rgba(118,225,229,.45),0 32px 95px rgba(0,0,0,.34)} .cinema-stage{position:relative;overflow:hidden;border:1px solid rgba(188,232,239,.13);border-radius:24px;background:#040b0f;box-shadow:0 30px 90px rgba(0,0,0,.28);isolation:isolate} .cinema-stage:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(2,7,10,.05) 54%,rgba(2,8,11,.72) 100%),linear-gradient(90deg,rgba(2,9,12,.18),transparent 24%,transparent 76%,rgba(2,9,12,.18))} .cinema-main{display:block;width:100%;padding:0;border:0;background:#041015;cursor:zoom-in;position:relative;overflow:hidden} .cinema-main img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transform:scale(1.002);filter:saturate(.94) contrast(1.025);transition:opacity .24s ease,transform .75s cubic-bezier(.2,.8,.2,1),filter .45s} .cinema-main:hover img{transform:scale(1.018);filter:saturate(1.03) contrast(1.035)}.cinema-gallery.changing .cinema-main img{opacity:.18;transform:scale(1.012)} .cinema-zoom{position:absolute;right:22px;top:20px;z-index:4;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(4,13,17,.58);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(15px);color:#eafcff;font-size:17px;opacity:.68;transition:.25s}.cinema-main:hover .cinema-zoom{opacity:1;transform:translateY(-2px);border-color:rgba(118,225,229,.34);color:var(--cyan2)} .cinema-arrow{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:54px;height:74px;border:1px solid rgba(255,255,255,.13);background:rgba(3,11,15,.54);backdrop-filter:blur(15px);color:#fff;font-size:38px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.25s}.cinema-arrow:hover{background:rgba(14,37,46,.82);border-color:rgba(118,225,229,.34);color:var(--cyan2)}.cinema-prev{left:18px;border-radius:17px}.cinema-next{right:18px;border-radius:17px} .cinema-hud{position:absolute;left:24px;right:24px;bottom:21px;z-index:5;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:18px;pointer-events:none}.cinema-index{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}.cinema-index strong{font-size:22px;letter-spacing:-.03em;color:#fff}.cinema-index span{font-size:11px;color:#8299a2}.cinema-progress{height:2px;background:rgba(255,255,255,.14);overflow:hidden}.cinema-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#d7ffff);box-shadow:0 0 14px rgba(118,225,229,.5);transition:width .38s cubic-bezier(.2,.8,.2,1)}.cinema-caption{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#a7bbc2} .cinema-strip{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin;scrollbar-color:rgba(118,225,229,.28) transparent;scroll-snap-type:x proximity}.cinema-strip::-webkit-scrollbar{height:5px}.cinema-strip::-webkit-scrollbar-thumb{background:rgba(118,225,229,.24);border-radius:999px}.cinema-thumb{position:relative;flex:0 0 clamp(110px,14vw,168px);padding:0;border:1px solid rgba(255,255,255,.08);border-radius:13px;overflow:hidden;background:#071015;opacity:.52;cursor:pointer;scroll-snap-align:center;transition:opacity .25s,transform .25s,border-color .25s,box-shadow .25s}.cinema-thumb:hover{opacity:.82;transform:translateY(-2px)}.cinema-thumb.active{opacity:1;border-color:rgba(118,225,229,.55);box-shadow:0 0 0 1px rgba(118,225,229,.08),0 10px 26px rgba(0,0,0,.2)}.cinema-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.cinema-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,10,13,.7));pointer-events:none}.cinema-thumb span{position:absolute;left:9px;bottom:7px;z-index:2;color:#dffcff;font-size:9px;letter-spacing:.12em;font-weight:800} .lightbox{position:fixed;inset:0;z-index:200;background:rgba(1,6,8,.94);backdrop-filter:blur(20px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:min(90vw,1500px);max-height:84vh;border-radius:16px;box-shadow:0 35px 110px rgba(0,0,0,.55);transform:scale(.965);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.lightbox.open img{transform:scale(1)}.lightbox button{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(11,26,33,.68);color:#fff;font-size:30px;display:grid;place-items:center}.lightbox button:hover{border-color:rgba(118,225,229,.45);color:var(--cyan2)}.lightbox-close{right:28px;top:24px}.lightbox-prev{left:30px;top:50%;transform:translateY(-50%)}.lightbox-next{right:30px;top:50%;transform:translateY(-50%)}.lightbox-counter{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:7px 10px;border-radius:999px;background:rgba(8,20,26,.7);border:1px solid rgba(255,255,255,.1);font-size:11px;color:#9fb2b9} @keyframes heroImageIn{from{opacity:0;filter:saturate(.5) contrast(.9) blur(7px)}to{opacity:1;filter:saturate(.86) contrast(1.04) blur(0)}}@keyframes heroRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes scrollCue{0%{transform:translateY(0);opacity:.2}40%{opacity:1}80%,100%{transform:translateY(17px);opacity:0}}@keyframes progressGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}} @media(max-width:920px){.game-hero{height:820px;min-height:820px;max-height:820px}.game-hero-content{padding:130px 0 44px}.game-hero h1{font-size:clamp(46px,9vw,72px);max-width:850px}.game-hero-description{max-width:680px!important}.hero-scroll-cue{display:none}.install-layout{grid-template-columns:1fr;gap:32px}.sticky-copy{position:static}.download-panel{grid-template-columns:auto 1fr}.download-action{grid-column:1/-1}.download-action .button{width:100%}} @media(max-width:620px){.game-hero{height:820px;min-height:820px;max-height:820px}.game-hero-content{padding:110px 0 34px}.game-hero-vignette{background:linear-gradient(90deg,rgba(3,12,16,.94),rgba(3,12,16,.58)),linear-gradient(0deg,#071015 0%,rgba(7,16,21,.96) 12%,transparent 65%)}.game-hero h1{font-size:clamp(40px,12vw,58px);line-height:.95;margin-top:13px}.game-genre{width:100%;margin-top:2px}.game-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-meta > div{padding:12px}.download-panel{grid-template-columns:1fr;padding:20px}.download-icon{width:48px;height:48px}.install-layout{gap:26px}.sticky-copy h2{font-size:44px}.cinema-stage{border-radius:17px}.cinema-arrow{width:42px;height:58px;font-size:31px}.cinema-prev{left:8px;border-radius:13px}.cinema-next{right:8px;border-radius:13px}.cinema-hud{left:14px;right:14px;bottom:13px;grid-template-columns:auto 1fr;gap:10px}.cinema-caption{display:none}.cinema-index strong{font-size:17px}.cinema-strip{gap:7px}.cinema-thumb{flex-basis:104px;border-radius:10px}.cinema-zoom{right:11px;top:10px;width:36px;height:36px;border-radius:11px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{right:12px;top:12px}.lightbox button{width:42px;height:42px}.gallery-count{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.motion-ready .motion-item{opacity:1;transform:none}} /* Home / catalog entrance choreography */ .hero-grid>div:first-child>.kicker{animation:heroRise .65s .08s both}.hero-grid>div:first-child>h1{animation:heroRise .78s .14s both}.hero-grid>div:first-child>.hero-lead{animation:heroRise .78s .22s both}.hero-grid>div:first-child>.hero-actions{animation:heroRise .78s .3s both}.hero-grid>div:first-child>.hero-stats{animation:heroRise .78s .38s both}.hero-visual{animation:visualReveal 1s .16s cubic-bezier(.2,.8,.2,1) both}.float-chip{animation:chipFloat 4.8s ease-in-out infinite}.chip-b{animation-delay:-1.6s}.chip-c{animation-delay:-3.1s}.page-head>.kicker{animation:heroRise .6s .05s both}.page-head>h1{animation:heroRise .74s .12s both}.page-head>p{animation:heroRise .74s .2s both}.toolbar{animation:heroRise .7s .25s both} @keyframes visualReveal{from{opacity:0;transform:translateY(20px) scale(.975);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}} /* v3.3 — predictable hero crop + smart game titles */ @media(min-width:921px){.game-hero{min-height:480px}} /* Crop is declarative: identical before/after image load and builder decoration. */ .game-hero-media img{inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:var(--hero-x,50%) var(--hero-y,50%);transform:scale(var(--hero-zoom,1));transform-origin:var(--hero-x,50%) var(--hero-y,50%);will-change:filter,opacity} .game-hero h1{max-width:1100px;text-wrap:wrap;overflow-wrap:normal;word-break:normal} .game-hero h1 .smart-title-line{display:block;white-space:nowrap} @media(max-width:620px){.game-hero h1 .smart-title-line{white-space:normal}} /* ColdVoice v3.4 — prevent accidental browser text/image selection inside the cinematic game hero. */ .game-hero, .game-hero *{ -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; } .game-hero ::selection{background:transparent;color:inherit} .game-hero ::-moz-selection{background:transparent;color:inherit} .game-hero img{ -webkit-user-drag:none; user-drag:none; pointer-events:none; } /* ColdVoice v3.5 — disable accidental browser selection across the whole UI. Editing controls remain selectable so admin text/URLs can still be edited and copied. */ html, body, body *:not(input):not(textarea):not([contenteditable="true"]){ -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; } body ::selection{ background:transparent; color:inherit; } body ::-moz-selection{ background:transparent; color:inherit; } /* Keep real editing fields usable in the admin panel. */ input, textarea, [contenteditable="true"], input *, textarea *{ -webkit-user-select:text; user-select:text; -webkit-touch-callout:default; } input::selection, textarea::selection, [contenteditable="true"]::selection{ background:Highlight; color:HighlightText; } input::-moz-selection, textarea::-moz-selection, [contenteditable="true"]::-moz-selection{ background:Highlight; color:HighlightText; } /* Images and decorative SVGs cannot be accidentally dragged like files. */ img, svg{ -webkit-user-drag:none; user-drag:none; } /* ColdVoice v3.6 — release/version update date */ .game-meta .release-version-meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center} .game-meta .release-version-line{display:flex;align-items:baseline;gap:10px;min-width:0;margin-top:5px} .game-meta .release-version-meta strong{margin-top:0;flex:0 0 auto} .game-meta .release-updated{display:block;margin:0;color:#8aa3ac;font-size:9px;line-height:1.2;letter-spacing:.035em;text-transform:none;white-space:nowrap} .release-date-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;color:#8ea5ad;font-size:10px;letter-spacing:.055em;text-transform:uppercase} .release-date-line b{color:#d8fafd;font-size:10px;letter-spacing:.04em} .release-date-line i{font-style:normal;color:rgba(118,225,229,.45)} @media(max-width:620px){.game-meta .release-version-line{gap:7px;flex-wrap:wrap}.game-meta .release-updated{white-space:normal}.release-date-line{gap:6px;font-size:9px}.release-date-line b{font-size:9px}} /* ColdVoice v3.8 — deterministic mobile hero viewport. Admin Mobile preview (390×820) now has the same lower image boundary as the public page. */ @media(max-width:620px){ .game-hero-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden} } /* ================= ColdVoice v4 — production website ================= */ :root{--cv-cyan:#78e1e5;--cv-cyan2:#cfffff;--cv-panel:rgba(9,24,31,.78);--cv-line:rgba(167,229,235,.12)} .home-cinematic{position:relative;min-height:min(860px,88vh);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:#040b0f;border-bottom:1px solid var(--cv-line)} .home-cinematic-media{position:absolute;inset:0;z-index:-2;overflow:hidden}.home-cinematic-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hx,50%) var(--hy,50%);filter:saturate(.78) contrast(1.08);transform:scale(1.015);animation:homeHeroIn 1.2s cubic-bezier(.2,.8,.2,1) both}.home-cinematic-media>div{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,11,15,.96) 0%,rgba(3,11,15,.84) 30%,rgba(3,11,15,.35) 65%,rgba(3,11,15,.26) 100%),linear-gradient(0deg,#071015 0%,rgba(7,16,21,.84) 9%,transparent 52%)} .home-cinematic-content{padding:160px 0 80px;position:relative}.home-kicker{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#a8bec5}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(118,225,229,.09),0 0 20px rgba(118,225,229,.55)}.home-cinematic h1{max-width:1050px;margin:18px 0;font-size:clamp(58px,7vw,106px);line-height:.9;letter-spacing:-.065em;text-wrap:balance}.home-cinematic p{max-width:760px;color:#b0c2c8;font-size:17px;line-height:1.7}.home-proof{display:flex;gap:32px;flex-wrap:wrap;margin-top:42px}.home-proof div{display:grid;gap:3px;padding-left:14px;border-left:1px solid rgba(118,225,229,.27)}.home-proof b{font-size:20px;color:#f4ffff}.home-proof span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#789099}.hero-mouse{position:absolute;right:max(25px,calc((100% - 1180px)/2));bottom:34px;width:32px;height:50px;border:1px solid rgba(255,255,255,.18);border-radius:999px;display:grid;place-items:start center;padding-top:9px}.hero-mouse span{width:3px;height:8px;border-radius:999px;background:var(--cyan);animation:scrollCue 1.7s infinite} .compact-section{padding-top:26px!important;padding-bottom:26px!important}.brand-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;color:#7f969f;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.brand-strip i{width:4px;height:4px;border-radius:50%;background:rgba(118,225,229,.45);flex:none}.section-tail{margin-top:26px}.wide-gap{gap:84px}.micro-features{display:grid;gap:14px;margin:28px 0}.micro-features>div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:15px 0;border-top:1px solid rgba(255,255,255,.07)}.micro-features b{font-size:11px;color:var(--cyan);letter-spacing:.12em}.micro-features span{display:grid;gap:4px;color:#8fa5ad;font-size:13px}.micro-features strong{color:#e8f7f9;font-size:15px}.compare-preview{padding:28px}.compare-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px}.compare-label span{font-size:10px;color:var(--cyan);font-weight:900;letter-spacing:.14em}.compare-label b{font-size:13px;color:#d9e9ed}.project-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-progress-card{display:block;padding:22px;border:1px solid var(--cv-line);border-radius:20px;background:linear-gradient(145deg,rgba(11,29,37,.85),rgba(5,16,21,.7));transition:.25s}.project-progress-card:hover{transform:translateY(-3px);border-color:rgba(118,225,229,.28)}.project-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.project-title h3{margin:10px 0 0;font-size:22px;letter-spacing:-.03em}.project-title>strong{font-size:36px;letter-spacing:-.05em;color:rgba(118,225,229,.28)}.stage-bars{display:grid;gap:10px;margin-top:20px}.stage-bars>div{display:grid;grid-template-columns:85px 1fr 38px;align-items:center;gap:12px;font-size:10px;color:#94aab1}.stage-bars i{height:4px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.stage-bars b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#4ecbd2,#cfffff)}.stage-bars em{font-style:normal;text-align:right;color:#c6dde1}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.news-grid-page{grid-template-columns:repeat(3,minmax(0,1fr))}.news-card{display:block;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(8,22,28,.72);transition:.28s}.news-card:hover{transform:translateY(-5px);border-color:rgba(118,225,229,.26);box-shadow:0 24px 60px rgba(0,0,0,.23)}.news-art{aspect-ratio:16/9;overflow:hidden;background:#071015}.news-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.news-card:hover .news-art img{transform:scale(1.035)}.news-art-placeholder{height:100%;display:grid;place-items:center;font-size:36px;font-weight:900;color:rgba(118,225,229,.18);background:radial-gradient(circle at 50% 35%,rgba(118,225,229,.12),transparent 45%)}.news-card>div:last-child{padding:20px}.news-card span{font-size:9px;color:var(--cyan);letter-spacing:.12em}.news-card h3{font-size:21px;letter-spacing:-.03em;margin:8px 0}.news-card p{color:var(--muted);font-size:13px;line-height:1.6}.news-card em{font-style:normal;font-size:11px;color:#c8f6f8}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px 42px;border:1px solid rgba(118,225,229,.15);border-radius:26px;background:radial-gradient(circle at 85% 0%,rgba(118,225,229,.1),transparent 34%),linear-gradient(130deg,rgba(11,31,39,.88),rgba(6,17,22,.75));overflow:hidden}.cta-panel h2{max-width:760px;margin:9px 0;font-size:clamp(34px,4vw,56px);letter-spacing:-.055em;line-height:1}.cta-panel p{color:var(--muted);max-width:700px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.button.glass{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);color:#e9f7f8} @keyframes homeHeroIn{from{opacity:.25;transform:scale(1.05);filter:saturate(.45) blur(6px)}to{opacity:1;transform:scale(1.015);filter:saturate(.78) contrast(1.08)}} /* Catalog */ .catalog-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto 190px;gap:14px;align-items:center;margin-bottom:16px}.search-box{display:flex;align-items:center;gap:10px;padding:0 15px;height:48px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(7,20,26,.72)}.search-box input{flex:1;border:0!important;background:transparent!important;padding:0!important;outline:none;color:#eaf7f8}.filter-row{display:flex;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(7,20,26,.72)}.filter-row button{height:38px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#849ba3;font-weight:800;font-size:11px}.filter-row button.active{background:rgba(118,225,229,.12);color:#e1ffff;box-shadow:inset 0 0 0 1px rgba(118,225,229,.16)}.catalog-toolbar select{height:48px;border-radius:14px}.catalog-summary{display:flex;justify-content:space-between;margin:0 2px 22px;color:#708991;font-size:11px}.game-card-art{position:relative;aspect-ratio:2/3;overflow:hidden}.game-card-art>img{width:100%;height:100%;object-fit:cover}.game-card-hover{position:absolute;inset:auto 12px 12px 12px;padding:10px;border-radius:10px;background:rgba(3,11,15,.78);backdrop-filter:blur(10px);border:1px solid rgba(118,225,229,.14);text-align:center;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#d9ffff;opacity:0;transform:translateY(8px);transition:.25s}.game-card:hover .game-card-hover{opacity:1;transform:none}.game-card-status{display:flex;justify-content:space-between;align-items:center;gap:8px}.game-card-status small{font-size:9px;color:#6e858d}.game-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.game-card-meta span{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.04);font-size:8px;color:#8ca2a9;text-transform:uppercase;letter-spacing:.06em} /* Game details v4 */ .production-strip{padding-top:36px!important;padding-bottom:24px!important}.section-head.mini{margin-bottom:20px}.big-percent{font-size:42px;color:rgba(118,225,229,.25);letter-spacing:-.06em}.production-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.production-stages>div{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(8,22,28,.62)}.production-stages>div>div{display:flex;justify-content:space-between;margin-bottom:10px;font-size:10px;color:#91a7ae}.production-stages i{display:block;height:4px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.production-stages em{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#d8ffff);border-radius:999px}.release-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.release-quick span{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.05);font-size:9px;color:#9bb0b7}.video-frame{aspect-ratio:16/9;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#02070a;box-shadow:0 28px 80px rgba(0,0,0,.28)}.video-frame iframe{width:100%;height:100%;border:0}.audio-compare-list{display:grid;gap:16px}.audio-compare{padding:24px;border:1px solid var(--cv-line);border-radius:20px;background:linear-gradient(145deg,rgba(11,29,37,.84),rgba(5,15,20,.78))}.audio-card-head{display:flex;justify-content:space-between;gap:20px}.audio-card-head>div{display:flex;align-items:center;gap:14px}.audio-card-head>div>span{font-size:10px;color:var(--cyan);font-weight:900}.audio-card-head h3{margin:0;font-size:20px}.audio-card-head>span{font-size:11px;color:#7e969e}.audio-switch{display:inline-flex;margin:20px 0 14px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.13)}.audio-switch button{min-width:110px;height:38px;border:0;border-radius:9px;background:transparent;color:#7e959d;font-weight:900}.audio-switch button small{font-size:8px;font-weight:700;opacity:.65}.audio-switch button.active{background:rgba(118,225,229,.12);color:#e5ffff;box-shadow:inset 0 0 0 1px rgba(118,225,229,.15)}.audio-console{display:grid;grid-template-columns:46px 1fr 92px;gap:14px;align-items:center}.audio-play{width:46px;height:46px;border-radius:50%;border:1px solid rgba(118,225,229,.22);background:rgba(118,225,229,.1);color:#d9ffff}.audio-waveform{--audio-progress:0%;height:54px;display:flex;gap:2px;align-items:center;cursor:pointer;position:relative;overflow:hidden}.audio-waveform:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--audio-progress);background:linear-gradient(90deg,rgba(118,225,229,.18),rgba(118,225,229,.04));border-right:1px solid var(--cyan);pointer-events:none}.audio-waveform i{flex:1;min-width:1px;max-width:4px;border-radius:999px;background:#5b747d;opacity:.72}.audio-time{text-align:right;font-size:10px;color:#8299a1;font-variant-numeric:tabular-nums}.info-columns{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.info-columns h2{font-size:clamp(42px,5vw,66px);letter-spacing:-.055em;line-height:.95}.compat-grid{display:grid;gap:10px}.compat-item{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(8,22,28,.6);color:#bfd1d6}.compat-item i{font-style:normal;color:var(--cyan)}.compat-note{margin-top:6px;padding:18px;border-radius:14px;background:rgba(255,194,87,.055);border:1px solid rgba(255,194,87,.13)}.compat-note b{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#ffd48b}.compat-note p{margin:7px 0 0;color:#a9b7bb;line-height:1.6}.install-tabs{display:flex;gap:6px;margin-top:22px}.install-tabs button{height:38px;padding:0 13px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#7f979f}.install-tabs button.active{color:#e4ffff;border-color:rgba(118,225,229,.22);background:rgba(118,225,229,.08)}.release-history{display:grid;gap:10px}.release-row{display:grid;grid-template-columns:76px 1fr auto;gap:22px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(8,22,28,.62)}.release-row.latest{border-color:rgba(118,225,229,.18);background:linear-gradient(100deg,rgba(118,225,229,.055),rgba(8,22,28,.62))}.release-badge{align-self:start;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.05);font-size:8px;font-weight:900;letter-spacing:.1em;color:#8299a1}.release-row.latest .release-badge{background:rgba(118,225,229,.11);color:#cfffff}.release-main h3{margin:0;font-size:18px}.release-main>div>span{font-size:10px;color:#799099}.release-main ul{margin:12px 0 0;padding-left:18px;color:#aebfc4;font-size:12px;line-height:1.6}.release-main p{font-size:12px;color:#7f969d}.release-side{display:grid;justify-items:end;align-content:center;gap:8px}.release-side span{font-size:10px;color:#8399a1}.release-side a{font-size:10px;color:#d3ffff}.faq-layout{display:grid;grid-template-columns:.6fr 1.4fr;gap:70px}.faq-layout h2{font-size:clamp(42px,5vw,66px);letter-spacing:-.055em}.faq-list{display:grid;gap:8px}.faq-list details{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(8,22,28,.6);overflow:hidden}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:16px;padding:17px 18px;cursor:pointer;color:#d7e7ea;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--cyan);transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0;padding:0 18px 18px;color:#8fa5ad;line-height:1.65}.download-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:rgba(1,7,10,.85);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:.25s}.download-modal.open{opacity:1;visibility:visible}.download-dialog{position:relative;width:min(720px,100%);padding:30px;border:1px solid rgba(118,225,229,.18);border-radius:24px;background:#08171d;box-shadow:0 40px 120px rgba(0,0,0,.55);transform:translateY(14px) scale(.985);transition:.28s}.download-modal.open .download-dialog{transform:none}.modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#d6e7ea;font-size:22px}.download-dialog h2{font-size:30px;margin:8px 0 20px}.download-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.download-specs div{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.download-specs span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#6f878f}.download-specs b{display:block;margin-top:5px;font-size:12px}.hash-box{margin-top:14px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#061116}.hash-box span{display:block;font-size:8px;color:#6f878f;letter-spacing:.1em}.hash-box code{display:block;overflow-wrap:anywhere;margin:6px 0;font-size:10px;color:#a9c2c8;user-select:text!important}.hash-box button{border:0;background:transparent;color:var(--cyan);padding:0;font-size:10px}.download-warning{margin:16px 0;color:#8fa5ad;font-size:12px;line-height:1.6}.button.full{width:100%;justify-content:center} /* News article */ .article-hero{position:relative;padding:150px 0 70px;min-height:460px;overflow:hidden;background:#071015}.article-hero.has-cover{min-height:600px;display:flex;align-items:flex-end}.article-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.article-hero.has-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,11,15,.95),rgba(3,11,15,.42)),linear-gradient(0deg,#071015,transparent 60%)}.article-hero .shell{position:relative;z-index:2}.back-link{display:inline-block;margin-bottom:28px;color:#8299a1;font-size:11px}.article-hero h1{max-width:950px;margin:10px 0;font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-.06em}.article-hero p{max-width:760px;color:#b1c1c6;font-size:16px;line-height:1.6}.article-body{display:grid;grid-template-columns:minmax(0,850px) 240px;gap:70px;padding-top:60px;padding-bottom:80px}.article-prose p{font-size:16px;line-height:1.8;color:#b1c2c7;margin:0 0 24px}.article-side{position:sticky;top:110px;align-self:start} /* About & contact */ .studio-manifest{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.studio-manifest h2{font-size:clamp(44px,5vw,70px);line-height:.95;letter-spacing:-.06em}.studio-manifest p{font-size:16px;line-height:1.8;color:#a9bcc2}.studio-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeline-step{position:relative;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(8,22,28,.65)}.timeline-step b{font-size:10px;color:var(--cyan);letter-spacing:.12em}.timeline-step h3{margin:35px 0 10px;font-size:20px}.timeline-step p{color:#8299a1;font-size:12px;line-height:1.65}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value-panel{padding:28px}.value-panel>span{font-size:10px;color:var(--cyan);letter-spacing:.12em}.value-panel h3{font-size:23px;line-height:1.05;margin:28px 0 10px}.value-panel p{color:#879da5;line-height:1.65}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.contact-info h2{font-size:clamp(42px,5vw,64px);letter-spacing:-.055em}.contact-info>p{color:#91a8b0;line-height:1.7}.contact-links{display:grid;gap:8px;margin-top:26px}.contact-links a{display:flex;justify-content:space-between;gap:14px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(8,22,28,.6)}.contact-links span{font-size:10px;color:#748b93}.contact-links b{font-size:11px;color:#d8edef}.report-form{padding:28px}.form-head{margin-bottom:22px}.form-head h2{margin:7px 0;font-size:30px}.form-head p{color:#8399a0}.report-form label{display:grid;gap:7px;margin:13px 0}.report-form label>span{font-size:10px;font-weight:800;color:#b5c7cb}.report-form small{color:#617980;font-weight:600}.report-form input,.report-form select,.report-form textarea{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#061218;color:#e7f4f6;padding:13px;outline:none}.report-form input:focus,.report-form textarea:focus,.report-form select:focus{border-color:rgba(118,225,229,.35);box-shadow:0 0 0 3px rgba(118,225,229,.05)}.form-status{min-height:20px;color:#f0a0a0;font-size:11px}.form-status.ok{color:#9be0c2} .site-footer{padding-top:50px}.footer-main{display:grid;grid-template-columns:1fr 180px 280px;gap:60px;padding-bottom:34px}.footer-brand p{max-width:430px;color:#778e96;font-size:12px;line-height:1.6}.footer-col{display:grid;align-content:start;gap:10px}.footer-col b{margin-bottom:5px;color:#cbdde1;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.footer-col a{font-size:11px;color:#7f969e}.footer-col a:hover{color:#d8ffff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.06);font-size:9px;color:#5f747c;text-transform:uppercase;letter-spacing:.08em} @media(max-width:980px){.news-grid,.news-grid-page{grid-template-columns:repeat(2,1fr)}.project-progress-grid{grid-template-columns:1fr}.catalog-toolbar{grid-template-columns:1fr}.filter-row{overflow:auto}.production-stages{grid-template-columns:repeat(2,1fr)}.info-columns,.faq-layout,.studio-manifest,.contact-layout{grid-template-columns:1fr;gap:34px}.studio-timeline{grid-template-columns:repeat(2,1fr)}.values-grid{grid-template-columns:1fr}.article-body{grid-template-columns:1fr}.article-side{position:static}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}} @media(max-width:720px){.home-cinematic{min-height:820px}.home-cinematic-content{padding:130px 0 65px}.home-cinematic h1{font-size:clamp(52px,15vw,76px)}.home-proof{gap:18px}.brand-strip{justify-content:flex-start;overflow:auto}.news-grid,.news-grid-page{grid-template-columns:1fr}.cta-panel{display:grid;padding:26px}.cta-actions{justify-content:flex-start}.project-title>strong{font-size:30px}.stage-bars>div{grid-template-columns:72px 1fr 34px}.production-stages{grid-template-columns:1fr}.audio-card-head{display:grid}.audio-console{grid-template-columns:42px 1fr}.audio-time{grid-column:2;text-align:left}.release-row{grid-template-columns:1fr}.release-badge{justify-self:start}.release-side{justify-items:start}.download-specs{grid-template-columns:repeat(2,1fr)}.studio-timeline{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:grid}.article-hero.has-cover{min-height:520px}.catalog-toolbar select{width:100%}} .game-card-hover{z-index:4} /* ================= ColdVoice v4.1 — refined game catalog controls ================= */ .hidden{display:none!important} .catalog-toolbar{ display:grid; grid-template-columns:minmax(320px,1fr) auto 190px; gap:10px; align-items:center; margin-bottom:14px; } .search-box,.filter-row,.genre-trigger{ border:1px solid rgba(255,255,255,.085); background:linear-gradient(180deg,rgba(11,27,35,.82),rgba(7,20,26,.74)); box-shadow:inset 0 1px 0 rgba(255,255,255,.018); } .search-box{ height:50px; border-radius:14px; transition:border-color .2s,box-shadow .2s,background .2s; } .search-box:focus-within{ border-color:rgba(118,225,229,.28); box-shadow:0 0 0 3px rgba(118,225,229,.045),inset 0 1px 0 rgba(255,255,255,.025); background:rgba(10,26,33,.9); } .search-icon{color:#8fe7ea;font-size:16px;opacity:.9} .filter-row{ min-height:50px; padding:5px; border-radius:14px; align-items:center; } .filter-row button{ height:38px; padding:0 13px; border-radius:9px; transition:color .18s,background .18s,box-shadow .18s; white-space:nowrap; } .filter-row button:hover{color:#d9f6f8;background:rgba(255,255,255,.035)} .filter-row button.active{ background:linear-gradient(180deg,rgba(118,225,229,.15),rgba(118,225,229,.08)); color:#efffff; box-shadow:inset 0 0 0 1px rgba(118,225,229,.18),0 5px 18px rgba(0,0,0,.12); } .genre-filter{position:relative;min-width:0;z-index:45} .genre-trigger{ width:100%; height:50px; padding:0 13px 0 14px; border-radius:14px; color:#eefafb; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; text-align:left; transition:border-color .2s,background .2s,box-shadow .2s; } .genre-trigger:hover,.genre-filter.open .genre-trigger{ border-color:rgba(118,225,229,.27); background:rgba(10,27,34,.95); box-shadow:0 0 0 3px rgba(118,225,229,.035); } .genre-trigger-copy{display:grid;gap:1px;min-width:0} .genre-trigger-copy small{ color:#607b85; font-size:7px; line-height:1; font-weight:900; text-transform:uppercase; letter-spacing:.13em; } .genre-trigger-copy strong{ min-width:0; max-width:138px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#d9ebee; font-size:11px; line-height:1.25; font-weight:800; } .genre-chevron{color:#78e1e5;font-size:18px;line-height:1;transform:translateY(-1px);transition:transform .2s} .genre-filter.open .genre-chevron{transform:translateY(1px) rotate(180deg)} .genre-menu{ position:absolute; top:calc(100% + 8px); right:0; width:max(100%,220px); max-height:280px; overflow:auto; padding:6px; border:1px solid rgba(118,225,229,.16); border-radius:14px; background:rgba(7,19,25,.985); box-shadow:0 22px 65px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.025); backdrop-filter:blur(18px); opacity:0; visibility:hidden; transform:translateY(-5px) scale(.985); transform-origin:top right; transition:opacity .16s,transform .16s,visibility .16s; } .genre-filter.open .genre-menu{opacity:1;visibility:visible;transform:none} .genre-option{ width:100%; min-height:38px; padding:0 10px; border:0; border-radius:9px; background:transparent; color:#8ea5ad; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; text-align:left; font-size:11px; font-weight:750; } .genre-option:hover{background:rgba(255,255,255,.04);color:#e5f5f7} .genre-option i{font-style:normal;color:#78e1e5;opacity:0;transform:scale(.75);transition:.15s} .genre-option.active{background:rgba(118,225,229,.09);color:#e9ffff} .genre-option.active i{opacity:1;transform:none} .catalog-summary{min-height:18px;margin:0 2px 22px} .catalog-summary [data-filter-summary]{color:#58727c} .catalog-section .empty{margin-top:0;padding:44px 24px;background:rgba(8,21,27,.34)} @media(max-width:1100px){ .catalog-toolbar{grid-template-columns:1fr auto} .search-box{grid-column:1/-1} .genre-filter{width:190px} } @media(max-width:720px){ .catalog-toolbar{grid-template-columns:1fr;gap:9px} .search-box{grid-column:auto} .filter-row{width:100%;overflow:auto;scrollbar-width:none} .filter-row::-webkit-scrollbar{display:none} .genre-filter{width:100%} .genre-trigger-copy strong{max-width:none} .genre-menu{left:0;right:0;width:100%} .catalog-summary{gap:12px;align-items:flex-start} .catalog-summary [data-filter-summary]{text-align:right} } /* ================= ColdVoice v4.2 — stable catalog geometry ================= Prevents the entire centered page from shifting horizontally when filters change the number of results and the browser scrollbar appears/disappears. */ html{ overflow-y:scroll; scrollbar-gutter:stable; } /* Keep the segmented status switch physically identical in every state. */ .catalog-toolbar{ grid-template-columns:minmax(280px,1fr) 366px 190px; } .filter-row{ width:366px; display:grid; grid-template-columns:58px 78px 92px 118px; gap:2px; flex:none; overflow:hidden; } .filter-row button{ width:100%; min-width:0; padding:0 8px; border:0; outline:0; font-weight:800; font-variation-settings:"wght" 800; transform:none!important; } .filter-row button.active{ font-weight:800; font-variation-settings:"wght" 800; } /* Dark fallback for an older cached v4.0 games.html that still contains the native