:root{--bg: #071019;--panel: #101c27;--panel2: #16222e;--line: #22384a;--ink: #e8f2f7;--dim: #9db4c0;--faint: #5b7284;--cyan: #3ddcff;--cyanrgb: 61, 220, 255;--red: #ff5148;--redrgb: 255, 81, 72;--amber: #ffb547;--amberrgb: 255, 181, 71;--ok: #59f0a6;--glassrgb: 16, 34, 48;--board-cell-transparency: 38%;--board-cell-opacity: calc(100% - var(--board-cell-transparency));--field-hit-background: radial-gradient(circle at 50% 50%, rgb(255 208 128 / .28) 0 10%, rgb(255 89 48 / .18) 11% 31%, rgb(128 24 21 / .12) 32% 62%, rgb(7 16 25 / .08) 72%);--field-hit-marker: radial-gradient(circle, rgb(255 250 226 / .94) 0 3%, rgb(255 197 112 / .78) 4% 8%, transparent 10%), linear-gradient(rgb(255 209 151 / .58), rgb(255 132 78 / .28)) center / 1px 46% no-repeat, linear-gradient(90deg, rgb(255 209 151 / .58), rgb(255 132 78 / .28)) center / 46% 1px no-repeat, radial-gradient(circle, transparent 0 22%, rgb(255 177 105 / .7) 23% 24%, transparent 25% 36%, rgb(255 87 53 / .34) 37% 38%, transparent 39%);--field-hit-shadow: inset 0 0 0 1px rgb(255 112 67 / .52), inset 0 0 24px rgb(255 62 39 / .17), 0 0 10px rgb(255 94 47 / .16);--field-miss-background: linear-gradient(rgb(4 18 29 / .12), rgb(3 14 24 / .2));--field-miss-marker: radial-gradient(circle, rgb(226 246 251 / .84) 0 3%, rgb(152 207 224 / .4) 4% 7%, transparent 8% 21%, rgb(149 211 231 / .5) 22% 23%, transparent 24% 36%, rgb(149 211 231 / .22) 37% 38%, transparent 39%);--field-miss-shadow: inset 0 0 0 1px rgb(133 208 232 / .24), inset 0 0 14px rgba(var(--acrgb), .08);--ac: var(--cyan);--acrgb: var(--cyanrgb);--fac: var(--red);--facrgb: var(--redrgb);--f-disp: "FS-Schach", "Bahnschrift", "Bahnschrift Condensed", "Arial Narrow", "Roboto Condensed", "Liberation Sans Narrow", sans-serif;--f-mono: "FS-Schach", "Consolas", "SF Mono", "Menlo", "DejaVu Sans Mono", monospace;--f-body: "FS-Schach", "Segoe UI", -apple-system, "Helvetica Neue", Arial, sans-serif;--start-abstand: 16px}@font-face{font-family:FS-Schach;src:local("Noto Sans Symbols 2"),local("NotoSansSymbols2-Regular"),local("Noto Sans Symbols"),local("DejaVu Sans"),local("FreeSerif"),local("Segoe UI Symbol"),local("Arial Unicode MS");unicode-range:U+2654-265F;font-display:swap}.turn-p2{--ac: var(--red);--acrgb: var(--redrgb);--fac: var(--cyan);--facrgb: var(--cyanrgb)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:auto;user-select:auto}img{-webkit-user-drag:none;user-select:none}body{--scene-position: center;font-family:var(--f-body);color:var(--ink);background:var(--bg);background:radial-gradient(1200px 620px at 72% -12%,rgba(14,34,51,.72) 0%,transparent 60%),radial-gradient(900px 520px at 8% 112%,rgba(10,28,43,.68) 0%,transparent 55%),linear-gradient(#07101957,#0710198c),url(./start-tactical-bathymetry-BbDlQkJc.webp) var(--scene-position)/cover no-repeat,var(--bg);height:100%;overflow:hidden}@media(max-width:639px){body{--scene-position: left center}}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;background:repeating-linear-gradient(115deg,transparent 0 90px,rgba(61,220,255,.022) 90px 180px);animation:drift 26s linear infinite}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.05;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px)}@keyframes drift{to{background-position:720px 0}}button{font-family:inherit}h1,h2,h3{font-family:var(--f-disp);font-weight:700;letter-spacing:.06em;text-wrap:balance}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}#app{position:relative;z-index:2;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.screen{display:none;flex:1;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden}.screen.on{display:flex}#scr-place.on,#scr-battle.on{overflow:hidden}.chamf{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.glass-soft{background:linear-gradient(135deg,rgba(var(--acrgb),.03),transparent 40%),rgba(var(--glassrgb),.62);border-color:rgba(var(--acrgb),.27);box-shadow:inset 0 1px #ffffff09,inset 0 0 30px rgba(var(--acrgb),.025)}.glass-panel{background:linear-gradient(135deg,rgba(var(--acrgb),.022),transparent 38%),rgba(var(--glassrgb),.78);border-color:rgba(var(--acrgb),.3);box-shadow:inset 0 1px #ffffff08,inset 0 0 28px rgba(var(--acrgb),.02)}.glass-dense{background:linear-gradient(135deg,rgba(var(--acrgb),.015),transparent 36%),rgba(var(--glassrgb),.9);border-color:rgba(var(--acrgb),.34);box-shadow:inset 0 1px #ffffff06,inset 0 0 24px rgba(var(--acrgb),.015)}[hidden]{display:none!important}.btn{font-family:var(--f-disp);font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:linear-gradient(180deg,#1d2f3f,#14232f);border:1px solid var(--line);padding:12px 26px;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .12s,filter .12s}.btn:hover{filter:brightness(1.25)}.btn:active{transform:translateY(2px)}.btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--amber);filter:brightness(1.3)}.btn.primary{background:linear-gradient(180deg,rgba(var(--acrgb),.92),rgba(var(--acrgb),.55));color:#04131c;border-color:transparent;text-shadow:none}.btn.amber{background:linear-gradient(180deg,#ffcf7d,#f09a2e);color:#221202;border-color:transparent}.btn.ghost{background:transparent}.btn.danger{background:linear-gradient(180deg,rgba(var(--redrgb),.92),rgba(var(--redrgb),.58));color:#fff;border-color:rgba(var(--redrgb),.9);text-shadow:0 1px 2px rgba(0,0,0,.55)}.btn:disabled{opacity:.35;cursor:not-allowed;filter:none}.hbtn{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--dim);padding:7px 13px;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:color .12s,border-color .12s}.hbtn:hover{color:var(--ink);border-color:var(--dim)}.hbtn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--amber)}.pulse{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{filter:brightness(1.45);transform:scale(1.03)}}.eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim)}header{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:10px 22px;border-bottom:1px solid rgba(var(--acrgb),.35);background:linear-gradient(180deg,#101c27e6,#101c278c);position:relative;z-index:5}.logo-s{font-family:var(--f-disp);font-size:19px;font-weight:700;letter-spacing:.18em}.logo-s b{color:var(--ac)}.turnbadge{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--f-disp);font-size:16px;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);padding:7px 16px;border:1px solid rgba(var(--acrgb),.5);background:rgba(var(--acrgb),.08);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.turnbadge .dot{width:10px;height:10px;border-radius:50%;background:var(--ac);box-shadow:0 0 10px var(--ac);animation:blink 1.2s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}@media(min-width:861px){.turnbadge{position:absolute;left:50%;transform:translate(-50%);margin-left:0}}#scr-start{align-items:stretch;justify-content:flex-start;text-align:center;padding:0;position:relative;overflow:hidden;isolation:isolate}#scr-start.on{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"nav help" "content content"}#scr-start:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#0710191f,#0710194d)}#scr-start>:not(.radarfeld){position:relative;z-index:2}.start-scroll{grid-area:content;order:1;flex:1 1 auto;min-height:0;width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;padding:24px 20px 40px}.start-content{flex:0 0 auto;width:100%;margin-block:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.radarfeld{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.radar{--d: min(150vmin, 1100px);position:absolute;left:50%;top:50%;width:var(--d);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:.6}.radar .ring{position:absolute;inset:0;border:1px solid rgba(var(--acrgb),.14);border-radius:50%}.radar .ring:nth-child(2){inset:16%}.radar .ring:nth-child(3){inset:32%}.radar .ring:nth-child(4){inset:44%}.radar .cross{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(var(--acrgb),.1)}.radar .cross.h{inset:50% 0 auto;height:1px;width:auto}.radar .beam{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 300deg,rgba(var(--acrgb),.16) 348deg,rgba(var(--acrgb),.45) 360deg);animation:spin 7s linear infinite}.radar .blip{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:rgb(var(--facrgb));box-shadow:0 0 13px 3px rgba(var(--facrgb),.8);opacity:0;animation:radar-kontakt 7s linear infinite,radar-wandern 28s ease-in-out infinite;animation-delay:var(--treffer-delay),var(--fahrt-delay)}.radar .kontakt-a{--x0: -.19;--y0: -.12;--x1: -.1708;--y1: -.1079;--x2: -.1556;--y2: -.0983;--x3: -.1784;--y3: -.1127;--treffer-delay: -1.122s;--fahrt-delay: -22.122s}.radar .kontakt-b{--x0: .16;--y0: .07;--x1: .175;--y1: .0766;--x2: .1502;--y2: .0657;--x3: .1658;--y3: .0725;--treffer-delay: -4.791s;--fahrt-delay: -25.791s}.radar .kontakt-c{--x0: .05;--y0: -.24;--x1: .0453;--y1: -.2173;--x2: .0512;--y2: -.2457;--x3: .0549;--y3: -.2633;--treffer-delay: -6.771s;--fahrt-delay: -27.771s}@keyframes radar-kontakt{0%{opacity:0;transform:scale(.4)}2%{opacity:1;transform:scale(1.3)}7%{opacity:.85;transform:scale(1)}28%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes radar-wandern{0%,7%{translate:calc(var(--d) * var(--x0)) calc(var(--d) * var(--y0))}25%,32%{translate:calc(var(--d) * var(--x1)) calc(var(--d) * var(--y1))}50%,57%{translate:calc(var(--d) * var(--x2)) calc(var(--d) * var(--y2))}75%,82%{translate:calc(var(--d) * var(--x3)) calc(var(--d) * var(--y3))}to{translate:calc(var(--d) * var(--x0)) calc(var(--d) * var(--y0))}}@media(prefers-reduced-motion:reduce){.radar .blip{animation:none;opacity:.5;transform:none;translate:calc(var(--d) * var(--x0)) calc(var(--d) * var(--y0))}}@keyframes spin{to{transform:rotate(360deg)}}.title-kicker{font-family:var(--f-mono);font-size:12px;letter-spacing:.42em;color:var(--dim);text-transform:uppercase}h1.big{font-size:clamp(34px,9.5vw,108px);line-height:.95;letter-spacing:.05em;margin:14px 0 6px;text-transform:uppercase}h1.big .fl{color:var(--ink);text-shadow:0 0 34px rgba(var(--acrgb),.35)}h1.big .sc{color:var(--ac);text-shadow:0 0 34px rgba(var(--acrgb),.6)}html[lang=en] h1.big .sc,html[lang=en] .logo-s b{margin-left:.18em}.tagline{font-size:clamp(15px,2.2vw,19px);color:var(--dim);max-width:34em;margin:6px auto 10px}.force{padding:6px 16px;border:1px solid;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.chessline{display:flex;gap:22px;justify-content:center;font-size:30px;color:var(--faint);margin:24px 0 34px}.chessline span{transition:transform .3s,color .3s,text-shadow .3s;cursor:default}.chessline span:hover{transform:translateY(-7px) scale(1.25);color:var(--amber);text-shadow:0 0 18px rgba(255,181,71,.8)}.start-actions{display:flex;gap:var(--start-abstand);flex-wrap:wrap;justify-content:center}.start-note{margin-top:26px;font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase}.scene{perspective:max(1300px,calc(var(--bs, 0px) * 2.321));perspective-origin:50% 20%}.board3d{transform:rotateX(33deg);transform-style:preserve-3d;margin:0 auto;position:relative}.boardwrap{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:4px;transform-style:preserve-3d;width:var(--bs);margin:0 auto}.collabels{grid-column:2;display:grid;grid-template-columns:repeat(var(--n, 10),1fr)}.rowlabels{grid-row:2;display:grid;grid-template-rows:repeat(var(--n, 10),1fr);align-items:center;padding-right:2px}.collabels span,.rowlabels span{font-family:var(--f-mono);font-size:clamp(8px,1.2vmin,11px);color:rgba(var(--acrgb),.75);text-align:center}.board{touch-action:none;grid-column:2;grid-row:2;position:relative;aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--n, 10),1fr);grid-template-rows:repeat(var(--n, 10),1fr);gap:2px;padding:2px;background:linear-gradient(135deg,rgba(var(--acrgb),.1),#07101908 48%,#07101942),url(./ortungsfeld-Bwod_OQs.webp) center / cover no-repeat,#071019;transform-style:preserve-3d;box-shadow:inset 0 0 0 1px rgba(var(--acrgb),.2),0 30px 60px #0000008c,0 0 40px rgba(var(--acrgb),.14)}.board .fxclip{position:absolute;inset:0;overflow:hidden;pointer-events:none;transform:translateZ(1px)}.board .sweep{position:absolute;inset:-30%;border-radius:50%;opacity:.28;background:conic-gradient(from 0deg,transparent 0 322deg,rgba(var(--acrgb),.12) 348deg,rgba(var(--acrgb),.4) 360deg);animation:spin 6.5s linear infinite}.cell{position:relative;background:linear-gradient(180deg,rgb(13 34 51 / var(--board-cell-opacity)),rgb(10 26 41 / var(--board-cell-opacity)));box-shadow:inset 0 0 0 1px rgba(var(--acrgb),.08),inset 0 1px #ffffff06;transition:background .14s,box-shadow .14s}.cell:before{content:"";position:absolute;inset:-2px}.board.clickable .cell{cursor:crosshair}.board.clickable .cell:not(.prev,.armed,.hit,.miss,.gok,.gbad,.kontakt):hover{background:linear-gradient(180deg,rgb(22 60 90 / var(--board-cell-opacity)),rgb(16 42 63 / var(--board-cell-opacity)));box-shadow:inset 0 0 0 1px rgba(var(--acrgb),.55),inset 0 0 12px rgba(var(--acrgb),.22)}.board.locked .cell{cursor:default}.board.locked .cell:not(.hit):not(.miss):not(.kontakt):hover{background:linear-gradient(180deg,rgb(13 34 51 / var(--board-cell-opacity)),rgb(10 26 41 / var(--board-cell-opacity)));box-shadow:inset 0 0 0 1px rgba(var(--acrgb),.08),inset 0 1px #ffffff06}.cell:after{content:"";position:absolute;inset:0;pointer-events:none}.cell.miss{background:var(--field-miss-background);box-shadow:var(--field-miss-shadow)}.cell.miss:after{background:var(--field-miss-marker)}.cell.hit{background:var(--field-hit-background);box-shadow:var(--field-hit-shadow)}.cell.hit:after{background:var(--field-hit-marker)}.own-zone .cell.hit:after{opacity:.34}.own-zone .cell.miss:after{opacity:.62}.cell.sunkc{filter:saturate(.55) brightness(.75);box-shadow:inset 0 0 0 2px #ff5148cc}.cell.prev{background:linear-gradient(180deg,rgb(28 58 82 / var(--board-cell-opacity)),rgb(18 48 73 / var(--board-cell-opacity)));box-shadow:inset 0 0 0 2px var(--amber),inset 0 0 14px rgba(var(--amberrgb),.55)}.cell.prev:after{background:radial-gradient(circle,rgba(var(--amberrgb),.3) 0 30%,transparent 60%)}.cell.armed{box-shadow:inset 0 0 0 3px var(--amber),inset 0 0 18px rgba(var(--amberrgb),.75);animation:armp .7s ease-in-out infinite}@keyframes armp{50%{box-shadow:inset 0 0 0 3px var(--amber),inset 0 0 22px rgba(var(--amberrgb),.9)}}.cell.gok{box-shadow:inset 0 0 0 2px var(--ok),inset 0 0 12px #59f0a673}.cell.gbad{box-shadow:inset 0 0 0 2px var(--red),inset 0 0 12px #ff514880;cursor:not-allowed}.ships{position:absolute;inset:2px;pointer-events:none;transform-style:preserve-3d;z-index:2}.treffpunkt{position:absolute;transform:translate(-50%,-50%) translateZ(14px);border-radius:50%;background:radial-gradient(circle at 42% 34%,#ffe0d4 0 22%,#ff6b5c 52%,#b81f16 82%,#6d0f0a);box-shadow:0 0 9px #ff5148d9,0 2px 4px #0009;pointer-events:none}.treffpunkt.sunk{background:radial-gradient(circle at 42% 34%,#d8c9c4 0 22%,#96605a 52%,#5c2320 82%,#3a1210);box-shadow:0 2px 4px #0000008c}.target-zone .treffpunkt{transform:translate(-50%,-50%) translateZ(5px)}.ship{--ship-team-rgb: var(--cyanrgb);position:absolute;transform:translateZ(11px);transform-style:preserve-3d;background-color:transparent;background-position:center;background-repeat:no-repeat;background-image:var(--ship-blue);background-size:100% 100%;filter:brightness(1.1) saturate(1.06) drop-shadow(0 11px 8px rgba(0,0,0,.58))}.ship:before,.ship:after{content:none}.ship.team-red{--ship-team-rgb: var(--redrgb);background-image:var(--ship-red)}.ship--carrier.h{--ship-blue: url(./carrier-h-cZXm-8d2.webp);--ship-red: url(./carrier-red-h-CLt3BnRn.webp)}.ship--carrier.v{--ship-blue: url(./carrier-v-Cbij8JiR.webp);--ship-red: url(./carrier-red-v-HK9ifbPK.webp)}.ship--destroyer.h{--ship-blue: url(./destroyer-h-BJU-LnDk.webp);--ship-red: url(./destroyer-red-h-Dt1x3WDh.webp)}.ship--destroyer.v{--ship-blue: url(./destroyer-v-Cycmh5s0.webp);--ship-red: url(./destroyer-red-v-CsgwzKtq.webp)}.ship--cruiser.h{--ship-blue: url(./cruiser-h-Cjw7idQX.webp);--ship-red: url(./cruiser-red-h-DDwuwbFb.webp)}.ship--cruiser.v{--ship-blue: url(./cruiser-v-DNU-_dzz.webp);--ship-red: url(./cruiser-red-v-BzqnkFPq.webp)}.ship--sub.h{--ship-blue: url(./sub-h-COzHJS47.webp);--ship-red: url(./sub-red-h-CiHwC6O6.webp)}.ship--sub.v{--ship-blue: url(./sub-v-D6cr_cxA.webp);--ship-red: url(./sub-red-v-DelY51V_.webp)}.ship--patrol.h{--ship-blue: url(./patrol-h-DBhKdJh_.webp);--ship-red: url(./patrol-red-h-DeAZbK36.webp)}.ship--patrol.v{--ship-blue: url(./patrol-v-5kDA8SvS.webp);--ship-red: url(./patrol-red-v-BHnw06DH.webp)}.ship--fregatte.h{--ship-blue: url(./fregatte-h-DZMpHayC.webp);--ship-red: url(./fregatte-red-h-CZVaQ3Tl.webp)}.ship--fregatte.v{--ship-blue: url(./fregatte-v-CdCQ54Sl.webp);--ship-red: url(./fregatte-red-v-BY-B8owF.webp)}.ship--korvette.h{--ship-blue: url(./korvette-h-BWtd816X.webp);--ship-red: url(./korvette-red-h-Bob7roQw.webp)}.ship--korvette.v{--ship-blue: url(./korvette-v-DwEr7wtF.webp);--ship-red: url(./korvette-red-v-DAvl8i__.webp)}.ship--versorger.h{--ship-blue: url(./versorger-h-DENK-Nli.webp);--ship-red: url(./versorger-red-h-B7g7_8_2.webp)}.ship--versorger.v{--ship-blue: url(./versorger-v-Bm8m6NrO.webp);--ship-red: url(./versorger-red-v-CM1aHzt4.webp)}.ship--wachboot.h{--ship-blue: url(./wachboot-h-D3zA4vmV.webp);--ship-red: url(./wachboot-red-h-Cnd490tw.webp)}.ship--wachboot.v{--ship-blue: url(./wachboot-v-RhumzN4K.webp);--ship-red: url(./wachboot-red-v--Rihd52x.webp)}.ship.sunk{background-color:transparent;box-shadow:none;opacity:.88;filter:grayscale(.68) saturate(.82) brightness(.4) drop-shadow(0 5px 6px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(var(--ship-team-rgb),.52));transform:translateZ(3px)}.ship.ghostwreck{background-color:transparent;box-shadow:none;opacity:.82;filter:grayscale(.5) saturate(.8) brightness(.43) contrast(1.1) drop-shadow(0 0 9px rgba(var(--ship-team-rgb),.62));transform:translateZ(4px)}.boardlabel{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:12px;font-family:var(--f-disp);letter-spacing:.22em;text-transform:uppercase;font-size:14px;color:var(--dim)}.boardlabel b{color:var(--ac)}.boardlabel .coord{font-family:var(--f-mono);font-size:12px;color:var(--amber);min-width:6em;text-align:left;letter-spacing:.1em}#scr-place{padding:22px;gap:18px}.place-main{display:flex;gap:34px;align-items:stretch;justify-content:center;flex-wrap:nowrap;flex:1;min-height:0}.place-board{flex:1 1 auto;min-width:0;container-type:size;--bs: max(160px, min(540px, 92cqw, calc(100cqh - 46px) ));display:flex;flex-direction:column;justify-content:center;min-height:0}.place-rail{width:320px;max-width:94vw;display:flex;flex-direction:column;gap:12px;min-height:0;max-height:100%}.place-rail .shiplist{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.rail-title{font-family:var(--f-disp);font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:var(--ac);padding:10px 14px 0}.shiplist{display:flex;flex-direction:column;gap:6px;padding:10px 12px}.shiprow{display:flex;align-items:center;gap:10px;padding:9px 10px;cursor:pointer;border:1px solid transparent;background:#ffffff05;text-align:left;color:var(--ink);width:100%}.shiprow:hover{background:rgba(var(--acrgb),.06)}.shiprow.sel{border-color:rgba(var(--acrgb),.7);background:rgba(var(--acrgb),.1);box-shadow:0 0 12px rgba(var(--acrgb),.2)}.shiprow.rot{border-color:rgba(var(--amberrgb),.72);box-shadow:inset 0 0 0 1px rgba(var(--amberrgb),.2)}.shiprow.done{opacity:.55}.shiprow.done.rot{opacity:.84}.shiprow:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.shiprow .sq{display:flex;gap:2px}.shiprow .sq i{width:11px;height:11px;background:#62778a;border-radius:1px}.shiprow.done .sq i{background:var(--ok)}.shiprow .nm{font-family:var(--f-disp);letter-spacing:.08em;font-size:14px;flex:1}.shiprow .wpn{font-family:var(--f-mono);font-size:11px;color:var(--amber)}.ship.mark{outline:none;filter:brightness(1.14) saturate(1.08) drop-shadow(0 9px 7px rgba(0,0,0,.58)) drop-shadow(0 0 7px rgba(var(--amberrgb),.72))}.place-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 14px}.place-actions .btn{flex:1;padding:10px 8px;font-size:12.5px}.place-hint{font-family:var(--f-mono);font-size:11.5px;color:var(--dim);padding:0 14px 12px;letter-spacing:.05em;line-height:1.6}.place-werft-btn{width:calc(100% - 28px);margin:0 14px 10px;padding:10px 12px;font-size:11px}#scr-battle{padding:8px 16px 10px;gap:8px}.battle-main{display:grid;grid-template-columns:minmax(0,1fr) 344px;grid-template-rows:auto minmax(0,1fr);column-gap:22px;row-gap:10px;align-items:start;flex:1;min-height:0}.battle-main>#fleet-chip{grid-column:1;grid-row:1}.battle-main>.target-zone{grid-column:1;grid-row:2}.battle-main>.rail{grid-column:2;grid-row:1 / -1}.target-zone{--bs: min( calc(100cqw - 40px) , calc(98cqh - 8px) );align-self:stretch;container-type:size}.rail{display:flex;flex-direction:column;gap:8px;min-height:0;max-height:100%;overflow-y:auto;scrollbar-width:thin}.wpanel{padding:12px}.wpanel .rail-title{padding:2px 4px 10px}.wrow{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;margin-bottom:6px;cursor:pointer;background:#ffffff06;border:1px solid transparent;color:var(--ink);transition:border-color .12s,background .12s}.wrow:hover{background:rgba(var(--acrgb),.07)}.wrow.sel{border-color:rgba(var(--amberrgb),.85);background:rgba(var(--amberrgb),.08);box-shadow:0 0 14px rgba(var(--amberrgb),.18)}.wrow:disabled{opacity:.32;cursor:not-allowed}.wrow:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.wsym{font-size:30px;line-height:1;text-align:center;color:var(--ink);text-shadow:0 0 12px rgba(var(--acrgb),.45)}.wrow.sel .wsym{color:var(--amber);text-shadow:0 0 14px rgba(var(--amberrgb),.8)}.wname{font-family:var(--f-disp);font-size:14px;letter-spacing:.08em}.wmeta{font-family:var(--f-mono);font-size:10.5px;color:var(--dim);margin-top:2px;letter-spacing:.04em}.wmeta .off{color:var(--red);font-weight:700}.ammo{display:flex;gap:3px;justify-content:flex-end}.ammo i{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px rgba(var(--amberrgb),.7)}.ammo i.used{background:#2c3b47;box-shadow:none}.ammo .inf{font-family:var(--f-mono);font-size:15px;color:var(--amber)}.minipat{display:grid;grid-template-columns:repeat(5,7px);grid-template-rows:repeat(5,7px);gap:1px;margin-top:4px}.minipat i{background:#22323f;border-radius:1px}.minipat i.on{background:var(--amber);box-shadow:0 0 4px rgba(var(--amberrgb),.8)}.minipat i.ctr{background:rgba(var(--amberrgb),.35)}.action-area{padding:14px;display:flex;flex-direction:column;gap:10px;min-height:104px;justify-content:center}.hint{font-family:var(--f-mono);font-size:12px;color:var(--dim);letter-spacing:.05em;line-height:1.65}.hint b{color:var(--amber)}.result-chip{font-family:var(--f-disp);font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);text-align:center}.battle-dock{display:contents}.battle-bottom{display:grid;grid-template-columns:auto 1fr 1.1fr;gap:24px;align-items:stretch}.own-zone{--bs: min(24vmin, 230px, calc(30dvh - 30px) )}.fleetpanel{padding:12px 14px;max-height:min(24vmin,230px);overflow-y:auto}.fleetpanel h3{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.fleetpanel h3 b{color:var(--ac)}.frow{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11.5px;padding:3px 0;color:var(--dim)}.frow .sq{display:flex;gap:2px}.frow .sq i{width:9px;height:9px;background:#3d5261;border-radius:1px}.frow .sq i.dmg{background:var(--red);box-shadow:0 0 5px #ff5148b3}.frow.sunk{color:var(--red);text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-skip-ink:none}.frow .tag{margin-left:auto;font-size:10px;letter-spacing:.1em}.frow .tag.off{color:var(--red)}.fleet2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.logpanel{padding:12px 14px;max-height:min(24vmin,230px);display:flex;flex-direction:column}.logpanel h3{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}#log{overflow-y:auto;font-family:var(--f-mono);font-size:11.5px;line-height:1.85;letter-spacing:.03em;flex:1;min-height:0}#log .lp1{color:var(--cyan)}#log .lp2{color:var(--red)}#log .ldot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:1px}#log .ldot.lp1{background:var(--cyan);box-shadow:0 0 5px rgba(var(--cyanrgb),.7)}#log .ldot.lp2{background:var(--red);box-shadow:0 0 5px rgba(var(--redrgb),.7)}#log .lwho{margin-right:7px;color:var(--faint)}#log .kigrund{color:var(--faint);font-style:italic;opacity:.85}.kidenkt{color:var(--amber)}.kidenkt:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:var(--amber);animation:blink 1.1s ease-in-out infinite}#log .hitw{color:var(--amber)}#log .sunkw{color:var(--red);font-weight:700}#log div{border-bottom:1px dashed rgba(91,114,132,.2);padding:2px 0}#scr-pass{align-items:center;justify-content:center;text-align:center;padding:30px;gap:8px;background:radial-gradient(700px 500px at 50% 40%,rgba(var(--acrgb),.13),transparent 70%)}#scr-pass .shield{width:110px;height:110px;margin-bottom:18px;border:2px solid rgba(var(--acrgb),.7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:52px;color:var(--ac);box-shadow:0 0 44px rgba(var(--acrgb),.35),inset 0 0 24px rgba(var(--acrgb),.2);animation:blink 2s infinite}#pass-round{margin-bottom:6px}#pass-title{font-size:clamp(30px,6vw,52px);text-transform:uppercase;color:var(--ac);text-shadow:0 0 30px rgba(var(--acrgb),.5)}#pass-sub{color:var(--dim);font-size:16px;margin:10px 0 30px;max-width:30em}#pass-sub b{color:var(--ink)}.pass-actions{margin-top:0}#scr-end{align-items:center;justify-content:safe center;padding:34px 18px;gap:6px;text-align:center;position:relative;isolation:isolate;background:var(--bg)}#scr-end:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#07101947,#0710199e),var(--end-art, none) center/cover no-repeat;opacity:.78}#scr-end.is-defeat:before{opacity:.67}#scr-end>*{position:relative;z-index:1}.mate{font-family:var(--f-mono);letter-spacing:.5em;font-size:14px;color:var(--amber);text-transform:uppercase}#end-title{font-size:clamp(38px,7vw,74px);text-transform:uppercase;color:var(--ac);text-shadow:0 0 40px rgba(var(--acrgb),.55);margin:8px 0 2px}#end-sub{color:var(--dim);margin-bottom:26px}.stats{padding:20px 26px;min-width:min(560px,100%)}.stats h3{font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);margin-bottom:14px}.stats table{width:100%;border-collapse:collapse;font-family:var(--f-mono);font-size:13px}.stats th{font-family:var(--f-disp);letter-spacing:.14em;font-size:13px;padding:6px 8px;border-bottom:1px solid var(--line)}.stats th.cb{color:var(--cyan)}.stats th.cr{color:var(--red)}.stats td{padding:7px 8px;border-bottom:1px dashed rgba(91,114,132,.25);color:var(--dim);text-align:center}.stats td:first-child{text-align:left;color:var(--ink);font-family:var(--f-body);font-size:12.5px}.stats td.best{color:var(--amber);font-weight:700}.scorebar{width:min(560px,100%);margin-top:14px;padding:14px 22px 15px;display:flex;flex-direction:column;gap:8px;text-align:left}.scoreline{display:flex;align-items:baseline;justify-content:space-between;gap:14px}#end-gain{font-size:19px;color:var(--ok);letter-spacing:.06em}#end-gain.zero{color:var(--faint)}#end-total{font-size:12px;color:var(--dim)}.coinline{padding-top:7px;border-top:1px solid rgba(var(--amberrgb),.2)}#end-coingain{font-size:17px;color:var(--amber);letter-spacing:.06em}#end-coingain.zero{color:var(--faint)}#end-cointotal{font-size:12px;color:var(--dim)}.scorenote{font-family:var(--f-mono);font-size:11px;line-height:1.55;color:var(--faint);letter-spacing:.04em}.scorenote:empty{display:none}.scorebar .prankbar{flex:none;width:100%;height:8px}.promo{width:min(560px,100%);margin-top:14px;padding:18px 22px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;border-color:#eab3088c;background:linear-gradient(180deg,#eab30829,#eab3080d),rgba(var(--glassrgb),.7);box-shadow:inset 0 1px #ffffff09,inset 0 0 30px #eab30809}.promo-kicker{font-family:var(--f-mono);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:#fde047}.promo-ranks{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;font-family:var(--f-disp);letter-spacing:.12em;text-transform:uppercase}.promo-old{font-size:15px;color:var(--faint);text-decoration:line-through}.promo-arrow{color:#fde047b3}.promo-new{font-size:clamp(20px,4vw,27px);color:#fde047;text-shadow:0 0 26px rgba(234,179,8,.5)}.promo-yard{font-family:var(--f-mono);font-size:11.5px;color:var(--amber);letter-spacing:.05em;text-align:center}@media(prefers-reduced-motion:no-preference){.promo:not([hidden]){animation:promo-an .5s ease-out both}}@keyframes promo-an{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.end-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap;justify-content:center}#rules{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;background:#040a10d1;backdrop-filter:blur(4px);padding:20px}#rules.on{display:flex}.rules-card{max-width:720px;width:100%;max-height:88vh;overflow-y:auto;padding:26px 30px}.rules-card h2{color:var(--ac);letter-spacing:.2em;font-size:22px;text-transform:uppercase;margin-bottom:4px}.rules-card .eyebrow{margin-bottom:18px}.rules-card h3{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--amber);margin:20px 0 8px}.rules-card p,.rules-card li{font-size:14px;line-height:1.7;color:var(--dim);max-width:62ch}.rules-card p b,.rules-card li b{color:var(--ink)}.rules-card ol{padding-left:20px}.wtable{width:100%;border-collapse:collapse;margin-top:6px}.wtable td{padding:8px 6px;border-bottom:1px dashed rgba(91,114,132,.25);font-size:12.5px;color:var(--dim);vertical-align:middle}.wtable .sym{font-size:26px;color:var(--ink);text-align:center;width:40px}.wtable .wn{font-family:var(--f-disp);letter-spacing:.08em;color:var(--ink);font-size:13.5px}.wtable .wd{font-size:11.5px}.wtable .am{font-family:var(--f-mono);color:var(--amber);white-space:nowrap;text-align:center}.wtable .sh{font-family:var(--f-mono);font-size:10.5px;white-space:nowrap}.vtable{width:100%;border-collapse:collapse;margin-top:6px}.vtable td{padding:7px 6px;border-bottom:1px dashed rgba(91,114,132,.25);font-size:12px;color:var(--dim);vertical-align:middle}.vtable .vn{font-family:var(--f-disp);letter-spacing:.08em;color:var(--ink);font-size:13.5px;white-space:nowrap}.vtable .vb,.vtable .vs{font-family:var(--f-mono);font-size:11px;white-space:nowrap;text-align:right;color:var(--dim)}.vtable .vx{font-family:var(--f-mono);font-size:10.5px;color:var(--amber)}.vtable tr.aktiv td{background:rgba(var(--acrgb),.09);color:var(--ink)}.vtable .vaktiv{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);margin-left:9px}.rules-card .vextra{font-size:12.5px;margin-top:8px}.rules-card .ammonote{font-family:var(--f-mono);font-size:11px;color:var(--faint);letter-spacing:.06em;margin-top:8px}.rules-card .ammonote b{color:var(--dim)}.rules-close{margin-top:22px;width:100%}#fx{position:fixed;inset:0;pointer-events:none;z-index:80}.shell{position:fixed;left:0;top:0;width:56px;height:28px;margin:-14px 0 0 -28px;contain:layout style;isolation:isolate;will-change:transform,offset-distance,opacity}.projectile-body{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 4px rgba(var(--cyanrgb),.72)) drop-shadow(0 0 8px rgba(var(--amberrgb),.26))}.shell:before,.shell:after{content:"";position:absolute;left:-26px;top:50%;transform:translateY(-50%);transform-origin:right center;pointer-events:none}.shell:before{z-index:0;width:36px;height:13px;border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(105,131,148,.08) 24%,rgba(167,190,202,.32) 64%,rgba(224,237,241,.62) 100%);filter:blur(2px);animation:projectile-smoke .16s ease-in-out infinite alternate}.shell:after{z-index:1;left:-16px;width:25px;height:10px;background:linear-gradient(90deg,transparent 0%,#ff573d 34%,#ffb547 68%,#fff4c7 100%);clip-path:polygon(0 50%,24% 10%,100% 35%,100% 65%,24% 90%);filter:drop-shadow(0 0 5px rgba(255,117,51,.88));animation:projectile-thrust .09s ease-in-out infinite alternate}@keyframes projectile-smoke{0%{opacity:.56;scale:.9 .76}to{opacity:.82;scale:1.08 1}}@keyframes projectile-thrust{0%{opacity:.82;scale:.78 .72}to{opacity:1;scale:1.1 1}}.boom{position:fixed;left:0;top:0;width:0;height:0}.boom .ring{position:absolute;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:3px solid var(--amber)}.boom .core{position:absolute;left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#ffd27a 35%,#ff6b3d 70%,transparent 100%)}.boom.splash .ring{border-color:var(--cyan)}.boom.splash .core{background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(61,220,255,.7) 45%,transparent 75%)}.part{position:fixed;left:0;top:0;width:5px;height:5px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--amber)}.part.blue{background:var(--cyan)}@keyframes shake{10%{transform:translate(-5px,3px)}30%{transform:translate(5px,-3px)}50%{transform:translate(-4px,-2px)}70%{transform:translate(3px,2px)}90%{transform:translate(-2px,1px)}}.shake{animation:shake .38s linear}footer{padding:8px 20px;font-family:var(--f-mono);font-size:10px;letter-spacing:.24em;color:var(--faint);text-transform:uppercase;text-align:center}@media(max-width:1080px)and (min-width:901px){#scr-battle{padding:8px 12px 10px}.battle-main{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.wrow{padding:7px 8px;grid-template-columns:38px 1fr auto}.wsym{font-size:24px}.battle-bottom{gap:18px}}@media(max-width:900px){#scr-battle{padding:8px 10px 10px;gap:8px}#scr-battle header{order:0;padding:6px 12px;gap:8px 12px}.logo-s{font-size:16px}header .hbtn{padding:6px 10px;font-size:11px}.turnbadge{font-size:14px;padding:6px 12px}.battle-main,.rail{display:contents}#fleet-chip{order:1}.target-zone{order:2;flex:1;min-height:0;padding-top:0;container-type:size;display:flex;flex-direction:column;justify-content:center;--bs: max(170px, min(88vmin, 560px, calc(100cqh - 34px) ))}.wpanel{order:3;padding:6px 8px}.wpanel .rail-title{display:none}#wlist{display:flex;gap:6px;overflow-x:auto;padding:2px}.wrow{display:flex;flex:1 0 auto;width:auto;min-width:64px;flex-direction:column;align-items:center;gap:3px;padding:7px 6px;margin:0}.wsym{font-size:22px}.wname{font-size:10.5px;white-space:nowrap}.wmeta,.minipat{display:none}.ammo{justify-content:center}.battle-bottom{order:5;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}.own-zone{--bs: min(24vmin, 190px)}.fleetpanel,.logpanel{max-height:190px}#scr-place{padding:10px 12px 12px;gap:10px}.place-main{flex-direction:column;flex-wrap:nowrap;align-items:center;gap:10px;min-height:0}.place-board{flex:1;min-height:0;align-self:stretch;width:100%;container-type:size;--bs: max(150px, min(92vmin, 540px, 92cqw, calc(100cqh - 46px) ))}.place-rail{flex:0 0 auto;width:100%;max-width:560px;gap:8px;max-height:none}.place-rail .shiplist{flex:0 0 auto;overflow-y:visible;flex-direction:row;overflow-x:auto;gap:6px;padding:8px 10px}.shiprow{flex:0 0 auto;flex-direction:column;gap:4px;width:auto;padding:7px 10px}}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.cell.incoming{animation:incoming 1.2s ease-out}@keyframes incoming{0%{box-shadow:inset 0 0 0 3px var(--red),inset 0 0 20px rgba(var(--redrgb),.85)}70%{box-shadow:inset 0 0 0 2px rgba(var(--redrgb),.5),inset 0 0 12px rgba(var(--redrgb),.35)}to{box-shadow:none}}#scr-lobby{--lobbybox: 400px;--lobby-glass-light: rgba(var(--glassrgb), .48);align-items:center;justify-content:safe center;text-align:center;padding:40px 20px;gap:6px;background:radial-gradient(760px 520px at 50% 30%,rgba(var(--acrgb),.1),transparent 70%)}#scr-lobby h2{font-size:clamp(28px,5.5vw,50px);text-transform:uppercase;color:var(--ac);text-shadow:0 0 30px rgba(var(--acrgb),.45);margin:8px 0 4px}#scr-lobby .lobby-sub{color:var(--dim);max-width:34em;margin-bottom:30px}.lobby-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:stretch;max-width:100%}.lobby-card{padding:26px 28px;flex:0 0 auto;width:var(--lobbybox);max-width:100%;display:flex;flex-direction:column;gap:14px}#scr-lobby .openwrap{background:linear-gradient(135deg,rgba(var(--acrgb),.02),transparent 42%),var(--lobby-glass-light);border-color:rgba(var(--acrgb),.2);box-shadow:inset 0 1px #ffffff06}.lobby-freunde{width:var(--lobbybox);max-width:100%;margin-top:18px;padding:12px 16px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid rgba(var(--amberrgb),.35);color:var(--ink);transition:border-color .15s,background .15s}.lobby-freunde:hover{background:rgba(var(--amberrgb),.09);border-color:rgba(var(--amberrgb),.7)}.lobby-freunde:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.lobby-freunde .lf-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.lobby-freunde b{font-family:var(--f-disp);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}.lobby-freunde .lf-text>span{font-size:11.5px;line-height:1.45;color:var(--dim)}.lobby-freunde .lf-go{flex:none;font-size:22px;line-height:1;color:var(--amber)}.lobby-card h3{font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}.lobby-card p{font-size:14px;color:var(--dim);min-height:3em}.lobby-card .btn{width:100%}#join-code{font-family:var(--f-mono);font-size:26px;letter-spacing:.34em;text-align:center;text-transform:uppercase;padding:12px 10px;width:100%;background:#040d15b8;color:var(--ink);border:1px solid var(--line);box-shadow:inset 0 0 22px #0003}#join-code:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 2px rgba(var(--acrgb),.25)}#join-code::placeholder{color:var(--faint);letter-spacing:.24em}#lobby-msg{min-height:1.4em;margin-top:20px;font-family:var(--f-mono);font-size:13px;color:var(--red)}#lobby-msg.info{color:var(--dim)}#scr-offline{--lobbybox: 400px;align-items:center;justify-content:safe center;text-align:center;padding:40px 20px;gap:6px;background:radial-gradient(760px 520px at 50% 30%,rgba(var(--acrgb),.1),transparent 70%)}#scr-offline h2{font-size:clamp(28px,5.5vw,50px);text-transform:uppercase;color:var(--ac);text-shadow:0 0 30px rgba(var(--acrgb),.45);margin:8px 0 4px}#scr-offline .lobby-sub{color:var(--dim);max-width:34em;margin-bottom:30px}.kihint{font-size:11.5px;line-height:1.6;color:var(--faint);letter-spacing:.04em;min-height:3.2em;text-align:left;margin-top:-6px}#scr-wait{align-items:center;justify-content:center;text-align:center;padding:30px;gap:10px;background:radial-gradient(700px 500px at 50% 40%,rgba(var(--acrgb),.13),transparent 70%)}#scr-wait .shield{width:110px;height:110px;margin-bottom:18px;border:2px solid rgba(var(--acrgb),.7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--ac);box-shadow:0 0 44px rgba(var(--acrgb),.35),inset 0 0 24px rgba(var(--acrgb),.2);animation:blink 2s infinite}#wait-title{font-size:clamp(26px,5vw,46px);text-transform:uppercase;color:var(--ac);text-shadow:0 0 30px rgba(var(--acrgb),.5)}#wait-sub{color:var(--dim);max-width:32em;margin-bottom:10px}#wait-code{font-family:var(--f-mono);font-size:clamp(34px,8vw,62px);letter-spacing:.28em;color:var(--amber);text-shadow:0 0 34px rgba(var(--amberrgb),.5);padding:14px 10px 14px 24px;margin:8px 0 4px;border:1px solid rgba(var(--amberrgb),.45);background:rgba(var(--amberrgb),.07);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.wait-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:20px}body.native{overscroll-behavior:none}body.native #app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.c-blue{color:var(--cyan)}.c-red{color:var(--red)}.camber{color:var(--amber)}#scr-variant{align-items:center;justify-content:safe center;text-align:center;padding:40px 20px;gap:6px;background:radial-gradient(760px 520px at 50% 30%,rgba(var(--acrgb),.1),transparent 70%)}#scr-variant h2{font-size:clamp(28px,5.5vw,50px);text-transform:uppercase;color:var(--ac);text-shadow:0 0 30px rgba(var(--acrgb),.45);margin:8px 0 4px}#scr-variant .lobby-sub{color:var(--dim);max-width:34em;margin-bottom:30px}.variant-grid{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;align-items:stretch;max-width:1160px}.variant-card{padding:12px 14px 18px;min-width:min(280px,92vw);max-width:320px;flex:1;display:flex;flex-direction:column;gap:9px;text-align:left;overflow:hidden;color:var(--ink);cursor:pointer;transition:transform .12s,filter .12s}.variant-card:hover{filter:brightness(1.22);transform:translateY(-2px)}.variant-card:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--amber)}.variant-art{position:relative;display:block;aspect-ratio:8/3;overflow:hidden;margin:-12px -14px 4px;border-bottom:1px solid rgba(var(--acrgb),.3);background:#08131d}.variant-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 46%,rgba(7,16,25,.42));box-shadow:inset 0 0 22px #00000038}.variant-art img{display:block;width:100%;height:100%;object-fit:cover}.variant-card h3{font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:var(--ac)}.variant-card .vmeta{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--amber)}.variant-card p{font-size:13px;color:var(--dim);line-height:1.6;min-height:0}.vselrow{display:flex;flex-direction:column;gap:6px;text-align:left;font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.vselrow select{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:#0a1723;border:1px solid var(--line);padding:9px 10px;cursor:pointer}.vselrow select:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.vselrow select option{background:var(--panel);color:var(--ink)}.cell.kontakt{box-shadow:inset 0 0 0 2px rgba(var(--facrgb),.82),inset 0 0 12px rgba(var(--facrgb),.38)}.cell.kontakt:after{background:radial-gradient(circle at 50% 50%,rgba(var(--facrgb),.82) 0 10%,transparent 25%)}.cell.prev-spent{outline:1px dashed rgba(var(--amberrgb),.45);outline-offset:-3px}.wmeta .gasp{color:var(--red);font-weight:700;animation:blink 1.1s ease-in-out infinite}.frow .tag.gasp{color:var(--amber)}.reactrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reactrow .rlabel{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-right:2px}.rbtn{width:52px;height:52px;display:grid;place-items:center;padding:2px;cursor:pointer;background:#ffffff08;border:1px solid var(--line);transition:transform .12s,border-color .12s,background .12s}.rbtn:hover{transform:translateY(-2px) scale(1.12);border-color:rgba(var(--amberrgb),.7);background:rgba(var(--amberrgb),.08)}.rbtn:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.reaction-icon{display:block;object-fit:contain;pointer-events:none;user-select:none}.reaction-button-icon{width:48px;height:48px}.reaction-main-icon{width:50px;height:50px;filter:drop-shadow(0 0 5px rgba(var(--acrgb),.3))}.reaction-log-icon{width:28px;height:28px;display:inline-block;vertical-align:middle;margin:-5px 3px -4px}.target-zone,.tgwrap{position:relative}.target-zone .scene,.target-zone .boardlabel{--ac: var(--fac);--acrgb: var(--facrgb)}.target-zone .boardlabel{display:none}.f-enemy h3 b{color:var(--fac)}.fleet-chip{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;width:100%;transform:none;letter-spacing:.08em;background:transparent}.fleet-chip-side{--fleet-health: 1;position:relative;isolation:isolate;overflow:hidden;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px 0 13px;background:linear-gradient(180deg,#ffffff06,#00000014);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.fleet-chip-fill{position:absolute;inset:0;z-index:0;pointer-events:none;transform:scaleX(var(--fleet-health));transition:transform .38s cubic-bezier(.22,.72,.2,1)}.fleet-chip-own{color:var(--ac);box-shadow:inset 0 0 0 1px rgba(var(--acrgb),.25)}.fleet-chip-own>.fleet-chip-fill{transform-origin:left center;background:linear-gradient(90deg,rgba(var(--acrgb),.07),rgba(var(--acrgb),.25));box-shadow:inset -1px 0 rgba(var(--acrgb),.85),8px 0 18px rgba(var(--acrgb),.16)}.fleet-chip-enemy{color:var(--fac);box-shadow:inset 0 0 0 1px rgba(var(--facrgb),.25)}.fleet-chip-enemy>.fleet-chip-fill{transform-origin:right center;background:linear-gradient(270deg,rgba(var(--facrgb),.07),rgba(var(--facrgb),.25));box-shadow:inset 1px 0 rgba(var(--facrgb),.85),-8px 0 18px rgba(var(--facrgb),.16)}.fleet-chip-side>:not(.fleet-chip-fill){position:relative;z-index:1}.fleet-chip-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:currentColor;font-family:var(--f-disp);font-size:11px;font-weight:700;letter-spacing:.08em}.fleet-chip-stock{flex:none;display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto;color:currentColor}.fleet-chip-stock svg{width:25px;height:19px;flex:none;filter:drop-shadow(0 0 5px currentColor)}.fleet-chip-stock b{font-size:16px;line-height:1;color:currentColor}.ovbtn{position:absolute;bottom:10px;z-index:6;width:54px;height:54px;display:flex;align-items:center;justify-content:center;color:var(--ac);cursor:pointer;background:linear-gradient(180deg,#1d2f3f,#14232f);border:1px solid var(--line);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .12s,filter .12s}.ovbtn:hover:not(:disabled){filter:brightness(1.3);transform:translateY(-2px)}.ovbtn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--amber)}#bt-orient{left:max(8px,calc(50% - var(--bs)*.58 - 58px))}.ovbtn svg{width:27px;height:27px;display:block;filter:drop-shadow(0 0 5px rgba(var(--acrgb),.55))}#bt-orient .obar{transform-origin:12px 12px;transition:transform .18s ease}#bt-orient.v .obar{transform:rotate(90deg)}.ovbtn.fire{right:max(8px,calc(50% - var(--bs)*.58 - 58px));color:#221202;background:linear-gradient(180deg,#ffcf7d,#f09a2e);border-color:transparent;box-shadow:0 0 18px rgba(var(--amberrgb),.35)}.ovbtn.fire svg{filter:none}.ovbtn.fire:not(:disabled) svg{animation:blink 1.6s ease-in-out infinite}.ovbtn:disabled{opacity:.35;cursor:not-allowed;filter:none;box-shadow:none}.actionov{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:7;width:min(380px,72%);display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.actionov:empty{display:none}.actionov .btn{width:100%}.actionov .result-chip,.actionov .hint,.actionov .waitchip{background:#0a1723eb;border:1px solid var(--line);padding:8px 14px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.actionov .waitchip{border-color:rgba(var(--amberrgb),.5);width:100%}.ovbtn.react{right:max(8px,calc(50% - var(--bs)*.58 - 58px));bottom:74px;font-size:22px;line-height:1}.reactpop{position:absolute;right:max(8px,calc(50% - var(--bs)*.58 - 58px));bottom:132px;z-index:9;display:none;gap:7px;padding:9px 11px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid rgba(var(--amberrgb),.6);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.reactpop.on{display:flex}#infotip{position:fixed;z-index:92;max-width:280px;pointer-events:none;font-family:var(--f-mono);font-size:11.5px;line-height:1.6;letter-spacing:.04em;color:var(--dim);background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid rgba(var(--acrgb),.55);padding:10px 14px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);opacity:0;transition:opacity .15s}#infotip.on{opacity:1}#infotip b{color:var(--amber);font-family:var(--f-disp);letter-spacing:.08em}#infotip .tipctl{margin-top:8px;padding-top:6px;border-top:1px dashed rgba(91,114,132,.3);color:var(--faint)}#infotip .tipctl b{color:var(--dim)}#toasts{position:fixed;top:64px;right:14px;z-index:88;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(320px,80vw)}body.imgefecht #toasts{inset:auto auto 104px 50%;transform:translate(-50%);align-items:center;max-width:min(380px,82vw)}.toast{font-family:var(--f-disp);font-size:14px;letter-spacing:.1em;color:var(--ink);background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid rgba(var(--acrgb),.55);padding:10px 16px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);animation:toastin .25s ease-out;transition:opacity .45s}.toast.warn{border-color:rgba(var(--amberrgb),.75);color:var(--amber)}.toast.ok{border-color:#59f0a6b3;color:var(--ok)}.toast.out{opacity:0}@keyframes toastin{0%{opacity:0;transform:translate(24px)}}.waitchip{font-family:var(--f-disp);font-size:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);text-align:center;padding:8px 6px;border:1px solid rgba(var(--amberrgb),.5);background:rgba(var(--amberrgb),.07);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);animation:pulse 1.4s ease-in-out infinite}#scr-battle.waiting .target-zone .scene{filter:brightness(.55) saturate(.55);transition:filter .3s}#resume{position:fixed;inset:0;z-index:95;display:none;align-items:center;justify-content:center;background:#040a10d9;backdrop-filter:blur(4px);padding:20px}#resume.on{display:flex}#resume .rules-card{max-width:440px;text-align:center}#resume p{color:var(--dim);margin:12px 0 22px;line-height:1.6}#resume .mono{color:var(--amber)}#abort-game{position:fixed;inset:0;z-index:97;display:none;align-items:center;justify-content:center;background:#040a10e6;backdrop-filter:blur(5px);padding:20px}#abort-game.on{display:flex}#abort-game .rules-card{max-width:460px;text-align:center}#abort-game h2{color:var(--red)}#abort-game .start-actions{margin-top:22px;justify-content:center}#update{position:fixed;inset:0;z-index:98;display:none;align-items:center;justify-content:center;background:#040a10e6;backdrop-filter:blur(5px);padding:20px}#update.on{display:flex}#update .rules-card{max-width:460px;text-align:center}#update .update-sign{font-size:40px;line-height:1;color:var(--amber);margin-bottom:12px}#update h2{color:var(--amber)}#update p{color:var(--dim);margin:12px 0 0;line-height:1.6}#update .update-stand{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-top:16px}#update .update-stand .mono{color:var(--amber)}#update .start-actions{margin-top:22px;justify-content:center}#delete-data{position:fixed;inset:0;z-index:99;display:none;align-items:center;justify-content:center;background:#040a10eb;backdrop-filter:blur(5px);padding:20px}#delete-data.on{display:flex}#delete-data .rules-card{max-width:500px;text-align:center}#delete-data h2,#delete-data .delete-warning,#delete-data-msg.err{color:var(--red)}#delete-data p{margin:12px 0 0;line-height:1.6}#delete-data .delete-warning{font-weight:800}#delete-data-msg{min-height:1.4em;margin-top:14px}#delete-data .start-actions{margin-top:22px;justify-content:center}#werbung{position:fixed;inset:0;z-index:93;display:none;align-items:center;justify-content:center;background:#040a10eb;backdrop-filter:blur(5px);padding:20px}#werbung.on{display:flex}#werbung .rules-card{max-width:420px;text-align:center}#werbung .werbung-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}#werbung p{color:var(--dim);margin:12px 0 0;line-height:1.6}#werbung .werbung-flaeche{font-size:40px;line-height:1;min-height:44px;margin-top:18px;color:var(--amber)}#werbung .start-actions{margin-top:22px;justify-content:center}.pubrow{display:flex;align-items:center;gap:8px;text-align:left;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);cursor:pointer}.pubrow input{accent-color:var(--amber);width:15px;height:15px}.openwrap{margin-top:20px;padding:16px 18px;width:var(--lobbybox);max-width:100%;text-align:left}.openwrap h3{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}#open-list{display:flex;flex-direction:column;gap:6px}#open-list .hint{padding:2px 0}.openrow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;padding:9px 12px;background:#ffffff06;border:1px solid transparent;color:var(--ink)}.openrow:hover{border-color:rgba(var(--acrgb),.6);background:rgba(var(--acrgb),.07)}.openrow:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.openrow .oav{width:28px;height:28px;flex:none}.openrow .onm{font-family:var(--f-disp);letter-spacing:.08em;font-size:14px;flex:1}.openrow .ork{font-family:var(--f-mono);font-size:10.5px;color:var(--amber);letter-spacing:.1em}.openrow .ova{font-family:var(--f-mono);font-size:10.5px;color:var(--dim);letter-spacing:.1em}#freunde-liste{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.freundrow{display:flex;align-items:center;gap:12px;padding:8px 10px;background:#ffffff06;border:1px solid transparent}.freundrow:hover{border-color:rgba(var(--acrgb),.45);background:rgba(var(--acrgb),.06)}.freundrow .fav{width:30px;height:30px;flex:none}.freundrow .fmid{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.freundrow .fname{font-family:var(--f-disp);letter-spacing:.08em;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.freundrow .fstat{font-size:10.5px;color:var(--dim);letter-spacing:.08em}.freundrow .fdel{flex:none;width:30px;height:30px;line-height:1;font-size:19px;color:var(--dim);background:none;border:1px solid transparent;cursor:pointer}.freundrow .fdel:hover{color:var(--red, #e2564a);border-color:#e2564a80}.freundrow .fdel:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.btn.small{padding:7px 13px;font-size:12px;flex:none}#end-freund{margin-top:12px;display:flex;justify-content:center}#end-freund .freund-ok{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;color:var(--dim)}.teilen{margin:16px auto 0;max-width:min(460px,100%);text-align:center}.teilen-kopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px;margin-bottom:12px;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;color:var(--dim)}.teilen-fuer{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;color:var(--amber);text-transform:none}.teilen-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.teilbtn{display:flex;flex-direction:column;align-items:center;gap:5px;width:66px;padding:9px 4px 7px;background:#ffffff08;border:1px solid rgba(var(--acrgb),.28);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,color .15s;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.teilbtn svg{width:24px;height:24px;flex:none}.teilbtn span{font-family:var(--f-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);line-height:1.2}.teilbtn:hover{background:rgba(var(--acrgb),.1);border-color:rgba(var(--acrgb),.65)}.teilbtn:hover span{color:var(--ink)}.teilbtn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.teilbtn.wa{border-color:#25d36673;color:#25d366}.teilbtn.wa:hover{background:#25d3661f;border-color:#25d366d9}.teilen-note{margin-top:10px;font-size:11.5px;line-height:1.55;color:var(--dim)}#teilen-msg{margin-top:8px;font-size:11.5px;color:var(--amber);min-height:1.2em}.testbanner{margin-top:10px;padding:8px 14px;max-width:min(460px,92vw);display:flex;flex-direction:column;gap:3px;text-align:center;border:1px solid rgba(var(--amberrgb),.55);background:rgba(var(--amberrgb),.08);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.testbanner b{font-family:var(--f-mono);font-size:11px;letter-spacing:.3em;color:var(--amber)}.testbanner span{font-size:11px;line-height:1.5;color:var(--dim)}.wortkurz{display:none}@media(max-width:640px){.wortlang{display:none}.wortkurz{display:inline}}.rechtfehlt{font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;color:var(--dim);opacity:.75;align-self:center}@media(max-width:560px){.freundrow{flex-wrap:wrap;row-gap:8px}.freundrow .fmid{flex:1 1 auto}.freundrow .btn.small{order:3;flex:1 1 100%}.freundrow .fdel{order:2}}#turn-timer,#place-timer{font-size:12px;color:var(--amber);letter-spacing:.08em;min-width:0}#turn-timer.tlow,#place-timer.tlow{color:var(--red);font-weight:700}#turn-timer:empty,#place-timer:empty{display:none}.reaction-fly{position:fixed;left:50%;top:44%;z-index:85;pointer-events:none;width:124px;height:124px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.65));animation:reactfly 1.5s ease-out forwards}.reaction-fly-icon{width:100%;height:100%}@keyframes reactfly{0%{opacity:0;transform:translate(-50%,-30%) scale(.4)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}65%{opacity:1;transform:translate(-50%,-70%) scale(1)}to{opacity:0;transform:translate(-50%,-130%) scale(.9)}}#scr-profil{align-items:center;justify-content:safe center;text-align:center;padding:40px 20px;gap:6px;background:radial-gradient(760px 520px at 50% 30%,rgba(var(--acrgb),.1),transparent 70%)}#scr-profil h2,#scr-werft h2{font-size:clamp(28px,5.5vw,50px);text-transform:uppercase;color:var(--ac);text-shadow:0 0 30px rgba(var(--acrgb),.45);margin:8px 0 22px}.profil-card{padding:24px 26px;width:min(560px,100%);display:flex;flex-direction:column;gap:16px;text-align:left}.prow{display:flex;gap:16px;align-items:flex-start}.pavatar{width:74px;height:74px;flex:none;font-size:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--acrgb),.5);background:rgba(var(--acrgb),.07);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);padding:4px;cursor:pointer;position:relative;transition:border-color .12s,background .12s}.pavatar:hover{border-color:rgba(var(--acrgb),.9);background:rgba(var(--acrgb),.13)}.pavatar[aria-expanded=true]{border-color:rgba(var(--amberrgb),.85);background:rgba(var(--amberrgb),.1)}.pavatar:after{content:"▾";position:absolute;right:3px;bottom:0;font-size:13px;line-height:1;color:var(--ac);transition:transform .15s}.pavatar[aria-expanded=true]:after{transform:rotate(180deg);color:var(--amber)}.pavatar:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media(prefers-reduced-motion:reduce){.pavatar,.pavatar:after{transition:none}}.avwrap{margin-top:4px}.avhint{font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;color:var(--dim);margin-bottom:8px}.pmain{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}#profil-name{font-family:var(--f-disp);font-size:18px;letter-spacing:.08em;width:100%;background:#0a1723;color:var(--ink);border:1px solid var(--line);padding:9px 12px}#profil-name:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 2px rgba(var(--acrgb),.25)}#profil-name[aria-invalid=true]{border-color:rgba(var(--redrgb),.9);box-shadow:0 0 0 2px rgba(var(--redrgb),.18)}.prank{display:flex;align-items:center;gap:10px}.prank b{font-family:var(--f-disp);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);white-space:nowrap}.prankbar{flex:1;min-width:60px;height:7px;background:#22323f;overflow:hidden}.prankbar i{display:block;height:100%;background:linear-gradient(90deg,rgba(var(--amberrgb),.5),var(--amber));width:0}.prank .mono{font-size:11px;color:var(--dim);white-space:nowrap}.pranknext{font-size:10.5px;color:var(--faint);letter-spacing:.08em}@media(max-width:620px){.prank{flex-wrap:wrap;row-gap:7px}.prank b{flex:1 1 auto}.prank .mono{flex:0 0 auto}.prank .prankbar{flex:1 0 100%;order:3;height:8px}}.avgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avbtn{aspect-ratio:1;min-width:0;padding:4px;cursor:pointer;background:#ffffff08;border:1px solid var(--line);transition:transform .12s,border-color .12s,background .12s}.avbtn:hover{transform:translateY(-2px);border-color:rgba(var(--acrgb),.6)}.avbtn.sel{border-color:rgba(var(--amberrgb),.85);background:rgba(var(--amberrgb),.1);box-shadow:0 0 12px rgba(var(--amberrgb),.25)}.avbtn:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.colorpick{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cplabel{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.cpopts{display:flex;gap:10px;margin-left:auto}.cpopts .force{font-family:var(--f-disp);font-size:14px;font-weight:700;letter-spacing:.2em;cursor:pointer;transition:filter .12s,transform .12s}.cpopts .force:hover{filter:brightness(1.25);transform:translateY(-1px)}.cpopts .force.blu{color:var(--cyan);border-color:rgba(var(--cyanrgb),.5);background:rgba(var(--cyanrgb),.07)}.cpopts .force.red{color:var(--red);border-color:rgba(var(--redrgb),.5);background:rgba(var(--redrgb),.07)}.cpopts .force.blu.sel{color:#04131c;background:var(--cyan);box-shadow:0 0 18px rgba(var(--cyanrgb),.4)}.cpopts .force.red.sel{color:#1c0503;background:var(--red);box-shadow:0 0 18px rgba(var(--redrgb),.4)}.cpopts .force:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--amber)}.cphint{font-size:10.5px;color:var(--faint);letter-spacing:.06em;margin-top:-10px}.pstats{width:100%;border-collapse:collapse;font-family:var(--f-mono);font-size:12px}.pstats td{padding:6px 4px;border-bottom:1px dashed rgba(91,114,132,.25);color:var(--dim)}.pstats td:last-child{text-align:right;color:var(--ink)}#profil-msg{min-height:1.3em;font-size:12px;color:var(--ok)}#profil-msg.err{color:var(--red)}#bt-profil{display:flex;align-items:center;gap:8px;font-size:12px}#bt-start-werft.werft-neu,#bt-profil.profil-neu{color:var(--amber);border-color:rgba(var(--amberrgb),.5);animation:pulse-groesse 1.1s ease-in-out infinite}@keyframes pulse-groesse{50%{transform:scale(1.05)}}#bt-profil .pav{width:22px;height:22px;flex:none}.avatar-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}#fs-own-name,#fs-enemy-name{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}.fleet-title-mobile{display:none}.battle-avatar{width:22px;height:22px;flex:none}#scr-optionen{align-items:center;justify-content:safe center;text-align:center;padding:40px 20px;gap:6px;background:radial-gradient(760px 520px at 50% 30%,rgba(var(--acrgb),.1),transparent 70%)}#scr-optionen h2{font-size:clamp(28px,5.5vw,50px);text-transform:uppercase;color:var(--ac);text-shadow:0 0 30px rgba(var(--acrgb),.45);margin:8px 0 4px}#scr-optionen .lobby-sub{color:var(--dim);max-width:34em;margin-bottom:26px}.optrow+.optrow{border-top:1px dashed rgba(91,114,132,.25)}.acc-kopf{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:15px 2px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--f-disp);font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);transition:color .12s}.acc-kopf:hover,.acc-kopf[aria-expanded=true]{color:var(--ac)}.acc-kopf:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.acc-kopf:after{content:"";flex:none;width:8px;height:8px;margin-right:4px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(45deg);transition:transform .15s}.acc-kopf[aria-expanded=true]:after{border-color:var(--ac);transform:rotate(225deg)}.acc-leib{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:2px 2px 18px}.acc-leib>span{font-family:var(--f-mono);font-size:11.5px;color:var(--dim);letter-spacing:.05em;line-height:1.6}.optbtns{display:flex;gap:10px;flex-wrap:wrap}.optswitch{min-width:112px;font-size:14px}.optswitch[aria-checked=true]{background:linear-gradient(180deg,rgba(var(--acrgb),.92),rgba(var(--acrgb),.55));color:#04131c;border-color:transparent}.music-volume-control{display:flex;align-items:center;gap:12px;min-width:min(100%,260px)}.music-volume-control input[type=range]{width:210px;max-width:55vw;min-height:44px;accent-color:var(--ac);cursor:pointer}.music-volume-control output{min-width:48px;color:var(--ac);font:700 13px var(--mono);text-align:right}#optionen-msg{min-height:1.3em;font-size:12px;color:var(--ok)}#optionen-msg.err{color:var(--red)}#scr-feedback,#scr-freunde,#scr-willkommen,#scr-tutorial{align-items:center;justify-content:safe center;text-align:center;padding:40px 20px;gap:6px;background:radial-gradient(760px 520px at 50% 30%,rgba(var(--acrgb),.1),transparent 70%)}#scr-feedback h2,#scr-freunde h2,#scr-willkommen h2,#scr-tutorial h2{font-size:clamp(28px,5.5vw,50px);text-transform:uppercase;color:var(--ac);text-shadow:0 0 30px rgba(var(--acrgb),.45);margin:8px 0 4px}#scr-feedback .lobby-sub,#scr-freunde .lobby-sub{color:var(--dim);max-width:34em;margin-bottom:26px}#scr-freunde .profil-card{text-align:left;width:min(560px,100%)}.wk-card{width:min(560px,100%);padding:0 0 22px;display:flex;flex-direction:column;gap:16px;overflow:hidden;text-align:center}.wk-art{height:clamp(120px,26vh,190px);background-image:var(--wk-bild);background-size:cover;background-position:center 45%;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}.wk-text{margin:-6px 26px 0;font-size:13.5px;line-height:1.7;color:var(--dim)}.wk-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:0 20px}@media(max-width:560px){.wk-actions{flex-direction:column}.wk-actions .btn{width:100%}}.wk-recht{margin:14px 20px 0;font-size:11px;letter-spacing:.04em;color:var(--dim);opacity:.8;text-align:center}.wk-recht .rechtlink{background:none;border:0;padding:0;margin-left:10px;font:inherit;color:var(--dim);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.wk-recht .rechtlink:hover,.wk-recht .rechtlink:focus-visible{color:var(--ac)}.tut-card{width:min(640px,100%);padding:22px 24px;text-align:left}.tut-kopf{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.tut-step{font-size:11px;letter-spacing:.12em;color:var(--amber);text-transform:uppercase}.tut-card h3{font-family:var(--f-disp);font-size:17px;letter-spacing:.1em;text-transform:uppercase;color:var(--ac);margin:0}.tut-text{color:var(--dim);line-height:1.65;margin:10px 0 18px;min-height:4.9em}.tut-text b{color:var(--ink)}.tut-buehne{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.tut-links{flex:0 1 260px;display:flex;flex-direction:column;gap:8px}.tut-board{display:grid;grid-template-columns:repeat(var(--n, 5),1fr);gap:2px;padding:2px;width:100%;aspect-ratio:1;border:1px solid rgba(var(--acrgb),.3);background:linear-gradient(135deg,rgba(var(--acrgb),.1),#07101908 48%,#07101942),url(./ortungsfeld-Bwod_OQs.webp) center / cover no-repeat,#071019;box-shadow:inset 0 0 0 1px #ffffff06,0 16px 40px #00000080,0 0 30px rgba(var(--acrgb),.12)}.tut-board .cell{cursor:default}.cell.tut-mitte{box-shadow:inset 0 0 0 2px rgba(var(--amberrgb),.8)}.tut-board.tot .cell.prev{opacity:.3;filter:grayscale(1)}.tut-caption{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);text-align:center}.tut-caption .ts{color:var(--ac);font-size:15px}.tut-seite{flex:1 1 250px;min-width:230px;display:flex;flex-direction:column;gap:5px}.tut-fleetlabel{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.tutf{display:flex;align-items:center;gap:9px;padding:5px 9px;border:1px solid var(--line);transition:opacity .25s,border-color .25s}.tutf .fw{font-size:17px;color:var(--ac);width:1.2em;text-align:center}.tutf .fn{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.tutf .fn b{font-family:var(--f-disp);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}.tutf .fs{font-family:var(--f-mono);font-size:10px;letter-spacing:.04em;color:var(--dim)}.tutf .minipat{display:grid;flex:none;margin-top:0}.tutf .fa{display:flex;gap:3px;align-items:center;flex:none}.tutf .fa i{width:5px;height:5px;background:var(--ac);border-radius:50%}.tutf .fa .inf{color:var(--ac);font-size:13px}.tutf.sel{border-color:rgba(var(--amberrgb),.85);background:rgba(var(--amberrgb),.08)}.tutf.tot{opacity:.5}.tutf.tot .fw{color:var(--dim)}.tutf.tot .fn b{text-decoration:line-through}.tutf.tot .fa i{background:var(--dim)}.tutf .fo{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}.tut-extra{margin-top:16px;padding-top:14px;border-top:1px dashed rgba(91,114,132,.25);display:flex;flex-direction:column;gap:7px;font-size:12.5px;color:var(--dim);line-height:1.5}.tut-extra b{color:var(--ac)}.rules-tut{width:100%;margin:4px 0 18px}@media(prefers-reduced-motion:reduce){.tutf{transition:none}}@media(max-width:620px){.tut-buehne{flex-direction:column;align-items:center}.tut-links{flex:none;width:60%}.tut-seite{flex:none;width:100%;min-width:0}.tut-text{min-height:0}}.fbfield{display:flex;flex-direction:column;gap:6px}.fbfield+.fbfield{margin-top:18px}.fblabel{font-family:var(--f-disp);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}#feedback-titel,#feedback-text{width:100%;background:#0a1723;color:var(--ink);border:1px solid var(--line);padding:9px 12px}#feedback-titel{font-family:var(--f-disp);font-size:16px;letter-spacing:.06em}#feedback-text{font-family:var(--f-mono);font-size:13px;line-height:1.65;resize:vertical;min-height:9em}#feedback-titel:focus,#feedback-text:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 2px rgba(var(--acrgb),.25)}.fbcount{align-self:flex-end;font-size:11px;letter-spacing:.08em;color:var(--dim)}.fbcount.eng{color:var(--amber)}#feedback-msg{min-height:1.3em;margin-top:14px;font-size:12px;color:var(--ok)}#feedback-msg.err{color:var(--red)}#scr-anzug{align-items:center;justify-content:safe center;text-align:center;padding:40px 20px;gap:6px;background:radial-gradient(760px 520px at 50% 30%,rgba(var(--acrgb),.1),transparent 70%)}#scr-anzug .lobby-sub{color:var(--dim);max-width:34em;margin-bottom:22px}.anzug-card{width:min(420px,100%);padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px}.anzug-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.anzug-kopf b{font-family:var(--f-disp);font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}.anzug-kopf span{font-size:11.5px;color:var(--dim)}.anzug-feld{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:2px;border:1px solid rgba(var(--acrgb),.3);background:linear-gradient(135deg,rgba(var(--acrgb),.1),#07101908 48%,#07101942),url(./ortungsfeld-Bwod_OQs.webp) center / cover no-repeat,#071019;box-shadow:inset 0 0 0 1px #ffffff06,0 16px 40px #00000080,0 0 30px rgba(var(--acrgb),.12)}.azelle{position:relative;aspect-ratio:1;padding:0;border:0;font-family:var(--f-mono);font-size:18px;line-height:1;color:transparent;background:linear-gradient(180deg,#0d22338f,#0a1a29b3);box-shadow:inset 0 0 0 1px rgba(var(--acrgb),.08),inset 0 1px #ffffff06;cursor:crosshair;transition:background .14s,box-shadow .14s}.azelle:before{content:"";position:absolute;inset:-2px}.azelle:hover:not(:disabled){background:linear-gradient(180deg,#163c5a9e,#102a3fb8);box-shadow:inset 0 0 0 1px rgba(var(--acrgb),.55),inset 0 0 12px rgba(var(--acrgb),.22)}.azelle:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.azelle:disabled{cursor:default}.azelle:after{content:"";position:absolute;inset:0;pointer-events:none}.azelle.hit{background:var(--field-hit-background);box-shadow:var(--field-hit-shadow)}.azelle.hit:after{background:var(--field-hit-marker)}.azelle.miss{background:var(--field-miss-background);box-shadow:var(--field-miss-shadow)}.azelle.miss:after{background:var(--field-miss-marker)}@media(prefers-reduced-motion:reduce){.azelle{transition:none}}.anzug-stand{font-size:13px;color:var(--amber);letter-spacing:.06em;min-height:1.3em}.anzug-msg{font-size:12.5px;line-height:1.5;color:var(--ok);min-height:1.4em}.anzug-actions{margin-top:22px}.modi{width:min(820px,100%);margin:0 auto 22px;padding:0;display:flex;flex-direction:column;gap:0;text-align:left;background:transparent;border:0;clip-path:none;overflow:visible}.modi-kopf{display:flex;align-items:center;gap:11px;margin:0 0 8px 9px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.34em;color:var(--dim)}.modi-kopf:after{content:"";width:46px;height:1px;background:linear-gradient(90deg,rgba(var(--acrgb),.7),transparent)}.modi-opts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:4px;margin-bottom:-1px;padding:0 8px}.modusbtn{position:relative;min-width:0;min-height:44px;font-family:var(--f-disp);font-size:13px;letter-spacing:.1em;line-height:1.2;color:var(--faint);background:#071019c7;border:1px solid rgba(91,114,132,.34);border-bottom-color:rgba(var(--acrgb),.25);padding:9px 10px;cursor:pointer;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%,0 8px);text-wrap:balance;transition:color .12s,border-color .12s,background .12s,filter .12s}.modusbtn:hover:not(.sel){color:var(--ink);background:#102230e6;border-color:rgba(var(--acrgb),.45)}.modusbtn.sel{color:var(--ac);border-color:rgba(var(--acrgb),.66);border-bottom-color:var(--panel2);background:linear-gradient(180deg,rgba(var(--acrgb),.16),var(--panel2));box-shadow:inset 0 3px 0 var(--ac),0 -8px 20px rgba(var(--acrgb),.1)}.modusbtn:focus-visible{z-index:3;outline:none;box-shadow:inset 0 0 0 2px var(--amber)}.modusbtn.sel:focus-visible{box-shadow:inset 0 0 0 2px var(--amber),inset 0 3px 0 var(--ac),0 -8px 20px rgba(var(--acrgb),.1)}.modi-desc{position:relative;display:flex;align-items:center;min-height:50px;margin:0;padding:12px 18px 12px 21px;font-size:12.5px;line-height:1.55;color:var(--dim);background:linear-gradient(90deg,rgba(var(--acrgb),.06),transparent 34%),linear-gradient(180deg,var(--panel2),rgba(7,16,25,.96));border:1px solid rgba(var(--acrgb),.3);border-left:2px solid rgba(var(--acrgb),.75);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px))}@media(max-width:560px){.modi{width:100%;margin-bottom:18px}.modi-kopf{margin-left:3px}.modi-opts{gap:2px;padding:0 2px}.modusbtn{min-height:54px;padding:8px 4px;font-size:clamp(10.5px,3vw,12px);letter-spacing:.04em;white-space:normal}.modi-desc{min-height:60px;padding:11px 13px 11px 16px;font-size:12px;line-height:1.45}}.variant-card .vdauer{margin-top:auto;padding-top:8px;font-size:11.5px;letter-spacing:.05em;color:var(--amber)}.variant-card .vdauer.ohne{color:var(--faint)}.frow .tag.koeder{color:var(--faint);border-color:#5b728466}#scr-werft{align-items:center;justify-content:safe center;text-align:center;padding:40px 20px;gap:6px;background:radial-gradient(920px 560px at 50% 31%,rgba(var(--acrgb),.075),transparent 68%),radial-gradient(680px 420px at 50% 23%,rgba(var(--amberrgb),.065),transparent 72%)}.werft-budget{width:min(760px,100%);padding:14px 22px 15px;display:flex;flex-direction:column;gap:6px;text-align:left;margin-bottom:18px}.wb-main{display:flex;align-items:baseline;justify-content:flex-start;gap:14px}.werft-level{flex:none;display:inline-grid;place-items:center;min-width:48px;padding:5px 9px;color:#06141d;font-size:15px;letter-spacing:.08em;background:linear-gradient(180deg,var(--amber),rgba(var(--amberrgb),.64));clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}#werft-frei{flex:1;font-size:18px;color:var(--amber);letter-spacing:.06em}#werft-gebunden{font-size:12px;color:var(--dim)}#werft-frei[hidden]+#werft-gebunden{font-size:15px;letter-spacing:.05em;color:var(--amber)}.wb-hint{font-family:var(--f-mono);font-size:11px;line-height:1.55;color:var(--faint);letter-spacing:.04em}.wb-fair,.wb-timer{margin-top:4px;padding-top:8px;border-top:1px solid rgba(var(--amberrgb),.22);font-size:11px;line-height:1.5;letter-spacing:.08em;color:var(--amber)}.wb-timer{color:var(--ink)}.werft-grid{width:min(1080px,100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px}.werft-card{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;text-align:left}.wc-art{position:relative;isolation:isolate;display:block;aspect-ratio:8 / 3;overflow:hidden;margin:-18px -20px 2px;border-bottom:1px solid rgba(var(--acrgb),.3);background:linear-gradient(90deg,rgba(var(--acrgb),.08),transparent 18% 82%,rgba(var(--acrgb),.08)),repeating-linear-gradient(90deg,transparent 0 15%,rgba(97,130,151,.08) 15.2% 15.7%,transparent 15.9% 25%),url(./hintergrund-3r6QcnI2.webp) center / cover no-repeat,linear-gradient(180deg,#07121c,#0d1c28 58%,#071019)}.wc-art:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.56;background:linear-gradient(rgba(var(--acrgb),.13) 1px,transparent 1px) 0 66% / 100% 25%,linear-gradient(90deg,rgba(var(--acrgb),.09) 1px,transparent 1px) 50% 0 / 12.5% 100%;transform:perspective(180px) rotateX(52deg) scale(1.18);transform-origin:50% 100%}.wc-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,12,19,.16),transparent 34% 68%,rgba(3,9,14,.5)),radial-gradient(70% 76% at 50% 48%,transparent 46%,rgba(2,8,13,.5) 100%);box-shadow:inset 0 0 24px #00000057}.wc-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:brightness(1.03) saturate(1.05) drop-shadow(0 9px 9px rgba(0,0,0,.5))}.wc-sperrband{position:absolute;z-index:2;left:-16%;right:-16%;top:50%;translate:0 -50%;rotate:-9deg;padding:5px 0;text-align:center;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#ffe7e4;text-shadow:0 1px 3px rgba(0,0,0,.55);background:linear-gradient(180deg,#0003,#00000057),linear-gradient(180deg,rgba(var(--redrgb),.93),rgba(var(--redrgb),.82));border-top:1px solid rgba(var(--redrgb),.68);border-bottom:1px solid rgba(var(--redrgb),.68);box-shadow:0 6px 22px #00000061}.wc-secret-copy{flex:1;display:grid;place-items:center;min-height:62px;text-align:center}.wc-secret-copy h3{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.werft-card.sel{border-color:rgba(var(--amberrgb),.6);background:linear-gradient(180deg,rgba(var(--amberrgb),.13),rgba(var(--amberrgb),.04)),rgba(var(--glassrgb),.62);box-shadow:inset 0 1px #ffffff09,inset 0 0 30px rgba(var(--amberrgb),.04)}.werft-card.sel .wc-art{border-bottom-color:rgba(var(--amberrgb),.72);box-shadow:inset 0 -1px 16px rgba(var(--amberrgb),.12)}.werft-card.sel .wc-art img{filter:brightness(1.1) saturate(1.08) drop-shadow(0 9px 9px rgba(0,0,0,.48)) drop-shadow(0 0 8px rgba(var(--amberrgb),.22))}.werft-card.aus{opacity:1;border-color:rgba(var(--acrgb),.14)}.werft-card.aus>:not(.wc-sperre){opacity:.52}.werft-card.aus>.wc-sperre{opacity:.9}.werft-card.aus.werft-card--secret>*{opacity:1}.wc-kopf{display:flex;align-items:baseline;justify-content:flex-start;gap:10px}.wc-kopf h3{flex:1;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}.wc-preis{flex:none;font-size:12px;color:var(--amber);letter-spacing:.06em}.werft-card p{flex:1;font-size:13px;line-height:1.6;color:var(--faint)}.wc-sperre{font-family:var(--f-mono);font-size:10.5px;line-height:1.5;letter-spacing:.04em;color:var(--red)}.wc-waffen{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wc-waffen>span{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.wbtn{font-family:var(--f-disp);font-size:12px;letter-spacing:.08em;color:var(--dim);background:#0a1723;border:1px solid var(--line);padding:6px 11px;cursor:pointer;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.wbtn.sel{color:#04131c;border-color:transparent;background:linear-gradient(180deg,rgba(var(--amberrgb),.92),rgba(var(--amberrgb),.55))}.werft-card .btn{width:100%;padding:10px 14px;font-size:13px}.werft-card .btn:disabled{cursor:default;filter:none;opacity:.6}#werft-msg{min-height:1.3em;font-size:12px;color:var(--ok)}#werft-msg:empty{display:none}#werft-msg.err{color:var(--red)}.cloakbtn,.icobtn{width:38px;height:31px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line);color:var(--dim);cursor:pointer;padding:0;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.cloakbtn:hover,.icobtn:hover{color:var(--ink);border-color:var(--dim)}.cloakbtn:focus-visible,.icobtn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--amber)}.cloakbtn svg,.icobtn svg{width:17px;height:17px;display:block}header .cloakbtn{margin-left:auto}.fleet-cloak{display:none}.cloakbtn .cc-strike{visibility:hidden}body.cloak .cloakbtn{color:var(--amber);border-color:rgba(var(--amberrgb),.6)}body.cloak .cloakbtn .cc-strike{visibility:visible}.ownwrap{position:relative}.cloakcover{display:none;position:absolute;inset:0;z-index:12;flex-direction:column;gap:7px;align-items:center;justify-content:center;cursor:pointer;color:var(--dim);font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;background:repeating-linear-gradient(135deg,rgba(var(--acrgb),.05) 0 14px,transparent 14px 28px),linear-gradient(180deg,#0c1c2b,#081420);border:1px dashed rgba(var(--acrgb),.5)}.cloakcover .cc-ico{font-size:30px}.cloakcover b{font-family:var(--f-disp);font-size:14px;letter-spacing:.3em;color:var(--ac)}body.cloak #scr-battle .ownwrap .cloakcover{display:flex}body.cloak #scr-battle .ownwrap .scene{visibility:hidden}body.cloak .f-own #fs-own{filter:blur(7px);pointer-events:none}.bb-toggle{display:none;align-items:center;justify-content:center;padding:1px 30px;background:none;border:1px solid var(--line);color:var(--dim);cursor:pointer;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.bb-toggle:hover{color:var(--ink);border-color:var(--dim)}.bb-toggle:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--amber)}.bb-toggle svg{width:15px;height:15px;display:block;transition:transform .18s}body.bb-compact .bb-toggle svg{transform:rotate(180deg)}@media(min-width:701px){.bb-toggle{display:flex}.battle-bottom{min-height:calc(min(230px,32dvh) - 40px)}.own-zone{position:relative;width:calc(var(--bs)*1.12);--bs: min(230px, 32dvh)}.own-zone .ownwrap{position:absolute;left:0;right:0;bottom:0}.own-zone .ship{transform:translateZ(4px)}.own-zone .ship:before{transform:translateZ(2px)}.own-zone .ship.sunk{transform:translateZ(1px)}.own-zone .treffpunkt{transform:translate(-50%,-50%) translateZ(5px)}body.bb-compact .own-zone .ship{transform:translateZ(2px)}body.bb-compact .own-zone .ship:before{transform:translateZ(1px)}body.bb-compact .own-zone .treffpunkt{transform:translate(-50%,-50%) translateZ(3px)}.logpanel{position:relative}.bb-toggle{position:absolute;top:7px;right:9px;z-index:5;padding:1px 18px;background:#0a1723e6}.logpanel h3{padding-right:64px}body.bb-compact .own-zone{--bs: min(14vmin, 120px)}body.bb-compact .battle-bottom{min-height:min(14vmin,120px)}body.bb-compact .fleetpanel,body.bb-compact .logpanel{max-height:132px}body.bb-compact .fleetpanel{padding:8px 12px}body.bb-compact .fleetpanel h3{margin-bottom:3px;font-size:10.5px}body.bb-compact .frow{padding:0;font-size:9.5px;gap:5px}body.bb-compact .frow .sq i{width:6px;height:6px}body.bb-compact .frow .tag{font-size:8.5px}body.bb-compact .logpanel{padding:8px 12px}body.bb-compact .logpanel h3{margin-bottom:3px}body.bb-compact #log{font-size:10.5px;line-height:1.6;flex:0 0 auto;max-height:66px}body.bb-compact .own-zone .ownwrap{transform:translate(-10px,10px)}}.bmenu{display:none;order:9;gap:6px;align-items:stretch;margin:0 -6px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid rgba(var(--acrgb),.4);background:linear-gradient(180deg,#101c27f2,#0b141de6)}body.native .bmenu{padding-bottom:5px}.bmenu button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:1px solid transparent;color:var(--dim);cursor:pointer;font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:4px 2px}.bmenu .bmi{width:19px;height:19px;display:block;filter:drop-shadow(0 0 4px rgba(var(--acrgb),.35))}.bmenu button.on{color:var(--amber);border-color:rgba(var(--amberrgb),.55);background:rgba(var(--amberrgb),.07)}.bmenu button:focus-visible{outline:2px solid var(--amber);outline-offset:1px}@media(max-width:700px){header{padding:5px 10px;gap:8px}.logo-s{display:none}header .hbtn{display:none}header .icobtn{display:none}#scr-battle header #bt-cloak{display:none}#scr-battle header #bt-rules3{display:inline-flex;margin-left:auto}#scr-battle header #bt-rules3.mobile-online-hidden{display:none}#scr-place header .place-abort-icon{display:inline-flex;margin-left:auto}.turnbadge{font-size:12.5px;padding:5px 10px;gap:7px;margin-left:0;flex:1;justify-content:center}#scr-battle{padding:4px 6px 0;gap:6px}.target-zone{--mobile-action-size: 46px;--mobile-action-gap: 8px;--mobile-action-reserve: calc(var(--mobile-action-size) + var(--mobile-action-gap) + var(--mobile-action-gap));justify-content:flex-start;--bs: max(96px, min(100vw - 66px, calc(100cqh - var(--mobile-action-reserve))))}.target-zone .tgwrap{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) var(--mobile-action-reserve)}.target-zone .scene{grid-row:1;align-self:safe center}.boardlabel{font-size:11px;margin-bottom:6px;gap:6px}.place-board .boardlabel{display:none}.ovbtn{width:46px;height:46px}.ovbtn svg{width:23px;height:23px}#bt-orient{left:8px;bottom:0}#bt-fire{right:8px;bottom:0}.ovbtn.react{right:calc(8px + var(--mobile-action-size) + var(--mobile-action-gap));bottom:0}.reaction-main-icon{width:42px;height:42px}.reactpop{right:calc(8px + var(--mobile-action-size) + var(--mobile-action-gap));bottom:calc(var(--mobile-action-size) + var(--mobile-action-gap))}.actionov{bottom:calc(var(--mobile-action-size) + var(--mobile-action-gap))}.reactpop.on{display:grid;grid-template-columns:repeat(3,52px)}.battle-dock{display:block;position:relative;order:5;flex:0 0 auto;margin:0 -6px;z-index:40;isolation:isolate}.battle-dock .bmenu{display:flex;position:relative;z-index:2;margin:0}#wlist .wrow{min-width:48px;padding:5px 4px}.wsym{font-size:20px}.wname{display:none}#toasts{top:calc(96px + env(safe-area-inset-top));right:8px;max-width:72vw}.battle-bottom{display:none;position:absolute;left:0;right:0;bottom:100%;z-index:1;max-height:calc(100dvh - 150px);overflow-y:auto;padding:12px 12px 14px;gap:12px;background:linear-gradient(180deg,#0d1822f7,#081018f7);border-top:1px solid rgba(var(--acrgb),.5);box-shadow:0 -18px 40px #0000008c}body.sheet-fleet .battle-bottom,body.sheet-log .battle-bottom{display:flex;flex-direction:column;align-items:center}body.sheet-log .own-zone,body.sheet-log .fleetpanel,body.sheet-fleet .logpanel{display:none}body.sheet-fleet .battle-bottom>.fleet-cloak{display:inline-flex;position:absolute;top:12px;right:12px;z-index:3;width:44px;height:44px}.own-zone{--bs: min(64vw, 230px)}.fleetpanel{width:100%;max-height:none;overflow-y:visible}.fleetpanel h3{text-transform:none}.fleetpanel h3>.fleet-role,.fleet-title-desktop{display:none}.fleet-title-mobile{display:inline}.logpanel{width:100%;max-height:32dvh}#scr-place{padding:6px 8px 10px;gap:8px}.place-main{gap:8px}.place-rail{max-width:460px;gap:6px}.place-rail .shiplist{gap:6px;padding:6px 8px}.shiprow{padding:6px 9px}.shiprow .wpn{display:none}.shiprow .nm{font-size:11px}.place-hint{display:none}.place-actions{padding:0 8px 8px}}.start-nav{grid-area:nav;order:0;flex:0 0 auto;align-self:flex-end;justify-self:stretch;display:flex;align-items:stretch;justify-content:flex-start;gap:var(--start-abstand);flex-wrap:wrap;margin:max(12px,env(safe-area-inset-top)) var(--start-abstand) 0 20px}body:not(.native) #scr-start .start-nav #bt-optionen{margin-left:auto}.start-nav .hbtn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;line-height:1.15;white-space:nowrap}.start-nav-icon{display:block;width:20px;height:20px;flex:none;filter:drop-shadow(0 0 4px rgba(var(--acrgb),.35))}.start-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.start-muenzen{align-self:center;flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 11px 0 4px;font-size:17px;letter-spacing:.04em;color:var(--amber);white-space:nowrap}body:not(.native) #scr-start .start-muenzen{margin-left:calc(2px - var(--start-abstand))}.start-help{grid-area:help;align-self:start;justify-self:end;width:44px;height:44px;min-width:44px;min-height:44px;margin:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 0 0;padding:0;display:grid;place-items:center}.start-help svg{width:20px;height:20px;display:block;filter:drop-shadow(0 0 4px rgba(var(--acrgb),.35))}body.native #scr-start .start-scroll{order:1;padding:24px 20px 18px}body.native #scr-start.on{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:". help" "content content" "nav nav"}body.native #scr-start .start-help{margin:8px 12px 0 0}body.native #scr-start .start-nav{order:2;align-self:stretch;justify-self:stretch;max-width:none;margin:0;padding:4px 8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex-wrap:nowrap;border-top:1px solid rgba(var(--acrgb),.4);background:linear-gradient(180deg,#101c27f7,#0b141df0);box-shadow:0 -10px 24px #0003}body.native #scr-start .start-nav .hbtn{min-width:0;min-height:48px;flex-direction:column;gap:2px;padding:3px 6px;border-color:transparent;clip-path:none;font-size:9px;line-height:1.1;letter-spacing:.1em}body.native #scr-start .start-nav .hbtn:active{color:var(--amber);background:rgba(var(--amberrgb),.07)}body.native #scr-start #bt-profil .pav{width:20px;height:20px}body.native #scr-start .start-muenzen{position:fixed;top:max(8px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:3;min-height:44px;margin:0;padding:0;font-size:17px}@media(max-width:480px){body:not(.native) #scr-start{--start-abstand: 12px}body:not(.native) #scr-start .start-nav{align-self:stretch;justify-self:stretch;max-width:none;margin:max(10px,env(safe-area-inset-top)) var(--start-abstand) 0 12px}body:not(.native) #scr-start .start-help{margin:max(10px,env(safe-area-inset-top)) 12px 0 0}body:not(.native) #scr-start .start-nav .hbtn{min-width:0;max-width:calc(50% - 4px);padding-inline:9px}}body:not(.native) #scr-start .start-nav .start-nav-icon-only-web{width:44px;min-width:44px;flex:0 0 44px;gap:0;padding:0}body:not(.native) #scr-start .start-nav-icon-only-web .start-nav-label{display:none}.selwrap{position:relative;display:flex;max-width:100%;color:var(--dim);transition:color .12s}.selwrap:hover{color:var(--ink)}.selwrap:after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}#lang-select{appearance:none;-webkit-appearance:none;min-height:44px;max-width:100%;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:inherit;background:transparent;border:1px solid var(--line);padding:7px 30px 7px 13px;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:border-color .12s}.selwrap:hover #lang-select{border-color:var(--dim)}#lang-select:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--amber)}#lang-select option{background:var(--panel);color:var(--ink)}#lang-select option:checked,.vselrow select option:checked{background:linear-gradient(var(--ac),var(--ac));color:#03131c}