.arc-layout:has(.fleet-active-stage){grid-template-columns:minmax(0,1fr)}.arc-layout:has(.fleet-active-stage)>.arc-sidebar,.arc-room:has(.fleet-active-stage)>.arc-players{display:none}.fleet-layout{display:grid;grid-template-columns:minmax(0,490px) minmax(200px,1fr);gap:18px;align-items:start;justify-content:center}.fleet-board{position:relative;width:100%;max-width:490px;margin:auto;border:2px solid #78958d;border-radius:14px;overflow:hidden;background:#183a52;box-shadow:0 15px 35px #12304030}.fleet-board canvas{display:block;width:100%;height:auto;touch-action:none;outline:0;cursor:grab}.fleet-board canvas:active{cursor:grabbing}.fleet-board canvas:focus-visible{box-shadow:inset 0 0 0 3px #d7d8a1}.fleet-curtain{position:absolute;inset:29% 6% auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:23px 17px;border:1px solid #b2cab8aa;border-radius:13px;background:linear-gradient(125deg,#153b50f2,#223d57ee);color:#e4efdc;text-align:center;backdrop-filter:blur(4px);box-shadow:0 10px 30px #12304866}.fleet-curtain[hidden]{display:none}.fleet-curtain small{font:bold 10px monospace;letter-spacing:2px;color:#c7c49c}.fleet-curtain h3{margin:0;color:#f9e2a4;font:bold 27px/1.35 monospace}.fleet-curtain p{margin:0;font-size:12px;line-height:1.8;color:#c8dad4}.arc-shell button.fleet-start{min-height:43px;padding:10px 22px;border:1px solid #f0dc9f;background:linear-gradient(110deg,#d3b67c,#a99164);color:#203d4d;font:bold 13px monospace;letter-spacing:1px}.fleet-panel{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--soft);min-width:0}.fleet-panel>header{display:flex;align-items:center;gap:12px;margin-bottom:13px}.fleet-panel>header img{width:68px;height:68px;object-fit:contain}.fleet-panel>header strong{display:block;font-size:16px}.fleet-panel>header small{color:var(--muted);font-size:11px}.fleet-panel p,.fleet-panel li{font-size:12px;line-height:1.85;color:var(--muted)}.fleet-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fleet-options button{min-height:37px;font-size:11px}.fleet-panel label{display:flex;align-items:center;gap:8px;margin:13px 0;font-size:12px;color:var(--muted)}.fleet-panel input{width:17px;height:17px;accent-color:#7f9f91}.fleet-specials{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.arc-shell button.fleet-special{min-height:49px;border:1px solid #b4b997;background:linear-gradient(135deg,#426879,#29495e);color:#f4e8be;font:bold 12px monospace;touch-action:none}.arc-shell button.fleet-special:last-child{background:linear-gradient(135deg,#aa8b61,#826847);color:#fff0c7}.fleet-controls{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:12px}.arc-shell button.fleet-control{min-width:48px;min-height:48px;border:1px solid #8fa7a1;background:#2d5268;color:#f4eac8;font-size:16px;touch-action:none;user-select:none}.arc-shell button.fleet-control.is-held{background:#6b938f;box-shadow:inset 0 0 0 2px #e3e2b1}.fleet-feedback{font-size:11px;line-height:1.8;min-height:18px;overflow-wrap:anywhere;color:var(--blue)}.fleet-help{margin-top:13px;border-top:1px solid var(--line);padding-top:12px}.fleet-help summary{font-size:12px;font-weight:700;cursor:pointer}.fleet-active-stage:fullscreen{display:flex;align-items:center;justify-content:center;background:#102c43;padding:8px;overflow:auto}.fleet-active-stage:fullscreen .fleet-layout{width:100%;display:block}.fleet-active-stage:fullscreen .fleet-board{max-width:calc((100dvh -120px)*5/7)}.fleet-active-stage:fullscreen .fleet-panel{display:none}.fleet-active-stage:fullscreen .fleet-controls{margin-top:8px}.fleet-active-stage:fullscreen .fleet-floating{display:flex;position:fixed;right:12px;bottom:12px;gap:7px}.fleet-floating{display:none}.arc-shell .fleet-floating button{min-height:45px;min-width:57px;border:1px solid #aebdab;background:#264860e8;color:#f4e6b8;font-size:12px;touch-action:none}
@media(max-width:680px){.fleet-layout{display:flex;flex-direction:column;gap:12px}.fleet-board{max-width:min(490px,calc((100dvh -200px)*5/7))}.fleet-panel{width:100%;padding:11px}.fleet-panel>header{display:none}.fleet-panel>p:not(.fleet-feedback){display:none}.fleet-curtain{inset:27% 5% auto;gap:6px;padding:15px 11px}.fleet-curtain h3{font-size:21px}.fleet-curtain small{font-size:8px;letter-spacing:1px}.fleet-curtain p{font-size:10px}.arc-shell button.fleet-start{min-height:37px;padding:8px 17px;font-size:11px}.fleet-options button{font-size:10px;min-height:33px}.fleet-panel label{font-size:11px;margin:10px 0}.fleet-feedback{font-size:10px}.fleet-specials{margin:7px 0}.fleet-panel .fleet-controls{display:none}.fleet-help p,.fleet-help li{font-size:11px}.fleet-active-stage:fullscreen .fleet-board{max-width:calc((100dvh -88px)*5/7)}}