/* Monster Fleet 3D presentation. All targeting still uses native grid buttons. */
.mf-console.mf-3d-console{--mf-neon:#9ff5d7;--mf-gold:#ffd789;--mf-sea:#10637e;--mf-platform-depth:16px;background:radial-gradient(ellipse at 12% 20%,#133e59 0,transparent 45%),radial-gradient(ellipse at 90% 65%,#273755 0,transparent 50%),#081b30;border:1px solid #618998;box-shadow:0 10px 0 #061222,0 25px 75px #02071470,inset 0 1px #bceeed38;isolation:isolate;border-radius:28px}
.mf-3d-console .mf-marquee{position:relative;padding:25px 26px;background:linear-gradient(100deg,#143b55,#0d243c 50%,#1b354d);border-bottom:1px solid #85b6c451;box-shadow:inset 0 1px #dcffff20,0 12px 35px #050e231f}
.mf-3d-console .mf-marquee:after{content:'';position:absolute;bottom:-1px;height:2px;left:25%;right:25%;background:linear-gradient(90deg,transparent,#9ff5d7,transparent);pointer-events:none}
.mf-3d-console .mf-marquee strong{font-size:clamp(29px,3.4vw,45px);text-shadow:0 3px #06192f,0 0 30px #8bf3da24;letter-spacing:.015em}
.mf-3d-console .mf-marquee em{color:#a9f4d8}
.mf-3d-console .mf-marquee>span{color:#b0d1df;line-height:1.6}
.mf-3d-console .mf-roster{padding:23px 24px 18px;gap:12px}
.mf-3d-console .mf-player{position:relative;overflow:hidden;background:linear-gradient(120deg,#183b54,#15283f);border:1px solid #466c85;border-radius:15px;box-shadow:inset 0 1px #c3f4ff12,0 4px 0 #06152950}
.mf-3d-console .mf-player:before{content:'';position:absolute;width:3px;left:0;inset-block:18%;border-radius:3px;background:var(--fleet-color);box-shadow:0 0 12px var(--fleet-color)}
.mf-3d-console .mf-player.is-turn{background:linear-gradient(120deg,#254849,#1b354c);border-color:#b8f4c2;box-shadow:0 0 0 1px #b8f4c233,0 0 25px #78eeb211,inset 0 1px #e3ffd63d}
.mf-3d-console .mf-avatar{box-shadow:inset 0 2px #fff8,0 3px 0 #06132680;border:1px solid #d3fffa40}
.mf-3d-console .mf-hull{gap:3px}
.mf-3d-console .mf-hull .intact{box-shadow:0 0 6px color-mix(in srgb,var(--fleet-color) 30%,transparent)}
.mf-3d-console .mf-command{position:relative;background:linear-gradient(110deg,#18374f,#152a42);border:1px solid #486b81;border-radius:16px;margin-bottom:16px;box-shadow:inset 0 1px #b2e7e517}
.mf-3d-console.mf-your-turn .mf-command{background:linear-gradient(110deg,#2b5148,#193a4d 75%);border-color:#9fce8f;box-shadow:inset 3px 0 #d1f7a6,0 0 30px #b3f9870b}
.mf-3d-console .mf-clock{border:1px solid #496576;border-radius:12px;background:#081f32;padding:12px 14px;box-shadow:inset 0 2px 6px #02091570}
.mf-3d-console .mf-clock strong{color:#e4fbb5}
.mf-3d-console .mf-battle-layout,.mf-3d-console .mf-placement{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:22px}
.mf-3d-console .mf-board-title{padding:2px 2px 0}
.mf-3d-console .mf-board-title h3{color:#ecf7f9}
.mf-3d-console .mf-board-title>span{color:#aac6d6}
.mf-3d-console .mf-target-tabs{gap:9px}
.mf-3d-console .mf-target-tabs button{background:linear-gradient(#21445c,#142c45);border:1px solid #63869a;border-bottom-width:3px;color:#cfe0ed;border-radius:12px;padding:13px 10px}
.mf-3d-console .mf-target-tabs button.active{color:#182f2d;background:linear-gradient(#dbfeb3,#aee88d);border-color:#cff8ad;border-bottom-color:#6d985c;box-shadow:0 0 18px #cafa9520,inset 0 1px #fff9}
.mf-3d-console .mf-target-tabs button:disabled{opacity:.5}
.mf-3d-console .mf-ocean-scroll{position:relative;overflow:auto;padding:5px 7px 2px;border:1px solid #386880;border-radius:18px;background:radial-gradient(ellipse at 45% 12%,#1b5b7499,transparent 65%),radial-gradient(ellipse at 50% 100%,#15485d,#07192c 73%);box-shadow:inset 0 0 38px #06142780,0 4px 0 #07111e75;scrollbar-width:thin;scrollbar-color:#508b9f #102738}
.mf-3d-console .mf-ocean-stage{position:relative;min-width:349px;padding:23px 16px 36px;perspective:1600px;perspective-origin:50% 45%;isolation:isolate}
.mf-3d-console .mf-ocean-stage:before{content:'';position:absolute;left:10%;right:8%;bottom:19px;height:20%;border-radius:50%;background:#020b1dda;filter:blur(13px);pointer-events:none}
.mf-3d-console .mf-ocean-plane{position:relative;width:100%;aspect-ratio:1;transform:rotateX(28deg) rotateZ(-3deg) scale(.95);transform-origin:50% 58%;transform-style:preserve-3d;background:linear-gradient(135deg,#18728a,#10465f);outline:2px solid #87c7d69e;outline-offset:3px;box-shadow:0 0 0 5px #153549,0 0 0 7px #568998;transition:transform .45s cubic-bezier(.2,.65,.2,1);border-radius:3px}
.mf-3d-console .mf-ocean-plane:before{content:'';position:absolute;inset:-7px;transform:translateZ(calc(-1 * var(--mf-platform-depth)));background:linear-gradient(140deg,#2e5b72,#112c45);border:1px solid #59879d;border-radius:4px;box-shadow:0 13px 20px #020b2059;pointer-events:none}
.mf-3d-console .mf-ocean-plane:after{content:'';position:absolute;top:calc(100% + 7px);left:-7px;right:-7px;height:var(--mf-platform-depth);transform-origin:50% 0;transform:rotateX(-90deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 27px,#74adc139 27px,#74adc139 28px),linear-gradient(#497a8c,#14364c);border-block:1px solid #78b7c360;pointer-events:none}
.mf-3d-console .mf-ocean{position:relative;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));grid-template-rows:repeat(14,minmax(0,1fr));width:100%;min-width:0!important;aspect-ratio:1;gap:0;transform-style:preserve-3d;border-radius:3px;background:radial-gradient(ellipse at 26% 15%,#2094a673,#09294040 70%),repeating-linear-gradient(116deg,#80cbd712 0,#80cbd712 2px,transparent 2px,transparent 41px),#125068}
.mf-3d-console .mf-axis{color:#bbdfdf;font-size:9px;font-weight:900;min-height:0;line-height:1;text-shadow:0 1px #073048;background:#10395066}
.mf-3d-console .mf-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;margin:1.3px;border:1px solid #94d8e82b;border-radius:3px;background:linear-gradient(145deg,#23758b8a,#15486255);color:#d3eef5;box-shadow:inset 0 1px #c5ffff12;font-size:20px!important;transform:none;transition:background .14s,border-color .14s,box-shadow .14s;transform-style:preserve-3d}
.mf-3d-console .mf-cell:not(:disabled):hover{transform:translateZ(3px);background:#58a6b28c;border-color:#c5fce5;box-shadow:inset 0 0 0 1px #a9f4dc70,0 0 10px #9ce5d636;z-index:2}
.mf-3d-console .mf-cell:focus-visible{outline:3px solid #fff3b6;outline-offset:0;z-index:5;background:#3a8296;box-shadow:0 0 15px #fff3b654}
.mf-3d-console .mf-cell.has-ship{background:linear-gradient(145deg,#96d6da21,#9cdfd936);border-color:#b8e8e747}
.mf-3d-console .mf-cell.has-ship>i{display:none}
.mf-3d-console .mf-cell.is-miss{color:transparent;background:#102f4480;border-color:#7eacbe34;font-size:20px!important}
.mf-3d-console .mf-cell.is-hit{color:transparent;background:radial-gradient(circle,#fda65080,#e9652933 50%,#303a4855);border-color:#ffb477}
.mf-3d-console .mf-cell.is-sunk{color:transparent;background:repeating-linear-gradient(135deg,#332e355e 0,#332e355e 4px,#87564a4d 4px,#87564a4d 6px);border-color:#d7956a96}
.mf-3d-console .mf-cell.is-clue:not(.is-selected){border:1px solid #f1d594a6;box-shadow:inset 0 0 0 1px #efcc761a;background:#34525b70}
.mf-3d-console .mf-cell.is-selected{border:2px solid #f4ffb5;box-shadow:inset 0 0 0 2px #172f3f,0 0 22px #deffa360;background:radial-gradient(circle,#c9ec8654,#49987c6b);z-index:3}
.mf-3d-console .mf-cell.is-selected:before{content:'';position:absolute;inset:-4px;border:1px solid #dfffbe80;border-radius:50%;background:none;animation:mf-lock-ring 1.8s ease-out infinite}
.mf-3d-console .mf-cell.is-selected:after{content:'+';display:grid;place-items:center;position:absolute;inset:0;color:#f8ffd1;font-size:24px;font-weight:400;line-height:1;text-shadow:0 0 8px #e3ffbd}
.mf-3d-console .mf-cell.mf-preview{background:#aef59c85;border-color:#e9ffc9;box-shadow:inset 0 0 0 1px #d7ffb6;transform:translateZ(2px)}
.mf-3d-console .mf-cell.mf-preview.mf-preview-invalid{background:#e76a587a;border-color:#ffd2bd}
.mf-3d-console .mf-cell.mf-new-impact{animation:mf-3d-impact .75s ease-out;transform:translateZ(5px);z-index:4}
.mf-3d-console .mf-sea-art,.mf-3d-console .mf-sea-art *{pointer-events:none!important}
.mf-3d-console .mf-sea-art{position:absolute;left:7.142857142857%;top:7.142857142857%;right:0;bottom:0;transform-style:preserve-3d;z-index:4}
.mf-3d-console .mf-sea-shimmer{position:absolute;inset:0;background:radial-gradient(ellipse at 14% 12%,#c4fbff0d,transparent 40%),repeating-linear-gradient(172deg,transparent 0,transparent 42px,#a2eaff0b 43px,transparent 46px);transform:translateZ(1px);pointer-events:none}
.mf-map-ship{display:block;position:absolute;transform-style:preserve-3d;pointer-events:none;--ship-trim:#8af2de;--ship-hull:#315f78;--ship-top:#d0e3e7}
.mf-map-ship[data-ship-size="5"]{--ship-trim:#d0afff;--ship-hull:#456187;--ship-top:#d9dff1}
.mf-map-ship[data-ship-size="4"]{--ship-trim:#85e7d4;--ship-hull:#326777;--ship-top:#d6e9e7}
.mf-map-ship[data-ship-size="3"]{--ship-trim:#ffd28b;--ship-hull:#536777;--ship-top:#e5e4dc}
.mf-ship3d{position:absolute;display:block;width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;--ship-height:8px;--cabin-height:15px}
.mf-map-ship.is-vertical>.mf-ship3d{width:calc(100% * var(--ship-size));height:calc(100% / var(--ship-size));transform-origin:0 0;transform:rotateZ(90deg) translateY(-100%)}
.mf-ship3d>span{position:absolute;display:block;margin:0;pointer-events:none;transform-style:preserve-3d}
.mf-ship-shadow{inset:18% 0 4% 1%;background:#031622c7;filter:blur(3px);border-radius:30%;transform:translateZ(1px) translate(2px,4px)}
.mf-ship-keel{inset:18% 2% 12% 3%;background:linear-gradient(180deg,#628ba0,var(--ship-hull,#315f78) 40%,#112f4c);clip-path:polygon(0 8%,77% 0,93% 24%,100% 50%,93% 76%,77% 100%,0 92%,3% 50%);transform:translateZ(3px);box-shadow:inset 0 -4px #052c4050}
.mf-ship-deck{inset:18% 2% 18% 3%;background:linear-gradient(180deg,#f5f7f2,var(--ship-top,#d0e3e7) 13%,#769cab 78%,#35546c);clip-path:polygon(0 8%,76% 0,92% 24%,100% 50%,92% 76%,76% 100%,0 92%,3% 50%);transform:translateZ(var(--ship-height));box-shadow:inset 0 -2px #1229437a,inset 0 2px #fff9}
.mf-ship-stripe{left:8%;right:22%;top:27%;height:4%;min-height:1px;background:var(--ship-trim,#8af2de);transform:translateZ(calc(var(--ship-height) + 1px));box-shadow:0 0 4px color-mix(in srgb,var(--ship-trim,#8af2de) 45%,transparent)}
.mf-ship-bow{right:10%;width:5%;height:15%;top:43%;background:#527688;transform:translateZ(calc(var(--ship-height) + 1px));border-radius:50%;box-shadow:inset 0 1px #e3efee8c}
.mf-ship-cabin{left:32%;width:22%;top:31%;height:38%;background:linear-gradient(180deg,#bfdbe5,#617c97);border:1px solid #e2ebec8c;border-radius:2px;transform:translateZ(var(--cabin-height));box-shadow:0 3px 0 #25445b}
.mf-ship-cabin:before{content:'';position:absolute;left:-1px;right:-1px;top:100%;height:7px;background:linear-gradient(#55788b,#234458);transform-origin:50% 0;transform:rotateX(-90deg)}
.mf-ship-cabin b{position:absolute;inset:25% 15%;background:repeating-linear-gradient(90deg,#a1f8f2 0,#a1f8f2 3px,#294c64 3px,#294c64 5px);border:1px solid #2e4e63;box-shadow:0 0 4px #8bdce280;border-radius:1px}
.mf-ship-bridge{left:37%;width:12%;top:39%;height:21%;background:linear-gradient(#daeef0,#95b0b8);border:1px solid #e8f6ef;transform:translateZ(calc(var(--cabin-height) + 5px));box-shadow:0 2px 0 #405b71;border-radius:1px}
.mf-ship-stack{left:25%;top:40%;width:5%;height:22%;border-radius:2px;background:linear-gradient(90deg,#344960,#63859a,#233b51);transform:translateZ(calc(var(--cabin-height) + 1px));box-shadow:inset 0 2px #142a3c,0 2px #152e48}
.mf-ship-turret{width:10%;height:29%;top:36%;border-radius:50%;background:linear-gradient(145deg,#f0eee3,#6e899d);border:1px solid #dce8e6;transform:translateZ(calc(var(--ship-height) + 5px));box-shadow:0 2px 0 #324d66}
.mf-ship-turret b{display:block;position:absolute;width:155%;height:3px;top:calc(50% - 1px);left:48%;border-radius:1px;background:linear-gradient(#d9ecec,#536b85);box-shadow:0 1px 0 #203747}
.mf-turret-front{left:65%}
.mf-turret-back{left:10%}
.mf-turret-back b{left:auto;right:48%}
.mf-ship-mast{left:43%;top:48%;width:2px;height:16px;background:linear-gradient(#c3dce3,#4a6e82);transform-origin:50% 100%;transform:translateZ(calc(var(--cabin-height) + 5px)) rotateX(-90deg);border-radius:2px}
.mf-ship-mast:after{content:'';position:absolute;top:3px;left:-3px;width:8px;height:2px;background:var(--ship-trim,#8af2de);box-shadow:0 0 4px #bbfbec66}
.mf-ship-light{left:56%;top:38%;width:3px;height:3px;border-radius:50%;background:var(--ship-trim,#8af2de);transform:translateZ(calc(var(--ship-height) + 2px));box-shadow:0 0 5px var(--ship-trim,#8af2de)}
.mf-ship-wake{inset:10% 0 8% -2%;border-top:1px solid #cbfcff54;border-bottom:1px solid #c4faff40;border-radius:45%;transform:translateZ(2px);opacity:.65}
.mf-map-ship.is-sunk{--ship-trim:#ce8970;--ship-top:#846d65;--ship-hull:#483a3d}
.mf-map-ship.is-sunk .mf-ship3d{--ship-height:3px;--cabin-height:8px}
.mf-map-ship.is-sunk .mf-ship-deck{background:repeating-linear-gradient(135deg,#564c49 0,#564c49 5px,#847469 5px,#847469 7px);box-shadow:inset 0 0 8px #201917}
.mf-map-ship.is-sunk .mf-ship-light,.mf-map-ship.is-sunk .mf-ship-mast,.mf-map-ship.is-sunk .mf-ship-wake{display:none}
.mf-map-ship.is-sunk .mf-ship-cabin,.mf-map-ship.is-sunk .mf-ship-bridge,.mf-map-ship.is-sunk .mf-ship-turret{background:#7d746d;border-color:#a99583;box-shadow:0 2px 0 #312b2c}
.mf-map-ship.is-sunk .mf-ship-cabin b{background:#322e30;box-shadow:none;border-color:#4a403c}
.mf-battle-mark{position:absolute;display:block;width:5%;aspect-ratio:1;transform:translate(-50%,-50%) translateZ(24px);transform-style:preserve-3d;pointer-events:none}
.mf-battle-mark.is-miss{transform:translate(-50%,-50%) translateZ(2px)}
.mf-battle-mark.is-miss>i{position:absolute;inset:18%;border:1px solid #afeeefa8;border-radius:50%;box-shadow:0 0 0 3px #bceeed17,inset 0 0 0 2px #88cddb14}
.mf-battle-mark.is-miss:after{content:'';position:absolute;left:44%;top:44%;width:12%;height:12%;background:#d4f5f0;border-radius:50%}
.mf-battle-mark.is-hit>i{position:absolute;inset:15%;background:radial-gradient(circle,#fff7ba 0,#ffbf5d 28%,#f06937 53%,transparent 68%);filter:drop-shadow(0 0 3px #ffb360);border-radius:50%;transform:rotateZ(-15deg)}
.mf-battle-mark.is-hit>i:before,.mf-battle-mark.is-hit>i:after{content:'';position:absolute;inset:10% 44%;background:#fff2b8;box-shadow:0 0 4px #ffb55e;transform:rotateZ(45deg)}
.mf-battle-mark.is-hit>i:after{transform:rotateZ(-45deg)}
.mf-battle-mark.is-hit>b{position:absolute;left:44%;top:-5%;width:20%;height:35%;border-radius:50%;background:#edb28b55;filter:blur(2px);transform:translateZ(5px)}
.mf-battle-mark.is-wreck>i{background:radial-gradient(circle,#ffdaa0 0,#b2603f 36%,transparent 68%);filter:none}
.mf-battle-mark.is-wreck>b{display:none}
.mf-vessel.mf-vessel-3d{position:relative;display:block;flex:none;width:calc(var(--ship-size) * 21px);height:39px;clip-path:none;border:0;background:none;perspective:350px;overflow:visible;--ship-trim:#9eeedb;--ship-top:#dae7ef;--ship-hull:#3a637e}
.mf-vessel.mf-vessel-3d:before,.mf-vessel.mf-vessel-3d:after{display:none}
.mf-vessel-3d>.mf-ship3d{transform:rotateX(38deg) rotateZ(-10deg);transform-origin:50% 60%;--ship-height:7px;--cabin-height:15px}
.mf-vessel-3d .mf-ship-3{--ship-trim:#ffd28b}
.mf-vessel-3d .mf-ship-5{--ship-trim:#d0afff}
.mf-3d-console .mf-dock{background:linear-gradient(145deg,#1b354c,#12283f);border-color:#477089;border-radius:18px;box-shadow:inset 0 1px #c5f4fb12,0 6px 0 #07111e3d}
.mf-3d-console .mf-quick-launch{background:radial-gradient(ellipse at 90% 0,#9bebb320,transparent 70%),linear-gradient(120deg,#2b514e,#203b52);border:1px solid #729c8e;box-shadow:inset 0 1px #dfffe429}
.mf-3d-console .mf-ship-choice{position:relative;min-height:85px;gap:13px;padding:16px 13px;border-radius:13px;background:linear-gradient(100deg,#214057,#183149);border-color:#54758a;box-shadow:inset 0 1px #b3e6ff17}
.mf-3d-console .mf-ship-choice.active{background:linear-gradient(100deg,#3c4968,#273f5c);border-color:#c7b3ee;box-shadow:0 0 0 1px #c7b3ee33,inset 0 1px #eee9ff26}
.mf-3d-console .mf-ship-choice small{line-height:1.5;color:#bacee0}
.mf-3d-console .mf-button{border-radius:11px;border-color:#63859b;background:linear-gradient(#294b62,#203c54);box-shadow:0 2px 0 #0617296b,inset 0 1px #b8e5ed21}
.mf-3d-console .mf-button:not(:disabled):hover{background:linear-gradient(#365e70,#26465d)}
.mf-3d-console .mf-button[data-primary=true]{color:#233d2b;background:linear-gradient(#e2ffb0,#b7f078);border:1px solid #f0ffcb;border-bottom-color:#abd47d;box-shadow:0 5px 0 #567d3f,0 9px 18px #040d2345,inset 0 2px #ffffda9c}
.mf-3d-console .mf-button[data-primary=true]:not(:disabled):hover{background:linear-gradient(#eeffc8,#cdf48e);box-shadow:0 6px 0 #567d3f,0 10px 20px #040d2350}
.mf-3d-console .mf-button[data-primary=true]:not(:disabled):active{box-shadow:0 1px 0 #567d3f;transform:translateY(4px)}
.mf-3d-console .mf-button:disabled{box-shadow:0 2px 0 #233944;opacity:.48}
.mf-3d-console .mf-fire-bar{padding-top:20px;padding-bottom:18px}
.mf-3d-console .mf-fire-bar .mf-button{min-height:59px;font-size:15px;letter-spacing:.035em}
.mf-3d-console .mf-shot-result{background:linear-gradient(120deg,#173d51,#173147);border-color:#476e83;box-shadow:inset 0 1px #8cbbc820}
.mf-3d-console .mf-shot-result.is-hit{background:linear-gradient(120deg,#544738,#35333d);border-color:#b39a70}
.mf-3d-console .mf-impact{border-radius:17px;background:linear-gradient(#154859f5,#112b42f5);border-color:#b8f9e5;box-shadow:0 7px 0 #08142380,0 0 42px #c4ffee2b,0 16px 45px #030c2570;z-index:10}
.mf-3d-console .mf-impact-hit{background:linear-gradient(#775336f5,#422d2bf5);border-color:#ffe7a4;color:#fff1b5;box-shadow:0 7px 0 #251e2380,0 0 55px #ffac5540}
.mf-3d-console .mf-message{background:linear-gradient(100deg,#1c3e53,#193349);border-color:#507489;box-shadow:inset 0 1px #b7e2e117;color:#d6e7ed}
.mf-3d-console .mf-defense .mf-ocean-scroll{padding:3px}
.mf-3d-console .mf-defense .mf-ocean-stage{min-width:292px;padding:20px 14px 31px;perspective:1500px}
.mf-3d-console .mf-defense .mf-cell{margin:1px}
.mf-3d-console .mf-defense .mf-axis{font-size:8px}
.mf-3d-console .mf-defense .mf-ship3d{--ship-height:6px;--cabin-height:12px}
.mf-3d-console .mf-end{background:radial-gradient(ellipse at 50% 0%,#79984955,transparent 75%),linear-gradient(#354e43,#183937);border:1px solid #bfd794;box-shadow:inset 0 2px #e3ffc926,0 5px 0 #14272d}
.mf-3d-console .mf-waiting>.mf-vessel-3d{margin:15px auto 50px;transform:scale(2.1)}
.mf-3d-console .mf-view-control{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.mf-3d-console .mf-view-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 24px 22px;padding:13px 17px;border:1px solid #345c74;border-radius:13px;background:linear-gradient(100deg,#092539,#132c40);box-shadow:inset 0 1px #d5f8ff0d}
.mf-3d-console .mf-view-bar>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;align-items:center;min-width:0}
.mf-3d-console .mf-sonar-dot{position:relative;grid-row:span 2;display:block;flex:none;width:28px;height:28px;border:1px solid #8bdac275;border-radius:50%;background:radial-gradient(circle,#c2ffd8 0,#c2ffd8 2px,transparent 3px,transparent 8px,#75dbc126 9px,transparent 10px),conic-gradient(from -30deg,transparent 0deg,#a3ffd263 40deg,transparent 41deg);box-shadow:0 0 9px #b2ffe71a}
.mf-3d-console .mf-sonar-dot:after{content:'';position:absolute;inset:5px;border:1px solid #9efed733;border-radius:50%}
.mf-3d-console .mf-view-bar strong{font-size:11px;letter-spacing:.1em;color:#c6eadd;line-height:1.4}
.mf-3d-console .mf-view-bar small{font-size:10px;color:#94b2c6;line-height:1.4}
.mf-3d-console .mf-view-switch{display:flex;gap:4px;flex:none;padding:4px;background:#081b2d;border:1px solid #365069;border-radius:10px}
.mf-3d-console [data-mf="view"]{min-height:35px;padding:7px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#91adc2;font-size:10px;font-weight:900;letter-spacing:.03em;white-space:nowrap;box-shadow:none}
.mf-3d-console [data-mf="view"][aria-pressed="true"]{color:#1f423b;border-color:#cbfae1;background:linear-gradient(#d1fae7,#92d9c0);box-shadow:0 2px 0 #365f54,inset 0 1px #effff5}
.mf-3d-console [data-mf="view"]:hover{color:#e1f9ef;border-color:#6e9d9a;background:#244b50}
.mf-3d-console [data-mf="view"][aria-pressed="true"]:hover{color:#1f423b;background:#c9fbe7}
.mf-3d-console [data-mf="view"]:focus-visible{outline:3px solid #fff0b2;outline-offset:3px}
.mf-3d-console .mf-ocean-scroll[data-impact="hit"],.mf-3d-console .mf-ocean-scroll[data-impact="sunk"],.mf-3d-console .mf-ocean-scroll[data-impact="eliminated"]{border-color:#edc37f;box-shadow:inset 0 0 45px #ffb26b30,0 0 18px #ffc88626,0 4px 0 #07111e75}
.mf-3d-console .mf-ocean-scroll[data-impact="miss"]{border-color:#8adedc;box-shadow:inset 0 0 42px #9aecf11c,0 4px 0 #07111e75}
.mf-3d-console[data-view="tactical"] .mf-ocean-plane{transform:none}
.mf-3d-console[data-view="tactical"] .mf-ocean-stage{padding-block:16px 24px}
.mf-3d-console[data-view="tactical"] .mf-ocean-plane:after{display:none}
.mf-3d-console[data-view="tactical"] .mf-ship3d{--ship-height:0px;--cabin-height:2px}
.mf-3d-console[data-view="tactical"] .mf-ship-mast{display:none}
.mf-3d-console[data-view="tactical"] .mf-map-ship .mf-ship-shadow{filter:none;opacity:.4}
.mf-3d-console[data-view="tactical"] .mf-battle-mark{transform:translate(-50%,-50%) translateZ(10px)}
@keyframes mf-lock-ring{0%{opacity:.8;transform:scale(.8)}100%{opacity:0;transform:scale(1.4)}}
@keyframes mf-3d-impact{0%{transform:translateZ(8px);box-shadow:0 0 35px #ffdc92,0 0 0 10px #fff3ad70}100%{transform:translateZ(0);box-shadow:0 0 0 20px #ffdc9200}}
@supports not (transform-style:preserve-3d){.mf-3d-console .mf-ocean-plane{transform:none}.mf-3d-console .mf-ocean-plane:after,.mf-3d-console .mf-ship-mast{display:none}.mf-3d-console .mf-ship3d{--ship-height:0px;--cabin-height:0px}.mf-3d-console .mf-map-ship.is-horizontal>.mf-ship3d{transform:none}.mf-3d-console .mf-battle-mark{transform:translate(-50%,-50%)}.mf-3d-console .mf-battle-mark.is-hit{z-index:5}}
@media(max-width:1100px){.mf-3d-console .mf-roster{padding:18px 16px}.mf-3d-console .mf-placement,.mf-3d-console .mf-battle-layout{gap:16px}.mf-3d-console .mf-ship-choice{flex-wrap:wrap;gap:8px}.mf-3d-console .mf-vessel-3d{width:calc(var(--ship-size) * 18px)}.mf-3d-console .mf-fire-bar .mf-button{font-size:13px;min-width:164px}.mf-3d-console .mf-ocean-stage{padding-inline:13px}.mf-3d-console .mf-defense .mf-ocean-stage{min-width:282px;padding-inline:12px}}
@media(max-width:900px){.mf-3d-console .mf-placement,.mf-3d-console .mf-battle-layout{grid-template-columns:minmax(0,1fr)}.mf-3d-console .mf-placement{display:flex;flex-direction:column-reverse}.mf-3d-console .mf-placement>.mf-dock{width:100%}.mf-3d-console .mf-ship-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mf-3d-console .mf-ship-choice{flex-direction:column;align-items:flex-start}.mf-3d-console .mf-defense .mf-ocean-scroll{max-width:560px;margin-inline:auto}.mf-3d-console .mf-defense .mf-ocean-stage{min-width:292px}.mf-3d-console .mf-defense .mf-ship3d{--ship-height:8px;--cabin-height:15px}.mf-3d-console .mf-ocean-plane{transform:rotateX(25deg) rotateZ(-2deg) scale(.95)}}
@media(max-width:760px){.mf-console.mf-3d-console{border-radius:20px}.mf-3d-console .mf-marquee{padding:20px 15px}.mf-3d-console .mf-marquee strong{font-size:29px}.mf-3d-console .mf-roster{padding:13px;gap:7px}.mf-3d-console .mf-player{padding:11px 9px}.mf-3d-console .mf-player:before{width:2px}.mf-3d-console .mf-command h2{font-size:24px}.mf-3d-console .mf-clock{padding:11px 8px;min-width:61px}.mf-3d-console .mf-ocean-stage{min-width:349px;padding:19px 13px 30px;perspective:1200px}.mf-3d-console .mf-ocean-plane{transform:rotateX(18deg) rotateZ(-1deg)}.mf-3d-console .mf-ocean-scroll{padding:3px;border-radius:13px}.mf-3d-console .mf-cell{margin:1px}.mf-3d-console .mf-axis{font-size:9px}.mf-3d-console .mf-ship3d{--ship-height:6px;--cabin-height:12px}.mf-3d-console .mf-vessel-3d{width:calc(var(--ship-size) * 17px);height:35px}.mf-3d-console .mf-ship-choice{padding:13px 10px;min-height:104px}.mf-3d-console .mf-ship-choice strong{font-size:14px}.mf-3d-console .mf-ship-choice small{font-size:9px}.mf-3d-console .mf-fire-bar{gap:11px}.mf-3d-console .mf-fire-bar .mf-button{min-width:154px;min-height:54px;font-size:12px;padding-inline:12px}.mf-3d-console .mf-fire-bar>span>strong{font-size:13px}.mf-3d-console .mf-defense{padding:13px}.mf-3d-console .mf-defense .mf-ocean-stage{padding:17px 12px 28px}.mf-3d-console .mf-impact>span{font-size:27px}.mf-3d-console .mf-impact{padding:16px 18px}}
@media(max-width:390px){.mf-3d-console .mf-marquee strong{font-size:25px}.mf-3d-console .mf-ship-choice{padding:12px 7px}.mf-3d-console .mf-vessel-3d{width:calc(var(--ship-size) * 14px)}.mf-3d-console .mf-fire-bar{flex-wrap:wrap}.mf-3d-console .mf-fire-bar .mf-button{width:100%}.mf-3d-console .mf-player strong{font-size:10px}}
@media(max-width:1100px){.mf-3d-console .mf-view-bar{margin-inline:16px}}
@media(max-width:760px){.mf-3d-console .mf-view-bar{margin:0 14px 18px;padding:11px 12px;gap:10px}.mf-3d-console .mf-view-bar>div:first-child{gap:3px 8px}.mf-3d-console .mf-view-bar strong{font-size:10px;letter-spacing:.04em}.mf-3d-console .mf-view-bar small{font-size:9px}.mf-3d-console .mf-sonar-dot{width:23px;height:23px}.mf-3d-console [data-mf="view"]{padding:7px 9px;font-size:9px}}
@media(max-width:420px){.mf-3d-console .mf-view-bar{align-items:flex-start;flex-direction:column}.mf-3d-console .mf-view-switch{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){.mf-3d-console *,.mf-3d-console *:before,.mf-3d-console *:after{animation:none!important;transition:none!important}.mf-3d-console .mf-cell:not(:disabled):hover{transform:none}}