@charset "UTF-8";
:root{--paper:#f7f3ef;--white:#fffdfb;--rose:#e9d8d9;--rose-light:#f1e6e5;--ink:#332439;--muted:#746772;--wine:#612d4c;--border:#ddcfcd;--serif:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;--radius:3px;--header:84px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}p{margin:0 0 1em}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--wine);outline-offset:5px}::selection{background:#d9bbc7;color:var(--ink)}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--wine);color:white;padding:8px 20px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:30;background:rgba(247,243,239,.97);border-bottom:1px solid var(--border)}.header-inner{max-width:1400px;width:calc(100% - 64px);margin:auto;min-height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.2;white-space:nowrap}.brand small{display:block;font-family:Georgia,serif;font-size:9px;font-weight:400;letter-spacing:2.7px;margin-top:7px}.brand-seal{font-size:47px;line-height:1;color:var(--wine)}.main-nav{display:flex;align-items:center;gap:25px;font-size:13px}.main-nav>a:not(.button){padding:10px 0;position:relative}.main-nav>a:not(.button)::after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:1px;background:var(--wine);transform:scaleX(0);transition:transform .2s}.main-nav>a:hover::after,.main-nav>a[aria-current]::after{transform:scaleX(1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:14px 26px;border:1px solid var(--wine);min-height:52px;font-size:14px;letter-spacing:1px;border-radius:2px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary,.nav-cta{background:var(--wine);color:var(--white)}.primary:hover,.nav-cta:hover{background:#43233d}.secondary{background:transparent;color:var(--wine)}.secondary:hover{background:var(--rose-light)}.nav-cta{min-height:40px;padding:8px 18px;font-size:12px;gap:14px}.menu-toggle{display:none}.eyebrow{display:block;font-size:10px;letter-spacing:2.4px;font-weight:600;color:var(--wine);line-height:1.7}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#fbf8f4 0%,#f7f3ef 50%,#e9d8d9 100%)}.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(#bba9ac .5px,transparent .5px);background-size:7px 7px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{position:relative;display:grid;grid-template-columns:1.07fr 1fr;min-height:665px;align-items:center;gap:40px;padding-top:35px;padding-bottom:45px}.hero-copy{position:relative;z-index:2}.hero-copy>.eyebrow{margin-bottom:26px}.tiny-cross{font-size:16px;margin-right:9px}.hero h1{font-family:var(--serif);font-size:76px;letter-spacing:8px;line-height:1.12;font-weight:500}.hero h1>span{display:block;font-size:36px;letter-spacing:2px;margin-top:12px;font-style:italic;font-weight:400}.hero-subtitle{font-family:var(--serif);font-size:27px;line-height:1.65;margin-top:28px;margin-bottom:17px;letter-spacing:2px}.hero-description{max-width:445px;color:var(--muted);font-size:14px;line-height:2}.hero-actions{display:flex;gap:14px;margin-top:28px}.hero-tags{display:flex;flex-wrap:wrap;gap:18px;margin-top:23px;font-size:11px;color:var(--wine)}.hero-tags span+span{position:relative}.hero-tags span+span::before{content:"·";position:absolute;left:-12px}.platform-note{margin-top:15px;font-size:10px;color:var(--muted);line-height:1.8}.hero-art{position:relative;width:100%;height:550px;display:flex;align-items:center;justify-content:center}.portrait-frame{position:relative;width:76%;aspect-ratio: .86;background:#e4ccd0;z-index:2;border-radius:49% 49% 2px 2px;overflow:hidden;box-shadow:0 24px 70px #76516426;border:8px solid #f9f3ee}.hero-portrait{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.art-orbit{position:absolute;width:470px;height:470px;border:1px solid #c6a9b2;border-radius:50%;transform:rotate(-20deg)}.orbit-two{width:420px;height:525px;transform:rotate(24deg);border-color:#d6bbc2}.art-word{position:absolute;top:8px;right:-42px;font-size:97px;letter-spacing:15px;writing-mode:vertical-rl;color:#74425815;font-family:Georgia,serif;line-height:1}.art-star{position:absolute;z-index:3;color:#77455e}.star-one{top:18px;left:12%;font-size:68px}.star-two{bottom:42px;right:3%;font-size:40px}.portrait-caption{position:absolute;bottom:5px;left:0;z-index:3;background:#faf6f0e8;padding:17px 25px;border-left:2px solid #87546a;box-shadow:0 8px 30px #67435214}.portrait-caption>span{font-family:Georgia,serif;font-size:26px;letter-spacing:5px}.portrait-caption p{font-size:11px;margin:4px 0 0;color:var(--muted)}.art-index{position:absolute;font-size:8px;letter-spacing:2px;right:0;bottom:4px;color:var(--wine)}.hero-bottom{position:relative;display:flex;justify-content:space-between;border-top:1px solid #d4c3c6;padding:20px 0;font-size:10px;letter-spacing:2px;color:var(--muted)}.hero-bottom a{display:flex;gap:40px}.facts-strip{background:var(--white);border-bottom:1px solid var(--border)}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0;text-align:center}.facts-grid>div+div{border-left:1px solid var(--border)}.facts-grid strong{font-size:26px;font-family:var(--serif);font-weight:500;line-height:1.4;color:var(--wine)}.facts-grid strong>span{font-family:Georgia,serif;font-size:15px;margin-left:5px}.facts-grid p{font-size:11px;margin:6px 0 0;color:var(--muted)}.section{padding-top:95px;padding-bottom:95px}.section-heading{margin-bottom:48px}.section-number{display:inline-block;margin-right:14px;padding-right:14px;border-right:1px solid #bba4ab}.section-heading h2{font-family:var(--serif);font-size:36px;letter-spacing:2px;margin-top:13px;font-weight:500}.section-heading>p{font-size:14px;color:var(--muted);margin-top:14px;margin-bottom:0;max-width:680px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.world-art{position:relative;padding:12px 12px 0 0}.world-art::before{content:"";position:absolute;inset:0 0 34px 12px;border:1px solid #c5aeb6}.world-art-inner{position:relative;aspect-ratio:1.25;background:#241d25;overflow:hidden}.world-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.78)}.image-label{position:absolute;bottom:0;left:0;width:100%;padding:50px 25px 20px;background:linear-gradient(transparent,#211521cc);color:white}.image-label>span{font-family:Georgia,serif;font-size:31px;letter-spacing:4px}.image-label>p{font-size:11px;margin:4px 0 0;color:#e4d4d8}.image-footnote{display:block;color:var(--muted);font-size:10px;letter-spacing:.8px;margin-top:8px}.lead{font-family:var(--serif);font-size:28px;line-height:1.8;letter-spacing:1px}.intro-copy>p:not(.lead){color:var(--muted);font-size:14px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;color:var(--wine);border-bottom:1px solid #bc98aa;padding-bottom:3px}.text-link:hover{color:#a44f74;border-color:#a44f74}.character-panel{margin-top:45px;border:1px solid var(--border);background:var(--white);padding:28px;display:flex;gap:25px;align-items:center}.character-thumb{flex:0 0 84px;aspect-ratio:1;border-radius:50%;overflow:hidden}.character-thumb img{height:100%;width:100%;object-fit:cover}.character-panel h3{font-size:18px;margin-top:5px}.character-panel p{font-size:12px;color:var(--muted);margin:10px 0 0}.character-panel>.text-link{flex-shrink:0;margin-left:10px}.section-tinted{background:var(--rose-light);border-top:1px solid #e3d4d5;border-bottom:1px solid #e3d4d5}.content-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:40px;align-items:start}.subheading{font-size:18px;margin-bottom:23px}.attribute-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.attribute-card{background:var(--paper);border:1px solid #dfcfd2;padding:22px 18px}.attribute-symbol{display:block;font-family:Georgia,serif;color:#87546b;font-size:27px;height:44px}.attribute-card h4{font-size:17px;margin-bottom:5px}.attribute-card>span:not(.attribute-symbol){font-size:10px;color:var(--wine)}.attribute-card p{font-size:11px;color:var(--muted);margin:10px 0 0}.fine-print{font-size:11px;color:var(--muted);margin-top:16px}.system-art{margin:0;background:var(--paper);padding:12px;border:1px solid var(--border)}.system-art img{aspect-ratio:1.07;width:100%;object-fit:cover}.system-art figcaption{font-size:11px;padding:14px 5px 3px;color:var(--muted)}.mechanic-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;gap:24px}.mechanic-card{padding:24px 0;border-top:1px solid #bfa4af}.card-index{font-family:Georgia,serif;font-size:13px;color:#8a5a70}.mechanic-card h3{font-size:18px;margin:12px 0}.mechanic-card p{font-size:12px;color:var(--muted);margin-bottom:0}.more-systems{margin-top:20px;padding-top:30px;border-top:1px solid var(--border)}.more-systems>h3{font-size:17px;margin-bottom:18px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.details-grid details{background:#faf5f2;border:1px solid #dfcfd2}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.details-grid summary{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:17px 22px;gap:12px}.details-grid summary>span{font-size:21px;font-weight:300}.details-body{padding:0 22px 22px;color:var(--muted);font-size:12px;line-height:2}.details-body p:last-child{margin-bottom:0}details[open]>summary>span:last-child{transform:rotate(45deg)}.route-board{display:grid;grid-template-columns:.75fr 1.4fr;border:1px solid var(--border);background:var(--white)}.route-intro{padding:34px;background:var(--rose-light)}.route-intro h3{font-family:var(--serif);font-size:26px;margin:12px 0 18px}.route-intro p{font-size:13px;color:var(--muted)}.route-intro img{margin-top:28px;width:100%;aspect-ratio:2.1;object-fit:cover;border:1px solid var(--border)}.route-content{padding:34px 40px}.route-tabs{display:flex;border-bottom:1px solid var(--border);gap:25px}.route-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 12px;font-size:13px;color:var(--muted)}.route-tabs button[aria-pressed=true]{color:var(--wine);border-bottom-color:var(--wine)}.route-panel{margin-top:26px}.route-panel h4{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:1px}.route-panel p{margin:14px 0 20px;font-size:13px;color:var(--muted)}.route-steps{padding:0;list-style:none;counter-reset:steps;display:grid;gap:14px}.route-steps li{counter-increment:steps;display:flex;align-items:start;gap:16px;font-size:12px}.route-steps li::before{content:counter(steps,decimal-leading-zero);flex-shrink:0;display:grid;place-items:center;border:1px solid #d7bdc7;background:#f4e9ec;font-family:Georgia,serif;font-size:12px;width:28px;height:28px;color:var(--wine)}.js-enabled .route-panel:not(.active){display:none}.guide-heading{display:flex;justify-content:space-between;align-items:center;margin:43px 0 20px}.guide-heading h3{font-size:20px}.guide-heading>span{font-size:11px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}.guide-item{border:1px solid var(--border);background:var(--white)}.guide-item summary{display:flex;gap:15px;padding:20px;align-items:center;min-height:74px}.guide-number{color:#986f81;font-family:Georgia,serif;font-size:15px}.guide-item summary h4{font-size:13px;flex:1}.expand{font-size:21px;font-weight:300;line-height:1;color:#8e657a;transition:transform .2s}.guide-item .details-body{padding-left:53px;padding-right:25px}.feature-section{background:#ece0df}.feature-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}.feature-visual{position:sticky;top:120px;background:#ddc4cd;border:10px solid #f7f0ec}.feature-visual>img{width:100%;aspect-ratio:1.28;object-fit:cover}.feature-visual>div{padding:38px 26px;background:#e3cdd2}.feature-visual p{font-family:var(--serif);font-size:29px;letter-spacing:2px;margin:15px 0 10px}.feature-visual>div>span:last-child{font-size:11px;color:#785a6b}.feature-list article{display:flex;gap:23px;padding:18px 0;border-bottom:1px solid #d5bec5}.feature-list article:first-child{padding-top:0}.feature-list article>span{font-family:Georgia,serif;color:#8b5d70;font-size:17px;margin-top:3px}.feature-list h3{font-size:17px;margin-bottom:8px}.feature-list p{font-size:12px;color:var(--muted);margin:0}.feature-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid #cfb8bf;margin-top:48px;padding-top:32px}.feature-notes h3{font-size:14px;margin-bottom:12px}.feature-notes p{font-size:11px;color:var(--muted);margin:0}.updates-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:70px;align-items:start}.update-note{position:sticky;top:120px;background:var(--rose-light);padding:30px}.status-dot{display:inline-block;width:7px;height:7px;background:#7d4864;border-radius:50%;margin-right:7px}.update-note .eyebrow{display:inline;font-size:9px;letter-spacing:1.4px}.update-note>strong{display:block;font-family:Georgia,serif;font-size:30px;font-weight:400;margin-top:14px}.update-note>p{font-size:13px;margin:12px 0 20px;color:var(--muted)}.update-note>small{font-size:10px;color:var(--muted);display:block;border-top:1px solid var(--border);padding-top:20px;margin-top:25px;line-height:1.9}.timeline{border-left:1px solid #d3bcc6;margin-left:7px}.update-item{padding-left:34px;position:relative;padding-bottom:32px;margin-bottom:27px;border-bottom:1px solid var(--border)}.update-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.timeline-marker{position:absolute;top:7px;left:-5px;width:9px;height:9px;background:var(--wine);border-radius:50%;box-shadow:0 0 0 6px var(--paper)}.update-row{display:flex;justify-content:space-between;align-items:center}.update-version{color:var(--wine);background:var(--rose-light);padding:3px 9px;font-size:9px}.update-count{font-family:Georgia,serif;font-size:12px;color:#9d7c8c}.update-item h3{font-size:18px;margin-top:14px}.update-date{font-size:10px;color:#876c7c;display:block;margin:8px 0 13px}.update-item p{font-size:12px;color:var(--muted);margin:7px 0}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 36px;align-items:start}.faq-item{border-bottom:1px solid #cdb9c1}.faq-item summary{display:flex;align-items:center;gap:15px;padding:21px 0;min-height:78px}.faq-item h3{font-size:13px;flex:1;line-height:1.8}.faq-number{font-family:Georgia,serif;font-size:12px;color:#967284}.faq-item .details-body{padding:0 24px 22px 30px}.requirements{margin-top:46px;padding:30px;background:var(--paper);border:1px solid var(--border);display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.requirements h3{font-size:20px;margin:9px 0}.requirements p{font-size:12px;color:var(--muted);margin:0}.requirements dl{margin:0}.requirements dl>div{display:flex;gap:25px;padding:8px 0;border-bottom:1px solid var(--border);font-size:11px}.requirements dl>div:last-child{border:0}.requirements dt{flex:0 0 85px;color:var(--muted)}.requirements dd{margin:0}.closing-section{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;padding-top:85px;padding-bottom:85px}.closing-art{border:1px solid var(--border);padding:12px}.closing-art img{width:100%;height:auto}.closing-section h2{font-family:var(--serif);font-size:35px;font-weight:500;margin:14px 0 21px;letter-spacing:2px}.closing-section p{color:var(--muted);font-size:13px;margin-bottom:24px}.site-footer{background:#eee5e3;border-top:1px solid var(--border);padding:36px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:27px;border-bottom:1px solid #d5c6c8}.footer-top>.brand{font-size:21px}.footer-top>p{font-size:11px;color:var(--muted);margin:0}.footer-bottom{display:flex;justify-content:space-between;align-items:start;gap:35px;padding-top:24px;font-size:10px;color:var(--muted)}.footer-bottom>p{max-width:630px;margin:0}.footer-bottom>div{display:flex;gap:20px;flex-shrink:0}.footer-bottom a:hover{text-decoration:underline}.footer-date{font-size:9px;color:#796c74;margin:15px 0 0}.back-top{position:fixed;bottom:26px;right:26px;display:grid;place-items:center;width:40px;height:40px;background:var(--white);color:var(--wine);border:1px solid #d9c5ce;z-index:15;box-shadow:0 4px 18px #40233312;font-size:18px}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center;padding:40px}.error-page .error-code{font-family:Georgia,serif;color:#c6a8b5;font-size:110px;line-height:1}.error-page h1{font-family:var(--serif);font-size:30px;margin:22px 0}.error-page p{color:var(--muted);margin-bottom:30px}
@media(min-width:1500px){.hero-inner{min-height:710px}.hero-art{height:590px}.portrait-frame{max-width:430px}}
@media(max-width:1150px){.main-nav{gap:16px;font-size:12px}.header-inner{width:calc(100% - 40px)}.brand{font-size:21px}.hero h1{font-size:64px}.hero-art{height:500px}.art-orbit{width:390px;height:390px}.orbit-two{width:350px;height:440px}.hero-inner{min-height:620px;gap:25px}.container{width:calc(100% - 64px)}.intro-grid,.feature-layout{gap:40px}.updates-layout{gap:40px}.hero-actions .button{padding:13px 20px;gap:17px}.character-panel>.text-link{display:none}}
@media(max-width:960px){:root{--header:74px}.main-nav{gap:12px;font-size:11px}.brand{font-size:19px}.brand-seal{font-size:36px}.brand small{font-size:8px;letter-spacing:2px}.nav-cta{padding:8px 12px;gap:8px}.hero h1{font-size:57px;letter-spacing:5px}.hero h1>span{font-size:29px}.hero-subtitle{font-size:24px}.hero-art{height:465px}.portrait-frame{width:85%}.art-orbit{width:340px;height:340px}.orbit-two{width:310px;height:390px}.content-layout{grid-template-columns:1.4fr .8fr;gap:25px}.attribute-card{padding:16px 12px}.system-art{margin-top:49px}.mechanic-grid{gap:20px}.route-board{grid-template-columns:.65fr 1.2fr}.route-intro{padding:26px}.route-content{padding:26px}.route-tabs{gap:18px}.feature-notes{grid-template-columns:repeat(2,1fr)}.updates-layout{grid-template-columns:.65fr 1.2fr;gap:28px}.update-note{padding:22px}.footer-bottom{display:block}.footer-bottom>div{margin-top:16px}.closing-section{gap:40px}.closing-section h2{font-size:30px}}
@media(max-width:780px){:root{--header:68px}.header-inner{width:calc(100% - 36px);min-height:68px}.brand{font-size:22px}.brand-seal{font-size:39px}.menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);width:42px;height:40px}.menu-lines{width:18px;height:12px;border-top:1px solid var(--wine);border-bottom:1px solid var(--wine);position:relative}.menu-lines::after{content:"";position:absolute;width:18px;top:5px;left:0;border-top:1px solid var(--wine)}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:22px 25px 28px;border-bottom:1px solid var(--border);box-shadow:0 15px 25px #3c263b0d;grid-template-columns:repeat(2,1fr);gap:8px 20px;font-size:13px}.main-nav.is-open{display:grid}.main-nav .nav-cta{grid-column:1/-1;margin-top:12px}.main-nav>a:not(.button){padding:10px}.main-nav>a:not(.button)::after{display:none}.container{width:calc(100% - 40px)}.hero-inner{grid-template-columns:1fr;gap:0;min-height:0;padding-top:48px;padding-bottom:28px}.hero-copy{text-align:center}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:24px}.hero h1{font-size:65px;letter-spacing:7px}.hero h1>span{font-size:31px}.hero-subtitle{font-size:25px;margin-top:23px}.hero-subtitle br{display:block}.hero-description{margin:auto;max-width:440px;font-size:13px}.hero-actions{justify-content:center;margin-top:24px}.hero-tags{justify-content:center;margin-top:18px}.platform-note{font-size:10px}.hero-art{width:min(410px,100%);height:440px;margin:auto}.portrait-frame{width:72%;aspect-ratio:.92}.art-orbit{width:340px;height:340px}.orbit-two{width:300px;height:380px}.art-word{font-size:70px;right:-5px;top:12px}.star-one{font-size:53px;top:26px;left:12%}.star-two{font-size:31px;bottom:35px;right:8%}.portrait-caption{bottom:16px;left:3%;padding:12px 20px}.portrait-caption>span{font-size:23px}.portrait-caption p{font-size:10px}.art-index{bottom:4px;right:12px;font-size:7px}.hero-bottom{font-size:8px;padding:15px 0;letter-spacing:1px}.hero-bottom a{gap:15px}.facts-grid{grid-template-columns:repeat(2,1fr);padding:10px 0}.facts-grid>div{padding:19px 4px}.facts-grid>div:nth-child(3){border-left:0;border-top:1px solid var(--border)}.facts-grid>div:nth-child(4){border-top:1px solid var(--border)}.facts-grid strong{font-size:25px}.facts-grid p{font-size:10px}.section{padding-top:65px;padding-bottom:65px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:29px;letter-spacing:1px}.section-heading>p{font-size:12px;line-height:2}.eyebrow{font-size:9px;letter-spacing:1.8px}.intro-grid{grid-template-columns:1fr;gap:30px}.world-art-inner{aspect-ratio:1.5}.intro-copy .lead{font-size:25px}.intro-copy>p:not(.lead){font-size:13px}.character-panel{padding:20px;gap:17px;align-items:start;margin-top:30px}.character-thumb{flex-basis:64px;margin-top:3px}.character-panel h3{font-size:15px}.character-panel p{font-size:11px}.character-panel .eyebrow{font-size:8px}.content-layout{grid-template-columns:1fr;gap:20px}.attribute-grid{gap:9px}.attribute-card{padding:18px 13px}.attribute-card p{font-size:10px}.attribute-card>span:not(.attribute-symbol){font-size:9px}.system-art{margin:0;max-width:460px;width:100%}.system-art img{aspect-ratio:1.7;object-position:50% 40%}.mechanic-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.mechanic-card h3{font-size:16px}.mechanic-card p{font-size:11px}.details-grid{grid-template-columns:1fr}.more-systems>h3{font-size:15px}.route-board{grid-template-columns:1fr}.route-intro{padding:25px}.route-intro h3{font-size:25px}.route-intro p br{display:none}.route-intro img{margin-top:20px;aspect-ratio:3;max-height:120px}.route-content{padding:25px}.route-tabs{justify-content:space-between;gap:10px}.route-tabs button{font-size:12px}.route-panel h4{font-size:23px}.route-panel p{font-size:12px}.route-steps li{font-size:11px}.guide-heading{margin-top:32px}.guide-heading h3{font-size:18px}.guide-heading>span{font-size:9px}.guide-grid{grid-template-columns:1fr;gap:10px}.guide-item summary{padding:19px;min-height:70px}.guide-item summary h4{font-size:12px}.guide-item .details-body{font-size:12px;padding-left:49px}.feature-layout{grid-template-columns:1fr;gap:30px}.feature-visual{position:static;max-width:520px}.feature-visual img{aspect-ratio:1.7}.feature-visual>div{padding:25px}.feature-visual p{font-size:25px;margin-top:10px}.feature-list h3{font-size:16px}.feature-list p{font-size:12px}.feature-notes{gap:22px;margin-top:28px;padding-top:25px}.feature-notes h3{font-size:13px}.feature-notes p{font-size:11px}.updates-layout{grid-template-columns:1fr;gap:32px}.update-note{position:static;padding:23px}.update-note strong{font-size:28px}.update-note small{margin-top:20px;padding-top:16px}.update-item{padding-left:24px}.update-item h3{font-size:17px}.update-item p{font-size:12px}.faq-grid{grid-template-columns:1fr}.faq-item h3{font-size:12px}.faq-item summary{padding:19px 0;min-height:70px}.faq-item .details-body{font-size:12px}.requirements{grid-template-columns:1fr;padding:23px;gap:18px;margin-top:30px}.requirements dl>div{gap:10px;font-size:10px}.requirements dt{flex-basis:78px}.closing-section{grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:55px}.closing-art{max-width:500px;width:100%}.closing-section h2{font-size:30px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>p{font-size:10px}.footer-top>.text-link{margin-left:auto}.footer-bottom{font-size:10px;padding-top:20px}.footer-bottom>div{gap:22px}.back-top{bottom:15px;right:15px;width:35px;height:35px}.site-footer{padding-top:28px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.hero h1{font-size:56px;letter-spacing:4px}.hero h1>span{font-size:27px}.hero-copy>.eyebrow{font-size:8px}.hero-subtitle{font-size:22px}.hero-actions{gap:10px}.hero-actions .button{font-size:12px;padding:12px 17px;gap:10px}.hero-art{height:380px}.art-orbit{width:290px;height:290px}.orbit-two{width:270px;height:320px}.portrait-caption{left:0;bottom:8px}.art-index{font-size:6px}.attribute-card{padding:14px 10px}.attribute-card>span:not(.attribute-symbol){font-size:8px}.character-panel{display:block}.character-thumb{width:65px;margin-bottom:15px}.section-heading h2{font-size:27px}.hero-bottom>span{font-size:6px}.requirements dl>div{display:block}.requirements dd{margin-top:2px}}
@media(max-width:780px){html:not(.js-enabled) .header-inner{flex-wrap:wrap;padding:15px 0;gap:15px}html:not(.js-enabled) .menu-toggle{display:none}html:not(.js-enabled) .main-nav{display:grid;position:static;width:100%;padding:10px 0 0;border-bottom:0;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
:root{--muted:#64555f}.feature-visual>div>span:last-child{color:var(--muted)}.guide-number,.faq-number,.update-count,.update-date,.footer-date,.feature-list article>span,.card-index{color:var(--wine)}
/* Full-frame image policy: preserve every source image's intrinsic ratio at all viewports. */
.portrait-frame{width:min(76%,430px);aspect-ratio:auto;border-radius:2px;overflow:visible;background:transparent}.hero-portrait{width:100%;height:auto;object-fit:contain;object-position:center}.hero-art{height:570px;align-items:center}.star-one{top:50%;transform:translateY(-50%)}.portrait-caption{bottom:0}.world-art-inner{aspect-ratio:auto;overflow:visible;background:transparent}.world-art img{width:100%;height:auto;object-fit:contain;filter:none}.image-label{position:static;padding:17px 22px;background:#382436;color:#fff}.image-label>span{font-size:24px}.character-thumb{flex:0 0 200px;aspect-ratio:auto;border-radius:2px;overflow:visible}.character-thumb img,.system-art img,.route-intro img,.feature-visual>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}.route-intro img{max-height:none}.feature-visual{overflow:visible}.closing-art{overflow:visible}
@media(max-width:960px){.hero-art{height:540px}.portrait-frame{width:min(78%,400px)}}
@media(max-width:780px){.hero-art{height:460px}.portrait-frame{width:min(72%,330px)}.character-panel{display:grid;grid-template-columns:minmax(150px,200px) 1fr}.character-thumb{width:100%;margin:0}.character-panel>.text-link{grid-column:1/-1;margin-left:0}.world-art-inner,.system-art img,.route-intro img,.feature-visual img{aspect-ratio:auto;max-height:none;object-fit:contain}}
@media(max-width:520px){.character-panel{grid-template-columns:1fr}.character-thumb{max-width:none}.hero-art{height:430px}}
@media(max-width:380px){.hero-art{height:385px}.portrait-frame{width:min(70%,270px)}.character-thumb{width:100%;margin-bottom:0}}
@media print{.site-header,.hero-actions,.hero-bottom,.back-top,.route-tabs,.closing-section,.site-footer{display:none}.container{width:100%}.section{padding:25px 0;break-inside:avoid}.hero-inner{display:block;min-height:auto}.hero-art{display:none}.hero h1{font-size:32px}.section-heading h2{font-size:24px}.js-enabled .route-panel:not(.active){display:block}body{background:white;color:black}details>.details-body{display:block!important}.feature-visual,.update-note{position:static}.guide-grid,.faq-grid{display:block}}

/* Card layouts, icon controls and the floating detail action. */
.ui-icon{display:inline-block;width:1.05em;height:1.05em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.16em}
.button,.nav-cta,.main-nav>a,.filter-button,.floating-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.main-nav>a:not(.button){padding:10px 0}
.main-nav>a .ui-icon{font-size:14px;opacity:.78}
.menu-toggle .ui-icon{width:20px;height:20px}
.menu-toggle .menu-icon,.menu-toggle .close-icon{display:grid;place-items:center}
.menu-toggle .close-icon,.menu-toggle[aria-expanded="true"] .menu-icon{display:none}
.menu-toggle[aria-expanded="true"] .close-icon{display:grid}
.floating-cta{position:fixed;right:26px;bottom:78px;z-index:18;min-height:48px;padding:13px 19px;background:var(--wine);color:var(--white);border:1px solid var(--wine);border-radius:999px;box-shadow:0 12px 28px #40233330;letter-spacing:.8px;font-size:13px;transition:transform .2s,box-shadow .2s,background .2s}
.floating-cta:hover{background:#43233d;transform:translateY(-3px);box-shadow:0 16px 34px #40233345}
.guide-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.filter-button{border:1px solid #d7bdc7;background:var(--white);color:var(--wine);border-radius:999px;padding:9px 16px;font-size:12px;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.filter-button:hover,.filter-button.is-active{background:var(--wine);color:var(--white);box-shadow:0 8px 20px #63304a2b;transform:translateY(-2px)}
.guide-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-card{display:flex;flex-direction:column;min-height:235px;padding:23px;border:1px solid #dfcfd2;border-radius:12px;background:var(--white);box-shadow:0 8px 24px #5a30430a;transition:transform .25s,box-shadow .25s,border-color .25s}
.guide-card:hover{transform:translateY(-7px);border-color:#b77994;box-shadow:0 17px 35px #5a30432e,0 0 0 1px #b7799430}
.guide-card-top{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.guide-card-top .guide-number{font-size:12px}
.guide-category{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#f3e5e9;color:var(--wine);font-size:10px;letter-spacing:.5px}
.guide-card h4{font-size:17px;line-height:1.6;margin:0 0 12px}
.guide-summary{font-size:12px;line-height:1.9;color:var(--muted);margin:0}
.guide-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;color:#876276;font-size:11px}
.guide-card-meta>span{display:inline-flex;align-items:center;gap:5px}.guide-card-meta .ui-icon{font-size:14px}
.guide-card-meta a{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d7bdc7;border-radius:50%;color:var(--wine);transition:background .2s,color .2s,transform .2s}
.guide-card-meta a:hover{background:var(--wine);color:var(--white);transform:rotate(-12deg)}
.mechanic-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mechanic-detail-card{min-height:190px;padding:25px;border:1px solid #8d637a66;border-radius:12px;background:linear-gradient(145deg,#332436e8,#241b2bd9);color:#f9f1f2;box-shadow:0 12px 30px #2516221f;transition:transform .25s,box-shadow .25s,border-color .25s}
.mechanic-detail-card:hover{transform:translateY(-7px);border-color:#d9a7bc;box-shadow:0 18px 36px #21132066,0 0 24px #b36f9055}
.mechanic-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:17px;border:1px solid #d8a4b9;border-radius:11px;color:#efb2c8;background:#d8a4b91a;transition:transform .25s,background .25s}
.mechanic-detail-card:hover .mechanic-icon{transform:rotate(-8deg) translateY(-3px);background:#d8a4b933}
.mechanic-icon .ui-icon{width:21px;height:21px}
.mechanic-detail-card h4{font-size:16px;line-height:1.5;margin:0 0 9px;color:#fff}
.mechanic-detail-card p{font-size:12px;line-height:1.9;color:#e2d0d8;margin:0}
.faq-grid{grid-template-columns:1fr;gap:16px}
.faq-card{width:100%;padding:25px 30px;border:1px solid #dfcfd2;border-radius:12px;background:var(--white);box-shadow:0 8px 24px #5a30430b;transition:transform .25s,box-shadow .25s,border-color .25s}
.faq-card:hover{transform:translateY(-4px);border-color:#c08da2;box-shadow:0 14px 30px #5a304324}
.faq-card-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.faq-card-top .faq-number{font-size:13px}.faq-label{font-size:10px;letter-spacing:1.1px;color:#967284;text-transform:uppercase}
.faq-card h3{font-size:18px;line-height:1.65;margin:0 0 13px;color:var(--ink)}
.faq-card .details-body{padding:0;max-width:920px;font-size:14px;line-height:2;color:var(--muted)}
.faq-card .details-body p:last-child{margin-bottom:0}
.faq-accordion{margin-top:4px}
.faq-question{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border:0;background:transparent;color:var(--ink);cursor:pointer;list-style:none}
.faq-question::-webkit-details-marker{display:none}
.faq-question h3{flex:1;font-size:17px;line-height:1.65;margin:0;color:inherit}
.faq-toggle{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;color:var(--wine);transition:transform .2s ease}
.faq-toggle .ui-icon{width:16px;height:16px;transform:rotate(90deg)}
.faq-accordion[open] .faq-toggle{transform:rotate(90deg)}
.faq-accordion .details-body{padding:17px 18px 2px}
.updates-list{display:grid;grid-template-columns:1fr;gap:16px}
.updates-list .update-item{padding:28px 32px;margin:0;border:1px solid #dfcfd2;border-radius:12px;background:var(--white);box-shadow:0 8px 24px #5a30430b;transition:transform .25s,box-shadow .25s,border-color .25s}
.updates-list .update-item:hover{transform:translateY(-5px);border-color:#c08da2;box-shadow:0 16px 32px #5a304326}
.updates-list .update-row{margin-bottom:13px}.updates-list .update-version{font-size:11px;padding:5px 11px;border-radius:999px}.updates-list .update-count{font-size:13px}
.updates-list .update-item h3{font-size:22px;line-height:1.55;margin:0 0 6px;color:var(--ink)}
.updates-list .update-date{font-size:12px;margin:0 0 13px;letter-spacing:.3px}
.updates-list .update-item p{font-size:14px;line-height:2;margin:0;color:var(--muted)}
.reveal-card{will-change:transform,opacity}
.motion-enabled .reveal-card{opacity:0;transform:translateY(20px)}
.motion-enabled .reveal-card.is-visible{opacity:1;transform:translateY(0);transition:opacity .55s ease,transform .55s ease,box-shadow .25s,border-color .25s}
.motion-enabled .reveal-card.is-visible:hover{transform:translateY(-6px)}
[hidden]{display:none!important}
.guide-reading-note{font-size:11px;color:var(--muted);margin:0 0 18px}
.guide-filters{display:none}.js-enabled .guide-filters{display:flex}
.guide-full{margin-top:18px;border-top:1px solid var(--border)}
.guide-full summary{display:flex;align-items:center;gap:8px;padding:14px 0 0;font-size:12px;color:var(--wine)}
.guide-full summary .ui-icon:last-child{margin-left:auto}
.guide-full-body{font-size:12px;line-height:1.9;color:var(--muted);padding-top:15px}
.guide-full-body p{margin-bottom:0}
.guide-empty{border:1px dashed #ba94a5;border-radius:12px;padding:28px;background:var(--white);font-size:14px;color:var(--muted)}
.route-tabs button{display:inline-flex;align-items:center;gap:7px}
.updates-list .update-changes{margin:0;padding-left:22px;color:var(--muted);font-size:14px;line-height:2}
.updates-list .update-changes li+li{margin-top:6px}
.game-cover-inline{width:min(420px,calc(100% - 40px));margin:42px auto 0;padding:10px;background:var(--paper);border:1px solid var(--border)}
.game-cover-inline img{width:100%;height:auto;object-fit:contain}
.game-cover-inline figcaption{font-size:11px;color:var(--muted);text-align:center;padding:10px 0 2px}
@media(min-width:781px) and (max-width:1180px){.main-nav{gap:10px;font-size:11px}.main-nav>a .ui-icon{font-size:12px}.header-inner{gap:12px}.brand{font-size:20px}.nav-cta{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-card,.motion-enabled .reveal-card,.motion-enabled .reveal-card.is-visible{opacity:1;transform:none;transition:none}.guide-card:hover,.mechanic-detail-card:hover,.faq-card:hover,.update-item:hover,.motion-enabled .reveal-card.is-visible:hover,.mechanic-detail-card:hover .mechanic-icon{transform:none}.floating-cta,.filter-button,.mechanic-icon{transition:none}}
@media(max-width:960px){.guide-card-grid,.mechanic-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.updates-list .update-item h3{font-size:20px}}
@media(max-width:780px){.floating-cta{right:15px;bottom:62px;min-height:44px;padding:11px 15px;font-size:12px}.guide-filters{gap:8px}.filter-button{padding:8px 12px}.guide-card-grid,.mechanic-detail-grid{grid-template-columns:1fr}.guide-card{min-height:205px}.faq-question{padding:12px 0}.faq-question h3{font-size:15px}.faq-accordion .details-body{font-size:13px;padding:14px 14px 2px}.updates-list .update-item{padding:23px 20px}.updates-list .update-item h3{font-size:18px}.updates-list .update-item p{font-size:13px}}
@media print{.floating-cta,.guide-filters{display:none}.js-enabled .reveal-card{opacity:1;transform:none}.guide-card-grid,.mechanic-detail-grid{display:block}.guide-card,.mechanic-detail-card,.faq-card,.updates-list .update-item{break-inside:avoid;margin-bottom:15px}}

/* Unified corner radii. These overrides only change border-radius. */
.site-header,.main-nav,.hero,.facts-strip,.facts-grid>div,.section,.site-footer,
.portrait-frame,.portrait-caption,.world-art,.world-art::before,.world-art-inner,.image-label,
.character-panel,.character-thumb,.attribute-card,.system-art,.mechanic-card,.mechanic-detail-card,.mechanic-icon,
.more-systems,.details-grid details,.route-board,.route-intro,.route-content,.route-panel,
.guide-item,.guide-empty,.feature-visual,.feature-visual>div,.feature-list article,.feature-notes,.feature-notes article,
.update-note,.updates-list .update-item,.faq-item,.requirements,.game-cover-inline,.closing-art,.error-page>div{border-radius:16px}
button,.button,.floating-cta,.back-top,.skip-link,.main-nav>a,.guide-card-meta a,summary{border-radius:9999px}
img{border-radius:12px}
.hero-tags span,.guide-category,.updates-list .update-version,.update-version,.faq-label,.route-steps li::before{border-radius:4px}

/* Shared image mark for the header and footer brand lockup. */
.brand-logo{width:48px;height:53px;flex:0 0 48px;object-fit:contain;object-position:center;background:#f1e6e5;border:1px solid #dfcfd2}
@media(max-width:960px){.brand-logo{width:40px;height:44px;flex-basis:40px}}
@media(max-width:780px){.brand-logo{width:42px;height:46px;flex-basis:42px}}

/* Screenshot gallery thumbnails crop to a consistent 16:9 frame; the lightbox preserves the full image. */
.gallery-section{background:#211a24;color:#f7f0f2;border-top:1px solid #5c4656;border-bottom:1px solid #5c4656}
.gallery-section .section-heading h2{color:#fff}
.gallery-section .section-heading>p{color:#d1c1cb}
.gallery-section .section-number{border-color:#816478}
.gallery-section .eyebrow{color:#dca9c0}
.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.screenshot-thumb{display:block;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;border:1px solid #72566a;border-radius:12px;background:#100d13;box-shadow:0 8px 24px #0d081050;cursor:zoom-in}
.screenshot-image{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .3s ease}
.screenshot-thumb:hover .screenshot-image,.screenshot-thumb:focus-visible .screenshot-image{transform:scale(1.05)}
.screenshot-dialog{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:18px 72px 24px;border:0;border-radius:0;background:#100d13;color:#fff;overflow:hidden}
.screenshot-dialog::backdrop{background:#08060beF}
.lightbox-toolbar{height:42px;display:flex;align-items:center;justify-content:space-between;color:#e8d9e0;font-size:13px}
.lightbox-close,.lightbox-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #8a6a80;background:#281f2d;color:#fff;transition:background .2s,transform .2s,border-color .2s}
.lightbox-close:hover,.lightbox-arrow:hover{background:#56384e;border-color:#e2b3c8}
.lightbox-close .ui-icon,.lightbox-arrow .ui-icon{width:21px;height:21px}
.lightbox-image{width:100%;height:calc(100% - 52px);object-fit:contain;border-radius:0}
.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1}
.lightbox-previous{left:18px}.lightbox-next{right:18px}
.lightbox-arrow:hover{transform:translateY(calc(-50% - 2px))}
@media(max-width:960px){.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:780px){.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.screenshot-dialog{padding:14px 54px 18px}.lightbox-previous{left:7px}.lightbox-next{right:7px}.lightbox-arrow{width:40px;height:40px}.lightbox-image{height:calc(100% - 52px)}}
@media(prefers-reduced-motion:reduce){.screenshot-image{transition:none}}
@media print{.screenshot-dialog{display:none}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.footer-friends{padding:28px 0 30px;background:var(--rose-light);border-bottom:1px solid var(--border);text-align:center}
.footer-friends h2{margin-bottom:14px;color:var(--ink);font-size:22px}
.friends-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}
.friends-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 20px;border-radius:9999px;background:var(--white);color:var(--wine);font-size:13px;line-height:1.5;box-shadow:0 5px 18px #49243a14;transition:transform .2s,box-shadow .2s,color .2s}
.friends-links a:hover{transform:translateY(-2px);color:#43233d;box-shadow:0 9px 22px #49243a20}
@media(max-width:640px){.footer-friends{padding:24px 0}.footer-friends h2{font-size:20px}.friends-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.friends-links a{min-height:46px;padding:8px 12px;font-size:12px}}
@media(max-width:360px){.friends-links{grid-template-columns:1fr}}

/* Consistent hover feedback for the site's content surfaces and controls. */
@media (hover:hover) and (pointer:fine){
  :is(.portrait-frame,.world-art,.character-panel,.character-thumb,.attribute-card,.system-art,.mechanic-card,.mechanic-detail-card,.route-board,.guide-card,.feature-visual,.feature-list article,.feature-notes article,.updates-list .update-item,.faq-card,.requirements,.screenshot-thumb,.facts-grid>div,.game-cover-inline,.route-intro img,
  button:not(.lightbox-arrow),.button,.floating-cta,.back-top,.text-link,.main-nav>a,.friends-links a,.hero-bottom a){
    will-change:transform;
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease,color .3s ease;
  }
  :is(.portrait-frame,.world-art,.character-panel,.character-thumb,.attribute-card,.system-art,.mechanic-card,.mechanic-detail-card,.route-board,.guide-card,.feature-visual,.feature-list article,.feature-notes article,.updates-list .update-item,.faq-card,.requirements,.screenshot-thumb,.facts-grid>div,.game-cover-inline,.route-intro img,
  button:not(.lightbox-arrow),.button,.floating-cta,.back-top,.text-link,.main-nav>a,.friends-links a,.hero-bottom a):hover{
    transform:translateY(-4px);
    border-color:#b77994;
    box-shadow:0 16px 34px #49243a30,0 0 0 1px #b7799470,0 0 18px #b7799438;
  }
  .motion-enabled .reveal-card.is-visible{transition:opacity .55s ease,transform .3s ease,box-shadow .3s ease,border-color .3s ease}
  .motion-enabled .reveal-card.is-visible:hover{transform:translateY(-4px)}
  .mechanic-detail-card:hover .mechanic-icon{transform:rotate(-8deg) translateY(-3px)}
  .lightbox-arrow{will-change:transform;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease}
  .lightbox-arrow:hover{transform:translateY(calc(-50% - 4px));border-color:#d9a7bc;box-shadow:0 16px 34px #160d1a80,0 0 0 1px #d9a7bc80,0 0 18px #d9a7bc55}
}
@media (hover:none), (pointer:coarse){
  :is(.button,.floating-cta,.filter-button,.guide-card,.mechanic-detail-card,.faq-card,.updates-list .update-item,.friends-links a):hover,
  .motion-enabled .reveal-card.is-visible:hover{transform:none}
  .screenshot-thumb:hover .screenshot-image{transform:none}
}
@media (prefers-reduced-motion:reduce){
  :is(.portrait-frame,.world-art,.character-panel,.character-thumb,.attribute-card,.system-art,.mechanic-card,.mechanic-detail-card,.route-board,.guide-card,.feature-visual,.feature-list article,.feature-notes article,.updates-list .update-item,.faq-card,.requirements,.screenshot-thumb,.facts-grid>div,.game-cover-inline,.route-intro img,
  button:not(.lightbox-arrow),.button,.floating-cta,.back-top,.text-link,.main-nav>a,.friends-links a,.hero-bottom a):hover{transform:none}
  .motion-enabled .reveal-card.is-visible:hover{transform:none}
  .lightbox-arrow:hover{transform:translateY(-50%)}
}