*{box-sizing:border-box}body{margin:0;background:#071713;color:#e9f5db;font-family:'DM Sans',system-ui}header{padding:20px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #254139;font-size:12px;letter-spacing:2px}a{color:#d9ef92;text-decoration:none}main{max-width:1320px;margin:auto;padding:30px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px}small{color:#a5b67e;letter-spacing:3px;font-size:10px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(44px,7vw,86px);margin:5px 0;line-height:1}em{color:#d9ff75;font-style:normal}p{color:#b8c9bf;line-height:1.7;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:8px;max-width:460px}button,select{background:#18342b;border:1px solid #39594a;color:#e9f5db;border-radius:8px;padding:12px;cursor:pointer;font:inherit;font-size:13px}#start{background:#d9ff75;color:#183023;font-weight:bold}.arena{position:relative;border:1px solid #406348;border-radius:16px;overflow:hidden;background:#0c231d;box-shadow:0 20px 70px #0007}.hud{display:flex;justify-content:space-between;padding:14px 18px;color:#ddfa9c;font-size:12px;letter-spacing:1px}canvas{width:100%;display:block;max-height:72vh;object-fit:contain;touch-action:none}.cover{position:absolute;inset:44px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#0819118a;pointer-events:none}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(30px,5vw,65px);margin:15px}.touch{display:flex;gap:1px;background:#3d5844}.pad{background:#132b24;width:100%;height:75px;touch-action:none;padding:15px;font-size:10px;letter-spacing:1px;color:#b7e0aa;display:flex;align-items:center;justify-content:space-between}.p2{display:none;color:#aacfff}body.coop .p2{display:flex}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}h3{font-size:20px;margin:10px 0}footer{color:#7f9e8b;font-size:11px;padding:25px 0}.arena:fullscreen{width:100%;height:100%;display:flex;flex-direction:column}.arena:fullscreen canvas{flex:1;min-height:0;max-height:none}@media(max-width:700px){main{padding:15px}.intro{display:block}.actions{margin:15px 0}.guide{grid-template-columns:1fr;gap:10px}header span{display:none}.hud{font-size:9px;padding:12px 8px}canvas{max-height:none}.pad{height:95px;padding:8px;font-size:9px}.pad button{padding:13px 8px}}