:root{color-scheme:dark;--bg:#090b13;--surface:#111520;--line:#252939;--text:#eff0f7;--muted:#8c91a7;--accent:#b5a0ff;--cyan:#7ce2e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35;font-weight:650}p{color:var(--muted)}[hidden]{display:none!important}.ambient{position:absolute;z-index:-1;width:600px;height:500px;filter:blur(100px);opacity:.12;pointer-events:none}.a1{top:60px;right:0;background:#7952ed}.a2{top:700px;left:-300px;background:#378c9e}.topbar{max-width:1320px;margin:auto;padding:29px 52px;display:flex;align-items:center;gap:45px;border-bottom:1px solid #ffffff09}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:750;letter-spacing:1.8px;line-height:1.2}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;color:var(--muted);margin-top:8px}.brand-symbol{display:grid;place-items:center;width:41px;height:41px;border:1px solid #a58be48c;border-radius:13px;color:#d5c5ff;background:linear-gradient(140deg,#a07bf02b,#151222);position:relative;font-size:24px;font-weight:500}.brand-symbol sup{position:absolute;right:2px;top:-3px;font-size:12px}.topbar nav{display:flex;gap:30px;margin-left:auto}.topbar nav a{color:#a7a9bd;font-size:13px;transition:color .2s}.topbar nav a:hover{color:#eee}.nav-cta{border:1px solid #494056;border-radius:7px;padding:9px 16px;font-size:12px}.nav-cta span{margin-left:16px;color:var(--accent)}.portal-main{max-width:1216px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:505px;align-items:center;gap:40px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a29db6;font-weight:600;display:inline-flex;align-items:center;gap:8px}.eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.hero h1{font-size:54px;letter-spacing:-1.7px;line-height:1.28;margin:24px 0}.hero h1 span{background:linear-gradient(110deg,#e2d3ff,#ab92f7 70%,#8ed8de);color:transparent;background-clip:text}.hero-copy>p{max-width:435px;font-size:13px;line-height:1.95}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:29px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:44px;padding:11px 20px;border-radius:7px;border:1px solid transparent;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#c1a7ff;color:#171123;box-shadow:0 4px 20px #ad8bf524}.primary:hover{background:#d3bfff}.ghost{background:#ffffff03;border-color:#343342;color:#dad9e7}.ghost:hover{background:#ffffff09}.button small{font-size:10px;font-weight:400;opacity:.8}.disabled{background:#212330;color:#85899c}.hero-meta{display:flex;gap:20px;margin-top:25px;color:#767d94;font-size:10px}.hero-meta span:before{content:'✓';color:#9690b1;margin-right:6px}.orbit-art{position:relative;height:390px;display:grid;place-items:center;perspective:700px}.orbit{position:absolute;border-radius:50%;border:1px solid #a27bf049;width:320px;height:320px;box-shadow:inset 0 0 40px #9061e509,0 0 40px #9061e509;transform:rotateX(63deg) rotateZ(-28deg)}.o2{width:265px;height:265px;transform:rotateX(45deg) rotateY(55deg) rotateZ(40deg);border-color:#8bd8e158}.o3{width:390px;height:390px;transform:rotateX(65deg) rotateY(-18deg) rotateZ(24deg);border-style:dashed;border-color:#9a8cba26}.star-mark{position:relative;display:grid;place-items:center;width:150px;height:150px;transform:rotate(-12deg);border-radius:35px;background:linear-gradient(140deg,#b89ad639,#6e468528 50%,#262532);border:1px solid #c7a6ff73;color:#ddcaff;font:400 90px/1 "Segoe UI";box-shadow:0 0 65px #a984fb2c,inset 0 1px 20px #e1d4ff22;animation:float 7s ease-in-out infinite}.star-mark span{position:absolute;right:6px;top:-15px;color:#faf2ff;font-size:35px}.float-tag{position:absolute;font-size:9px;letter-spacing:3px;color:#878199}.float-tag.top{top:50px;right:35px}.float-tag.bottom{bottom:50px;left:43px;font-size:11px}.spark{position:absolute;width:7px;height:7px;background:#d1b9ff;box-shadow:0 0 14px #c3a7ff;border-radius:50%}.s1{left:45px;top:190px}.s2{right:35px;bottom:130px;width:4px;height:4px;background:var(--cyan)}.notice-bar{display:flex;align-items:center;gap:16px;padding:16px 22px;border:1px solid #373040;background:linear-gradient(100deg,#a482d410,#a482d402);border-radius:9px;font-size:11px;margin-bottom:67px}.notice-icon{color:var(--accent);font-size:18px}.notice-bar strong{color:#c9b4ee;white-space:nowrap}.notice-bar p{flex:1;color:#9e9aac;overflow-wrap:anywhere}.notice-bar a{white-space:nowrap;color:#bbb1d0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{font-size:24px;margin-top:11px;letter-spacing:-.5px}.section-heading h2>span{font-size:10px;padding:3px 7px;border:1px solid var(--line);color:#9e96b5;border-radius:4px;vertical-align:middle;margin-left:13px}.search-wrap{display:flex;gap:10px;align-items:center;background:#10121e;border:1px solid #272735;border-radius:7px;padding:9px 13px;color:#77788d}.search-wrap input{background:none;border:0;color:#eee;font-size:11px;width:190px;outline:none}.library-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tabs button{background:none;color:#8c8b9e;border:1px solid transparent;border-radius:6px;font-size:11px;padding:7px 14px}.filter-tabs button.active{background:#a38ccf16;border-color:#8c71b936;color:#c8b4ec}.muted{font-size:10px;color:#72758b}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.game-card{--card-accent:#a18ce4;background:linear-gradient(145deg,#161724,#11141d);border:1px solid #292837;border-radius:12px;overflow:hidden;transition:transform .25s,border-color .25s;min-width:0}.game-card:hover{transform:translateY(-5px);border-color:#6f5c95}.cyan{--card-accent:#71d6d5}.amber{--card-accent:#e8ba75}.green{--card-accent:#89cda7}.game-art{height:198px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--card-accent),transparent 80%),transparent 65%),linear-gradient(140deg,#232033,#0f1520)}.art-rings{position:absolute;width:230px;height:230px;border:1px solid #c5b2ee2c;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.art-rings:before,.art-rings:after{content:'';position:absolute;border:1px solid #c5b2ee23;border-radius:50%;inset:22px}.art-rings:after{inset:46px}.art-monolith{position:absolute;left:50%;bottom:-45px;width:100px;height:190px;border:1px solid #c2a2ff69;background:linear-gradient(135deg,#63517895,#211d34 65%);transform:translateX(-50%) rotate(27deg);border-radius:36px 36px 10px 10px;box-shadow:-8px -9px 50px #8465bb25}.art-monolith span{display:block;text-align:center;color:#ccb4fe;font-size:43px;transform:rotate(-27deg);margin-top:23px}.art-number{position:absolute;bottom:8px;left:20px;font-size:54px;line-height:1;font-weight:200;color:#ffffff0a}.game-tag{position:absolute;top:17px;left:17px;padding:3px 9px;border-radius:4px;background:#14131d99;border:1px solid #ffffff14;font-size:9px;color:#d3c9e5}.favorite{position:absolute;top:13px;right:14px;background:#0e0e1899;border:1px solid #ffffff20;color:#c5bcd6;border-radius:50%;width:30px;height:30px;font-size:18px}.favorite.selected{color:#e2c28c}.game-body{padding:22px}.game-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-title h3{font-size:17px}.live-dot{width:5px;height:5px;border-radius:50%;background:#9fd1b6;box-shadow:0 0 8px #9fd1b655;flex-shrink:0}.game-body>p{font-size:11px;margin:12px 0;line-height:1.9;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-spec{display:flex;flex-wrap:wrap;gap:8px;color:#a5a2b8;font-size:9px}.game-spec span{border:1px solid #33303e;border-radius:4px;padding:3px 7px;background:#ffffff02}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff09;margin-top:20px;padding-top:17px;gap:5px}.card-bottom small{display:block;color:#7d8196;font-size:9px}.card-bottom em{display:block;color:#b3a9c6;font-size:10px;font-style:normal;margin-top:4px}.round-link{width:34px;height:34px;display:grid;place-items:center;border:1px solid #48404f;border-radius:50%;color:#c8b3e9;font-size:17px;flex-shrink:0}.round-link:hover{background:#b99ad822}.discovery-card{border:1px dashed #393343;border-radius:12px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:400px;background:radial-gradient(ellipse at top,#a47cde08,transparent)}.discovery-symbol{color:#9e89bc;font-size:48px;line-height:1.4;margin:17px 0}.discovery-card h3{font-size:21px}.discovery-card p{font-size:11px;line-height:2;margin:13px 0 22px}.discovery-card small{font-size:9px;color:#686b7e;margin-top:20px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #ffffff0d;margin-top:70px;padding:38px 0 55px}.principles span{font-size:9px;color:#777386;letter-spacing:2px}.principles h3{font-size:17px;margin:14px 0 10px}.principles p{font-size:11px;line-height:2;max-width:280px}footer{max-width:1216px;margin:0 auto;border-top:1px solid #ffffff0d;padding:32px 24px 28px;display:flex;flex-wrap:wrap;align-items:center;gap:22px}.footer-brand{font-size:12px}.footer-brand span{color:var(--accent)}footer p{font-size:10px;flex:1}footer>div{display:flex;gap:22px;font-size:10px;color:#9691a4}footer>small{font-size:9px;color:#505368;flex-basis:100%;margin-top:5px}.page-heading{padding:70px 0 40px}.page-heading h1{font-size:40px;margin:18px 0}.page-heading p{font-size:13px}.content-panel{border:1px solid var(--line);background:linear-gradient(130deg,#141622,#10131d);border-radius:12px;padding:30px;margin-bottom:22px;min-width:0}.content-panel h2{font-size:21px;margin-bottom:18px}.content-panel h3{font-size:15px;margin:26px 0 11px}.content-panel p{font-size:12px;line-height:2.1;margin:12px 0}.content-panel .eyebrow{margin-bottom:16px}.detail-hero{display:grid;grid-template-columns:320px 1fr;gap:50px;padding:45px 0}.detail-hero h1{font-size:38px;margin:17px 0}.detail-hero>div>p{font-size:13px;margin:12px 0 22px}.detail-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#8960c839,#151522 75%);border:1px solid #514064;border-radius:20px;min-height:310px}.detail-art .art-monolith{height:250px;width:140px;bottom:-20px}.detail-art .art-monolith span{margin-top:45px;font-size:65px}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;padding-bottom:45px}.side-panel{align-self:start}.side-panel .button{display:flex;margin-top:12px;gap:8px}.text-link{display:block;margin-top:20px;font-size:11px;color:#bba2df}.fine-print{font-size:10px!important;color:#72738a!important}.back-link{display:inline-block;margin-top:32px;font-size:11px;color:#a69bbd}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.metric-grid>div{padding:20px 8px;background:#b09cdd08;border:1px solid #b09cdd1a;border-radius:8px;text-align:center}.metric-grid strong{display:block;font-size:26px;color:#c6b1e9}.metric-grid span{display:block;font-size:9px;color:#848198;margin-top:6px}.guide-layout{display:grid;grid-template-columns:200px 1fr;gap:35px;padding-bottom:50px}.guide-nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:30px;align-self:start}.guide-nav a{padding:12px 16px;border-radius:6px;font-size:11px;color:#a69db8}.guide-nav a:hover{background:#aa89e20c;color:#d9c4f6}.steps{padding-left:22px}.steps li{padding:6px 0 16px;color:#b7a6cd}.steps strong{color:#ddd8e7;font-size:13px}.steps p{margin-top:6px}.portal-form{display:flex;flex-direction:column;gap:17px}.portal-form label{display:flex;flex-direction:column;gap:8px;color:#b4aec2;font-size:11px}.portal-form input,.portal-form select,.portal-form textarea{background:#0c0e17;border:1px solid #343040;color:#e2ddec;border-radius:7px;padding:12px;max-width:100%;width:100%;font-size:12px;outline:none}.portal-form :focus{border-color:#a585cc}.portal-form textarea{resize:vertical}.portal-form .button{align-self:start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.error{color:#f0a9b5;font-size:12px}.receipt{padding:17px;border:1px solid #547766;border-radius:8px;margin-top:25px;overflow-wrap:anywhere}.receipt small{font-size:10px;color:#9898ab;display:block}.receipt code{font-size:11px;color:#bcd9ca}.receipt blockquote{border-left:2px solid #b299d2;padding-left:15px;margin:20px 0;color:#d0c7dc}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.news-list{max-width:880px;padding-bottom:60px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 24px;border:1px solid #78628e;border-radius:9px;background:#252032;color:#eee;box-shadow:0 8px 30px #0008;font-size:12px;z-index:5}.empty{padding:25px;color:#a398b3}@keyframes float{50%{transform:translateY(-12px) rotate(-9deg)}}@media(min-width:1200px){.game-grid:has(>.game-card:only-of-type){grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.topbar{padding:24px;gap:22px}.topbar nav{gap:18px}.nav-cta{display:none}.hero h1{font-size:45px}.game-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{grid-template-columns:260px 1fr;gap:30px}.detail-columns{grid-template-columns:minmax(0,1fr) 290px}.orbit-art{transform:scale(.9)}}@media(max-width:700px){.topbar{flex-wrap:wrap;padding:20px 22px;gap:23px}.topbar nav{width:100%;justify-content:space-between;gap:10px;margin:0}.topbar nav a{font-size:11px}.portal-main{padding:0 20px}.hero{grid-template-columns:1fr;gap:0;min-height:auto;padding:45px 0 15px}.hero h1{font-size:42px}.hero-copy>p{font-size:12px}.orbit-art{height:300px;transform:scale(.8);margin:-5px -25px}.float-tag.top{top:10px}.float-tag.bottom{bottom:10px}.notice-bar{gap:10px;align-items:flex-start;padding:17px;margin-bottom:42px;flex-wrap:wrap}.notice-bar p{flex-basis:75%;font-size:11px}.notice-bar a{margin-left:29px;font-size:10px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:23px}.search-wrap{width:100%}.search-wrap input{width:100%}.library-toolbar>.muted{display:none}.game-grid{grid-template-columns:1fr}.game-art{height:220px}.discovery-card{min-height:290px}.principles{grid-template-columns:1fr;gap:30px;margin-top:45px}.principles p{max-width:100%}footer{padding:30px 20px}footer p{flex-basis:50%}.page-heading{padding:45px 0 25px}.page-heading h1{font-size:31px}.detail-hero{grid-template-columns:1fr;padding:25px 0;gap:25px}.detail-art{min-height:230px}.detail-hero h1{font-size:30px}.detail-columns{grid-template-columns:1fr;gap:0}.content-panel{padding:24px}.guide-layout{grid-template-columns:1fr;gap:15px}.guide-nav{position:static;display:grid;grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.metric-grid{gap:6px}.metric-grid strong{font-size:23px}.metric-grid span{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Reusable public game detail: actual per-product feature catalogue. */
.inline-link{display:inline-flex;margin:0;align-items:center;font-size:11px}
.download-integrity{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}
.download-integrity summary{color:#b7a9cc;font-size:11px;cursor:pointer}
.download-integrity code{display:block;font-size:10px;color:#b6b8c9;background:#090c14;border:1px solid #2d2a39;border-radius:6px;padding:12px;overflow-wrap:anywhere}
.feature-section{padding:0 0 35px;scroll-margin-top:25px}
.feature-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.feature-tier{background:linear-gradient(135deg,#121822,#10131d);border:1px solid #293543;border-radius:13px;padding:28px;min-width:0}
.sponsor-tier{background:linear-gradient(135deg,#201a2d,#13121e 70%);border-color:#564263}
.feature-tier-heading{display:flex;gap:15px;align-items:center;padding-bottom:23px;border-bottom:1px solid #ffffff0b;margin-bottom:22px}
.feature-emblem{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #4d798343;border-radius:12px;background:#7ce2e40c;color:#8fd3da;font-size:24px}
.sponsor-tier .feature-emblem{border-color:#bda0f247;background:#bda0f211;color:#c7adfa}
.feature-tier-heading h3{font-size:20px;color:#e7e9f4}
.feature-tier-heading h3>span{display:inline-block;margin-left:10px;font-size:10px;color:#89bbc7;padding:3px 8px;background:#82d8df0c;border-radius:4px;vertical-align:middle}
.sponsor-tier .feature-tier-heading h3>span{color:#ceb7ef;background:#bea5e410}
.feature-tier-heading p{font-size:11px;margin-top:9px}
.feature-category+.feature-category{border-top:1px solid #ffffff09;margin-top:20px;padding-top:20px}
.feature-category h4{font-size:12px;color:#c2bdcf;font-weight:600;margin:0 0 12px}
.feature-category h4 small{font-size:9px;color:#666b7e;font-weight:400;margin-left:8px}
.feature-category ul{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:10px;list-style:none;margin:0;padding:0}
.feature-category li{font-size:12px;color:#a7abbe;position:relative;padding-left:15px;overflow-wrap:anywhere}
.feature-category li:before{content:'·';position:absolute;left:0;color:#79bcc2;font-size:18px;line-height:1.1}
.sponsor-tier .feature-category li:before{color:#bc9de6}
.feature-note{font-size:11px;color:#7f8299;line-height:2;margin:20px 4px 0}
.feature-empty{font-size:12px;color:#8a8ca0}
.detail-start{margin-bottom:50px}
.detail-start ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;margin:25px 0 20px;padding:0}
.detail-start li{display:flex;gap:13px;min-width:0}
.detail-start li>span{font-size:13px;color:#b39cd3;flex-shrink:0;padding-top:2px}
.detail-start h3{font-size:13px;margin:0}
.detail-start li p{font-size:11px;margin:9px 0 0;line-height:1.9}
@media(max-width:900px){.feature-category ul{grid-template-columns:1fr}.feature-tier{padding:24px}.detail-start ol{gap:20px}}
@media(max-width:700px){.feature-comparison{grid-template-columns:1fr;gap:18px}.feature-category ul{grid-template-columns:1fr 1fr}.feature-tier-heading h3{font-size:19px}.feature-tier-heading p{font-size:10px}.detail-start ol{grid-template-columns:1fr;gap:22px}.feature-note{margin-top:16px}}
@media(max-width:380px){.feature-category ul{grid-template-columns:1fr}.feature-tier{padding:20px}}
