/* Illustrated metal flight-deck controls, kept separate from the approved V2 HUD. */
#screen .illustrated-button{display:block;position:relative;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#d8f5ff;transition:transform .12s,filter .12s;animation:none;}
#screen .illustrated-button img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;}
#screen .illustrated-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.14);}
#screen .illustrated-button:active:not(:disabled){transform:translateY(2px);filter:brightness(.92);}
#screen .illustrated-button:focus-visible,#screen .illustrated-control:focus-visible{outline:2px solid #e0fbff;outline-offset:3px;}
.menu-body{top:139px;width:490px;}
.menu-body .brand-tag{letter-spacing:3px;font-size:10px;}
.menu-body .menu-title{font-size:48px;margin:18px 0 12px!important;letter-spacing:-1.5px;}
.menu-subtitle{max-width:440px;margin-bottom:15px;}
.menu-body .big-button.illustrated-button{height:118px;width:465px;}
.illustrated-button .button-meta{display:block;position:absolute;top:100%;left:0;right:0;margin:1px 0 0;text-align:center;font-size:9px;letter-spacing:1.5px;color:#a6cadb;line-height:12px;font-weight:400;}
.menu-grid{gap:25px 12px;margin-top:26px;width:490px;}
#screen .menu-tile.illustrated-button{height:69px;}
.hero-caption{bottom:113px;}
.menu-footer{bottom:24px;}
#screen .menu-footer .illustrated-button{width:210px;height:57px;}
.menu-footer>div{gap:10px!important;}
#screen .splash-play.illustrated-button{position:absolute;z-index:5;left:50%;width:550px;height:149px;bottom:112px;transform:translateX(-50%);filter:drop-shadow(0 8px 15px #000);}
#screen .splash-play.illustrated-button:hover{transform:translateX(-50%) translateY(-2px);}
#screen .splash-play.illustrated-button:active{transform:translateX(-50%) translateY(2px);}
#screen .illustrated-control{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 22px;border:0;border-radius:0;background:transparent url('assets/ui/plate-cyan.webp') center/100% 100% no-repeat;box-shadow:none;color:#e7faff;text-shadow:0 2px 3px #000;min-height:48px;}
#screen .big-button.illustrated-control,#screen .gold.illustrated-control{background-image:url('assets/ui/plate-gold.webp');color:#fff0c7;}
#screen .big-button.illustrated-control{height:88px;font-size:23px;padding:12px 36px;}
#screen .small-button.illustrated-control{height:51px;min-width:135px;font-size:11px;}
#screen .toggle.illustrated-control{min-width:110px;height:46px;font-size:12px;color:#8da5b5;}
#screen .toggle.on.illustrated-control{color:#b7fff1;}
#screen .toggle.on .drawn-icon{stroke:#80ffe1;fill:#25ac912e;}
#screen .illustrated-icon-button{width:45px;height:45px;padding:7px;border:0;border-radius:0;background:transparent url('assets/ui/plate-cyan.webp') center/220% 100% no-repeat;box-shadow:none;}
.drawn-icon{display:inline-block;width:27px;height:27px;flex-shrink:0;fill:#42c5e510;stroke:#8ceeff;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vertical-align:middle;}
.big-button .drawn-icon{width:34px;height:34px;stroke:#ffe6a6;}
.toggle .drawn-icon{width:22px;height:22px;}
.drawn-label{position:relative;line-height:1.2;}
.locked-label{display:flex;align-items:center;gap:3px;}
.locked-label .drawn-icon{width:14px;height:14px;}
.stars{display:flex;gap:2px;}
.stars .drawn-icon{width:17px;height:17px;stroke:#547487;fill:transparent;}
.stars .earned{stroke:#ffe094;fill:#e9ad49;}
.card-bottom>span:last-child{display:flex;align-items:center;gap:3px;}
.card-bottom .drawn-icon{width:14px;height:14px;}
.trophy-symbol .drawn-icon{width:56px;height:56px;stroke:#ffd98c;}
.upgrade-card>.tile-icon .drawn-icon{width:34px;height:34px;}
.sector-card{border-radius:4px;}
.sector-card:before{content:'';position:absolute;inset:6px;border:1px solid #6ee9ff26;clip-path:polygon(0 0,30% 0,30% 1px,1px 1px,1px 100%,0 100%);pointer-events:none;}
/* Combat notifications live on the perimeter; the middle stays unobstructed. */
.banner{left:40px;right:auto;top:96px;width:365px;min-height:57px;padding:11px 16px;text-align:left;border-left:3px solid #6deaff;border-radius:0 5px 5px 0;background:linear-gradient(90deg,#061b2df0,#061b2dbf);animation:edgeNotice .22s ease-out;}
.banner strong{font-size:17px;line-height:1.3;letter-spacing:1.8px;text-shadow:0 0 9px #47ddff45;}
.banner span{font-size:9px;line-height:1.5;margin-top:4px;letter-spacing:1px;}
.toast{top:96px;left:auto;right:40px;max-width:330px;transform:none;padding:10px 14px;border-radius:4px;background:#071c2deb;box-shadow:0 3px 12px #0004;font-size:10px;line-height:1.5;letter-spacing:1px;animation:edgeNotice .22s ease-out;}
@keyframes edgeNotice{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
/* V4: a compact illustrated title and a guaranteed, independent splash CTA. */
.splash-content{left:54px;top:40px;width:620px;}
.illustrated-title{margin:0;width:620px;height:290px;font-size:0;line-height:1;letter-spacing:0;text-shadow:none;}
.illustrated-title img{display:block;width:100%;height:100%;object-fit:contain;}
.splash-motto{margin:10px 0 0 25px;font-size:13px;letter-spacing:3px;color:#a1dce7;}
.splash-stats{margin:26px 0 0 25px;gap:36px;}
.splash-stats b{font-size:24px;}.splash-stats small{font-size:9px;letter-spacing:1.4px;}
.splash:before{background:linear-gradient(90deg,#020a16bd,transparent 74%),linear-gradient(0deg,#020814ed,transparent 48%);}
.mapi-logo{bottom:18px;width:106px;height:64px;z-index:6;}
.menu-header{top:14px;height:120px;}
.menu-game-logo{width:280px;height:120px;object-fit:contain;}
.menu-body{top:157px;}
.menu-body .menu-title{font-size:38px;margin:12px 0 10px!important;}
.menu-body .menu-subtitle{font-size:13px;margin-bottom:12px;}
.menu-body .big-button.illustrated-button{width:465px;height:133px;}
.menu-grid{margin-top:24px;gap:20px 12px;}
.menu-footer{height:57px;bottom:20px;}
.menu-footer>div{margin-left:auto;}
.menu-footer img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
#wallet.credit-pulse{color:#fff3b8;text-shadow:0 0 7px #ffce68;}

/* Magnetic collection has been removed; the two combat upgrades are unchanged. */
.upgrades{grid-template-columns:repeat(2,minmax(0,1fr));}