*:where(:not(svg):not(path)){box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080A0D;color:#C7CDD5;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#8ED8FF}button{font:inherit;cursor:pointer}.wrap{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px;min-width:0}.site-header{position:sticky;top:0;z-index:100;background:#0D1015;box-shadow:0 8px 28px #0003}.topbar{height:70px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;flex:0 0 auto;gap:9px;color:#f5f7fa;font-size:20px;font-weight:800;white-space:nowrap}.brand-media{height:37px;max-width:105px}.brand-media img{max-height:100%;max-width:100%;width:auto;height:100%;object-fit:contain}.brand-media .media-placeholder{display:none}.brand-name{letter-spacing:.5px}.desktop-nav{display:flex;align-items:center;gap:clamp(12px,2.2vw,29px);margin:auto;min-width:0}.desktop-nav a{height:70px;display:flex;align-items:center;position:relative;font-size:15px;white-space:nowrap}.desktop-nav a.active{color:#6EA8FF}.desktop-nav a.active:after{content:"";height:2px;width:22px;background:#6EA8FF;position:absolute;bottom:15px;left:calc(50% - 11px)}.enter-btn{background:#5C7CFA;color:#fff!important;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:104px;padding:0 16px;font-size:14px;font-weight:700;white-space:nowrap}.enter-btn:hover{background:#7390FF}.subnav{background:#12161C}.subnav-inner{height:45px;display:flex;gap:30px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.subnav-inner::-webkit-scrollbar{display:none}.subnav a{font-size:13px;display:inline-flex;align-items:center;color:#9098A3}.subnav a.active,.subnav a:hover{color:#8ED8FF}.menu-toggle{display:none}main{padding-top:35px;padding-bottom:60px}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center;padding:25px;background:linear-gradient(135deg,#171C23,#111925);border:1px solid #ffffff15;border-radius:16px}.eyebrow,.kicker{display:inline-block;color:#8ED8FF;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:9px}.hero h1{font-size:38px;line-height:1.28;margin:0 0 15px;color:#F5F7FA}.hero p,.lead{font-size:16px;color:#b6c1cf}.hero .media{max-height:300px}.hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.hero-links a,.text-link{color:#8ED8FF;font-weight:700}.hero-links a:first-child{padding:7px 17px;background:#5C7CFA;border-radius:30px;color:white}.section{margin-top:45px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:18px}.section h2,.section-heading h2,.related h2{color:#F5F7FA;font-size:25px;line-height:1.35;margin:0 0 15px}.section-heading h2{margin:0}.section-heading small{color:#9098A3}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tile,.article-card,.essay{background:#171C23;border:1px solid #ffffff16;border-radius:13px;padding:20px;min-width:0}.tile h3,.article-card h3,.essay h2{margin:0 0 8px;font-size:18px;color:#F5F7FA;line-height:1.4}.tile p,.article-card p{margin:0 0 12px;color:#acb5c0;font-size:14px;line-height:1.75}.tile a.more{color:#8ED8FF;font-size:14px}.feature-split{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.feature-split.reverse{grid-template-columns:.85fr 1.15fr}.feature-split>div{min-width:0}.info-list{padding:0;margin:0;list-style:none}.info-list li{padding:13px 0;border-bottom:1px solid #ffffff18}.info-list li a{color:#e5eaf2}.media{position:relative;width:100%;max-width:100%;min-width:0;border-radius:12px;background:#0D1015;overflow:hidden}.media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.media-square{aspect-ratio:1/1}.media-landscape{aspect-ratio:16/9}.media-topic{aspect-ratio:4/3}.media-banner{aspect-ratio:16/7}.media-device{aspect-ratio:9/16;max-width:260px;margin:0 auto}.media-natural img{width:100%;height:auto;max-height:300px;object-fit:contain;margin:auto}.media-placeholder{width:100%;height:100%;min-height:120px;background:linear-gradient(140deg,#111923,#1b2937 55%,#0d1015)}.media-natural .media-placeholder{height:180px}.media-label{font-size:12px;color:#8ED8FF;margin:12px 0 4px}.game-card{background:#171C23;padding:12px;border:1px solid #ffffff16;border-radius:13px}.game-card h3{font-size:17px;color:#f5f7fa;margin:8px 0 4px}.game-card p{font-size:13px;color:#aeb9c5;line-height:1.6;margin:0 0 5px}.banner{max-width:1080px;margin:0 auto}.banner img{height:auto;max-height:none}.banner .media-placeholder{height:200px}.page-intro{padding:28px 30px;background:linear-gradient(115deg,#182332,#12161c);border:1px solid #ffffff16;border-radius:15px}.page-intro h1{font-size:33px;color:#F5F7FA;margin:0 0 10px;line-height:1.35}.page-intro p{margin:0;max-width:790px}.breadcrumbs{font-size:13px;color:#9098A3;margin-bottom:15px}.article-layout{max-width:850px;margin:30px auto 0}.essay{padding:24px 28px;margin-bottom:16px}.essay p{margin:0 0 12px;line-height:1.85}.essay p:last-child{margin-bottom:0}.related{margin-top:30px}.link-pills{display:flex;flex-wrap:wrap;gap:10px}.link-pills a{border:1px solid #ffffff25;border-radius:8px;padding:7px 14px;font-size:14px;color:#d6e5f7}.link-pills a:hover{border-color:#6EA8FF}.small-note{font-size:13px;color:#9098A3}.notice{padding:16px 20px;border-left:3px solid #6EA8FF;background:#151b24;border-radius:5px;margin-top:25px;font-size:14px}.site-footer{background:#050608;border-top:1px solid #ffffff14;padding:40px 0 20px}.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}.foot-grid h2{font-size:15px;color:#fff;margin:0 0 12px}.foot-grid a:not(.foot-brand){display:block;font-size:13px;color:#a4adb8;margin:5px 0}.foot-grid p{font-size:13px}.foot-brand{font-size:22px;color:#fff;font-weight:800}.footer-extra{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;font-size:13px}.foot-bottom{margin-top:20px;border-top:1px solid #ffffff18;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#9098A3}.mobile-drawer,.drawer-mask,.mobile-bottom{display:none}@media(max-width:980px){.desktop-nav{display:none}.topbar{height:59px;justify-content:space-between;gap:8px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:0 0 32px;background:transparent;border:0;padding:4px}.menu-toggle span{height:2px;width:23px;background:#e8eef8}.brand{font-size:17px}.brand-media{height:29px;max-width:65px}.enter-btn{height:36px;min-width:76px;font-size:12px;padding:0 10px}.subnav-inner{height:43px;gap:25px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#0D1015;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;padding:18px 20px}.mobile-drawer.is-open{transform:translateX(0)}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:20px}.drawer-close{border:0;background:none;color:#fff;font-size:23px}.drawer-group{margin-top:18px}.drawer-group h2{font-size:13px;color:#8ED8FF;margin:0 0 5px}.drawer-group a{display:block;padding:7px 3px;border-bottom:1px solid #ffffff13;font-size:14px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:90;background:#0D1015;border-top:1px solid #ffffff20;height:60px}.mobile-bottom a{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:18px;line-height:1.2;color:#b9c1cb}.mobile-bottom a span{font-size:11px;margin-top:2px}.mobile-bottom a.active{color:#6EA8FF}.site-footer{padding-bottom:80px}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.wrap{padding-left:20px;padding-right:20px}}@media(max-width:700px){main{padding-top:22px}.wrap{padding-left:16px;padding-right:16px}.hero{grid-template-columns:1fr;padding:17px;gap:15px}.hero .hero-copy{order:2}.hero .hero-image{order:1}.hero h1{font-size:28px}.hero .media{max-height:210px}.section{margin-top:30px}.section-heading h2,.section h2,.related h2{font-size:21px}.cards,.cards.four,.cards.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile,.article-card{padding:14px}.tile h3{font-size:16px}.tile p{font-size:13px}.feature-split,.feature-split.reverse{grid-template-columns:1fr}.page-intro{padding:22px 18px}.page-intro h1{font-size:27px}.essay{padding:20px 17px}.essay h2{font-size:20px}.game-card{padding:8px}.game-card h3{font-size:15px}.banner .media-placeholder{height:115px}.foot-bottom{flex-direction:column;gap:4px}.media-device{max-width:190px}}@media(max-width:350px){.brand-name{font-size:15px}.cards:not(.four){grid-template-columns:1fr}.game-card p{font-size:12px}}

/* Queen editorial v2: preserved original dark blue palette */
.hero{grid-template-columns:1.05fr .95fr;background:linear-gradient(115deg,#171C23,#12161C);padding:30px}.hero-copy .eyebrow{letter-spacing:2px}.hero h1{max-width:610px}.hero-image .media{border:1px solid #ffffff16}.section-heading{border-bottom:1px solid #ffffff16;padding-bottom:13px}.game-card .kicker{margin-top:9px;margin-bottom:3px}.game-card h3{margin-top:1px}.page-intro{background:linear-gradient(115deg,#12161C,#171C23)}.article-layout .essay{margin-bottom:20px}.article-layout .essay p{max-width:760px}.cards .tile .kicker{font-size:11px}.info-list li:last-child{border-bottom:0}@media(max-width:700px){.hero{padding:18px;grid-template-columns:1fr}.hero h1{font-size:27px}.section-heading{align-items:center}.section-heading small{font-size:12px}.article-layout{margin-top:22px}}

/* PG editorial digest navigation and clean compact rhythm, original palette unchanged */
.section-heading{border-bottom:1px solid #ffffff16}.page-intro{background:linear-gradient(125deg,#171C23,#12161C)}.hero{background:linear-gradient(140deg,#12161C,#171C23)}.game-card img{object-fit:contain}@media(max-width:700px){.feature-split{gap:13px}.section{margin-top:29px}}