:root{--night:#17233f;--night-deep:#0d152c;--ice:#f4f7fb;--white:#fff;--silver:#aeb8c9;--line:rgba(174,184,201,.24);--red:#c5344d;--red-bright:#e14b5f;--gold:#d8b57a;--shadow:0 22px 70px rgba(2,8,24,.38);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night-deep);color:var(--ice);font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 80% 15%,rgba(77,103,160,.22),transparent 34%),linear-gradient(145deg,var(--night) 0%,var(--night-deep) 66%)}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}.snowfield{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.33;background-image:radial-gradient(circle,rgba(255,255,255,.75) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,255,255,.5) 0 1px,transparent 1.5px);background-size:93px 117px,143px 171px;background-position:10px 20px,60px 80px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.site-header{position:sticky;top:0;z-index:20;background:rgba(13,21,44,.84);border-bottom:1px solid transparent;backdrop-filter:blur(16px);transition:.3s}.site-header.scrolled{border-color:var(--line);box-shadow:0 8px 30px rgba(0,0,0,.14)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{display:block;width:58px;height:44px;overflow:hidden;border:1px solid rgba(216,181,122,.7);background:var(--night);flex:0 0 auto}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.brand strong{display:block;font-family:serif;font-size:16px;letter-spacing:.08em}.brand small{display:block;color:var(--silver);font-size:8px;letter-spacing:.2em;line-height:1.2}.main-nav{display:flex;align-items:center;gap:23px;color:var(--silver);font-size:13px}.main-nav a{transition:color .25s}.main-nav a:hover,.main-nav a:focus-visible{color:var(--white)}.main-nav .nav-cta{color:var(--white);padding:9px 15px;border:1px solid var(--red);background:rgba(197,52,77,.1);letter-spacing:.08em}.nav-cta span,.button span{margin-left:8px}.menu-toggle{display:none;background:none;border:0;color:var(--white);padding:8px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--white);margin:5px}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;padding-top:58px;padding-bottom:70px}.eyebrow,.kicker{margin:0 0 18px;color:var(--gold);font-size:11px;letter-spacing:.25em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;width:26px;height:1px;background:var(--red-bright)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:20px;font-family:serif;font-weight:400;line-height:1.1;font-size:clamp(56px,7vw,94px);letter-spacing:.04em;text-shadow:0 8px 32px rgba(0,0,0,.28)}h1 em{font-style:normal;color:var(--white);position:relative}h1 em:after{content:"";position:absolute;left:4px;bottom:-8px;width:75%;height:2px;background:var(--red);transform:rotate(-3deg)}.hero-lead{font-family:serif;font-size:21px;color:var(--white);margin-bottom:10px}.hero-text{max-width:490px;color:var(--silver);font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 20px;font-size:13px;letter-spacing:.08em;border:1px solid transparent;transition:transform .25s,background .25s,border .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--red);color:var(--white);box-shadow:0 12px 28px rgba(197,52,77,.2)}.button-primary:hover{background:var(--red-bright);box-shadow:0 15px 34px rgba(197,52,77,.35)}.button-ghost{border-color:var(--line);color:var(--silver)}.button-ghost:hover{border-color:var(--silver);color:var(--white)}.hero-meta{display:flex;gap:27px;margin-top:50px;color:var(--silver);font-size:11px}.hero-meta b{color:var(--red-bright);font-weight:400;margin-right:6px}.hero-art{position:relative}.hero-frame{position:relative;overflow:hidden;border:1px solid rgba(244,247,251,.22);box-shadow:var(--shadow);transform:rotate(2deg);background:var(--night)}.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.08),transparent 55%);pointer-events:none}.hero-frame img{display:block;width:100%;height:auto}.hero-stamp{position:absolute;top:-25px;right:-22px;width:105px;height:105px;display:grid;place-items:center;text-align:center;border:1px solid var(--red);border-radius:50%;background:rgba(13,21,44,.83);color:var(--red-bright);font-family:serif;line-height:1.2;transform:rotate(12deg);font-size:21px}.hero-stamp span{font-size:10px;color:var(--silver)}.hero-caption{display:flex;align-items:center;gap:12px;margin:25px 0 0 32px;color:var(--silver);font-family:serif;font-size:14px}.hero-caption .line{width:44px;height:1px;background:var(--red)}.section{padding-top:115px;padding-bottom:115px}.section-heading h2{margin-bottom:18px;font:400 clamp(32px,4vw,54px)/1.2 serif;letter-spacing:.04em}.section-heading h2 span{color:var(--white)}.section-heading>p:last-child{color:var(--silver);max-width:590px}.intro-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:75px;align-items:center}.media-card{position:relative;overflow:hidden;background:#111a31;border:1px solid var(--line);box-shadow:var(--shadow)}.media-card img{display:block;width:100%;height:auto;transition:transform .7s}.media-card:hover img{transform:scale(1.035)}.image-label{position:absolute;left:18px;bottom:16px;color:var(--white);font:16px serif;letter-spacing:.12em;text-shadow:0 2px 8px #000}.intro-copy{color:var(--silver);font-size:15px}.intro-copy .lead{color:var(--white);font-size:18px;line-height:1.8}.text-link{display:inline-flex;gap:14px;align-items:center;margin-top:17px;padding-bottom:5px;border-bottom:1px solid var(--red);color:var(--white);font-size:13px;letter-spacing:.08em}.text-link span{color:var(--red-bright);font-size:19px;transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.content-section{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);border-top:1px solid rgba(174,184,201,.08);border-bottom:1px solid rgba(174,184,201,.08)}.centered{text-align:center}.centered>p:last-child{margin-left:auto;margin-right:auto}.story-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:start;margin-top:60px}.story-visual{position:sticky;top:110px}.vertical-note{position:absolute;bottom:16px;left:18px;writing-mode:vertical-rl;color:rgba(255,255,255,.74);font-size:10px;letter-spacing:.25em}.story-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.story-item{display:grid;grid-template-columns:39px 1fr;gap:15px;padding:21px 0;border-top:1px solid var(--line)}.story-item>span{color:var(--red-bright);font:14px serif}.story-item h3{margin-bottom:6px;color:var(--white);font:20px serif}.story-item p{margin-bottom:0;color:var(--silver);font-size:13px;line-height:1.85}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;margin-top:55px}.guide-image{transform:rotate(-1.5deg)}.choice-card{position:absolute;right:16px;bottom:16px;padding:13px 17px;background:rgba(13,21,44,.9);border-left:2px solid var(--red)}.choice-card span{display:block;color:var(--red-bright);font-size:10px;letter-spacing:.14em}.choice-card strong{font:18px serif}.guide-points{display:grid;grid-template-columns:1fr 1fr;gap:23px}.guide-point{padding-top:15px;border-top:1px solid var(--line)}.guide-point b{color:var(--red-bright);font:14px serif}.guide-point h3{margin:8px 0;color:var(--white);font:20px serif}.guide-point p{margin:0;color:var(--silver);font-size:13px;line-height:1.8}.guide-points .text-link{grid-column:1/-1;margin-top:3px}.characters{padding:85px 0;background:rgba(7,13,29,.28);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.character-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.character-intro h2{margin:0;font:400 40px serif}.character-intro>p:last-child{margin:0;color:var(--silver);font-size:13px}.character-strip{display:grid;grid-template-columns:.6fr 1.5fr 1fr;gap:17px}.character-card{position:relative;min-height:230px;overflow:hidden;border:1px solid var(--line);background:#111a31}.character-card.wide{min-height:310px}.character-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.character-card:hover img{transform:scale(1.04)}.character-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,10,23,.85))}.character-card span{position:absolute;z-index:1;bottom:15px;left:16px;font:17px serif;color:var(--white)}.features{padding-bottom:90px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:52px}.feature-grid article{min-height:235px;padding:26px 23px;border:1px solid var(--line);background:rgba(23,35,63,.5);transition:.3s}.feature-grid article:hover{border-color:rgba(197,52,77,.75);transform:translateY(-5px)}.feature-num{color:var(--red-bright);font:14px serif}.feature-grid h3{margin:25px 0 10px;font:20px serif}.feature-grid p{color:var(--silver);font-size:13px;margin:0}.updates{background:linear-gradient(90deg,rgba(255,255,255,.025),transparent);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.updates-layout{display:grid;grid-template-columns:1fr;gap:48px}.updates-layout .section-heading{max-width:720px}.timeline{position:relative;list-style:none;padding:0;margin:0}.timeline:before{content:"";position:absolute;left:71px;top:13px;bottom:14px;width:1px;background:var(--line)}.timeline li{position:relative;display:grid;grid-template-columns:105px 1fr;gap:28px;padding-bottom:30px}.timeline li:before{content:"";position:absolute;left:67px;top:8px;width:9px;height:9px;border:1px solid var(--red);border-radius:50%;background:var(--night-deep)}.timeline time{color:var(--red-bright);font:14px serif;letter-spacing:.1em}.timeline h3{margin:0 0 6px;font:20px serif}.timeline p{margin:0;color:var(--silver);font-size:13px}.faq-list{max-width:850px;margin:48px auto 0;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:20px 4px;color:var(--white);font:18px serif;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--red-bright);font-family:system-ui;font-weight:300;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{padding:0 38px 21px 4px;margin:0;color:var(--silver);font-size:14px}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:70px;padding-bottom:70px}.final-cta h2{margin-bottom:8px;font:400 clamp(28px,4vw,47px) serif}.final-cta p:last-child{margin:0;color:var(--silver)}.site-footer{border-top:1px solid var(--line);color:var(--silver);font-size:11px}.footer-inner{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner a{color:var(--white)}
@media(max-width:980px){.main-nav{gap:13px;font-size:12px}.hero{gap:30px}.story-layout,.updates-layout{gap:45px}.feature-grid{grid-template-columns:1fr 1fr}.character-intro{display:block}.character-intro>p:last-child{margin-top:10px}}
@media(max-width:760px){.container{width:min(var(--max),calc(100% - 32px))}.nav-wrap{min-height:68px}.menu-toggle{display:block}.main-nav{position:absolute;top:68px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;padding:15px;background:rgba(13,21,44,.98);border:1px solid var(--line);box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:10px 12px}.main-nav .nav-cta{text-align:center}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;min-height:0}.hero-copy{order:1}.hero-art{order:2;margin:35px 10px 0}.hero-stamp{width:78px;height:78px;right:-9px;top:-18px;font-size:16px}.hero-caption{margin-left:6px;font-size:12px}.hero-meta{margin-top:30px;gap:13px;flex-wrap:wrap}.section{padding-top:78px;padding-bottom:78px}.intro-grid,.story-layout,.guide-grid,.updates-layout{grid-template-columns:1fr;gap:35px}.story-visual{position:relative;top:auto}.story-list{grid-template-columns:1fr;gap:0}.guide-points{gap:22px 15px}.character-strip{grid-template-columns:1fr 1fr}.character-card.wide{grid-column:1/-1;grid-row:1}.character-card{min-height:170px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-grid article{min-height:220px;padding:21px 16px}.feature-grid h3{font-size:18px}.timeline:before{left:65px}.timeline li{grid-template-columns:87px 1fr;gap:20px}.timeline li:before{left:61px}.final-cta{display:block;padding-top:60px;padding-bottom:60px}.final-cta .button{margin-top:22px}.footer-inner{padding:20px 0;flex-wrap:wrap}}
@media(max-width:430px){h1{font-size:44px}.hero-lead{font-size:18px}.hero-actions .button{width:100%}.hero-meta{font-size:10px}.feature-grid{grid-template-columns:1fr}.character-strip{grid-template-columns:1fr}.character-card.wide{grid-column:auto;grid-row:auto}.character-card{min-height:230px}.section-heading h2{font-size:29px}summary{font-size:16px}}
.nav-icon,.button-icon,.text-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--red-bright);font-family:Georgia,serif;font-size:14px;line-height:1}.main-nav a{display:inline-flex;align-items:center;gap:7px}.main-nav .nav-icon{font-size:12px;margin:0}.main-nav .nav-cta .nav-icon{color:var(--white)}.button .button-icon{margin:0 8px 0 0;font-size:15px}.text-link .text-icon{margin:0 0 0 0}.menu-toggle span{transition:transform .25s,opacity .2s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}h1{font-size:clamp(46px,5.5vw,72px)}.section-heading h2{font-size:clamp(27px,3vw,40px)}.character-intro h2{font-size:clamp(29px,3vw,38px)}.final-cta h2{font-size:clamp(25px,3.3vw,39px)}
@media(max-width:430px){h1{font-size:46px}.section-heading h2{font-size:30px}.character-intro h2{font-size:31px}.final-cta h2{font-size:30px}}
.main-nav a:not(.nav-cta){padding:7px 8px;border:1px solid transparent;transition:color .25s,border-color .25s,background-color .25s,box-shadow .25s,text-shadow .25s}.main-nav a:not(.nav-cta):hover,.main-nav a:not(.nav-cta):focus-visible{color:var(--white);border-color:rgba(244,247,251,.8);background:rgba(244,247,251,.055);box-shadow:0 0 14px rgba(244,247,251,.16),inset 0 0 10px rgba(244,247,251,.04);text-shadow:0 0 9px rgba(255,255,255,.72);outline:none}.main-nav a:not(.nav-cta):hover .nav-icon,.main-nav a:not(.nav-cta):focus-visible .nav-icon{color:var(--white);text-shadow:0 0 8px rgba(255,255,255,.8)}.main-nav .nav-cta{transition:transform .25s}.main-nav .nav-cta:hover,.main-nav .nav-cta:focus-visible{color:var(--white);border-color:var(--red);background:rgba(197,52,77,.1);box-shadow:none;text-shadow:none;transform:translateY(-3px);outline:none}
.brand{transition:filter .25s,transform .25s}.brand:hover,.brand:focus-visible{filter:drop-shadow(0 0 9px rgba(244,247,251,.36));transform:translateY(-1px);outline:none}.brand:hover .brand-mark,.brand:focus-visible .brand-mark{border-color:var(--ice);box-shadow:0 0 13px rgba(244,247,251,.23)}.button{position:relative;overflow:hidden;isolation:isolate}.button:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-120%;width:70%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skewX(-22deg);transition:left .55s ease}.button:hover:before,.button:focus-visible:before{left:140%}.button-primary:hover,.button-primary:focus-visible{box-shadow:0 18px 38px rgba(197,52,77,.42),0 0 0 1px rgba(255,255,255,.18);outline:none}.button-ghost:hover,.button-ghost:focus-visible{box-shadow:0 0 0 1px rgba(244,247,251,.42),0 10px 24px rgba(0,0,0,.18);outline:none}.button:hover .button-icon,.button:focus-visible .button-icon{transform:translate(2px,-2px)}.button-icon{transition:transform .25s}.media-card{transition:transform .38s ease,border-color .38s ease,box-shadow .38s ease}.media-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.22) 49%,transparent 64%);transform:translateX(-135%);transition:transform .7s ease}.media-card:hover{transform:translateY(-7px);border-color:rgba(244,247,251,.58);box-shadow:0 28px 55px rgba(2,8,24,.46),0 0 0 1px rgba(244,247,251,.08)}.media-card:hover:after{transform:translateX(135%)}.media-card:hover .image-label,.media-card:hover .vertical-note{color:var(--white);text-shadow:0 0 10px rgba(255,255,255,.6)}.story-item{position:relative;transition:padding-left .28s ease,background-color .28s ease,border-color .28s ease}.story-item:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--red-bright);transform:scaleY(0);transform-origin:center;transition:transform .28s ease}.story-item:hover{padding-left:12px;background:rgba(244,247,251,.035);border-color:rgba(244,247,251,.5)}.story-item:hover:before{transform:scaleY(1)}.story-item:hover h3{color:var(--ice);text-shadow:0 0 10px rgba(255,255,255,.26)}.guide-point{transition:transform .28s ease,border-color .28s ease,background-color .28s ease,box-shadow .28s ease}.guide-point:hover{transform:translateY(-5px);border-color:rgba(216,181,122,.72);background:rgba(216,181,122,.045);box-shadow:0 12px 26px rgba(0,0,0,.13)}.guide-point:hover b{color:var(--gold);text-shadow:0 0 9px rgba(216,181,122,.55)}.character-card{transition:transform .38s ease,border-color .38s ease,box-shadow .38s ease}.character-card:hover{transform:translateY(-7px);border-color:rgba(244,247,251,.62);box-shadow:0 22px 42px rgba(0,0,0,.34),0 0 0 1px rgba(244,247,251,.08)}.character-card:hover span{transform:translateY(-3px);text-shadow:0 0 10px rgba(255,255,255,.65)}.character-card span{transition:transform .28s ease,text-shadow .28s ease}.feature-grid article{position:relative;overflow:hidden}.feature-grid article:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--red),var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.feature-grid article:hover:before{transform:scaleX(1)}.feature-grid article:hover .feature-num{color:var(--gold);text-shadow:0 0 8px rgba(216,181,122,.6)}.timeline li{transition:transform .28s ease,background-color .28s ease}.timeline li:hover{transform:translateX(9px);background:linear-gradient(90deg,rgba(244,247,251,.06),transparent)}.timeline li:hover:before{background:var(--red-bright);box-shadow:0 0 11px rgba(225,75,95,.8)}.timeline li:hover h3{color:var(--white);text-shadow:0 0 9px rgba(255,255,255,.25)}details{transition:background-color .25s,border-color .25s,box-shadow .25s}details:hover{background:rgba(244,247,251,.035);border-color:rgba(244,247,251,.45);box-shadow:inset 3px 0 0 rgba(197,52,77,.85)}details:hover summary{padding-left:12px;color:var(--white)}summary{transition:padding .25s,color .25s}summary:hover span{color:var(--gold);text-shadow:0 0 9px rgba(216,181,122,.62)}.final-cta{position:relative;overflow:hidden;border-top:1px solid transparent;border-bottom:1px solid transparent;transition:border-color .35s,background-color .35s}.final-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent,rgba(244,247,251,.055),transparent);transform:translateX(-100%);transition:transform .8s ease}.final-cta:hover{border-color:rgba(244,247,251,.25);background-color:rgba(244,247,251,.02)}.final-cta:hover:before{transform:translateX(100%)}.text-link{transition:color .25s,border-color .25s,text-shadow .25s}.text-link:hover,.text-link:focus-visible{color:var(--white);border-color:var(--gold);text-shadow:0 0 8px rgba(255,255,255,.3);outline:none}.text-link:hover .text-icon,.text-link:focus-visible .text-icon{transform:translateX(4px);color:var(--gold)}
.guide-image:hover{transform:translateY(-7px) rotate(-1.5deg)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.media-card:hover,.character-card:hover,.guide-point:hover,.timeline li:hover{transform:none}.guide-image:hover{transform:rotate(-1.5deg)}}
.screenshot-gallery{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:22px;align-items:stretch}.screenshot-stage{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;border:1px solid var(--line);background:#111a31;box-shadow:var(--shadow)}.screenshot-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.14) 50%,transparent 62%);transform:translateX(-135%);transition:transform .7s ease}.screenshot-stage:hover:after{transform:translateX(135%)}.screenshot-stage img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s ease,transform .45s ease}.screenshot-stage img.switching{opacity:.15;transform:scale(1.025)}.screenshot-stage figcaption{position:absolute;z-index:1;left:18px;bottom:16px;color:var(--white);font:18px serif;text-shadow:0 2px 12px rgba(0,0,0,.8)}.screenshot-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}.screenshot-thumb{position:relative;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid var(--line);background:#111a31;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease}.screenshot-thumb img{display:block;width:100%;height:100%;object-fit:cover;opacity:.66;transition:opacity .25s ease,transform .4s ease}.screenshot-thumb:hover,.screenshot-thumb:focus-visible{border-color:rgba(244,247,251,.72);box-shadow:0 0 0 2px rgba(244,247,251,.12),0 12px 24px rgba(0,0,0,.25);transform:translateY(-3px);outline:none}.screenshot-thumb:hover img,.screenshot-thumb:focus-visible img{opacity:1;transform:scale(1.045)}.screenshot-thumb.active{border-color:var(--red-bright);box-shadow:0 0 0 2px rgba(225,75,95,.28),0 0 22px rgba(197,52,77,.22)}.screenshot-thumb.active img{opacity:1}.screenshot-thumb.active:after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.55);pointer-events:none}
@media(max-width:760px){.screenshot-gallery{grid-template-columns:1fr;gap:15px}.screenshot-stage{aspect-ratio:4/3}.screenshot-thumbs{min-height:190px;gap:9px}.screenshot-stage figcaption{font-size:16px;left:14px;bottom:12px}}
@media(max-width:430px){.screenshot-thumbs{min-height:150px;gap:7px}.screenshot-thumb.active:after{inset:4px}}
.floating-detail{position:fixed;z-index:30;right:28px;bottom:28px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:linear-gradient(135deg,var(--red-bright),var(--red));color:var(--white);font-size:14px;font-weight:600;letter-spacing:.08em;box-shadow:0 14px 30px rgba(0,0,0,.3),0 0 0 4px rgba(197,52,77,.12);transition:transform .25s,box-shadow .25s,background .25s}.floating-detail:hover,.floating-detail:focus-visible{background:linear-gradient(135deg,#ed596b,var(--red-bright));box-shadow:0 18px 38px rgba(0,0,0,.38),0 0 0 5px rgba(225,75,95,.18),0 0 20px rgba(225,75,95,.34);transform:translateY(-4px);outline:none}.floating-detail .button-icon{transition:transform .25s}.floating-detail:hover .button-icon,.floating-detail:focus-visible .button-icon{transform:translate(2px,-2px)}
@media(max-width:560px){.floating-detail{right:16px;bottom:16px;min-height:46px;padding:0 17px;font-size:13px}}
.main-nav a,.button,.floating-detail{border-radius:999px}
.main-nav .nav-cta{background:var(--red);border-color:var(--red);box-shadow:0 10px 24px rgba(197,52,77,.2)}
.main-nav .nav-cta:hover,.main-nav .nav-cta:focus-visible{background:var(--red-bright);border-color:var(--red-bright);box-shadow:0 14px 28px rgba(197,52,77,.3);transform:translateY(-3px)}
.main-nav{gap:18px;font-size:15px}.main-nav .nav-icon{font-size:14px}.main-nav a:not(.nav-cta){padding:8px 10px}.main-nav .nav-cta{min-height:46px;padding:10px 20px;font-size:15px}
@media(min-width:761px) and (max-width:1100px){.main-nav{gap:7px;font-size:13px}.main-nav .nav-icon{font-size:12px}.main-nav a:not(.nav-cta){padding:7px 6px}.main-nav .nav-cta{min-height:42px;padding:8px 12px;font-size:13px}}
@media(max-width:760px){.main-nav{display:flex;visibility:hidden;opacity:0;pointer-events:none;max-height:0;overflow:hidden;transform:translateY(-14px);transform-origin:top center;transition:opacity .25s ease,transform .32s ease,max-height .36s ease,visibility .36s ease}.main-nav.open{display:flex;visibility:visible;opacity:1;pointer-events:auto;max-height:520px;transform:translateY(0)}.main-nav a{opacity:0;transform:translateY(-12px);transition:opacity .24s ease,transform .32s ease,color .25s,border-color .25s,background-color .25s,box-shadow .25s,text-shadow .25s}.main-nav.open a{opacity:1;transform:translateY(0)}.main-nav.open a:nth-child(1){transition-delay:.04s}.main-nav.open a:nth-child(2){transition-delay:.08s}.main-nav.open a:nth-child(3){transition-delay:.12s}.main-nav.open a:nth-child(4){transition-delay:.16s}.main-nav.open a:nth-child(5){transition-delay:.20s}.main-nav.open a:nth-child(6){transition-delay:.24s}.main-nav.open a:nth-child(7){transition-delay:.28s}}
.friends-links{padding:58px 0 60px;background:linear-gradient(105deg,#17233f 0%,#1d2740 50%,#12313c 100%);border-top:1px solid rgba(174,184,201,.2);border-bottom:1px solid rgba(174,184,201,.16);text-align:center}.friends-inner h2{margin:0 0 22px;color:var(--ice);font:400 clamp(28px,3.5vw,40px)/1.2 serif;letter-spacing:.06em;text-shadow:0 0 18px rgba(244,247,251,.18)}.friends-list{display:flex;justify-content:center;align-items:center;gap:12px 14px;flex-wrap:wrap}.friend-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid rgba(244,247,251,.18);border-radius:999px;background:rgba(244,247,251,.08);color:var(--ice);font-size:14px;font-weight:600;letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(2,8,24,.12);transition:color .25s,border-color .25s,background-color .25s,box-shadow .25s,transform .25s}.friend-link:hover,.friend-link:focus-visible{color:var(--white);border-color:rgba(244,247,251,.58);background:rgba(244,247,251,.16);box-shadow:0 0 18px rgba(244,247,251,.16),inset 0 1px 0 rgba(255,255,255,.18);transform:translateY(-3px);outline:none}.site-footer{position:relative}
@media(max-width:560px){.friends-links{padding:48px 0}.friends-list{display:grid;grid-template-columns:1fr;gap:10px}.friend-link{width:100%;min-height:45px;padding:0 14px}}