:root{--accent:#35e0db;--accent2:#ffdb57;--site-surface:#0a2028;--site-text:#d9ffff;--site-hero:#103743;--site-border:#35e0db}
.game-page{background:#07171e;background-image:linear-gradient(rgba(50,217,213,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(50,217,213,.07) 1px,transparent 1px);background-size:30px 30px;color:#d9ffff;font-family:Consolas,"Courier New",monospace}
.game-layout{width:min(1000px,calc(100% - 24px))}
.game-topbar{padding:12px 16px;background:#0c252e;border:1px solid #35e0db;box-shadow:inset 0 -3px 0 #164956}.brand{font-size:12px;font-weight:900;color:#07171e;background:#35e0db;padding:7px 10px}.game-title h1{font-family:Consolas,"Microsoft YaHei",monospace;font-size:25px}.game-title p{color:#69aaa9}.icon-btn,.action-btn{background:#102f38;border:1px solid #35e0db;color:#d9ffff;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.icon-btn:hover,.action-btn:hover{background:#35e0db;color:#07171e}
.stage-wrap{grid-template-columns:205px minmax(0,1fr)}.flight-stage{order:2;min-height:620px;background:#020b0f;border:1px solid #35e0db;box-shadow:0 0 24px rgba(53,224,219,.2);padding:7px;animation:hudIn .45s ease-out}.flight-stage:before{content:"TARGET LOCK";position:absolute;top:12px;left:14px;z-index:2;color:#ffdb57;font-size:10px;letter-spacing:0}.flight-stage canvas{width:min(520px,100%);aspect-ratio:52/76;background:#173f4d;touch-action:none;border-left:1px solid #1f6670;border-right:1px solid #1f6670}.side-panel{order:1}.side-panel .panel-box{grid-column:auto}
.stat,.panel-box{background:#0c252e;border:1px solid #287b83;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.stat-label{color:#62a4a4}.stat strong{font-family:Consolas,monospace;color:#35e0db;text-shadow:0 0 10px rgba(53,224,219,.4)}.panel-box h2{color:#ffdb57}.panel-box p{color:#84b5b5}.overlay{background:rgba(2,12,16,.88)}.overlay-card button{background:#35e0db;color:#07171e;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
button{transition:background .16s ease,color .16s ease,filter .16s ease}@keyframes hudIn{from{opacity:0;transform:translateX(10px);filter:brightness(1.4)}to{opacity:1;transform:none;filter:none}}
@media(max-width:900px){.stage-wrap{grid-template-columns:1fr}.flight-stage{order:0}.side-panel{order:1;grid-template-columns:repeat(2,1fr)}.side-panel .panel-box{grid-column:span 2}}
@media(max-width:560px){.flight-stage{min-height:0;padding:4px}.flight-stage canvas{max-height:calc(100vh - 90px)}.game-topbar{padding:8px}.side-panel{color:#d9ffff}}
@media(max-width:560px){.top-actions .action-btn{display:block;width:42px;padding:0;font-size:0}.top-actions .action-btn:after{content:"↻";font-size:22px}}