.sw{max-width:600px;margin:auto;position:relative;font:14px/1.3 system-ui,sans-serif;color:#354651}.sw *{box-sizing:border-box}.sw button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sw button:disabled{opacity:.45;cursor:default}.sw button:focus-visible,.sw canvas:focus-visible{outline:3px solid #d8aa5c;outline-offset:2px}.sw-stage{height:590px;padding:9px;display:flex;flex-direction:column;gap:6px;background:#eee9dc;border:1px solid #b8c0b8;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px #203b4c18}.sw-top{display:flex;align-items:center;gap:7px;min-height:40px;flex:none}.sw-top strong{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-menu{width:42px;height:40px;border:1px solid #a5b4af;border-radius:8px;background:#dde7df;font-size:20px!important}.sw-hud{display:flex;gap:6px;height:24px;flex:none}.sw-meter{flex:1;min-width:0;position:relative;background:#d7d7cd;border-radius:6px;overflow:hidden;border:1px solid #b9bda9}.sw-meter i{position:absolute;inset:0 auto 0 0;width:100%;background:#8da991}.sw-energy i{background:#d8bf83}.sw-meter span{position:relative;display:block;text-align:center;font-size:12px;font-weight:750;line-height:22px;color:#283f45;font-variant-numeric:tabular-nums}.sw-objective{min-height:25px;display:flex;align-items:center;gap:4px;flex:none;font-size:11px}.sw-objective strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-objective>span{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.sw-field{flex:1;min-height:0;overflow:hidden;border-radius:9px;background:#314c5c}.sw-canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none}.sw-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:5px;flex:none}.sw-actions button{min-width:0;min-height:43px;border:1px solid #aab7ad;border-radius:8px;background:#f9f4e7;font-weight:650;font-size:12px;padding:5px 4px}.sw-actions .sw-bomb{background:#d4b683;border-color:#b49a67}.sw-foot{min-height:14px;font-size:10px;text-align:center;color:#6f7d7c;flex:none}.sw-overlay{position:absolute;inset:0;z-index:5;background:#213843b8;padding:12px;display:flex;align-items:center;justify-content:center;border-radius:14px;backdrop-filter:blur(3px)}.sw-panel{width:min(100%,450px);max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:16px;border-radius:12px;background:#f8f2e6;border:1px solid #c7c3ac;box-shadow:0 8px 35px #172d4b44;display:flex;flex-direction:column;gap:8px}.sw-panel h2{font-size:19px;line-height:1.25;margin:0 0 5px}.sw-panel p{margin:2px 0;font-size:12px;line-height:1.5}.sw-panel button{min-height:42px;text-align:start;border:1px solid #b9bdab;border-radius:8px;background:#e8e7d8;padding:9px 10px}.sw-panel button.sw-primary{background:#456c73;border-color:#456c73;color:#fff9e6}.sw-refit strong,.sw-refit small{display:block}.sw-refit strong{font-size:13px}.sw-refit small{font-size:11px;margin-top:3px;color:#68776b}.sw-summary{font-weight:650;color:#67705b}.sw-error{color:#9a5745}@media(max-width:480px){.sw{font-size:12px}.sw-stage{height:516px;padding:8px;gap:5px}.sw-top strong{font-size:12px}.sw-objective{font-size:10px;min-height:23px}.sw-objective>span{font-size:10px}.sw-actions button{font-size:11px;min-height:42px}.sw-panel{padding:12px}.sw-panel h2{font-size:17px}.sw-panel button{font-size:12px}.sw-overlay{padding:9px}}@media(prefers-reduced-motion:reduce){.sw *{animation:none!important;transition:none!important}}