.tank-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;padding:55px 0}.tank-copy h1{font-size:clamp(4.5rem,8vw,8rem);letter-spacing:-.075em;line-height:.8;margin:0}.tank-copy h1 span{color:#80efd5}.tank-copy .eyebrow{color:#80efd5}.mission-picker{display:grid;gap:12px;max-width:260px;margin-top:32px}.mission-picker>span,.tank-note{font-size:.77rem;color:var(--muted);line-height:1.75}.tank-note{max-width:350px}.tank-shell{width:100%;max-width:550px;margin:auto;padding:12px;border:1px solid #ffffff22;border-radius:27px;background:linear-gradient(145deg,#20323d,#0d1727);box-shadow:0 30px 80px #0005}.tank-stats{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 14px}.tank-stats div{display:grid;gap:4px}.tank-stats span{font-size:.53rem;letter-spacing:.13em;color:var(--muted)}.tank-stats strong{font-size:1.1rem;font-variant-numeric:tabular-nums}.tank-stage{position:relative;aspect-ratio:520/600;overflow:hidden;border-radius:15px;background:#07121b}.tank-stage canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-3px}.tank-overlay{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#081722e8;backdrop-filter:blur(5px);text-align:center}.tank-overlay[hidden],.share-button[hidden]{display:none}.tank-overlay h2{font-size:2.1rem;margin:7px 0 13px;letter-spacing:-.05em}.tank-overlay>p:not(.eyebrow){max-width:300px;color:var(--muted);line-height:1.6;font-size:.88rem;margin:0 0 22px}.tank-overlay .eyebrow{font-size:.58rem;margin:0}.tank-emblem{width:65px;height:60px;position:relative;border-inline:11px solid #74aab0;border-radius:8px;background:#264b56;margin-bottom:30px;box-shadow:0 0 35px #80efd522}.tank-emblem i{position:absolute;inset:9px 4px;background:#80efd5;border-radius:9px}.tank-emblem b{position:absolute;left:18px;top:-18px;background:#80efd5;width:7px;height:44px;border-radius:3px}.tank-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.dpad{display:grid;grid-template-columns:repeat(3,39px);grid-template-rows:repeat(2,36px);gap:4px}.dpad button,.fire-button{border:1px solid #ffffff25;background:#ffffff0a;color:#c1fced;border-radius:9px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;font-size:1.2rem}.dpad #up{grid-column:2}.dpad #left{grid-column:1;grid-row:2}.dpad #down{grid-column:2;grid-row:2}.dpad #right{grid-column:3;grid-row:2}.fire-button{width:75px;height:75px;border-radius:50%;background:#ff9e85;color:#2c1720;font-size:.75rem;font-weight:900;flex-shrink:0;box-shadow:0 0 25px #ff9e851a}.dpad button:active,.fire-button:active{filter:brightness(1.4)}.control-copy{display:grid;gap:6px;text-align:center;flex:1}.control-copy small{font-size:.58rem;color:var(--muted);line-height:1.6}.control-copy>span{color:#80efd5;font-size:.58rem;min-height:13px}button:focus-visible{outline:3px solid #80efd5;outline-offset:3px}@media(max-width:850px){.tank-layout{grid-template-columns:1fr;gap:28px;padding:35px 0}.tank-copy{text-align:center}.tank-copy h1{font-size:4.7rem}.tank-copy .lead{margin:20px auto}.tank-copy .feature-row{justify-content:center}.mission-picker{margin:20px auto 0}.tank-note{margin:14px auto}.tank-shell{max-width:520px}}@media(max-width:420px){.tank-shell{padding:8px;border-radius:21px}.tank-copy h1{font-size:4rem}.tank-controls{gap:5px}.dpad{grid-template-columns:repeat(3,35px)}.fire-button{width:64px;height:64px}.control-copy small{font-size:.5rem}.tank-stats strong{font-size:.95rem}.tank-overlay h2{font-size:1.8rem}}