/* Homepage: an original pixel landscape and a focused game launcher. */
body[data-route=home]{background:#f9f5e9;color:#203e42}
body[data-route=home]>.site-header{display:none}
.play-world{position:relative;isolation:isolate;min-height:850px;height:calc(100svh - 20px);max-height:1100px;overflow:hidden;border-bottom:6px solid #143b49}
.world-art{position:absolute;inset:0;z-index:-1;background:#b9e7de;overflow:hidden}
.sky-art{width:100%;height:100%;position:absolute;inset:0}
.world-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#133c4410 3px,#133c4410 4px);pointer-events:none;opacity:.4}
.home-masthead{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:auto;padding:28px 40px}
.home-wordmark{font:800 19px 'Space Grotesk',sans-serif;text-decoration:none;letter-spacing:-1px;display:flex;align-items:center;gap:12px}
.home-wordmark>span{font:700 10px 'DM Sans',sans-serif;letter-spacing:2px;border-left:1px solid #203e4250;padding-left:12px}
.home-about{font-size:13px;font-weight:600;text-decoration:none;border:1px solid #203e4260;padding:9px 15px;box-shadow:2px 2px 0 #203e4230;background:#fff9e730}
.launch-content{position:relative;max-width:620px;margin:27px auto 0;text-align:center;padding:0 20px}
.home-kicker{font-family:'Courier New',monospace;font-size:11px;font-weight:700;letter-spacing:3px;margin:0 0 20px}
#home-title{font-family:'Arial Black','Space Grotesk',sans-serif;font-size:clamp(54px,7.5vw,104px);font-weight:900;line-height:.95;letter-spacing:-5px;margin:0;color:#fff8df;text-shadow:3px 3px 0 #26464c,6px 6px 0 #26464c;filter:drop-shadow(-1px -1px 0 #26464c)}
#home-title>span{display:block}
#home-title>span+span{color:#f4846b;position:relative;display:inline-block;margin-top:7px}
.title-star{position:absolute;font-size:35px;right:-47px;top:15px;text-shadow:2px 2px 0 #26464c;color:#fff1a4;letter-spacing:0}
.home-subtitle{font-size:15px;margin:24px 0 29px;color:#30555a}
.launch-panel{background:#fffbee;border:2px solid #28494c;box-shadow:7px 7px 0 #234b4b;width:100%;max-width:470px;margin:0 auto;padding:23px 26px 0;text-align:left;position:relative}
.launch-label{font:700 10px 'Courier New',monospace;letter-spacing:2px;display:flex;align-items:center;gap:8px;color:#5b7170}
.live-dot{width:7px;height:7px;background:#488e75;box-shadow:0 0 0 3px #488e7518}
.launch-number{margin-left:auto;color:#91a6a1}
.launch-heading{display:flex;align-items:center;gap:12px;margin-top:16px}
.launch-heading h2{font-size:36px;letter-spacing:-1.5px;margin:0;line-height:1.1}
.edition-label{font:700 9px 'Courier New',monospace;letter-spacing:1px;border:1px solid #c8d1c1;padding:4px 6px;color:#61746c}
.launch-description{font-size:13px;margin:10px 0 16px;line-height:1.6;color:#586e6b}
.launch-facts{display:flex;justify-content:space-between;padding:13px 0 18px;border-top:1px dashed #c5ccbb;font-size:11px;color:#6c7970;gap:12px}
.launch-facts b{color:#28494c;font-size:12px}
.launch-play{display:flex;align-items:center;justify-content:center;gap:14px;background:#f3866d;border:2px solid #28494c;box-shadow:0 4px 0 #28494c;min-height:57px;text-decoration:none;font:800 15px 'Space Grotesk',sans-serif;letter-spacing:2px;transition:transform .15s,box-shadow .15s}
.launch-play>span:last-child{position:absolute;right:45px;font-size:20px;letter-spacing:0}
.launch-play:hover{transform:translateY(-2px);box-shadow:0 6px 0 #28494c;background:#ff9d80}
.launch-play:active{transform:translateY(3px);box-shadow:0 1px 0 #28494c}
.launch-secondary{display:grid;grid-template-columns:1fr 1fr 1fr;margin:22px -26px 0;border-top:1px solid #cbd1bf;background:#f1f2e3}
.launch-secondary a{display:flex;justify-content:center;align-items:center;gap:7px;text-decoration:none;padding:15px 5px;font-size:11px;font-weight:600}
.launch-secondary a+a{border-left:1px solid #cbd1bf}
.launch-secondary a:hover{background:#dfebd9}
.launch-secondary span{font-size:17px;line-height:1}
.home-date{font:700 9px 'Courier New',monospace;letter-spacing:1px;color:#fffbe5;margin:23px 0 0;text-shadow:0 1px 2px #163a40}
.date-divider{margin:0 8px;opacity:.5}
.world-bottom{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;gap:16px;align-items:center;color:#d5e7d9;text-decoration:none;font:700 9px 'Courier New',monospace;letter-spacing:2px;white-space:nowrap}
.world-bottom span{font-size:20px}
.floating-piece{position:absolute;width:62px;height:68px;display:grid;place-items:center;font:bold 35px 'Courier New',monospace;border:3px solid #345853;box-shadow:5px 5px 0 #345853;background:#ffedac;animation:home-float 6s ease-in-out infinite}
.piece-one{top:39%;left:14%;transform:rotate(-12deg)}
.piece-two{top:48%;right:12%;background:#f8a58a;transform:rotate(12deg);animation-delay:-3s}
.pixel-spark{position:absolute;color:#37776c;font-size:35px}.spark-one{left:24%;top:29%}.spark-two{right:25%;top:25%;font-size:22px}
@keyframes home-float{50%{translate:0 -12px}}
.home-explore{max-width:1120px;margin:auto;padding:66px 30px 35px}
.explore-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
.home-explore .home-kicker{color:#668077;font-size:9px;letter-spacing:2px;margin-bottom:12px}
.explore-heading h2{font-size:29px;letter-spacing:-1px;margin:0}.explore-caption{font-size:12px;color:#7a8376;padding-bottom:5px}
.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.explore-card{position:relative;display:flex;gap:15px;text-decoration:none;border:1px solid #d7dcc9;background:#fffcf3;padding:23px 19px;transition:transform .15s,box-shadow .15s}
.explore-card:hover{transform:translateY(-4px);box-shadow:4px 4px 0 #ccd6bc}
.explore-symbol{height:40px;width:40px;flex-shrink:0;display:grid;place-items:center;font:bold 27px 'Courier New',monospace;border:1px solid #345853;box-shadow:2px 2px 0 #345853}.coral{background:#f6b09a}.yellow{background:#f5df98}.mint{background:#b5d6bd}
.explore-type{font:700 8px 'Courier New',monospace;letter-spacing:1.5px;color:#768273}.explore-card h3{font-size:17px;margin:8px 0;letter-spacing:-.4px}.explore-card p{font-size:12px;color:#748075;line-height:1.6;margin:0}.explore-arrow{position:absolute;right:12px;top:10px;color:#94a18d;font-size:15px}
.home-context{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;padding:50px 0 15px;margin-top:30px;border-top:1px solid #d7dcc9}.home-context h2{font-size:23px;line-height:1.4;letter-spacing:-.5px}.home-context p{font-size:13px;color:#69786e;margin-top:0}.home-context .home-attribution{font-size:11px;color:#7b8479}.home-attribution a{text-underline-offset:3px}
body[data-route=home] .site-footer{border-color:#d7dcc9;color:#7a8478;padding:23px 30px 30px;max-width:1120px;font-size:11px}
@media(min-width:1600px){.launch-content{margin-top:55px}}
@media(max-width:800px){.piece-one{left:5%;width:40px;height:46px;font-size:25px}.piece-two{right:5%;width:40px;height:46px;font-size:25px}.spark-one{left:12%}.spark-two{right:13%}.explore-grid{grid-template-columns:1fr}.explore-heading{display:block}.explore-caption{display:block;margin-top:14px}.home-context{gap:25px}.explore-card{align-items:center}.explore-card p{margin-bottom:0}.explore-card h3{margin:5px 0}.home-explore{padding:45px 24px 20px}}
@media(max-width:520px){.play-world{min-height:790px;height:auto}.home-masthead{padding:21px 20px}.home-wordmark>span{font-size:8px;letter-spacing:1px;gap:8px}.home-about{font-size:11px;padding:7px 11px}.launch-content{margin-top:32px;padding:0 25px}.home-kicker{font-size:9px;letter-spacing:2px}#home-title{font-size:62px;letter-spacing:-3px;text-shadow:2px 2px 0 #26464c,4px 4px 0 #26464c}.title-star{font-size:25px;right:-30px;top:12px}.home-subtitle{font-size:12px;margin:22px 0 26px}.launch-panel{padding:21px 20px 0;box-shadow:5px 5px 0 #234b4b}.launch-heading h2{font-size:33px}.launch-description{font-size:12px}.launch-facts{font-size:10px;gap:5px}.launch-facts b{font-size:11px}.launch-play{font-size:14px;min-height:55px}.launch-play>span:last-child{right:33px}.launch-secondary{margin-left:-20px;margin-right:-20px}.launch-secondary a{font-size:10px;gap:5px;padding:15px 3px}.home-date{font-size:8px;line-height:1.8;letter-spacing:.5px;margin-top:20px}.floating-piece{display:none}.spark-one{top:23%;left:6%;font-size:18px}.spark-two{top:34%;right:4%;font-size:15px}.home-context{grid-template-columns:1fr;gap:12px;padding-top:30px}.home-context h2{font-size:23px}.home-explore .explore-heading h2{font-size:27px}.world-bottom{bottom:22px;font-size:8px;letter-spacing:1.3px}body[data-route=home] .site-footer{margin:0 24px;padding:23px 0 30px}}
@media(max-width:360px){#home-title{font-size:53px}.launch-content{padding:0 18px}.launch-facts{font-size:9px}.home-wordmark>span{font-size:7px}.launch-secondary a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.floating-piece{animation:none}}
/* Keep the launch button in the first viewport on typical laptop screens. */
.play-world{min-height:700px}
.launch-content{margin-top:8px}
#home-title{font-size:clamp(48px,6.2vw,76px);letter-spacing:-4px}
#home-title>span{white-space:nowrap}
.home-subtitle{margin:20px 0 23px}
@media(min-width:1600px){.launch-content{margin-top:30px}}
@media(max-width:520px){.play-world{min-height:720px}.launch-content{margin-top:26px}#home-title{font-size:clamp(42px,11.5vw,58px);letter-spacing:-2.5px}.home-subtitle{margin:21px 0 24px}.title-star{right:-25px;font-size:22px}.home-date{color:#fffbe5}}
@media(min-width:521px) and (max-height:780px){.home-masthead{padding-top:19px;padding-bottom:19px}.launch-content{margin-top:0}.home-kicker{margin-bottom:14px}#home-title{font-size:66px}.home-subtitle{margin:17px 0 19px}.play-world{min-height:675px}.launch-panel{padding-top:19px}.launch-heading{margin-top:12px}.launch-description{margin:9px 0 12px}.launch-facts{padding:11px 0 14px}.launch-secondary{margin-top:18px}.home-date{margin-top:20px}}