*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1c2228;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#e4e8ec}#map{position:fixed;left:0;top:0;width:calc(100% - 360px);height:100%;touch-action:none;display:block}.side{position:fixed;right:0;top:0;width:360px;height:100%;background:#12171c;border-left:1px solid #2c353e;display:flex;flex-direction:column;gap:10px;padding:14px;overflow:hidden}.side header{display:grid;gap:4px}.eyebrow{font:600 11px/1.2 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#ff8a6a}.date{font:600 18px/1.2 system-ui}.score{display:grid;gap:6px}.score .row{display:flex;flex-wrap:wrap;gap:4px 10px;font:12px/1.3 ui-monospace,monospace;font-variant-numeric:tabular-nums;color:#b9c3cc}.score .row b{width:100%;font:600 13px/1.2 system-ui;color:#e4e8ec;border-left:4px solid;padding-left:6px}.score .win{font:700 15px/1.3 system-ui;color:#ffd84a}.controls{display:flex;gap:6px;flex-wrap:wrap}.controls button{flex:1;padding:9px 8px;border:1px solid #3a4651;background:#1e252c;color:#e4e8ec;font:600 13px system-ui;border-radius:6px;cursor:pointer}.controls button.primary{background:#c8503c;border-color:#c8503c}.controls button:focus-visible{outline:2px solid #ffd84a;outline-offset:2px}.speed{display:flex;align-items:center;gap:8px;font-size:12px;color:#9aa6b1}.speed input{flex:1}.now{min-height:64px;max-height:30vh;overflow:auto;padding:10px;background:#1a2027;border:1px solid #2c353e;border-radius:6px;font-size:13.5px;line-height:1.4}.now .div{margin-top:6px;font-size:12.5px;color:#c6d0d8}.now .div b{border-left:4px solid;padding-left:5px}.k-attack{color:#ff9a8c}.k-assault{color:#ffc070}.k-air{color:#ffe27a}.k-build{color:#b9f09a}.k-turn,.k-end{color:#fff;font-weight:600}.legend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;color:#9aa6b1}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:14px;height:4px;display:inline-block;border-radius:2px}.log{flex:1;overflow:auto;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;font-size:12.5px;line-height:1.35}.log li{padding:3px 6px;border-left:3px solid #3a4651;background:#161c22}.log li:first-child{background:#232c35}.help{font-size:12px;color:#9aa6b1}.help summary{cursor:pointer;color:#c6d0d8}.help p{margin:6px 0 0;line-height:1.45}@media(max-width:760px){#map{width:100%;height:55%}.side{top:55%;width:100%;height:45%;border-left:0;border-top:1px solid #2c353e}}.menu{position:fixed;inset:0;display:grid;place-items:center;background:#0c1014eb;padding:16px;z-index:5}.menu-box{max-width:440px;display:grid;gap:12px}.menu-box h1{margin:0;font:700 34px/1.1 system-ui}.menu-box p{margin:0;color:#b9c3cc;line-height:1.5}.menu-box button,.side.play button{padding:11px 12px;border:1px solid #3a4651;background:#1e252c;color:#e4e8ec;font:600 14px system-ui;border-radius:6px;cursor:pointer}.menu-box button.primary,.side.play button.primary{background:#c8503c;border-color:#c8503c}button:disabled{opacity:.4;cursor:default}.side.play{overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.topbar .pp{font-size:13px;color:#b9c3cc}.hint{padding:9px 10px;background:#233040;border-left:3px solid #7fd3ff;border-radius:4px;font-size:13.5px;line-height:1.4}.card{padding:10px;background:#1a2027;border:1px solid #2c353e;border-radius:6px;display:grid;gap:6px;font-size:13px}.card.confirm{border-color:#ff6b5a}.card .odds{font:700 15px system-ui}.card .row{display:flex;gap:6px}.card .row button{flex:1}button.danger{background:#b8402e!important;border-color:#b8402e!important}.muted{color:#9aa6b1;font-size:12.5px}.note{color:#9aa6b1;font-size:12px}.div{padding:7px;border:1px solid #2c353e;border-radius:5px;background:#151b21;display:grid;gap:4px}.div.mine{cursor:pointer}.div.on{border-color:#ffd84a;background:#20262c}.div .dh{display:flex;align-items:center;gap:6px}.div .sw{width:10px;height:10px;border-radius:2px;flex:none}.div .chk{margin-left:auto;font-size:11.5px;color:#ffd84a}.bats{display:flex;flex-wrap:wrap;gap:3px}.bats span{position:relative;font:600 10.5px ui-monospace,monospace;padding:2px 4px 4px;background:#252d35;border-radius:3px}.bats i{position:absolute;left:0;bottom:0;height:2px;background:#6fdc6f}.build{display:grid;gap:4px}.tpl{display:flex!important;justify-content:space-between;padding:7px 9px!important;font-size:12.5px!important}.tpl span{color:#ffd84a}button.small{margin-left:auto;padding:3px 8px!important;font-size:12px!important}.plog{margin:0;padding:0;list-style:none;display:grid;gap:3px;font-size:12px}.plog li{padding:3px 6px;background:#161c22;border-left:3px solid #3a4651}#coach{position:fixed;left:12px;right:372px;top:12px;z-index:3;padding:12px 16px;background:#141c24eb;border:2px solid #5ae66e;border-radius:10px;font:600 16px/1.4 system-ui;color:#fff;box-shadow:0 6px 20px #0006;pointer-events:none}#coach:empty{display:none}#coach.busy{border-color:#ffd43a}#coach.warn{border-color:#ff6b5a}@media(max-width:760px){#coach{right:12px;font-size:14px}}.tip{padding:7px 9px;background:#1f2a33;border-left:3px solid #ffd43a;border-radius:4px;font-size:12.5px;line-height:1.4;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.erow{display:flex;align-items:center;gap:8px;padding:6px 4px;border-top:1px solid #2c353e;cursor:pointer;font-size:13px}.erow:hover{background:#20282f}.erow>span:first-child{font-weight:600}.slide{display:grid;gap:12px}.slide h2{margin:0;font:700 24px/1.2 system-ui}.slide p{margin:0;font-size:15px;line-height:1.55;color:#d6dde3}.side.play .row{display:flex;gap:6px}.side.play .row button{flex:1}.card .big{font-size:15px;line-height:1.45}.srow{display:flex;align-items:center;gap:6px;font-size:13px;color:#c6d0d8}.srow .sw{width:10px;height:10px;border-radius:2px}.leg{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#c6d0d8}.leg i{width:18px;height:10px;border-radius:2px;flex:none}#coach.tut{border-color:#5ae66e}@keyframes pulse{0%,to{box-shadow:0 0 #5ae66ee6}50%{box-shadow:0 0 0 8px #5ae66e00}}.pulse{animation:pulse 1.1s infinite;outline:2px solid #5ae66e}.buildbox summary{cursor:pointer;padding:8px;background:#1e252c;border:1px solid #3a4651;border-radius:6px;font-weight:600;font-size:13px}.buildbox[open] summary{margin-bottom:6px}#cursor{position:fixed;z-index:50;pointer-events:none;transform:translate(-2px,-2px);filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.ripple{position:fixed;z-index:49;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:3px solid #ffd84a;pointer-events:none;animation:ripple .7s ease-out forwards}@keyframes ripple{to{width:60px;height:60px;margin:-30px 0 0 -30px;opacity:0}}#coach.auto{border-color:#ffd84a;font-size:17px}#autobar{position:fixed;left:12px;bottom:12px;z-index:6;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;background:#12171cf2;border:1px solid #3a4651;border-radius:8px;font-size:13px}#autobar button{padding:8px 12px;border:1px solid #3a4651;background:#1e252c;color:#e4e8ec;font:600 13px system-ui;border-radius:6px;cursor:pointer}#autobar label{display:flex;gap:6px;align-items:center;color:#b9c3cc}.side.play{font-size:15px;width:380px}#map{width:calc(100% - 380px)}.side.play .card,.side.play .div{font-size:14.5px}.side.play .muted{font-size:13.5px}.side.play .date{font-size:20px}#coach{right:392px;font-size:19px;padding:14px 18px}#zoombar{position:fixed;right:392px;bottom:16px;z-index:4;display:grid;gap:6px}#zoombar button{width:48px;height:48px;font:700 24px system-ui;border-radius:10px;border:1px solid #3a4651;background:#12171ceb;color:#fff;cursor:pointer}.toast{position:fixed;left:calc((100% - 380px)/2);top:42%;transform:translate(-50%,-50%);z-index:40;padding:18px 26px;background:#0e1216f2;border:3px solid #fff;border-radius:14px;font:700 24px/1.3 system-ui;color:#fff;text-align:center;pointer-events:none;animation:toastIn .25s ease-out}.toast small{font:500 15px system-ui;color:#c6d0d8}@keyframes toastIn{0%{transform:translate(-50%,-40%);opacity:0}}@media(max-width:760px){#zoombar{right:12px;bottom:47%}.toast{left:50%}#map,.side.play{width:100%}}.topbar .mode{font-size:13px;font-weight:700;color:#ffd84a;margin-top:2px}#confirm{position:fixed;inset:0;z-index:45;display:grid;place-items:center;background:#080a0c73;padding:16px}#confirm .cbox{width:min(440px,100%);background:#151b21;border:3px solid #ff6b5a;border-radius:14px;padding:20px;display:grid;gap:10px;font-size:16px;box-shadow:0 12px 40px #0009}#confirm h3{margin:0;font:700 24px/1.25 system-ui}#confirm .odds{font:700 20px system-ui}#confirm .note{color:#b9c3cc;font-size:14px}#confirm .cbtn{display:flex;gap:10px;margin-top:6px}#confirm .cbtn button{flex:1;padding:14px;font:700 18px system-ui;border-radius:10px;border:1px solid #3a4651;background:#1e252c;color:#fff;cursor:pointer}.side.play{gap:10px}.side.play details{background:#161c22;border:1px solid #2c353e;border-radius:8px;padding:0 10px}.side.play details>summary{cursor:pointer;padding:11px 0;font-weight:700;font-size:15px;list-style:none}.side.play details>summary::-webkit-details-marker{display:none}.side.play details[open]{padding-bottom:10px}.side.play details[open]>summary{color:#ffd84a}.card.sel{gap:8px}.ptitle{font:700 22px/1.2 system-ui}.line{font-size:15.5px}.line.ok{color:#9ff0a8}.line.bad{color:#ffb0a6}.card.empty{font-size:16px;color:#c6d0d8;text-align:center;padding:18px}button.big{padding:13px 14px!important;font-size:16px!important}.topbar .date{font-size:22px!important}.topbar .pp{font-size:16px!important;color:#ffd84a!important}.helpbody p{margin:4px 0;font-size:14.5px;line-height:1.45}button.link{background:none!important;border:0!important;color:#9aa6b1!important;text-decoration:underline;padding:4px!important;font-size:13px!important}#confirm .arows{display:grid;gap:6px;max-height:40vh;overflow:auto}#confirm .arow{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1e252c;border:1px solid #2f3a44;border-radius:8px;cursor:pointer;font-size:15px}#confirm .arow input{width:20px;height:20px;accent-color:#ff6b5a}#confirm .cbtn button:disabled{opacity:.45;cursor:default}.div.ship.own{cursor:pointer}@media(orientation:portrait)and (max-width:1100px){#map{width:100%!important;height:64%!important}.side,.side.play{top:64%!important;width:100%!important;height:36%!important;border-left:0;border-top:1px solid #2c353e}#coach{right:12px!important;font-size:15px}#zoombar{right:12px!important;bottom:calc(36% + 12px)!important;top:auto!important}.toast{left:50%!important;top:32%!important}}.side-pick{display:flex;gap:8px}.side-pick button{flex:1;padding:12px;font:700 17px system-ui;border-radius:10px;border:2px solid #3a4651;background:#1e252c;color:#c9d1d8;cursor:pointer}.side-pick button.on{border-color:#ffd84a;color:#fff;background:#26303a}.menu-box button.big{padding:18px;font:800 22px system-ui;border-radius:12px}