.w582{--w-text:#eef5ef;--w-edge:#3c5557;--w-orange:#ffb06c;max-width:1040px;margin:0 auto;padding:18px 12px 110px;color:var(--w-text);font-family:system-ui,sans-serif;box-sizing:border-box}.w582 *{box-sizing:border-box}.w582 a{color:#bde2d6}.w-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}.w-hero{background:radial-gradient(ellipse at 90% 80%,#426454,transparent 55%),#142f30;border:1px solid var(--w-edge);border-radius:24px;padding:clamp(22px,5vw,44px);margin-bottom:18px}.w-hero>span{font-size:12px;letter-spacing:.2em;color:#adddc5}.w-hero h1{font-size:clamp(28px,5.5vw,52px);line-height:1.12;color:#fff5dd;margin:14px 0}.w-hero p{color:#bcd1c9;font-size:18px;margin:10px 0}.w-hero>b{font-size:12px;font-weight:500;color:#a6c6bb}.w-panel{background:#142629;border:1px solid var(--w-edge);padding:16px;border-radius:20px;margin-bottom:18px}.w-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}.w-team{padding:12px;background:#213236;border:2px solid transparent;border-radius:13px;min-width:0}.w-team.active{border-color:var(--w-orange)}.w-team.blue.active{border-color:#8abaff}.w-team b{display:block;color:#ffd2a3}.w-team.blue b{color:#a7cdff}.w-team small{display:block;color:#bfd1d3;font-size:12px}.w-health{height:6px;background:#111e23;border-radius:10px;overflow:hidden;margin-top:9px}.w-health i{display:block;height:100%;background:#ffb06c}.blue .w-health i{background:#8abaff}.w-turn{padding:12px;text-align:center;font-weight:700;color:#f8e9c2;border-radius:12px;background:#22383a;overflow-wrap:anywhere}.w-canvas-wrap{position:relative;overflow:hidden;border-radius:14px;background:#092c3f;border:1px solid #587a75}.w582 canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:manipulation}.w-target-note{position:absolute;left:8px;top:8px;background:#11272bcc;color:#fff4d5;font-size:10px;padding:4px 7px;border-radius:6px;pointer-events:none}.w-hud{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:#bdd1d1;padding:12px 0}.w-weapons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.w582 button,.w582 select{font:inherit;color:#ecf3ef;border:1px solid #456264;border-radius:12px;background:#223a3d;cursor:pointer;padding:12px;min-height:46px;line-height:1.25}.w582 button{font-size:14px;font-weight:650}.w582 button:hover{border-color:#ffb06c}.w582 button:focus-visible,.w582 input:focus-visible,.w582 select:focus-visible{outline:3px solid #ffd196;outline-offset:2px}.w582 button:disabled{opacity:.45;cursor:default}.w582 button[aria-pressed=true]{background:#725239;border-color:#ffb06c}.w-weapon small{display:block;margin-top:5px;font-size:11px;font-weight:400}.w-hint{font-size:12px;min-height:2em;color:#bcd6cc}.w-sliders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0}.w-sliders label{font-size:12px;font-weight:bold;color:#bdd1d1}.w-sliders output{float:right;color:#ffcea4}.w-sliders input{display:block;width:100%;margin:12px 0;accent-color:#ffb06c;min-height:24px}.w-actions{display:flex;flex-wrap:wrap;gap:8px}.w-actions button{flex:1}.w-actions .w-fire{background:#ffc484;color:#283131;border-color:#ffdfb1;flex:1.4}.w-message{color:#f7cd91;overflow-wrap:anywhere}.w-log summary,.w-help summary{font-weight:650;cursor:pointer;color:#c4ded1}.w-log ol{font-size:13px;color:#bad0c9;padding-left:24px}.w-setup>div:not(.w-actions){display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.w-setup label{font-size:13px}.w-setup select{display:block;width:100%;margin-top:8px;min-width:0}.w-setup p,.w-help p{font-size:13px;color:#bfd1c8;line-height:1.65}.w-rank{display:flex;gap:14px;align-items:center;padding:16px 2px;border-bottom:1px solid #355054}.w-rank>div{flex:1;min-width:0;overflow-wrap:anywhere}.w-rank small{display:block;font-size:11px;color:#bdd1c9;margin-top:5px}.w582 [hidden]{display:none!important}@media(max-width:600px){.w582{padding:12px 8px 110px}.w-panel{padding:12px}.w-weapons{grid-template-columns:repeat(2,minmax(0,1fr))}.w-weapon{padding:10px!important}.w-sliders{grid-template-columns:1fr}.w-sliders label{display:grid;grid-template-columns:1fr auto}.w-sliders input{grid-column:1/-1;margin:5px 0}.w-actions button{flex:1 1 28%;font-size:12px;padding:12px 6px}.w-actions #wSkip,.w-actions #wBot{flex:1 1 45%}.w-hero{padding:24px}.w-setup>div:not(.w-actions){grid-template-columns:1fr}.w-rank{gap:8px}.w-rank strong{font-size:13px}}