:root{--ink:#fffaf0;--panel:#1e18128c;--accent:#f2c230;--gap:max(12px, env(safe-area-inset-left));color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{overscroll-behavior:none;background:#7fb2e5;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}canvas#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud button,#hud input{pointer-events:auto}button{font:inherit;color:var(--ink);background:var(--panel);cursor:pointer;touch-action:manipulation;border:2px solid #ffffff40;border-radius:12px;min-height:44px;padding:8px 14px;font-weight:600}button.selected{border-color:var(--accent);background:#503c14bf}button:disabled{opacity:.4}.label{text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-size:11px}.top{top:max(10px, env(safe-area-inset-top));left:var(--gap);right:var(--gap);justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}.stat{background:var(--panel);border-radius:12px;flex-direction:column;align-items:center;min-width:56px;padding:6px 14px;display:flex}.stat #shots{font-size:22px;font-weight:700}#weapons{gap:8px;display:flex}#weapons button{flex-direction:column;align-items:center;padding:6px 12px;line-height:1.1;display:flex}#weapons small{opacity:.85;font-weight:500}#elevation{right:max(10px, env(safe-area-inset-right));background:var(--panel);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}#elevation input{writing-mode:vertical-lr;width:32px;height:min(38vh,200px);accent-color:var(--accent);direction:rtl;margin:0}#elevation-value{font-weight:700}.bottom{bottom:max(10px, env(safe-area-inset-bottom));left:var(--gap);right:var(--gap);justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute}#hint{background:var(--panel);text-align:center;border-radius:10px;padding:6px 12px;font-size:14px}#ff-btn{margin-left:auto}#power{background:var(--panel);border:2px solid #fff6;border-radius:6px;width:140px;height:12px;position:absolute;overflow:hidden;transform:translate(-50%,-48px)}#power-fill{background:linear-gradient(90deg,#6fcf5a,#f2c230,#e5533d);width:0;height:100%}#banner{text-shadow:0 2px #28190ae6,0 0 12px #0009;-webkit-text-stroke:1px #28190a99;white-space:nowrap;font-size:clamp(20px,5vw,34px);font-weight:800;animation:1.4s ease-out forwards pop;position:absolute;top:22%;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}12%{opacity:1;transform:translate(-50%)scale(1.05)}85%{opacity:1}to{opacity:0}}#overlay{pointer-events:auto;background:#140e0873;place-items:center;display:grid;position:absolute;inset:0}#overlay .card{border:2px solid var(--accent);text-align:center;background:#281e14e6;border-radius:18px;max-width:80vw;padding:20px 28px}#overlay .crown{font-size:44px}#overlay h1{margin:4px 0 6px}#overlay p{margin:0 0 16px}#loading{background:#7fb2e5;place-items:center;font-size:22px;font-weight:700;display:grid;position:absolute;inset:0}[hidden]{display:none!important}.top .left{align-items:flex-start;gap:8px;display:flex}.stat.wind{min-width:64px}#wind-arrow{color:#bfe3ff;font-size:18px;line-height:1.1;transition:transform .4s;display:inline-block}#wind-text{font-size:12px;font-weight:600}#mute-btn{padding:6px 10px}#hint.enemy{background:#781e1499}#overlay .card.defeat{border-color:#c0503c}button.primary{color:#2a1a05;background:linear-gradient(#e0a92a,#b9781a);border-color:#f5d47a}button.big{width:100%;padding:12px 22px;font-size:20px}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#menu{pointer-events:auto;background:linear-gradient(#141e3259,#140e088c);place-items:center;display:grid;position:absolute;inset:0}#menu .card{border:2px solid var(--accent);text-align:center;background:#281e14e0;border-radius:20px;flex-direction:column;gap:10px;width:min(340px,86vw);padding:20px 26px;display:flex}#menu .title{letter-spacing:.04em;text-shadow:0 3px #00000059;margin:0;font-size:clamp(30px,8vw,44px)}#menu .subtitle{opacity:.85;margin:0 0 6px;font-size:14px}.levels{justify-content:center;align-items:center;gap:6px;margin-top:6px;display:flex}.levels .label{margin-right:4px}.levels button{min-height:36px;padding:6px 12px}#build-ui .actions{gap:6px;display:flex}#build-ui .actions button,#build-back{padding:6px 10px}.stat.gold #gold{font-size:18px;font-weight:700}.stat.gold.low #gold{color:#ff9b85}#build-tip{top:max(70px, calc(env(safe-area-inset-top) + 62px));background:var(--panel);text-align:center;border-radius:10px;width:max-content;max-width:90vw;padding:4px 10px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.build-bottom{left:var(--gap);right:var(--gap);bottom:max(10px, env(safe-area-inset-bottom));align-items:flex-end;gap:8px;display:flex;position:absolute}#palette{scrollbar-width:none;pointer-events:auto;flex:1;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}#palette button{flex-direction:column;flex:none;align-items:center;min-width:64px;padding:6px 10px;line-height:1.1;display:flex}#palette button small{opacity:.85;font-weight:500}#palette .icon{font-size:18px}#build-fight{flex:none;padding:10px 18px;font-size:18px}#battle-ui,#build-ui{pointer-events:none;position:absolute;inset:0}#banner{white-space:normal;text-align:center;width:max-content;max-width:88vw}#banner.long{font-size:clamp(16px,3.6vw,22px)}:root{--team0:#4a74d9;--team1:#d24a3c}#build-title{top:max(66px, calc(env(safe-area-inset-top) + 58px));background:var(--panel);white-space:nowrap;border-radius:12px;padding:4px 12px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}#build-title:empty{display:none}#build-ui #build-tip{top:max(104px, calc(env(safe-area-inset-top) + 96px))}@media (max-width:560px){#build-ui .actions .word{display:none}}#build-title.side0{border-left:6px solid var(--team0)}#build-title.side1{border-left:6px solid var(--team1)}#battle-ui.side0 .stat,#battle-ui.side0 #elevation{box-shadow:inset 0 -3px 0 var(--team0)}#battle-ui.side1 .stat,#battle-ui.side1 #elevation{box-shadow:inset 0 -3px 0 var(--team1)}#handover{pointer-events:auto;background:#0f0c08d1;place-items:center;display:grid;position:absolute;inset:0}#handover .card{border:3px solid var(--accent);text-align:center;background:#281e14f2;border-radius:20px;width:min(360px,86vw);padding:22px 30px}#handover.side0 .card{border-color:var(--team0)}#handover.side1 .card{border-color:var(--team1)}#handover h1{margin:6px 0}#handover p{opacity:.9;margin:0 0 16px}#overlay .card.side0{border-color:var(--team0)}#overlay .card.side1{border-color:var(--team1)}#weapons{flex-wrap:wrap;justify-content:flex-end;max-width:58vw}#weapons button{min-width:52px;min-height:40px;padding:4px 8px}#weapons .icon{font-size:18px;line-height:1.1}#weapons small{white-space:nowrap;font-size:11px}#overlay-stars{color:var(--accent);letter-spacing:.1em;text-shadow:0 2px #0006;margin:-6px 0 6px;font-size:36px}#overlay-unlocks{color:#ffe08a;font-weight:700}#campaign{pointer-events:auto;background:linear-gradient(#141e3273,#140e08b3);justify-content:center;display:flex;position:absolute;inset:0}#campaign .sheet{width:min(720px,100%);padding:max(10px, env(safe-area-inset-top)) var(--gap) 10px;box-sizing:border-box;flex-direction:column;min-height:0;display:flex}.sheet-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet-top h1{text-align:center;flex:1;margin:0;font-size:24px}#campaign .note{text-align:center;opacity:.9;margin:6px 0 8px;font-size:14px}#levels{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;min-height:0;padding-bottom:8px;display:grid;overflow-y:auto}#levels button{text-align:left;background:#281e14d9;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}#levels button .num{opacity:.8;text-transform:uppercase;letter-spacing:.08em;font-size:11px}#levels button .name{font-size:15px}#levels button .stars{color:var(--accent);letter-spacing:.1em}#levels button .reward{opacity:.9;font-size:12px;font-weight:500}#levels button.locked{opacity:.45}#levels button.next{border-color:var(--accent)}#level-card{background:#0f0c0899;place-items:center;display:grid;position:absolute;inset:0}#level-card .card,#library .card{border:2px solid var(--accent);box-sizing:border-box;text-align:center;background:#281e14f2;border-radius:18px;width:min(420px,90vw);padding:16px 20px}#level-card h1{margin:2px 0 6px}#level-card p{opacity:.92;margin:0 0 10px}.level-num{text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:12px}.facts{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.facts>div{background:#0003;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.facts span:last-child{text-align:right;font-weight:700}#library{pointer-events:auto;background:#0f0c08a6;place-items:center;display:grid;position:absolute;inset:0}#library .card{text-align:left;flex-direction:column;gap:8px;max-height:92vh;display:flex}#library h1{text-align:left;font-size:20px}.save-row{gap:6px;display:flex}#library input,#library textarea{font:inherit;color:var(--ink);pointer-events:auto;-webkit-user-select:text;user-select:text;background:#0000004d;border:2px solid #ffffff40;border-radius:10px;padding:8px 10px}#library input{flex:1;min-width:0}#library textarea{resize:none;word-break:break-all;font-family:ui-monospace,monospace;font-size:12px}#library-list{flex-direction:column;gap:6px;min-height:40px;max-height:34vh;display:flex;overflow-y:auto}#library-list .empty{opacity:.7;padding:6px 2px;font-size:14px}.saved{background:#00000038;border-radius:10px;align-items:center;gap:6px;padding:4px 4px 4px 10px;display:flex}.saved .what{flex:1;min-width:0}.saved .what b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saved .what small{opacity:.8}.saved button{min-height:36px;padding:4px 10px}#library .row button{flex:1}#menu .card{box-sizing:border-box;max-height:94vh;overflow-y:auto}@media (max-height:520px){#menu .card{gap:6px;width:min(420px,86vw);padding:12px 18px}#menu .title{font-size:28px}#menu .subtitle{display:none}#menu button.big{min-height:40px;padding:6px 16px;font-size:17px}#level-card .card,#library .card{padding:10px 16px}#level-card p{margin-bottom:6px}.facts{gap:4px;margin-bottom:8px}.facts>div{padding:3px 10px}}@media (orientation:portrait){#battle-ui .top{flex-wrap:wrap}#weapons{scrollbar-width:none;pointer-events:auto;flex-wrap:nowrap;justify-content:flex-start;width:100%;max-width:none;overflow-x:auto}#weapons button{flex:none}}#battle-leave{padding:6px 12px;font-size:20px}#online{pointer-events:auto;background:linear-gradient(#141e3273,#140e08b3);justify-content:center;display:flex;position:absolute;inset:0}#online .sheet{width:min(640px,100%);padding:max(10px, env(safe-area-inset-top)) var(--gap) 10px;box-sizing:border-box;flex-direction:column;gap:8px;min-height:0;display:flex}.online-box{border:2px solid var(--accent);background:#281e14e0;border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex}#online input{font:inherit;color:var(--ink);pointer-events:auto;-webkit-user-select:text;user-select:text;background:#0000004d;border:2px solid #ffffff40;border-radius:10px;flex:1;min-width:0;padding:8px 10px}#online-code{text-transform:uppercase;letter-spacing:.15em;max-width:9em}#online-invite{background:#00000040;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}#online-invite b{letter-spacing:.15em;color:var(--accent);font-size:22px}#online-matches{flex-direction:column;gap:6px;min-height:40px;display:flex;overflow-y:auto}#online-matches .empty{opacity:.75;font-size:14px}#online-matches .saved{background:#281e14d9}#online-matches .saved.yours{border:2px solid var(--accent)}#online .note{opacity:.85;text-align:center;margin:0;font-size:13px}#online-status.online{color:#9be38a}#online-status.offline{color:#ff9b85}