/* Textured command console and cinematic desert backdrop. */
#menu{background:linear-gradient(90deg,#101718de 0%,#11191b66 45%,#12191bd9 100%),url('assets/desert.png') center/cover;isolation:isolate}
.sand-haze{background:linear-gradient(0deg,#0a1010a8,transparent 70%);opacity:1;mask-image:none;z-index:-1}
.logo-wrap{position:relative;padding-bottom:245px}
.logo-wrap::after{content:'';position:absolute;left:-18px;bottom:-8px;width:min(390px,100%);height:245px;background:url('assets/menu-tank-v2.png') center/contain no-repeat;filter:drop-shadow(12px 18px 12px #0009);transform:none}
.console{background:repeating-linear-gradient(0deg,#ffffff03 0px,#ffffff03 1px,transparent 1px,transparent 4px),linear-gradient(135deg,#3d4748ed,#111b1df5);border-color:#829397;box-shadow:inset 0 0 0 4px #152125,inset 0 0 35px #0008,0 24px 80px #0009;position:relative}
.console::before,.console::after{content:'●';position:absolute;top:8px;color:#a2a9a6;font:16px Arial;text-shadow:1px 2px #000;left:10px}.console::after{left:auto;right:10px}
.primary{background:repeating-linear-gradient(115deg,#ffffff0a 0 2px,transparent 2px 5px),linear-gradient(#ffc369,#ee8c28 45%,#b64c0c);box-shadow:inset 0 2px 2px #fff8,0 4px 0 #5e2607,0 0 24px #ff9b2225;transition:filter .2s,box-shadow .2s}
.primary:hover{filter:brightness(1.12);box-shadow:inset 0 2px 2px #fff8,0 4px 0 #5e2607,0 0 32px #ff9b2255}
#taskPanel{padding:6px 20px 10px;border:1px solid #b4a17670;border-top:3px solid #ffb448;background:linear-gradient(180deg,#152022ed,#1a242abb);border-radius:0 0 13px 13px;box-shadow:0 8px 20px #0004;backdrop-filter:blur(6px)}
#equation{font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(1.8rem,3vw,2.8rem)}
.hud-card{background:linear-gradient(120deg,#253439ed,#111b20e8);border-top:3px solid #d09138;box-shadow:inset 0 -2px #ffffff12}
#callout{max-width:85vw;font-size:clamp(1.4rem,3.6vw,3.2rem);width:max-content}
#practiceNote{border-radius:6px;background:#152126e8;box-shadow:0 4px 18px #0004}
.modal{background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),linear-gradient(145deg,#354246,#101a1c)}
@media(max-width:700px){.logo-wrap{padding-bottom:0}.logo-wrap::after{display:none}#taskPanel{top:68px}.console{width:100%}}