@font-face{font-family:Skunk Sans;src:url(../fonts/Ubuntu-R.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Skunk Sans;src:url(../fonts/Ubuntu-B.ttf) format("truetype");font-weight:500 900;font-display:swap}@font-face{font-family:Skunk Display;src:url(../fonts/Ubuntu-C.ttf) format("truetype");font-weight:400 900;font-display:swap}:root{font-family:Skunk Sans,Arial,sans-serif;color:#35402c;background:#a3d9ea;font-synthesis:none;--paper:#f5f3e9;--ink:#35402c;--olive:#667852;--orange:#ed813b;--border:#d6d5c5;--edge-x:max(18px,env(safe-area-inset-left));--edge-right:max(18px,env(safe-area-inset-right));--edge-top:max(16px,env(safe-area-inset-top));--edge-bottom:max(18px,env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid #f5f3e9a3;border-radius:12px;background:#f5f3e9e0;color:var(--ink);font-weight:700;padding:10px 14px;min-height:44px;cursor:pointer;touch-action:manipulation;box-shadow:0 3px 12px #283c3026;transition:background .15s}button:hover:not(:disabled){background:#fffdf0}button:active:not(:disabled){background:#dedfca}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffad5a;outline-offset:3px}button svg{width:22px;height:22px;flex-shrink:0}button.primary{background:var(--orange);color:#fff9ec;border-color:#ffc18a;box-shadow:0 4px #af582f,0 5px 16px #35402c26}button.primary:hover:not(:disabled){background:#fa9347}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-shell,.arena{position:relative;width:100%;height:100dvh;overflow:hidden}.arena{background:#a3d9ea;isolation:isolate}#game{position:absolute;inset:0}#game canvas{display:block;touch-action:none;cursor:grab}#game canvas:active{cursor:grabbing}.hud{position:absolute;top:var(--edge-top);left:var(--edge-x);right:var(--edge-right);display:flex;align-items:start;justify-content:space-between;gap:12px;pointer-events:none;z-index:2}.fighter{display:flex;align-items:center;gap:10px;width:220px;padding:9px 13px;border:1px solid #fff9db80;border-radius:14px;background:#f5f3e9df;box-shadow:0 3px 14px #35402c12}.fighter>div{flex:1;min-width:0}.fighter strong{font-size:15px;white-space:nowrap}.team-portrait{width:36px;height:36px;flex-shrink:0;background-size:200% 100%;background-position:left center;background-repeat:no-repeat}.fighter-orange .team-portrait{background-position:right center}.health-row{display:flex;gap:8px;align-items:center;margin-top:4px;font-size:12px;font-weight:700}meter{width:100%;height:11px;appearance:none;-webkit-appearance:none;border-radius:5px;background:#d7dac6}meter::-webkit-meter-bar{background:#d7dac6;border:0;border-radius:5px}meter::-webkit-meter-optimum-value{background:#86a84d;border-radius:5px}meter::-moz-meter-bar{background:#86a84d;border-radius:5px}.fighter-orange meter::-webkit-meter-optimum-value{background:#df8c50}.fighter-orange meter::-moz-meter-bar{background:#df8c50}.turn{text-align:center;color:#fff8e7;padding:7px 18px 9px;background:#5f754be6;border:1px solid #c7d8a04d;border-radius:8px 16px;min-width:145px}.turn span{display:block;font-size:11px;opacity:.8;margin-bottom:2px}.turn strong{font-family:Skunk Display,sans-serif;font-size:22px;line-height:1.15}.settings{position:absolute;right:var(--edge-right);top:calc(var(--edge-top) + 76px);display:flex;gap:8px;z-index:2}.icon-button{width:44px;padding:8px}.settings #sound[aria-pressed=true]{background:#65794fe8;color:#fff9ec}.movement,.arsenal,.shoot,.map-tools{position:absolute;z-index:2;pointer-events:none}.movement{left:var(--edge-x);bottom:var(--edge-bottom)}.movement-buttons{display:flex;align-items:center;gap:7px}.movement button{width:50px;height:50px;padding:10px;background:#65794fe8;color:#fff9ec;border-color:#c6d7a477;pointer-events:auto}.movement button:hover:not(:disabled){background:#7b8f5e}.movement #jump{background:#f5f3e9e3;color:var(--ink)}#movement-text{display:grid;place-items:center;width:42px;height:42px;background:#f5f3e9d6;border-radius:50%;font-size:13px;font-weight:700}.arsenal{left:var(--edge-x);bottom:calc(var(--edge-bottom) + 72px)}.weapon-buttons{display:flex;flex-direction:column;gap:7px}.weapon{pointer-events:auto;justify-content:flex-start;position:relative;width:140px;height:46px;padding:5px 12px;font-size:13px;gap:9px}.weapon img{width:34px;height:34px;object-fit:contain;flex-shrink:0}.weapon svg{width:28px;height:28px}.weapon kbd{position:absolute;right:5px;top:4px;font-size:9px;opacity:.6}.weapon[aria-pressed=true]{background:#65794feb;color:#fffbe6;border-color:#d4e5ad;box-shadow:0 0 0 2px #c6dba044,0 3px 12px #35402c26}.shoot{right:var(--edge-right);bottom:var(--edge-bottom);display:flex;align-items:center;gap:9px}.shoot button{pointer-events:auto}.shoot .primary{height:58px;font-family:Skunk Display,sans-serif;font-size:25px;padding:12px 20px;min-width:142px}.shoot #skip{width:44px;font-size:26px;padding:6px}#fire{touch-action:none;user-select:none;-webkit-user-select:none}#fire.charging{background:#f3a447;box-shadow:0 3px #cb6c32,0 0 0 5px #ffd39155}.map-tools{right:var(--edge-right);bottom:calc(var(--edge-bottom) + 82px);display:flex;flex-direction:column;gap:8px;align-items:flex-end}.map-tools button,.map-tools canvas{pointer-events:auto}#map-toggle{display:none}#map-panel{display:flex;flex-direction:column;align-items:stretch;gap:6px}.map-actions{display:flex;gap:6px}.map-actions button{flex:1;font-size:11px;padding:6px 9px}.map-actions svg{width:16px;height:16px}#minimap{display:block;width:210px;height:70px;background:#b9d9d7;border:2px solid #f5f3e9b3;border-radius:8px;box-shadow:0 4px 18px #35402c25;cursor:crosshair;touch-action:none}.toast{position:absolute;top:calc(var(--edge-top) + 83px);left:50%;transform:translate(-50%);max-width:min(460px,calc(100% - 300px));margin:0;padding:9px 16px;color:#fffbe6;background:#354637db;border-radius:20px;font-size:13px;line-height:1.4;text-align:center;pointer-events:none;z-index:2}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#38504075;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px;z-index:5}.overlay>div{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;text-align:center;background:var(--paper);border-radius:20px;padding:24px 30px;box-shadow:0 20px 50px #2d3c3d40}.overlay #overlay-caption{font-size:11px;letter-spacing:2px;color:#7c846b}.overlay h2{font-family:Skunk Display,sans-serif;font-size:32px;margin:8px 0 10px}.overlay p{line-height:1.5;color:#727a61;margin:10px 0}.overlay #overlay-action{width:100%;margin:8px 0 16px}#menu-options{border-top:1px solid var(--border);padding-top:16px}.mode{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}select{background:#eceee0;color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:8px;min-height:44px}.menu-actions{display:flex;gap:8px;margin-top:12px}.menu-actions button{flex:1;font-size:13px;padding:8px}#help-panel{text-align:left;font-size:13px;line-height:1.5;margin-top:14px;padding-top:6px;border-top:1px solid var(--border)}.rotate-prompt{display:none}@media(max-height:600px)and (orientation:landscape){:root{--edge-x:max(12px,env(safe-area-inset-left));--edge-right:max(12px,env(safe-area-inset-right));--edge-top:max(9px,env(safe-area-inset-top));--edge-bottom:max(12px,env(safe-area-inset-bottom))}.fighter{width:180px;padding:6px 10px;gap:7px}.fighter strong{font-size:12px}.team-portrait{width:28px;height:28px}.health-row{font-size:11px;margin-top:2px}meter{height:9px}.turn{min-width:112px;padding:5px 12px 7px}.turn span{font-size:9px}.turn strong{font-size:18px}.settings{top:calc(var(--edge-top) + 60px);gap:6px}.movement button{width:46px;height:46px}.movement-buttons{gap:5px}#movement-text{width:34px;height:34px;font-size:11px}.arsenal{bottom:calc(var(--edge-bottom) + 60px)}.weapon{width:48px;height:44px;padding:4px;justify-content:center}.weapon span,.weapon kbd{display:none}.weapon-buttons{gap:5px}.weapon img{width:36px;height:36px}.shoot .primary{height:50px;min-width:120px;font-size:21px;padding:10px 15px}.shoot{gap:6px}.map-tools{bottom:calc(var(--edge-bottom) + 65px)}#map-toggle{display:flex}#map-panel{display:none}#map-panel.map-open{display:flex;position:absolute;right:0;bottom:52px;width:190px}#minimap{width:190px;height:63px}.toast{top:calc(var(--edge-top) + 58px);max-width:calc(100% - 280px);font-size:11px;padding:7px 12px}.overlay>div{padding:16px 24px}.overlay h2{font-size:26px}.overlay #overlay-action{margin-bottom:10px}#menu-options{padding-top:10px}}@media(max-width:700px)and (orientation:landscape){.fighter{width:150px}.fighter strong{font-size:11px}.team-portrait{width:23px;height:23px}.hud{gap:6px}.turn{min-width:100px}.turn strong{font-size:16px}.toast{max-width:calc(100% - 250px)}}@media(max-width:900px)and (orientation:portrait){.game-shell{visibility:hidden}.rotate-prompt{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:var(--paper);padding:32px}.rotate-prompt>div{font-size:80px;color:var(--orange);line-height:1}.rotate-prompt h2{font-family:Skunk Display,sans-serif;font-size:32px;margin:20px 0 10px}.rotate-prompt p{color:#7c846b;line-height:1.6}}@media(prefers-reduced-motion:reduce){button{transition:none}}#menu-dialog{max-width:760px;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.map-selection{border:0;padding:0;margin:18px 0}.map-selection legend{font-size:13px;font-weight:700;margin-bottom:8px}.map-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.map-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:8px;gap:6px;border:2px solid #c9ccb9;background:#f4f3e7;border-radius:10px;min-width:0}.map-card[aria-pressed=true]{border-color:#dc863f;background:#fff5df;box-shadow:0 0 0 2px #dc863f24}.map-card svg{width:100%;border-radius:5px;display:block}.map-card strong{font-size:13px}.map-card small{font-size:11px;font-weight:400;line-height:1.35;color:#6a745e}#menu-options>.mode{margin:10px 0;justify-content:center}#start-battle{font-size:15px;margin:6px 0}.fuse-picker{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#f6f3e8;box-shadow:0 5px 24px #26362c35;padding:8px;border:1px solid #c2c7b1;border-radius:10px;white-space:nowrap;z-index:3}.fuse-picker span{font-size:12px;font-weight:700;padding:0 4px}.fuse-picker button{padding:6px 10px;min-width:42px;min-height:40px;font-size:13px}.fuse-picker button[aria-pressed=true]{background:#6c8150;color:#fff}.fuse-badge{position:absolute;right:-7px;top:-10px;background:#334739;color:#fff3ce;border:1px solid #e8e8cd;border-radius:6px;padding:2px 5px;font-size:11px;pointer-events:none}#sound[data-state=muted]{opacity:.55}#sound[data-state=error]{border-color:#c26747;color:#b24c31}#sound[data-state=loading]{border-color:#ddab55}@media(max-height:600px){.map-selection{margin:8px 0}.map-card small{display:none}.map-card strong{font-size:11px}.map-card{gap:3px;padding:5px}#menu-dialog{padding:15px 22px}.map-card svg{max-height:54px}.fuse-picker{gap:4px;padding:6px}}.fuse-picker{left:0;transform:none;pointer-events:auto}.fuse-badge{right:3px;top:27px;font-size:9px;padding:1px 4px}#retry-sound{position:absolute;right:0;top:calc(100% + 6px);font-size:11px;padding:5px 9px;min-height:32px;white-space:nowrap;background:#fff1dc;color:#914e2e}.weapon .fuse-badge{display:block}#turn-timer{display:block;width:max-content;margin:4px auto 0;padding:2px 8px;border-radius:5px;background:#ffffff24;font-family:monospace;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff8da}#turn-timer.urgent{background:#ab4339;color:#fff}.audio-check{margin:12px 0;padding-top:10px;border-top:1px solid #d4d5c3}.audio-check button{font-size:13px}.audio-check #audio-status{font-size:12px;overflow-wrap:anywhere;margin:6px 0;color:#6a745e}@media(max-height:600px){#turn-timer{font-size:12px;margin-top:2px}.audio-check{margin:8px 0}}.weapon .cactus-icon{width:34px;height:34px;flex-shrink:0}.weapon span#cactus-ammo{display:block;right:6px;bottom:3px;top:auto;font-size:10px}.weapon#weapon-cactus>span:not(.fuse-badge){font-size:11px}@media(max-height:600px)and (orientation:landscape){.weapon-buttons{display:grid;grid-template-columns:repeat(2,48px);gap:5px}.weapon .cactus-icon{width:36px;height:36px}}.team-roster{display:grid;gap:3px;margin-top:6px}.roster-row{display:grid;grid-template-columns:44px minmax(30px,1fr) 24px;gap:5px;align-items:center;font-size:11px;padding:2px 4px;border-radius:4px}.roster-row meter{height:6px}.roster-row.active{background:#d4e4ba;color:#314322;box-shadow:inset 2px 0 #78994a}.fighter-orange .roster-row.active{background:#f3d6b5;color:#704829;box-shadow:inset 2px 0 #c47f40}.roster-row.dead{opacity:.5}.roster-row.dead>span:first-child{text-decoration:line-through}.settings{top:calc(var(--edge-top) + 110px)}.toast{top:calc(var(--edge-top) + 115px)}@media(max-height:600px)and (orientation:landscape){.fighter{width:190px}.team-roster{margin-top:4px;gap:1px}.roster-row{font-size:9px;grid-template-columns:35px minmax(25px,1fr) 19px;gap:3px;padding:1px 3px}.roster-row meter{height:5px}.settings,.toast{top:calc(var(--edge-top) + 88px)}.turn strong{font-size:15px;max-width:150px}}@media(max-width:700px)and (orientation:landscape){.fighter{width:165px;gap:5px;padding:6px}.fighter strong{font-size:10px}.team-portrait{width:20px;height:26px}.turn{padding:5px 8px;min-width:90px}.turn strong{font-size:13px;max-width:120px}}.online-panel{position:absolute;z-index:40;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 24px));max-height:90%;overflow:auto;padding:20px;border:1px solid #d0b98f;border-radius:18px;background:#f6ecd9;color:#332c23;box-shadow:0 12px 60px #0008}.online-panel[hidden]{display:none}.online-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.online-panel button{margin:5px 0;padding:10px 14px}.online-panel label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.online-panel select,.online-panel input{max-width:65%;padding:8px;border-radius:7px}#online-code{font-size:20px;font-weight:700;letter-spacing:2px;-webkit-user-select:all;user-select:all}