/* Reference art stays intact. The live screen follows its four perspective corners. */
body{background:#101e24;display:block;overflow-x:hidden}
header{position:absolute;top:0;left:0;right:0;z-index:4;height:74px;border:0;margin:0 5vw;text-shadow:0 2px 6px #000}
.edition{color:#fff2d8}
main{display:block;width:100%;min-height:100svh;margin:0;padding:0;position:relative;overflow:hidden}
.arcade-area{position:absolute;inset:0;padding:0;overflow:hidden}
.art-layer{width:1616px;height:973px;position:absolute;transform-origin:0 0}
.scene-image{position:absolute;inset:0;width:1616px;height:973px;max-width:none}
.welcome{position:absolute;z-index:2;left:5.7%;top:50%;transform:translateY(-46%);width:39%;max-width:560px;padding:30px 32px;background:linear-gradient(110deg,#06121ce8,#09131ccd 75%,#09131c90);border-left:2px solid #ef4c42;box-shadow:0 14px 70px #0004;backdrop-filter:blur(5px)}
.welcome h1{font-size:clamp(76px,7.2vw,115px);margin:25px 0 22px}.welcome h2{max-width:390px;font-size:22px}.welcome>p:not(.eyebrow){color:#e1e0d8;font-size:15px}.welcome .memory{color:#bfc8c7!important}.welcome-bottom{margin-top:20px}.eyebrow{font-size:10px;color:#91e1e2}.title-rule{margin-top:23px}
.monitor{position:absolute;left:0;top:0;width:320px;height:340px;min-height:0;transform-origin:0 0;border:0;border-radius:20px;padding:20px 17px;background:radial-gradient(ellipse at 50% 25%,#10474c,#073237 60%,#05242b);box-shadow:inset 0 0 24px #0008;will-change:transform}
.screen-top{font-size:10px;color:#9bdbdf}.screen-logo{font-size:58px;margin:25px auto 17px}.screen-logo span{font-size:37px}.select-label{font-size:8px;color:#a6cccc;margin-bottom:16px}nav button{font-size:13px;min-height:40px;padding:8px 5px;gap:6px}nav button small{font-size:10px;color:#a8e1e1}.screen-hint{font-size:7px;color:#a4d2d2;margin-top:18px}
footer{position:absolute;bottom:0;left:0;right:0;z-index:3;min-height:38px;margin:0;padding:12px 5vw;background:#061018bc;color:#c6ced0;border:0;font-size:8px}footer b{color:#fff1dc}
@media(min-width:900px) and (max-height:740px){.welcome{padding:21px 26px}.welcome h1{font-size:76px;margin:15px 0}.welcome>p:not(.eyebrow){font-size:13px;line-height:1.6}.welcome h2{font-size:19px}.welcome-bottom{margin-top:12px}.title-rule{margin-top:17px}}
@media(max-width:899px){body{background:#101e24}header{position:relative;background:#07151e;margin:0;padding:0 6vw;height:65px}main{min-height:0;overflow:visible}.welcome{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:none;margin:0;padding:30px 7vw 25px;border-left:0;background:linear-gradient(90deg,#081623f2,#081623dc),url('assets/arcade-cali.png') left center/cover;backdrop-filter:none;box-shadow:none}.welcome h1{font-size:80px;margin-top:20px}.welcome h2{font-size:21px;max-width:400px}.welcome>p:not(.eyebrow){max-width:540px}.welcome-bottom{max-width:540px}.arcade-area{position:relative;width:100%;height:120vw;max-height:none;padding:0}.art-layer{position:absolute}.monitor{padding:20px 17px}.screen-logo{font-size:58px}.screen-logo span{font-size:37px}nav button{font-size:13px}.eyebrow{font-size:10px}.edition{font-size:8px}footer{position:relative;line-height:1.6;padding:18px 7vw;gap:10px;flex-direction:column;align-items:flex-start}}