*{box-sizing:border-box}body{margin:0;background:#101725;color:#f5f6fa;font:15px system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:640px;margin:auto;padding:12px}header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}h1{font-size:clamp(17px,4vw,24px);margin:0;letter-spacing:.5px}h1 span{color:#f4b15c}header p{margin:3px 0;color:#9da7ba;font-size:12px}button{background:#f4b15c;color:#172033;border:0;border-radius:9px;padding:11px 15px;font-weight:800;cursor:pointer}.secondary{background:#263449;color:#f5f6fa;white-space:nowrap}.hud{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;background:#1e293b;border-radius:12px;padding:12px 8px;margin-bottom:12px;text-align:center;gap:4px}.team{display:flex;flex-direction:column;gap:4px}.team b{font-size:12px}.team span{font-size:11px;color:#b3bdcd}.red b{color:#ff8582}.blue b{color:#83bbff}.turn small{color:#adb8c8;font-size:10px}.turn strong{display:block;font-size:12px;margin-top:3px}.arena{position:relative;margin:auto;width:min(100%,calc((100dvh - 245px)*.5625));min-width:min(100%,260px);aspect-ratio:9/16;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0006;background:#fbf8ef}canvas{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e1829a8;display:flex;align-items:center;justify-content:center;padding:20px}.hidden{display:none}.modal{background:#fff;color:#172033;border-radius:16px;padding:25px;text-align:center;width:100%;box-shadow:0 20px 60px #0006}.modal h2{margin:0 0 10px}.modal p{line-height:1.5}#status{text-align:center;margin:12px auto;min-height:36px;color:#d5dce8;font-size:13px}details{background:#1e293b;border-radius:10px;padding:12px;margin:6px 0 20px}summary{cursor:pointer;font-weight:700}details p{line-height:1.6;color:#c6cfdd;margin-bottom:0}@media(max-height:670px){.arena{width:min(100%,calc((100dvh - 220px)*.5625))}.shell{padding:8px}.hud{padding:7px}header{margin-bottom:7px}}.physics-settings{background:#1e293b;border-radius:12px;padding:12px 16px;margin:8px 0}.physics-settings h2{font-size:14px;margin:0 0 12px}.setting{margin:9px 0 13px}.setting label{display:flex;justify-content:space-between;font-size:13px;font-weight:650}.setting input{width:100%;accent-color:#f4b15c;margin:9px 0 3px}.setting small{color:#b3bdcd;font-size:11px}.mode-settings{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:#1e293b;padding:10px 12px;border-radius:10px;margin-bottom:10px}.mode-settings label{font-size:12px;font-weight:700}.mode-settings select{background:#101725;color:#fff;border:1px solid #526078;border-radius:8px;padding:8px;max-width:100%;font-size:12px}.mode-settings [hidden]{display:none}.fleet-icons{display:flex;justify-content:center;gap:3px;font-size:15px;line-height:1.4;white-space:nowrap}.fleet-icons .lost{opacity:.22;filter:grayscale(1)}.fleet-icons .alive{opacity:1}.red .fleet-icons{color:#ff8582}.blue .fleet-icons{color:#83bbff}.team .count-flash{animation:countPulse .65s ease}@keyframes countPulse{0%{transform:scale(1)}40%{transform:scale(1.23);color:#fff}to{transform:scale(1)}}body{background:radial-gradient(ellipse at 50% -15%,#263b57,#101725 58%);min-height:100vh}.shell{max-width:680px}.header-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.header-actions button{font-size:12px;padding:9px 10px}.arena{outline:1px solid #f4b15c33;box-shadow:0 18px 55px #0009,0 0 0 5px #ffffff08}.hud{border:1px solid #ffffff12;box-shadow:0 5px 20px #0003}.hud .team{padding:5px;border-radius:9px;transition:background .2s,box-shadow .2s}.hud .team.is-active{background:#ffffff10;box-shadow:inset 0 0 0 1px #ffffff20}.turn-toast{pointer-events:none;position:absolute;z-index:2;top:48%;left:50%;transform:translate(-50%,-50%) scale(.92);opacity:0;padding:11px 18px;border-radius:12px;background:#142136e8;border:1px solid #f4b15c66;color:#fff;font-weight:900;font-size:17px;white-space:nowrap;text-align:center;box-shadow:0 10px 25px #0007;transition:opacity .22s,transform .22s}.turn-toast.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.match-stats{display:flex;justify-content:space-around;gap:5px;background:#1e293b;border-radius:9px;padding:9px 5px;margin-top:11px;font-size:12px;color:#c6d0df}.match-stats b{color:#fff;font-variant-numeric:tabular-nums}.experience-settings{background:#1e293b;border-radius:12px;padding:12px 16px;margin:8px 0}.experience-settings h2{font-size:14px;margin:0 0 8px}.toggle-line{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:12px;color:#d3deee}.toggle-line input{accent-color:#f4b15c;width:17px;height:17px}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #f4b15c;outline-offset:2px}@media(max-width:400px){.header-actions button{font-size:11px;padding:7px}.shell{padding:8px}.hud{gap:2px}.turn strong{font-size:10px}}@media(prefers-reduced-motion:reduce){.turn-toast,.hud .team{transition:none}.team .count-flash{animation:none}}.tournament-panel{background:#1e293b;border:1px solid #f4b15c45;border-radius:12px;padding:10px 14px;margin-bottom:10px;text-align:center}.tournament-title,.tournament-score{display:flex;justify-content:space-between;align-items:center;gap:10px}.tournament-title{color:#f4b15c;font-size:12px}.tournament-score{font-size:14px;margin-top:7px}.tournament-score strong{font-size:23px;color:#fff}.tournament-score>span:nth-child(2){font-size:12px;color:#f4b15c}.round-history{font-size:11px;color:#bac7d8;margin-top:6px;line-height:1.4}