/* The larger games share the Playroom identity, with their own spacious stage. */
body.big-screen-page{color-scheme:dark;--paper:#070f1c;--panel:#101b2b;--ink:#fff4de;--muted:#a2aec7;--accent:#66eee3;--line:#2a394e;--edge:#40536e;--shadow:#0005;background:radial-gradient(ellipse at 83% 25%,#30204d55,transparent 43%),#070f1c;color:var(--ink)}
.big-screen-page .site-header,.big-screen-page #main{max-width:1280px}.big-screen-page .site-footer{max-width:1232px}.site-header nav a[aria-current=page]{border-bottom:2px solid var(--accent);color:var(--accent)}.big-screen-page .wordmark span{font-style:normal;color:var(--ink)}.big-screen-page .wordmark i{color:#66eee3}.big-section-label{padding-top:26px;font-size:10px;text-transform:uppercase;letter-spacing:2.5px;color:#b1a3ed;font-weight:800}.big-game-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:14px}.big-game-tabs a{padding:12px 19px;border:1px solid #66eee3;border-bottom:0;border-radius:5px 5px 0 0;background:#112431;color:#66eee3;font-size:12px;font-weight:700}.chrono-hero{display:grid;grid-template-columns:46% 54%;align-items:center;min-height:420px;position:relative}.chrono-copy{position:relative;z-index:2;padding:34px 0}.chrono-kicker{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:#b9a9f3;font-weight:700;margin-bottom:14px}.chrono-copy h1{font:800 clamp(32px,4.2vw,58px)/1.05 Outfit,system-ui,sans-serif;letter-spacing:1px;margin:0 0 18px}.chrono-copy h1 span{display:block;color:#66eee3;letter-spacing:6px}.chrono-tagline{font:21px/1.5 Georgia,serif;margin-bottom:14px;max-width:470px}.chrono-description{color:var(--muted);font-size:15px;line-height:1.7;max-width:415px}.chrono-actions{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 17px}.chrono-play{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 22px;border:1px solid #8cf9ed;border-radius:5px;background:linear-gradient(130deg,#80f5ea,#3bd9db);color:#031b26;font-size:14px;font-weight:800;min-height:46px;transition:filter .15s}.chrono-play:hover{filter:brightness(1.12)}#chrono-help{border:1px solid #637691;background:#0b1524;color:#c1cce0;border-radius:5px;padding:10px 24px;font-size:13px}.chrono-device{font-size:12px;color:#b5c1d6;margin-bottom:3px}.chrono-device span{font-size:22px;margin-right:7px}.chrono-fold{font-size:11px;color:var(--muted)}
.chrono-art{position:relative;height:410px;min-width:0;isolation:isolate}.chrono-portal{position:absolute;inset:5% 8% 0;border-radius:50%;border:3px solid #ac7cef88;box-shadow:0 0 25px #b879ed66,inset 0 0 35px #9e65ed55;transform:rotate(-18deg);background:repeating-radial-gradient(ellipse,transparent 0 30px,#9675f313 32px 33px),radial-gradient(ellipse,#9264d63a,transparent 65%)}.chrono-portal:after{content:'';position:absolute;inset:12px;border:1px solid #e2c8ff44;border-radius:50%;transform:rotate(24deg)}.chrono-drone{position:absolute;width:58%;height:68%;object-fit:contain;left:25%;top:-6%;filter:drop-shadow(0 0 28px #b879ec55)}.chrono-cards{position:absolute;inset:40% 4% -1%;display:flex;align-items:center;justify-content:center;perspective:900px}.showcase-card{--card-color:#eda55f;width:31%;max-width:190px;height:245px;padding:10px;border:1px solid var(--card-color);border-radius:12px;background:linear-gradient(150deg,#253040,#0a1220 75%);box-shadow:0 10px 20px #0009;color:#f3f6ff;display:flex;flex-direction:column;transform:rotate(-10deg)}.showcase-card.defend{--card-color:#6cf0e2;transform:translateY(-10px) rotate(2deg);z-index:2}.showcase-card.time{--card-color:#bfa1ff;transform:translateY(15px) rotate(13deg)}.showcase-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--card-color);font-size:10px;margin-bottom:7px}.showcase-card-top b{border:1px solid var(--card-color);border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:14px}.showcase-card img{width:100%;height:96px;object-fit:cover;border-radius:6px}.showcase-card strong{font-size:13px;margin-top:8px}.showcase-card p{font-size:10px;line-height:1.4;margin:6px 0}.showcase-card small{margin-top:auto;border-top:1px solid #ffffff15;padding-top:7px;color:var(--card-color);font-size:7px;letter-spacing:1px}
.chrono-preview{border:1px solid #3a4b64;border-radius:12px;background:#0a1421;padding:20px 22px 0;overflow:hidden;margin-top:15px}.chrono-preview-title{position:relative;padding-right:140px}.chrono-preview h2{font-size:11px;font-family:inherit;color:#b5a1ee;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}.chrono-preview p{color:var(--muted);font-size:12px;margin-bottom:15px}.chrono-preview-title>span{position:absolute;right:0;top:3px;color:var(--muted);font-size:10px}.chrono-preview>img{display:block;width:100%;height:auto;border-radius:7px 7px 0 0}.chrono-features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:28px 0 38px}.chrono-features>div{position:relative;padding-left:57px}.chrono-features>div+div{border-left:1px solid #344158;padding-left:70px}.chrono-features>div>span{position:absolute;left:0;top:-7px;font-size:39px;color:#66eee3}.chrono-features>div+div>span{left:17px}.chrono-features>div:nth-child(2)>span{color:#b994ff}.chrono-features h2{font-size:17px;margin:0 0 4px}.chrono-features p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}#chrono-guide{max-width:620px}#chrono-guide ol{padding-left:22px;color:#c0cbe0;font-size:14px;line-height:1.7}#chrono-guide li{margin:12px 0}#chrono-guide>p{font-size:13px;color:var(--muted)}
@media(max-width:900px){.site-header{flex-wrap:wrap}.site-header nav{gap:18px}.chrono-hero{grid-template-columns:1fr 1fr}.chrono-copy h1{font-size:clamp(25px,4.4vw,40px)}.chrono-tagline{font-size:18px}.chrono-art{height:350px}.showcase-card{height:210px;padding:7px}.showcase-card img{height:75px}.showcase-card strong{font-size:11px}.chrono-features{gap:15px}.chrono-features>div,.chrono-features>div+div{padding-left:0;border:0}.chrono-features>div>span{display:none}}
@media(max-width:600px){.site-header nav{width:100%;justify-content:space-between;gap:12px}.big-screen-page .site-header{padding-bottom:0}.big-section-label{padding-top:20px}.chrono-hero{display:flex;flex-direction:column;align-items:stretch}.chrono-copy{padding:28px 0 0}.chrono-copy h1{font-size:clamp(31px,8.4vw,49px)}.chrono-kicker{font-size:9px;letter-spacing:1.4px}.chrono-tagline{font-size:20px}.chrono-description{font-size:14px}.chrono-art{height:330px;width:100%;max-width:440px;margin:0 auto}.chrono-drone{top:-1%}.chrono-cards{inset:42% 3% 0}.showcase-card{height:207px}.chrono-preview{padding:16px 10px 0;margin-top:25px}.chrono-preview-title{padding:0}.chrono-preview-title>span{display:none}.chrono-preview p{font-size:11px}.chrono-features{grid-template-columns:1fr;gap:20px}.chrono-features h2{font-size:18px}.chrono-features p{font-size:13px}.chrono-features>div{padding-bottom:16px;border-bottom:1px solid var(--line)}.chrono-features>div+div{border-bottom:1px solid var(--line)}}
/* Larger game landing pages may span both panels; gameplay owns its own layout. */
@media(horizontal-viewport-segments:2){.big-screen-page #main,.big-screen-page .site-header,.big-screen-page .site-footer{width:auto;max-width:1280px;margin-left:auto;margin-right:auto}.big-screen-page .chrono-hero{column-gap:24px}}


.chrono-portal{transform:none}
/* Approved cinematic composition: artwork spans behind the tabs and hero. */
body.big-screen-page{--paper:#030b16;--muted:#8c9db9;background:#030b16;font-weight:400}
.big-screen-page #main{position:relative;isolation:isolate;max-width:1250px}
.big-screen-page #main:before{content:'';position:absolute;z-index:-1;pointer-events:none;top:-3px;left:calc(50% - 50vw);width:100vw;height:610px;background:linear-gradient(0deg,#030b16 0%,transparent 20%),url('assets/chronodeck/portal-station.png') center 40%/cover no-repeat}
.big-screen-page .site-header{max-width:1250px;padding-top:15px;padding-bottom:12px}.big-screen-page .wordmark{font:700 26px/1.1 'DM Sans',system-ui,sans-serif;letter-spacing:-.5px}.big-screen-page .site-header nav{font-weight:600}.big-screen-page .site-header nav a:not([aria-current]){color:#8c9db9}.big-screen-page .site-footer{max-width:1202px}
.big-section-label{padding-top:20px}.big-game-tabs{margin-top:10px}.big-game-tabs a{padding:9px 18px;background:#061925a3}
.chrono-hero{grid-template-columns:44% 56%;min-height:395px;align-items:start}.chrono-copy{padding:42px 0 20px}.chrono-kicker{font-size:9px;letter-spacing:2.2px;margin-bottom:12px}.chrono-copy h1{font-family:'DM Sans',system-ui,sans-serif;font-weight:800;font-size:clamp(33px,3.5vw,51px);letter-spacing:0;line-height:1.02;margin-bottom:15px}.chrono-copy h1 span{letter-spacing:5px;background:linear-gradient(100deg,#70f4df,#79b8f8);background-clip:text;-webkit-background-clip:text;color:transparent}.chrono-tagline{font-size:21px;line-height:1.4;max-width:600px;width:600px;margin-bottom:12px;white-space:nowrap}.chrono-description{font-size:14px;line-height:1.6;max-width:425px;margin-bottom:18px}.chrono-actions{margin:21px 0 14px;gap:21px}.chrono-play{padding:11px 25px;border-radius:5px;box-shadow:0 0 24px #44dfd90a}.chrono-device{font-size:12px;color:#8c9db9}.chrono-fold{display:none}
.chrono-art{height:395px}.chrono-portal{display:none}.chrono-drone{width:66%;height:85%;top:-20%;left:24%;filter:drop-shadow(0 0 15px #a990db36)}.chrono-cards{inset:34% -1% -3%;justify-content:center;gap:0}.showcase-card{width:30%;max-width:190px;height:242px;background:linear-gradient(140deg,#1c2736,#070e1b 70%);border-color:color-mix(in srgb,var(--card-color) 65%,#152131);box-shadow:0 12px 25px #0009,inset 0 0 0 2px #ffffff08;transform:rotate(-6deg)}.showcase-card.defend{transform:translateY(-14px) rotate(4deg)}.showcase-card.time{transform:translateY(13px) rotate(12deg)}.showcase-card img{height:100px}.showcase-card-top{font-family:monospace;font-size:9px}.showcase-card strong{font-size:12px}.showcase-card p{font-size:10px}
.chrono-preview{position:relative;z-index:1;margin-top:0;background:#07111dd9;border-color:#304258;padding:19px 21px 0;border-radius:12px}.chrono-preview-title>span{display:none}.chrono-preview h2{font-size:11px;margin-bottom:3px}.chrono-preview p{margin-bottom:13px}.chrono-preview-crop{position:relative;aspect-ratio:3.85;overflow:hidden;border-radius:8px 8px 0 0;border:1px solid #24364d}.chrono-preview-crop img{position:absolute;max-width:none;width:128.34%;height:136.1%;left:-13.64%;top:-29.47%;object-fit:fill}
.chrono-features{margin:25px 0 27px;gap:30px}.chrono-features h2{font-size:16px;font-weight:600}.chrono-features p{font-size:12px;line-height:1.5;max-width:285px}.chrono-features>div>span{top:2px;width:36px;height:36px}.chrono-features svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.big-screen-page .site-footer{margin-top:22px}
@media(min-width:1500px){.big-screen-page #main:before{background-size:1536px auto}}
@media(min-width:601px) and (max-width:1000px){.chrono-copy{padding-top:32px}.chrono-hero{min-height:365px}.chrono-copy h1{font-size:37px}.chrono-tagline{white-space:normal;width:auto;max-width:400px;font-size:18px}.chrono-art{height:365px}.chrono-drone{top:-8%}.chrono-cards{inset:40% 0 0}.showcase-card{height:215px}.showcase-card img{height:80px}.chrono-preview-crop{aspect-ratio:3}.chrono-preview-crop img{height:136.1%}}
@media(max-width:600px){.big-screen-page #main:before{height:950px;background-position:64% 80px;background-size:auto 800px;opacity:.8}.big-screen-page .site-header{padding-bottom:0}.big-screen-page .wordmark{font-size:24px}.chrono-copy{padding-top:30px}.chrono-copy h1{font-size:clamp(31px,8.4vw,49px)}.chrono-tagline{white-space:normal;width:auto;font-size:20px}.chrono-description{max-width:390px}.chrono-art{height:320px}.chrono-drone{top:0;left:22%;width:65%;height:76%}.chrono-cards{inset:43% 2% 0}.showcase-card{height:210px;width:31%}.showcase-card img{height:75px}.chrono-preview{margin-top:28px;padding:16px 10px 0}.chrono-preview-crop{aspect-ratio:1.9}.chrono-features{grid-template-columns:1fr}.chrono-features>div,.chrono-features>div+div{padding-left:52px}.chrono-features>div>span,.chrono-features>div+div>span{display:block;left:0;width:32px;height:32px}.chrono-features p{max-width:none}.chrono-actions{gap:14px}}

.chrono-preview-crop{aspect-ratio:1200/370}.chrono-preview-crop img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.big-screen-page #main:before{background-image:linear-gradient(90deg,#030b16 3%,#030b16c9 31%,#030b1622 57%,transparent 75%),linear-gradient(0deg,#030b16 0%,transparent 20%),url('assets/chronodeck/portal-station.png')}.chrono-description{max-width:420px}@media(max-width:600px){.chrono-preview-crop{aspect-ratio:1200/370}}

/* Never tile the cinematic art on ultrawide displays. Anchor it to the content. */
.big-screen-page #main:before{background-repeat:no-repeat,no-repeat,no-repeat;background-size:100% 100%,100% 100%,1536px auto;background-position:center,center,calc(50% + 60px) 40%}
@media(max-width:600px){.big-screen-page #main:before{background-size:100% 100%,100% 100%,auto 800px;background-position:center,center,64% 80px}}

/* Carry the section theme across the entire browser canvas, even below content. */
html:has(body.big-screen-page){background:#030b16;color-scheme:dark}body.big-screen-page{min-height:100vh;min-height:100dvh}

html:has(.big-screen-page){--paper:#030b16;background-color:#030b16!important}

/* Lineage: a gold royal identity within the Big Screen collection. */
.big-game-tabs{flex-wrap:wrap;gap:10px}.lineage-page #main:before{background:radial-gradient(ellipse at 80% 20%,#5f461d55,transparent 60%);background-repeat:no-repeat}.lineage-page .chrono-kicker,.lineage-page .chrono-device{color:#e2be79}.lineage-page .chrono-play{background:#edc47d;color:#1a1d21}.lineage-page .chrono-play:hover{background:#ffdf9d}.lineage-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:35px;padding:25px 0 30px}.lineage-hero h1{font-size:clamp(48px,6vw,82px);line-height:1.1;letter-spacing:.1em;color:#f2e9d4}.lineage-hero h1 span{display:block;font-size:clamp(14px,1.8vw,23px);letter-spacing:.2em;color:#edc47d;margin-top:12px}.lineage-hero .chrono-tagline{font-size:25px;white-space:normal;width:auto}.lineage-seal{width:min(330px,90%);aspect-ratio:4/5;border:2px solid #cda15b;border-radius:20px 20px 45% 45%;margin:25px auto;background:radial-gradient(ellipse,#69502177,transparent 70%),linear-gradient(145deg,#252a32,#0d1825);box-shadow:0 0 70px #d6a44c25,inset 0 0 0 8px #cda15b11;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#edc47d}.lineage-seal span{font:150px Georgia,serif;text-shadow:0 0 40px #d6a44c55}.lineage-seal strong{font-size:11px;letter-spacing:.14em;margin-top:20px}.lineage-seal div{font-size:9px;letter-spacing:.14em;margin-top:10px;color:#92a4b9}.lineage-features>div{padding-left:20px!important}.lineage-features h2{color:#edc47d}.lineage-preview>img{display:block;width:100%;height:auto;max-height:650px;object-fit:cover;object-position:top;border-radius:10px 10px 0 0}.lineage-page dialog{background:#101b2b;color:#e4edf5;border-color:#b99450;max-width:min(650px,94vw)}.lineage-page dialog ol{padding-left:22px;line-height:1.8}.lineage-page dialog p{margin:16px 0;color:#b3c1d2}
@media(max-width:750px){.lineage-hero{grid-template-columns:1fr;gap:10px}.lineage-seal{width:200px;margin:0 auto}.lineage-seal span{font-size:90px}.lineage-seal strong{font-size:9px}.lineage-hero .chrono-tagline{font-size:21px}.lineage-hero .chrono-copy{padding-top:10px}.lineage-features{margin-top:20px}.lineage-preview>img{max-height:340px}.big-game-tabs a{font-size:12px}}

/* Lineage uses the same layered hero composition as the other Big Screen games. */
.lineage-page #main:before{height:700px;background-image:linear-gradient(90deg,#030b16 3%,#030b16d9 31%,#030b1644 60%,#030b1622 85%),linear-gradient(0deg,#030b16 0%,transparent 38%),url('assets/lineage/ancestral-throne.png');background-size:100% 100%,100% 100%,1536px auto;background-position:center,center,calc(50% + 60px) top;background-repeat:no-repeat}
.lineage-hero{grid-template-columns:44% 56%;gap:0;min-height:450px;padding:0;align-items:center;position:relative}.lineage-hero h1{font-size:clamp(42px,5vw,70px)}.lineage-hero .chrono-copy{padding:42px 0 24px}.lineage-page #lineage-help{border:1px solid #a78a57;background:#0b1524dd;color:#f2e9d4;border-radius:5px;padding:10px 24px;font-size:13px;min-height:46px}.lineage-page #lineage-help:hover{background:#233045}.lineage-page .chrono-copy{text-shadow:0 2px 12px #030b16}.lineage-page .chrono-actions{text-shadow:none}.lineage-throne-art{position:relative;isolation:isolate;height:430px;min-width:0;width:100%}.lineage-crown{position:absolute;top:0;left:30%;width:43%;transform:rotate(-7deg);filter:drop-shadow(0 10px 12px #000b) drop-shadow(0 0 24px #e7b95744)}.lineage-crown svg{display:block;width:100%;height:auto}.lineage-reward-cards{position:absolute;inset:32% 1% 0;display:flex;align-items:center;justify-content:center;perspective:900px}.lineage-reward{--reward-color:#e8bf79;display:flex;flex-direction:column;width:31%;max-width:190px;height:248px;padding:10px;border:1px solid var(--reward-color);border-radius:11px;background:linear-gradient(145deg,#3a3024,#0b1423 75%);box-shadow:0 12px 28px #000b,inset 0 0 0 2px #ffffff08;transform:rotate(-10deg);color:#f0e5cf}.lineage-reward-top{display:flex;align-items:center;justify-content:space-between;color:var(--reward-color);font-size:9px;margin-bottom:8px}.lineage-reward-top b{font:700 13px Georgia;border:1px solid currentColor;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.lineage-reward img{width:100%;height:96px;object-fit:cover;border-radius:5px}.lineage-reward strong{font:700 15px Georgia;margin-top:10px}.lineage-reward p{font-size:10px;line-height:1.5;color:#bec8da;margin:7px 0}.lineage-reward small{margin-top:auto;border-top:1px solid #ffffff18;padding-top:7px;font-size:7px;letter-spacing:.6px;color:var(--reward-color)}.lineage-archive{--reward-color:#7cdbcd;background:linear-gradient(145deg,#243c3e,#0b1423 75%);transform:translateY(-14px) rotate(2deg);z-index:2}.lineage-heir{--reward-color:#c5a5e6;background:linear-gradient(145deg,#352b43,#0b1423 75%);transform:translateY(10px) rotate(12deg)}
@media(min-width:601px) and (max-width:1000px){.lineage-hero{grid-template-columns:46% 54%;min-height:420px}.lineage-hero h1{font-size:clamp(32px,5vw,48px)}.lineage-hero h1 span{font-size:15px}.lineage-hero .chrono-tagline{font-size:21px}.lineage-throne-art{height:385px}.lineage-reward{height:220px;padding:7px}.lineage-reward img{height:78px}.lineage-reward strong{font-size:13px}.lineage-reward small{font-size:6px}.lineage-reward-top{font-size:8px}}
@media(max-width:600px){.lineage-page #main:before{height:950px;opacity:1;background-image:linear-gradient(180deg,#030b16 0%,#030b16b3 38%,#030b1644 57%,transparent 75%),linear-gradient(0deg,#030b16 0%,transparent 25%),url('assets/lineage/ancestral-throne.png');background-size:100% 100%,100% 100%,auto 800px;background-position:center,center,64% 80px}.lineage-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0}.lineage-hero .chrono-copy{padding:30px 0 12px}.lineage-hero h1{font-size:clamp(38px,10vw,59px)}.lineage-hero h1 span{font-size:clamp(13px,3.6vw,20px);letter-spacing:.16em}.lineage-hero .chrono-tagline{font-size:21px}.lineage-page .chrono-description{color:#b6c3d8}.lineage-throne-art{height:330px;max-width:440px;margin:0 auto}.lineage-crown{width:43%;top:0;left:30%}.lineage-reward-cards{inset:32% 1% 0}.lineage-reward{height:210px;padding:7px}.lineage-reward img{height:74px}.lineage-reward strong{font-size:12px}.lineage-reward p{font-size:9px}.lineage-reward small{font-size:6px;letter-spacing:.2px}.lineage-reward-top{font-size:8px}.lineage-reward-top b{width:24px;height:24px;font-size:11px}.lineage-features{margin-top:25px}}
/* Quantum Draft: the anomaly is centered above the foreground card fan. */
.quantum-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:43% 57%;align-items:center;min-height:540px;margin-top:12px;background:#070f1c;overflow:hidden;border-radius:12px}.quantum-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070f1c 0%,#070f1cee 24%,#070f1c65 45%,transparent 65%),linear-gradient(0deg,#070f1c,transparent 28%),url('assets/quantum-draft/anomaly-hero.png') center center/cover no-repeat}.quantum-hero .chrono-copy{padding:36px 12px 36px 0}.quantum-hero .chrono-kicker{color:#91ede1}.quantum-art{position:relative;height:520px;min-width:0}.quantum-cards{position:absolute;inset:47% 5% 4%;display:flex;justify-content:center;align-items:center;perspective:900px}.quantum-showcase-card{--sector:#efb45c;width:30%;max-width:180px;height:235px;padding:10px;background:linear-gradient(150deg,#203044,#08101c);border:1px solid var(--sector);border-radius:11px;color:#edf4ff;box-shadow:0 14px 28px #000b;transform:rotate(-12deg)}.quantum-showcase-card.cyber{--sector:#8bc5ff;z-index:2;transform:translateY(-12px) rotate(1deg)}.quantum-showcase-card.void{--sector:#b69aff;transform:translateY(10px) rotate(13deg)}.quantum-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--sector);font-size:10px;margin-bottom:7px}.quantum-card-top b{font-size:22px}.quantum-showcase-card img{width:100%;height:108px;object-fit:cover;border-radius:5px}.quantum-showcase-card strong{display:block;font-size:14px;margin-top:9px}.quantum-showcase-card p{font-size:11px;line-height:1.4;margin-top:7px}.quantum-features{margin-top:24px}#quantum-help{border:1px solid #637691;background:#0b1524;color:#c1cce0;border-radius:5px;padding:10px 24px;font-size:13px}.big-game-tabs{flex-wrap:wrap}.quantum-page .big-game-tabs a[aria-current=page]{background:#66eee3;color:#071621}
@media(max-width:900px) and (min-width:601px){.quantum-hero{grid-template-columns:45% 55%;min-height:480px}.quantum-art{height:470px}.quantum-cards{inset:49% 2% 3%}.quantum-showcase-card{height:210px;padding:7px}.quantum-showcase-card img{height:83px}.quantum-showcase-card strong{font-size:12px}.quantum-showcase-card p{font-size:10px}.quantum-card-top{font-size:8px}}
@media(max-width:600px){.quantum-hero{grid-template-columns:1fr;overflow:hidden}.quantum-hero:before{background:linear-gradient(0deg,#070f1c,transparent 25%,#070f1c55 65%,#070f1c 100%),url('assets/quantum-draft/anomaly-hero.png') 72% bottom/auto 440px no-repeat}.quantum-hero .chrono-copy{padding:24px 0 0}.quantum-art{height:370px;max-width:440px;width:100%;margin:auto}.quantum-cards{inset:39% 4% 2%}.quantum-showcase-card{height:200px;padding:7px}.quantum-showcase-card img{height:85px}.quantum-showcase-card strong{font-size:12px}.quantum-showcase-card p{font-size:10px}.quantum-card-top{font-size:8px}.big-game-tabs a{padding:11px 12px}}

/* Keep Quantum Draft's anomaly artwork clear of the shared portal backdrop. */
.quantum-page #main:before{background:none!important}

/* Gameplay preview follows the shared Big Screen panel, with Quantum accents. */
.quantum-preview{margin-top:24px;border-color:#35565e;background:linear-gradient(145deg,#10212c,#07111d 70%)}.quantum-preview h2{color:#86eee0}.quantum-preview>img{border:1px solid #29434e;border-bottom:0}