/* Marxis has its own block-built arcade identity, separate from CoreShift. */
body{font-family:Arial,Helvetica,sans-serif;background:#101d32}
.page{max-width:1240px;padding:0 36px}
.shade{background:linear-gradient(180deg,#07142644,transparent 58%,#071426aa),linear-gradient(90deg,#08152855,transparent 25%,transparent 75%,#08152855)}
.topbar{height:90px;border-bottom:2px solid #93acb12b}
.maker span{font-family:monospace;letter-spacing:1.6px;font-weight:bold}.maker b{color:#edcf72}
select{border-radius:0;border:2px solid #80959e;background:#152638;box-shadow:3px 3px 0 #07101d;font-family:monospace;min-width:120px}
.hero{max-width:none;min-height:735px;padding:54px 0 60px;text-align:center;position:relative}
.release{justify-content:center;letter-spacing:1.5px;font-family:monospace;color:#f7e8b2;flex-wrap:wrap}
.light{border-radius:0;box-shadow:3px 3px 0 #705821;background:#ffe587}
h1{font-family:'Courier New',monospace;font-weight:900;font-size:clamp(80px,12.5vw,150px);letter-spacing:-8px;margin:22px 0 0;color:#ffe48b;line-height:1.05;text-shadow:0 3px 0 #c09836,0 7px 0 #956b2e,0 11px 0 #584328,6px 15px 0 #08152688}
.mirror-r{margin-right:0;letter-spacing:-8px}
.subtitle{font-family:monospace;letter-spacing:3px;color:#e5f0e7;margin:21px 0 20px;text-shadow:2px 2px #12232e}
.intro{margin:0 auto;max-width:600px;font-size:17px;color:#fff5d8;text-shadow:1px 2px #0a192a}
.hero-actions{margin:26px auto 0;max-width:520px;gap:18px}
.primary,.outline{border-radius:0;border:3px solid #fff2ac;border-right-color:#997534;border-bottom-color:#997534;padding:17px 23px;font-family:monospace;font-size:16px;backdrop-filter:none;box-shadow:5px 5px 0 #071523,0 0 0 1px #071523;gap:12px}
.primary{background:#edc85e;color:#142130}.primary:hover{background:#ffe392;transform:translateY(-2px)}
.outline{background:#283e50;color:#dce9e8;border-color:#7da0ad;border-right-color:#142532;border-bottom-color:#142532}.outline:hover{background:#354f61;transform:translateY(-2px)}
.primary:active,.outline:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #071523}
.sound-panel{margin:26px auto 0;text-align:left;max-width:520px;background:#142739f0;border:2px solid #586d76;border-radius:0;box-shadow:5px 5px 0 #06152380;backdrop-filter:none}
.toggle strong{font-family:monospace;font-weight:bold}.toggle input{flex-shrink:0}.audio-note{margin:14px auto 0;color:#d7e1d4;max-width:520px;text-shadow:1px 1px #0b1929}
.browser-progress{margin:18px auto 0;text-align:left;background:#0c1b2ee8;padding:12px;border:2px solid #52798a}
progress,progress::-webkit-progress-value{border-radius:0}progress{height:9px;border:1px solid #98b0b966;background:repeating-linear-gradient(90deg,#395365 0 8px,#152838 8px 11px)}progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,#f2ce64 0 8px,#ad8941 8px 11px)}
.downloads{padding:30px 24px;background:#102233ee;border:2px solid #5a747e;box-shadow:7px 7px 0 #071320}
.section-heading{margin-bottom:23px}.section-heading h2{font-family:monospace;font-weight:bold;font-size:28px;letter-spacing:-1px}.kicker{font-family:monospace;letter-spacing:1px;color:#b2c8cd}.pill{border-radius:0;background:#29475a;border:2px solid #65828f}
.cards{gap:15px}.card{border-radius:0;padding:22px 18px 18px;background:#1b3042;border:3px solid #688798;border-right-color:#0c1828;border-bottom-color:#0c1828;box-shadow:3px 3px 0 #070f1b;backdrop-filter:none}
.card:nth-child(1){border-top-color:#86b276}.card:nth-child(2){border-top-color:#73b3d1}.card:nth-child(3){border-top-color:#bc94d0}.card:nth-child(4){border-top-color:#e8bc5c}
.card:hover{background:#213b4f;border-color:#b3cbbd;border-right-color:#0c1828;border-bottom-color:#0c1828}
.platform-icon{font-family:monospace;font-size:36px;color:#bad7db}.card h3{font-family:monospace;font-weight:bold;font-size:23px}.card p{color:#c3d0d1}.filetype{border-radius:0;background:#112535;color:#b8ccce}.download{font-family:monospace;color:#ffe090;border-top:2px solid #6083914d}
.distribution-note{color:#b9cbd1}.details-grid{margin:35px 0 0;padding:24px;background:#101f31ef;border:2px solid #536d7a;gap:32px;box-shadow:6px 6px 0 #071320}.details-grid article>span{display:inline-block;background:#d5be68;color:#142839;padding:2px 6px;box-shadow:3px 3px 0 #66532b}.details-grid h3{font-family:monospace;font-weight:bold}.details-grid p{color:#becdd4}
.season-control{margin-top:30px;border-radius:0;background:#11273bf2;border:2px solid #607f8b;box-shadow:6px 6px 0 #071320;backdrop-filter:none}.seasons button{border-radius:0;font-family:monospace;border:2px solid #456778;background:#142635;box-shadow:2px 2px 0 #081520}.seasons button[aria-pressed=true]{background:#d9c174;color:#0c2434;border-color:#fce7a2}.scene-options{color:#c6d6db}
footer{background:#0b1c2fde;border-top:2px solid #5e7c8977;padding:22px 24px;margin-top:32px;color:#c1d2d5}footer>div{font-family:monospace;letter-spacing:1px}.smallprint{color:#a4b9c3}
.license-content{background:#102236ed;padding:32px;margin:30px 0;border:2px solid #536f7d}
.hero-tribute{max-width:650px;margin:0 auto 24px;padding:14px 20px;border-left:4px solid #edc85e;background:#102237de;color:#fff4cc;font-size:17px;line-height:1.6;text-align:left;box-shadow:4px 4px 0 #07132077}
.separate-start{display:inline-block;margin-top:20px;padding:7px 10px;color:#f6e5b1;font-size:13px;background:#102237d9;text-underline-offset:4px}
/* Keep the game in the landing page: scenery remains visible, page scrolls. */
body.playing{overflow:auto}
.playing .hero{padding:20px 0 32px;min-height:0}
.playing .hero>:not(.player){display:none}
.player{position:relative;inset:auto;z-index:1;max-width:1040px;height:calc(100vh - 24px);height:calc(100svh - 24px);min-height:360px;max-height:900px;margin:0 auto;background:transparent;border:2px solid #839ca8;box-shadow:6px 6px 0 #07132080;text-align:left;scroll-margin-top:12px}
.player-bar{flex-shrink:0;flex-wrap:wrap;min-height:44px;padding:6px 12px;background:#102237e8;border-bottom:2px solid #627f8c;gap:5px 18px}
.player-bar button,.player-bar a{font-size:12px;line-height:1.5;color:#f4e2af;min-height:30px;display:flex;align-items:center}
#frame-slot iframe{background:transparent}
@media(max-width:700px){.hero-tribute{font-size:15px;padding:12px 15px;margin-bottom:23px}.player-bar{padding:5px 8px}.player-bar button,.player-bar a{font-size:10px}.playing .hero{padding-top:12px}}
@media(max-width:700px){.page{padding:0 18px}.hero{padding:42px 0 44px;min-height:660px}h1{font-size:clamp(67px,17.8vw,115px);letter-spacing:-5px}.mirror-r{letter-spacing:-5px}.hero-actions{max-width:350px;flex-direction:column;gap:15px}.intro{font-size:15px;max-width:340px}.sound-panel{max-width:350px}.audio-note{max-width:350px}.subtitle{font-size:14px;letter-spacing:2px}.downloads{padding:23px 14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:18px 12px}.card h3{font-size:20px}.filetype{right:9px;font-size:8px}.section-heading h2{font-size:24px}.details-grid{padding:20px;gap:21px}.season-control{padding:18px;gap:12px}.scene-options{margin-left:0}.topbar{height:82px}.release{font-size:8px;letter-spacing:1px;gap:7px}select{min-width:105px;max-width:148px}.maker span{font-size:8px}.shade{background:linear-gradient(#08162b33,transparent 65%,#09162b88)}}
@media(max-width:360px){.cards{grid-template-columns:1fr}.topbar .maker{gap:7px}.topbar .maker span{font-size:7px}.sound-panel{padding:10px}.volume input{width:65px}}
