:root{color-scheme:dark;--bg:#12130f;--surface:#1b1d16;--raised:#23261b;--text:#eee6cf;--muted:#b5b09e;--accent:#d5b36e;--line:#b89c5940;--wash:#b3995214;--ink:#181b12;--shadow:#0007;--display:Georgia,'Times New Roman','Songti SC',SimSun,serif;--scenery:url('scene-forest.webp')}
:root[data-theme=night]{--bg:#0b1528;--surface:#111f37;--raised:#1a2e4b;--text:#eeeade;--muted:#aab8d0;--accent:#e5d299;--line:#9aafd63c;--wash:#8eaee518;--ink:#11233e;--shadow:#020a1a80;--scenery:url('scene-night.webp')}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.8 system-ui,-apple-system,'Microsoft Yahei',sans-serif;transition:background .5s,color .5s}body:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:800px;background:radial-gradient(ellipse at 80% 15%,#a8893720,transparent 60%);pointer-events:none}[data-theme=night] body:before{background:radial-gradient(ellipse at 80% 15%,#4b73b83b,transparent 60%)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}button:disabled{opacity:.35;cursor:not-allowed}a:hover{color:var(--accent)}p{margin:0 0 16px;color:var(--muted)}strong{color:var(--text);font-weight:600}main,.nav,footer{width:min(1200px,calc(100% - 96px));margin:auto}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{font-size:21px;font-weight:800;letter-spacing:-.04em;display:flex;gap:20px;align-items:center}.brand span{color:var(--accent)}.brand small{font-size:9px;letter-spacing:.18em;font-weight:400;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.nav nav{display:flex;gap:30px;font-size:12px}.themes{padding:4px;border:1px solid var(--line);display:flex;border-radius:30px;background:var(--surface)}.themes button{border:0;background:none;border-radius:24px;padding:7px 15px;font-size:12px;display:flex;gap:8px;align-items:center;color:var(--muted)}.themes button[aria-pressed=true]{background:var(--text);color:var(--ink)}.swatch{width:10px;height:10px;border-radius:50%}.swatch.forest{background:#af8842}.swatch.night{background:#456ab0}.hero{min-height:495px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:35px;padding:56px 0 40px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:500;color:var(--accent)}.line{display:inline-block;width:25px;height:1px;background:var(--accent);vertical-align:middle;margin-right:10px}h1{font:normal clamp(68px,7.5vw,112px)/.96 var(--display);letter-spacing:-.07em;margin:25px 0 27px}h1 span{display:block;margin-left:70px;font-style:italic;color:var(--accent)}.lead{font:normal 25px/1.55 var(--display);color:var(--text);margin-bottom:14px;letter-spacing:.06em}.intro{font-size:12px;line-height:1.9}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:25px;color:var(--accent);border-bottom:1px solid var(--line);padding:8px 0}.hero-art{position:relative;height:400px;isolation:isolate;background:linear-gradient(180deg,#11130f00,var(--bg)),var(--scenery) center/cover;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 70%),#0005;z-index:-1}.orbit{position:absolute;width:285px;height:285px;border:1px solid var(--line);border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%)}.orbit:before{content:'';position:absolute;inset:15px;border:1px solid var(--line);border-radius:50%}.art-caption{position:absolute;top:4%;width:100%;text-align:center;font-size:9px;letter-spacing:.22em;color:var(--accent)}.letter-card{position:absolute;width:116px;height:165px;top:100px;left:calc(50% - 58px);padding:10px 13px;background:linear-gradient(130deg,#e5d29f,#bca064);color:#26251a;border:1px solid #e9d7a6;outline:1px solid #766339;outline-offset:-7px;box-shadow:8px 15px 35px #0007;display:flex;flex-direction:column;justify-content:space-between}.letter-card small{font:10px Georgia}.letter-card b{font:normal 92px/.9 var(--display);align-self:center}.letter-card>span{font-size:8px;letter-spacing:.2em;align-self:center}.card-c{transform:translate(-90px,15px) rotate(-17deg);z-index:1}.card-a{transform:translate(0,-15px) rotate(3deg);z-index:3}.card-t{transform:translate(90px,15px) rotate(17deg);z-index:2}.spark{position:absolute;right:10%;top:17%;font-size:43px;color:var(--accent)}.theme-caption{position:absolute;bottom:0;width:100%;text-align:center;color:var(--accent);font-size:10px;letter-spacing:.15em}.theme-caption small{display:block;font-size:11px;color:var(--muted);letter-spacing:.05em;margin-top:6px}[data-theme=night] .letter-card{background:linear-gradient(145deg,#f1edda,#b9c7d7);color:#293e65;border-color:#f7f2d9;outline-color:#5c7398}[data-theme=night] .orbit{border-style:dashed}[data-theme=night] .hero-art .spark{filter:drop-shadow(0 0 14px #e7d48299)}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}.facts>div{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid var(--line)}.facts>div:last-child{border:0}.facts strong{font:30px/1 var(--display);color:var(--accent)}.facts strong span,.facts strong small{font-size:12px}.facts>div>span{font-size:11px;color:var(--muted)}.play-section{padding:72px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}h2{font:normal 35px/1.4 var(--display);margin:0;letter-spacing:.02em}h2 em{color:var(--accent);font-style:normal}.section-top .eyebrow{margin-bottom:8px}.tools{display:flex;gap:8px}.tool{background:transparent;border:1px solid var(--line);padding:9px 15px;font-size:12px}.tool:hover:not(:disabled){background:var(--wash);border-color:var(--accent)}.board{padding:24px;background:radial-gradient(ellipse at top,var(--wash),transparent),var(--surface);border:1px solid var(--line);position:relative}.board:before,.board:after{content:'✦';position:absolute;color:var(--accent);font-size:18px;top:-17px;left:-7px}.board:after{left:auto;right:-7px}.stage{position:relative;aspect-ratio:4/3;width:min(100%,800px);margin:auto;overflow:hidden;background:#101410;box-shadow:0 15px 60px var(--shadow);border:1px solid var(--line)}.stage:fullscreen{width:100vw;height:100vh;border:0;aspect-ratio:auto}.stage iframe{height:100%;width:100%;border:0;display:block}.cover{position:absolute;inset:0;background:var(--scenery) center/cover;display:flex;align-items:center;padding:9%}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10150fed,#18201380 70%,#161c1133)}[data-theme=night] .cover-shade{background:linear-gradient(90deg,#0b1835ed,#10234c99 70%,#11204744)}.cover-copy{z-index:1}.cover h3{font:normal clamp(28px,4vw,52px)/1.35 var(--display);margin:26px 0;color:#f1ead5}.cover h3 em{font-style:normal;color:#dac18a}.cover p{color:#ccc7b6;font-size:13px}.primary{display:flex;align-items:center;justify-content:space-between;gap:65px;background:#d5b36e;border:1px solid #ebd39e;color:#1d2118;padding:14px 22px;margin:28px 0 16px;font-size:14px;font-weight:600}.primary:hover{background:#efdaa7}.cover small{display:block;font-size:10px;color:#c1c4b6}.cover-mark{position:absolute;bottom:20px;right:25px;font:italic 25px var(--display);color:#efe5c969}.game-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.game-foot p{font-size:11px;margin:0}.game-foot p span{margin:0 6px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin:0 7px 1px 0!important}.sync-note{font-size:11px;margin-top:7px;opacity:.7}.rule-section{display:grid;grid-template-columns:300px 1fr;gap:70px;padding:25px 0 75px;border-top:1px solid var(--line)}.rule-section aside{align-self:start;position:sticky;top:35px;padding-top:38px}.rule-section aside>p:not(.eyebrow){font-size:12px;line-height:2;margin-top:20px}.rule-index{display:flex;flex-direction:column;font-size:11px;gap:12px;margin-top:28px;border-left:1px solid var(--line);padding-left:17px;color:var(--muted)}.rule-content{min-width:0}.rule{display:grid;grid-template-columns:26px 1fr;gap:18px;padding:36px 0;border-bottom:1px solid var(--line)}.number{font:italic 15px var(--display);color:var(--accent);padding-top:9px}h3{font:normal 23px/1.5 var(--display);margin:0 0 18px}h4{font-size:12px;margin:12px 0 9px;font-weight:600}.rule p{font-size:13px;line-height:2}.steps{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid var(--line);background:var(--wash);margin:22px 0 14px;gap:12px}.steps span{font:10px Georgia;letter-spacing:.1em;color:var(--accent)}.steps p{font-size:11px;margin:3px 0 0}.steps i{font-style:normal;color:var(--muted)}.rule .note{font-size:11px;color:var(--muted);opacity:.8;margin:12px 0 0}.inline-star{color:var(--accent)}.example{background:var(--surface);border:1px solid var(--line);padding:22px;margin:22px 0}.example-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--accent)}.small-label{color:var(--muted);font-size:10px}.word-demo{display:flex;align-items:center;gap:18px;margin:24px 0}.word{display:flex;gap:5px}.word>span{display:grid;place-items:center;width:44px;height:59px;background:var(--raised);border:1px solid var(--line);font:32px var(--display);box-shadow:0 3px 0 #0004}.result>span:first-child{background:var(--accent);color:var(--ink)}.arrow{color:var(--accent)}.valid{font-size:10px;color:var(--muted)}.demo-controls{display:flex;gap:7px;align-items:center;border-top:1px solid var(--line);padding-top:16px}.demo-controls button{background:transparent;border:1px solid var(--line);width:32px;height:36px;font:19px Georgia}.demo-controls button[aria-pressed=true]{border-color:var(--accent);background:var(--wash);color:var(--accent)}.demo-controls p{font-size:10px;margin:0 0 0 7px;line-height:1.7}.special-grid{display:grid;gap:22px}.special-grid section{padding-left:52px;position:relative}.rule-symbol{position:absolute;left:0;top:3px;color:var(--accent);font:26px var(--display)}.special-grid section h4{margin-top:3px;letter-spacing:.05em}.special-grid p{margin:0}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:20px 0}.outcomes>div{padding:22px;background:var(--surface)}.outcomes span{display:block;font-size:9px;letter-spacing:.15em;color:var(--accent)}.outcomes strong{display:block;font:35px var(--display);margin:10px 0}.outcomes p{font-size:11px;margin:0}.difficulty{padding:32px 0}.difficulty h3{font-size:22px}.difficulty-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--surface)}.difficulty-row>div{padding:18px;border-right:1px solid var(--line)}.difficulty-row>div:last-child{border:0}.difficulty-row span{font-size:10px;color:var(--accent)}.difficulty-row h4{font:23px var(--display);margin-top:5px}.difficulty-row p{font-size:11px;line-height:1.8;margin:0}details{border-top:1px solid var(--line);padding:18px 0;font-size:12px}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary>span{color:var(--accent)}details[open] summary{margin-bottom:16px}details>p{font-size:12px;line-height:2}details[open] summary>span{transform:rotate(45deg)}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.glossary p{margin:0;font-size:11px}.glossary b{color:var(--accent);font-size:10px;margin-right:5px}.endnote{padding:50px 0;border-block:1px solid var(--line);text-align:center}.endnote>span{display:block;font-size:9px;letter-spacing:.23em;color:var(--accent);margin-bottom:18px}.endnote a{font:normal 32px var(--display)}footer{display:flex;justify-content:space-between;gap:30px;padding:35px 0 40px}footer>div{display:flex;align-items:center;gap:25px}footer>div>span{font-size:9px;letter-spacing:.12em;color:var(--muted)}footer p{font-size:10px;text-align:right;margin:0}footer p a{color:var(--accent)}
@media(min-width:1400px){.hero{min-height:560px}.hero-art{height:430px}.letter-card{top:115px;width:126px;height:180px;left:calc(50% - 63px)}}
@media(max-width:1000px){main,.nav,footer{width:calc(100% - 48px)}.brand small{display:none}.nav nav{gap:18px}.hero{gap:0}.hero-art{height:370px}.letter-card{width:100px;height:145px;left:calc(50% - 50px)}.letter-card b{font-size:77px}.card-c{transform:translate(-73px,15px) rotate(-17deg)}.card-t{transform:translate(73px,15px) rotate(17deg)}.rule-section{grid-template-columns:220px 1fr;gap:30px}.word-demo{gap:10px}.word>span{width:34px;height:48px;font-size:28px}.valid{display:none}.facts>div{gap:10px}.facts strong{font-size:26px}}
@media(max-width:700px){main,.nav,footer{width:calc(100% - 36px)}.nav{height:82px;gap:10px}.nav nav{display:none}.themes button{padding:6px 12px}.hero{grid-template-columns:1fr;padding:35px 0 20px;min-height:0}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:8px}.hero h1{font-size:85px;margin-bottom:25px}.hero h1 span{display:inline;margin-left:0;font-size:73px}.hero-art{height:280px;margin-top:15px}.hero-art .art-caption{top:0}.hero-art .letter-card{top:50px}.orbit{width:240px;height:240px;top:40%}.lead{font-size:23px}.intro br{display:none}.intro{max-width:290px}.facts{grid-template-columns:1fr 1fr;gap:22px 0;padding:22px 0}.facts>div:nth-child(2){border:0}.facts>div{justify-content:start;padding-left:18px}.facts strong{font-size:28px}.facts>div>span{font-size:10px}.play-section{padding:45px 0}.section-top{align-items:center;gap:10px}.section-top h2{font-size:26px}.section-top .eyebrow{font-size:8px}.tool{font-size:10px;padding:8px}.tools{gap:5px}.board{padding:9px}.cover{padding:7%}.cover h3{font-size:30px;margin:14px 0}.cover .eyebrow{font-size:7px}.cover p{font-size:10px}.primary{padding:9px 14px;margin:14px 0 9px;gap:45px;font-size:12px}.cover small{font-size:8px}.cover-mark{font-size:18px;right:12px;bottom:10px}.game-foot{display:block}.game-foot p{font-size:10px;margin:5px 0}.sync-note{font-size:10px}.rule-section{display:block;padding:0 0 40px}.rule-section aside{position:static;padding:30px 0 12px}.rule-section aside h2{font-size:32px}.rule-section aside h2 br{display:none}.rule-index{flex-direction:row;border:0;padding:0;gap:18px;flex-wrap:wrap;margin-top:18px}.rule{gap:8px;grid-template-columns:22px 1fr;padding:28px 0}h3{font-size:21px}.rule p{font-size:12px}.steps{padding:12px;gap:5px}.steps span{font-size:8px}.steps p{font-size:10px}.example{padding:14px}.example-top{font-size:10px}.small-label{font-size:8px}.word-demo{gap:12px}.word>span{width:32px;height:45px;font-size:27px}.demo-controls{flex-wrap:wrap}.demo-controls p{flex-basis:100%;margin:5px 0 0}.difficulty-row>div{padding:12px}.difficulty-row h4{font-size:20px}.difficulty-row p{font-size:10px}.outcomes>div{padding:17px}.glossary{grid-template-columns:1fr}.endnote{padding:35px 0}.endnote a{font-size:25px}footer{display:block}footer>div{margin-bottom:18px}footer p{text-align:left}.hero h1{font-size:clamp(44px,12vw,85px)}.hero h1 span{font-size:inherit}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{transition:none}}
/* Frame the original scenery above its title artwork. */
.hero-art{background-size:100% 100%,auto 310%;background-position:center,center top;background-repeat:no-repeat}
.cover{background-size:auto 310%;background-position:center top}
/* Keep the table edge-to-edge and gently settle on the game section. */
html{scroll-snap-type:y proximity;scroll-padding-top:20px}
#play{scroll-snap-align:start}
.board{padding:0}
.stage{width:100%;border:0;box-shadow:none}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}}
.play-section{padding-top:24px;padding-bottom:32px}
#play{scroll-snap-align:none}
#play .section-top{scroll-snap-align:start}

/* One complete table per viewport, including controls and status. */
html{scroll-padding-top:0}
#play{height:100svh;height:100dvh;padding:20px 0 16px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;scroll-snap-align:start;scroll-margin-top:0}
#play .section-top{margin:0;align-items:center;scroll-snap-align:none}
#play .section-top h2{font-size:28px;line-height:1.2}
#play .section-top .eyebrow{margin:0 0 5px}
#play .board{container-type:size;min-height:0;width:100%;border:0;background:none;display:grid;place-items:center}
#play .board:before,#play .board:after{display:none}
#play .stage{width:min(100%,133.333cqh);height:auto;aspect-ratio:4/3;max-height:100%;border:1px solid var(--line);box-shadow:0 12px 45px #0004}
#play .game-foot{margin:0;line-height:1.5}
#play .sync-note{margin:0;line-height:1.4}
#play .stage:fullscreen{width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;border:0}
/* A title screen composed from the original game's restored scenery. */
.cover{container-type:size;padding:0;background:url('gate-epic.png') center/cover;justify-content:center;isolation:isolate}
.cover-shade{background:linear-gradient(180deg,#10110966,#12120ac9 52%,#11120deb),radial-gradient(ellipse at 50% 38%,#b98e2910,transparent 70%)}
.gate-frame{position:absolute;inset:5% 4%;border:1px solid #cfb3745c;pointer-events:none}
.gate-frame:before,.gate-frame:after{content:'✦';position:absolute;left:50%;transform:translateX(-50%);top:-.7em;background:#202219;padding:0 .8em;color:#d9b673;font-size:clamp(10px,2cqh,16px)}
.gate-frame:after{top:auto;bottom:-.7em}
.cover-copy{position:relative;text-align:center;width:90%;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,2.3cqh,18px)}
.cover .gate-realm{font-size:clamp(8px,1.9cqh,12px);letter-spacing:.3em;margin:0;color:#dec389}
.cover h3{font:normal clamp(32px,12cqh,86px)/.92 Georgia,serif;letter-spacing:-.055em;margin:0;color:#f1ead5;text-shadow:0 3px 30px #000a}
.cover h3 span{font-style:italic;color:#dcc28b;margin-left:.07em}
.gate-cards{display:flex;gap:clamp(6px,1.7cqh,13px);padding:clamp(4px,1.7cqh,12px) 0}
.gate-cards span{width:clamp(32px,10cqh,72px);height:clamp(43px,13cqh,96px);display:grid;place-items:center;font:normal clamp(28px,9cqh,62px)/1 Georgia,serif;color:#34291a;background:linear-gradient(135deg,#e8d6a8,#b49255);border:1px solid #f4dfa9;outline:1px solid #8d713d;outline-offset:-5px;box-shadow:0 8px 22px #0006}
.gate-cards span:first-child{transform:rotate(-9deg) translateY(4px)}
.gate-cards span:last-child{transform:rotate(9deg) translateY(4px)}
.cover .gate-tagline{font:normal clamp(11px,2.7cqh,17px)/1.5 var(--display);letter-spacing:.13em;color:#dfd4b8;margin:0}
.cover .primary{min-width:clamp(150px,30cqh,220px);padding:clamp(8px,2cqh,14px) 20px;margin:clamp(2px,1cqh,8px) 0 0;border-color:#d9bb79;background:linear-gradient(120deg,#d3af65,#e0c38b);box-shadow:0 3px 25px #b5943020;font-size:clamp(11px,2.3cqh,14px);transition:transform .2s,box-shadow .2s}
.cover .primary:hover{transform:translateY(-2px);box-shadow:0 5px 30px #d1ac4340}
.cover small{font-size:clamp(8px,1.8cqh,11px);color:#bdb49e;letter-spacing:.08em}
.gate-bottom{position:absolute;bottom:8%;left:8%;right:8%;display:flex;justify-content:space-between;font-size:clamp(6px,1.5cqh,9px);letter-spacing:.12em;color:#b8aa888c}
[data-theme=night] .cover{background-image:url('gate-starry.png')}
[data-theme=night] .cover-shade{background:linear-gradient(180deg,#08173733,#0b1e4f88 50%,#08152ce8),radial-gradient(ellipse at 50% 40%,#8aa9e020,transparent 75%)}
[data-theme=night] .gate-frame{border-color:#b1c9ed66;border-radius:48% 48% 2px 2px}
[data-theme=night] .gate-frame:before,[data-theme=night] .gate-frame:after{background:#122449;color:#eee1ad}
[data-theme=night] .cover h3{color:#f0f1e6;text-shadow:0 0 40px #8bb6ff55}
[data-theme=night] .cover h3 span{color:#d4dfff}
[data-theme=night] .gate-cards span{background:linear-gradient(145deg,#f5efda,#b5c8e1);color:#274c79;border-color:#e3e8ed;outline-color:#7f9abb}
[data-theme=night] .cover .gate-tagline{color:#dbe4ee}
[data-theme=night] .cover .primary{background:linear-gradient(120deg,#d4e0f2,#edf0e2);color:#203b62;border-color:#e7eef5;box-shadow:0 0 30px #97b4ff26}
[data-theme=night] .cover small,[data-theme=night] .gate-bottom{color:#b9c8de}
@media(max-width:700px){#play{padding:14px 0 12px;gap:8px}#play .section-top h2{font-size:23px}#play .game-foot{display:flex;flex-wrap:wrap;gap:2px 12px}#play .game-foot p{margin:0}#play .sync-note{font-size:9px}.gate-bottom{bottom:9%;font-size:6px}}
@media(max-height:500px){#play{padding:8px 0;gap:5px}#play .section-top h2{font-size:19px}#play .section-top .eyebrow{display:none}#play .sync-note{display:none}#play{grid-template-rows:auto minmax(0,1fr) auto}.tool{padding:5px 10px}#play .game-foot p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cover .primary{transition:none}}

.table-themes{border-radius:0;padding:2px}.table-themes button{border-radius:0;padding:5px 10px;font-size:11px}.tools{align-items:center}@media(max-width:700px){.table-themes button{padding:5px 7px;font-size:10px}.table-themes .swatch{display:none}#play .section-top{flex-wrap:wrap}#play .tools{gap:4px}.tool{font-size:10px}}

.cover{background-size:100% 132%;background-position:center 40%}.gate-frame:before,.gate-frame:after,[data-theme=night] .gate-frame:before,[data-theme=night] .gate-frame:after{background:transparent;text-shadow:0 0 8px #000;padding:0 .5em}[data-theme=night] .cover-shade{background:linear-gradient(180deg,#07173655,#0b1e4fa6 50%,#08152cef),radial-gradient(ellipse at 50% 40%,#8aa9e020,transparent 75%)}

/* Exclude the source artwork's upper decorative strip from the hero. */
.hero-art{background-position:center,center 6%}