html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0}*{-webkit-tap-highlight-color:transparent}.bildschirm[hidden],[hidden]{display:none!important}body>.drehkarte{position:fixed;z-index:80}@media(orientation:landscape){body>.drehkarte{display:flex}.bildschirm{visibility:hidden}}@media(orientation:landscape)and (min-height:600px){body>.drehkarte .etikett{max-width:620px;padding:28px 32px;gap:24px}body>.drehkarte .ic{width:84px;height:84px}body>.drehkarte b{font-size:30px}body>.drehkarte span{font-size:18px}}.inhalt.rollt{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.inhalt.rollt>*{flex:none}.praege{list-style:none;margin:10px 0 0;padding:0 var(--rand);display:flex;flex-wrap:wrap;gap:8px 10px;align-self:flex-start;position:relative;z-index:4}.praege li{font-family:var(--schild);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;line-height:1;padding:6px 9px 5px;color:var(--kontur);background-color:var(--blech-hell);background-image:var(--tex-buerste);border:2px solid var(--kontur);border-radius:3px;box-shadow:2px 2px 0 var(--kontur)}.praege li:nth-child(1){transform:rotate(-1.6deg)}.praege li:nth-child(2){transform:rotate(.8deg) translateY(2px)}.praege li:nth-child(3){transform:rotate(-.6deg);background-color:var(--senf-hell)}.satz-hell{margin:0;color:var(--creme);font-size:15px;font-weight:600;line-height:1.3}.besatzung{display:flex;flex-direction:column;gap:6px}.b-zeile{display:flex;align-items:center;gap:10px;padding:4px 4px 4px 6px;min-height:56px;background:#24201b8c;border:2px solid var(--kontur);border-radius:4px;color:var(--creme)}.b-zeile .abz{width:36px;height:36px}.b-name{flex:1;min-width:0;font-family:var(--schild);font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase;line-height:1}.b-name small{display:block;font-family:var(--text);font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--feld);margin-top:3px}.b-wahl{display:flex;gap:8px;padding:3px;border:2px solid var(--kontur);border-radius:6px;background:var(--blech-dunkel);background-image:var(--tex-buerste)}.b-wahl button{min-height:44px;min-width:48px;padding:4px 10px 3px;cursor:pointer;border:2px solid var(--kontur);border-radius:4px;background:var(--blech-hell);background-image:var(--tex-buerste);color:var(--kontur);font-family:var(--schild);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;line-height:1;box-shadow:2px 2px 0 var(--kontur);display:inline-flex;align-items:center;gap:5px}.b-wahl button .ic{width:18px;height:18px}.b-wahl button[aria-checked=true]{background-color:var(--senf-hell);transform:translate(2px,2px);box-shadow:inset 0 0 0 1px var(--kontur)}.b-wahl button:disabled{background-color:var(--blech);background-image:var(--tex-schraffur);color:var(--rumpf);box-shadow:none;transform:translate(2px,2px);cursor:not-allowed;border-style:dashed}.spielart .stufen{flex:none}.spielart .stufe{flex-direction:row;gap:7px;min-height:52px}.spielart .raster-3{margin-top:12px}.raster-2.regelwahl{margin-top:12px;row-gap:18px}@media(max-width:385px){.b-wahl button{padding:4px 7px 3px;font-size:14px}.b-wahl button .ic{display:none}}.gefecht .zielwahl{flex:none;gap:8px}.gefecht .zielwahl button{min-width:0}.gefecht .zielwahl button span.zw-text{min-width:0;overflow:hidden}.zielwahl button .zw-text{display:block}.gefecht .brett-bereich{padding-top:22px}.gefecht .brett-bereich,.aufstellen .brett-bereich{align-items:center}#g-brett,#au-brett{cursor:pointer}#g-brett:focus-visible,#au-brett:focus-visible{outline-offset:2px;border-radius:4%}button.flottenzeile{width:100%;text-align:left;cursor:pointer;font:inherit}button.flottenzeile .fz-auge{flex:none;display:inline-flex;align-items:center;gap:4px;padding:4px 7px 3px;border:2px solid var(--kontur);border-radius:3px;background:var(--blech-hell);background-image:var(--tex-buerste);color:var(--kontur);font-family:var(--schild);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;line-height:1}button.flottenzeile[aria-pressed=true]{background:var(--kontur);outline:2px solid var(--senf-hell);outline-offset:-4px}button.flottenzeile[aria-pressed=true] .fz-auge{background-color:var(--senf-hell)}button.flottenzeile:disabled{cursor:default}button.flottenzeile:disabled .fz-auge{display:none}@media(max-height:760px){.gefecht .flottenzeile.eigene{display:flex}.gefecht .mitte{gap:6px}.gefecht .flottenstand{gap:4px}.gefecht .flottenzeile{min-height:34px;padding-top:2px;padding-bottom:2px}.gefecht .flottenzeile .abz{width:26px;height:26px}.gefecht .zielwahl button{min-height:44px}}.gefecht .brett.ist-eigen .brett-schild{background-color:var(--senf-hell)}.faehigkeit[data-kurs=N] .f-knopf .ic{transform:rotate(-90deg)}.faehigkeit[data-kurs=S] .f-knopf .ic{transform:rotate(90deg)}.faehigkeit[data-kurs=W] .f-knopf .ic{transform:rotate(180deg)}.faehigkeit:disabled{cursor:not-allowed}.versenkt-karte{cursor:pointer}.ende .inhalt{gap:12px;padding-left:0;padding-right:0}.ende .ergebnis-platz{margin:0 var(--rand)}.ende .buehne{min-height:90px}.ergebnis .glueck{margin:0;padding-top:2px;font-size:14px;font-weight:600;line-height:1.3}.ergebnis .e-aufdecken{align-self:flex-start;min-height:48px;padding:6px 24px 5px;font-size:18px}.ergebnis .platzliste{margin:0;padding:0;list-style:none;display:grid;gap:2px;font-size:15px;font-weight:600}.ergebnis .platzliste b{font-family:var(--schild);letter-spacing:.04em;text-transform:uppercase;font-size:16px}@media(max-height:760px){.ende .inhalt{gap:8px;padding-top:8px}.ende .buehne{min-height:0}.ergebnis{padding:14px 16px 12px;gap:8px}.ergebnis dl>div{padding:5px 0 4px}.ergebnis dd{font-size:24px}}@media(max-height:600px){.ende .buehne{display:none}}.aufgedeckt .inhalt{gap:10px;padding-top:8px}.aufgedeckt .brett-bereich{flex:1 1 0;min-height:150px;padding-top:22px}.aufgedeckt .zielwahl{flex:none}.schuss-liste{flex:1 1 0;min-height:120px;display:flex;flex-direction:column;padding:12px 14px 10px}.schuss-liste h2{margin:0 0 6px;font-family:var(--schild);font-weight:700;font-size:16px;letter-spacing:.05em;text-transform:uppercase;flex:none}.schuss-liste ol{flex:1;min-height:0;overflow-y:auto;margin:0;padding:0 4px 0 0;list-style:none;font-size:15px;font-weight:500;line-height:1.35}.schuss-liste li{padding:4px 0 3px;border-bottom:1.5px dashed rgba(36,32,27,.45)}.schuss-liste li:last-child{border-bottom:0}.schuss-liste li b{font-family:var(--schild);font-weight:700;letter-spacing:.03em}.schuss-liste li .nr{font-family:var(--schild);font-weight:700;display:inline-block;min-width:2.2em}.schuss-liste li.treffer{font-weight:700}.schuss-liste li.treffer .erg{color:var(--rot-tief)}@media(min-width:700px){.aufgedeckt .inhalt{flex-direction:row;align-items:stretch}.aufgedeckt .zielwahl{position:absolute;top:8px;left:var(--rand);right:var(--rand)}.aufgedeckt .schuss-liste{flex:0 0 300px}}.recht .inhalt.rollt{display:block}.rechtstext h2:not(:first-child){margin-top:14px}.rechtstext ul{margin:0 0 10px;padding-left:20px}.rechtstext li{margin-bottom:4px}.rechtstext .vorweg{padding:8px 10px;margin-bottom:12px;border:2px dashed var(--kontur);border-radius:4px;font-weight:600}.einstellung .wahl-knopf{font-family:var(--schild);font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase}.einstellung .wahl-knopf .ic{transform:none}#au-brett,.werft button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.geist{position:fixed;z-index:9;pointer-events:none;filter:drop-shadow(3px 5px 0 rgba(36,32,27,.55))}.geist .schiff{position:absolute;left:0;top:0}.sonar-rahmen{position:absolute;z-index:3;width:30%;height:30%;pointer-events:none;border:2.5px dashed var(--kontur);border-radius:7px;box-shadow:inset 0 0 0 2px var(--senf-hell),0 0 0 2px var(--senf-hell)}.sonar-rahmen span{position:absolute;left:4px;top:-9px;padding:2px 5px 1px;border-radius:2px;background:var(--kontur);color:var(--senf-hell);font-family:var(--schild);font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;line-height:1}.feld.ist-geortet{background-image:radial-gradient(circle,transparent 0 29%,rgba(31,77,79,.45) 30% 36%,transparent 37%),radial-gradient(circle,rgba(31,77,79,.26) 0 .9px,transparent 1.3px),radial-gradient(circle,rgba(31,77,79,.26) 0 .9px,transparent 1.3px);background-size:100% 100%,5px 5px,5px 5px;background-position:center,0 0,2.5px 2.5px}.torpedo-lauf{position:absolute;z-index:5;width:10%;height:10%;pointer-events:none;filter:drop-shadow(2px 3px 0 rgba(36,32,27,.5))}.torpedo-lauf svg{width:100%;height:100%;display:block;overflow:visible}.torpedo-lauf.senkrecht svg{transform:rotate(90deg)}.schuss-liste li.spezial{background:#d39e3829}.gefecht .faehigkeiten{min-width:0}.gefecht .pult[data-faeh="5"]:not(.schublade) .faehigkeiten,.gefecht .pult[data-faeh="6"]:not(.schublade) .faehigkeiten{gap:8px;justify-content:space-between}.gefecht .pult[data-faeh="5"]:not(.schublade) .faehigkeit,.gefecht .pult[data-faeh="6"]:not(.schublade) .faehigkeit{min-width:0;flex:1 1 0}.gefecht .pult[data-faeh="5"]:not(.schublade) .faehigkeit .f-name,.gefecht .pult[data-faeh="6"]:not(.schublade) .faehigkeit .f-name{display:none}.gefecht .pult[data-faeh="5"]:not(.schublade) .faehigkeit .f-knopf,.gefecht .pult[data-faeh="6"]:not(.schublade) .faehigkeit .f-knopf{width:46px;height:46px}@media(max-height:760px){.gefecht .pult[data-faeh="1"]:not(.schublade),.gefecht .pult[data-faeh="2"]:not(.schublade),.gefecht .pult[data-faeh="3"]:not(.schublade){flex-direction:row;align-items:center}.gefecht .pult[data-faeh="1"]:not(.schublade) .faehigkeiten,.gefecht .pult[data-faeh="2"]:not(.schublade) .faehigkeiten,.gefecht .pult[data-faeh="3"]:not(.schublade) .faehigkeiten{gap:8px;flex:none}.gefecht .pult[data-faeh="1"]:not(.schublade) .faehigkeit,.gefecht .pult[data-faeh="2"]:not(.schublade) .faehigkeit,.gefecht .pult[data-faeh="3"]:not(.schublade) .faehigkeit{min-width:48px}.gefecht .pult[data-faeh="1"]:not(.schublade) .knopf-haupt,.gefecht .pult[data-faeh="2"]:not(.schublade) .knopf-haupt,.gefecht .pult[data-faeh="3"]:not(.schublade) .knopf-haupt{flex:1;min-width:0;padding:6px 14px 8px;gap:8px}.gefecht .pult[data-faeh="1"]:not(.schublade) .knopf-haupt:before,.gefecht .pult[data-faeh="2"]:not(.schublade) .knopf-haupt:before,.gefecht .pult[data-faeh="3"]:not(.schublade) .knopf-haupt:before,.gefecht .pult[data-faeh="1"]:not(.schublade) .knopf-haupt:after,.gefecht .pult[data-faeh="2"]:not(.schublade) .knopf-haupt:after,.gefecht .pult[data-faeh="3"]:not(.schublade) .knopf-haupt:after{display:none}.gefecht .pult[data-faeh]:not(.schublade) .faehigkeit .f-knopf{width:46px;height:46px}.gefecht .pult[data-faeh]:not(.schublade) .knopf-haupt{min-height:56px}}@media(max-height:600px){.gefecht .pult[data-faeh="4"]:not(.schublade),.gefecht .pult[data-faeh="5"]:not(.schublade),.gefecht .pult[data-faeh="6"]:not(.schublade){flex-direction:column;align-items:stretch}}@media(max-width:385px){.gefecht .pult[data-faeh="3"]:not(.schublade) .knopf-haupt .ziel-schild{font-size:18px;min-width:0;padding:2px 6px 1px}}@media(max-height:760px){.gefecht.mit-zielwahl .brett-bereich{padding-top:0}.gefecht.mit-zielwahl .brett-schild{display:none}.gefecht.mit-zielwahl .mitte>.flottenstand .flottenzeile:not(.eigene){display:none}.gefecht .pult[data-faeh="4"]:not(.schublade),.gefecht .pult[data-faeh="5"]:not(.schublade),.gefecht .pult[data-faeh="6"]:not(.schublade){gap:8px;padding-top:10px}.gefecht .pult[data-faeh="4"]:not(.schublade) .faehigkeit .f-knopf,.gefecht .pult[data-faeh="5"]:not(.schublade) .faehigkeit .f-knopf,.gefecht .pult[data-faeh="6"]:not(.schublade) .faehigkeit .f-knopf{width:44px;height:44px}}@keyframes tb-einschlag{0%{transform:scale(.35) rotate(-14deg)}50%{transform:scale(1.38) rotate(7deg)}to{transform:scale(1) rotate(0)}}.feld.frisch-treffer>svg{animation:tb-einschlag .27s steps(3,jump-none) both;transform-origin:50% 50%}@keyframes tb-ring{0%{transform:scale(.3)}to{transform:scale(1)}}.feld.frisch-wasser>svg{animation:tb-ring .3s steps(3,jump-none) both;transform-origin:48% 52%}.feld.frisch-wasser:before{content:"";position:absolute;inset:-35%;z-index:4;pointer-events:none;opacity:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23EAD9B8' stroke='%2324201B' stroke-width='3' stroke-linejoin='round'%3E%3Cpath d='M50 6c4 6 6 10 6 13a6 6 0 0 1-12 0c0-3 2-7 6-13z'/%3E%3Cpath d='M20 22c5 3 8 6 9 9a5 5 0 0 1-9 4c-1-3-1-7 0-13z'/%3E%3Cpath d='M80 22c-5 3-8 6-9 9a5 5 0 0 0 9 4c1-3 1-7 0-13z'/%3E%3Ccircle cx='12' cy='52' r='4.5'/%3E%3Ccircle cx='88' cy='50' r='4.5'/%3E%3Ccircle cx='30' cy='12' r='3'/%3E%3Ccircle cx='72' cy='11' r='3'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;animation:tb-spritz .33s steps(3,jump-none) both}@keyframes tb-spritz{0%{transform:scale(.5);opacity:1}50%{transform:scale(1);opacity:1}to{transform:scale(1.12) translateY(-8%);opacity:0}}.feld.ist-delle:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M20 74q30 16 60-2' fill='none' stroke='%238F8B80' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M30 14l14 20-7 13 19 15-6 16' fill='none' stroke='%2324201B' stroke-width='3.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M44 34l15-7M37 47l-11 6' fill='none' stroke='%2324201B' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M33 13l13 19' fill='none' stroke='%23E2DED3' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat}@keyframes tb-kipp-weg{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes tb-kipp-her{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.schiff.kippt-oben{z-index:3}.schiff.kippt-oben>svg{animation:tb-kipp-weg .3s steps(3) forwards;transform-origin:50% 50%}.schiff.kippt-unten>svg{animation:tb-kipp-her .3s steps(3) .3s both;transform-origin:50% 50%}.blasen{position:absolute;z-index:5;width:0;height:0;pointer-events:none}.blasen i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--feld);border:2px solid var(--kontur);animation:tb-blasen 1.4s steps(7) both}.blasen i:nth-child(2){left:-16px;width:7px;height:7px;animation-delay:.3s}.blasen i:nth-child(3){left:8px;width:8px;height:8px;animation-delay:.6s}.ping-welle{position:absolute;z-index:4;width:30%;height:30%;pointer-events:none}.ping-welle i{position:absolute;inset:0;border-radius:50%;border:3px solid var(--kontur);box-shadow:inset 0 0 0 2px var(--senf-hell),0 0 0 2px var(--senf-hell);opacity:0;animation:tb-welle .56s steps(4,jump-none) both}.ping-welle i:nth-child(2){animation-delay:.22s}@keyframes tb-welle{0%{transform:scale(.15);opacity:1}75%{opacity:1}to{transform:scale(1.05);opacity:0}}.kielwasser{position:absolute;z-index:4;width:10%;height:10%;pointer-events:none;background-image:linear-gradient(var(--creme),var(--creme)),linear-gradient(var(--creme),var(--creme));background-repeat:no-repeat;background-size:80% 3px,55% 3px;background-position:0 36%,30% 66%;animation:tb-kiel .5s steps(3) forwards}.kielwasser.senkrecht{background-size:3px 80%,3px 55%;background-position:36% 0,66% 30%}@keyframes tb-kiel{0%{opacity:1}to{opacity:0}}html.ruhig .feld.frisch-wasser:before,html.ruhig .kippt-oben,html.ruhig .blasen,html.ruhig .ping-welle,html.ruhig .kielwasser{display:none}@media(prefers-reduced-motion:reduce){.feld.frisch-wasser:before,.kippt-oben,.blasen,.ping-welle,.kielwasser{display:none}}.hinweis--einweisung{flex:none;gap:6px;padding:8px 10px 9px 12px}.hinweis--einweisung .h-text{font-size:15px;line-height:1.3}.hinweis--einweisung .h-knoepfe{display:flex;gap:10px;flex-wrap:wrap}.hinweis--einweisung .knopf-zweit{min-height:48px;padding:5px 20px 4px;font-size:18px}.spielart .inhalt{gap:8px}.moduswahl{margin-top:14px}.moduswahl .kachel{min-height:54px;padding-top:8px;padding-bottom:8px}.moduswahl .k-text{font-size:13px}.frage-zeile{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}.frage-zeile .frage{margin:0}.stufen--klein{padding:3px;gap:6px}.stufen--klein .stufe{flex-direction:row;min-height:44px;min-width:52px;padding:0 12px}.stufen--klein .stufe .s-wort{display:none}.b-zeile{min-height:48px;padding:2px 3px 2px 6px;gap:8px}.b-zeile .abz{width:32px;height:32px}.b-wahl{padding:0;border:0;background:none;gap:6px}.besatzung{gap:4px}.satz-klein{font-size:14px;line-height:1.28}.spielart .kachel--klein{min-height:52px;padding-bottom:8px}.regelwahl{row-gap:18px}.regelwahl .kachel--regel{min-height:48px;padding-top:6px;padding-bottom:6px}.regelwahl .k-text{display:none}.regelwahl .k-bild,.regelwahl .k-bild .ic{width:28px;height:28px}.regelwahl{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px}.regelwahl .kachel--regel{flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:9px 3px 6px}.regelwahl .k-spalte{align-items:center;min-width:0;max-width:100%}.regelwahl .k-titel{font-family:var(--schild);font-weight:700;font-size:12px;letter-spacing:.03em;text-transform:uppercase;line-height:1.05;text-align:center;overflow-wrap:normal}.regelwahl .k-bild,.regelwahl .k-bild .ic{width:24px;height:24px}.regelwahl .k-marke,.regelwahl .k-aus{right:4px}.start-oben .links{display:flex;gap:12px}.wahl-knopf--warnung{color:var(--rot-tief)}.reiter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:none}.reiter button,.lb-wahl button{min-height:48px;min-width:0;padding:4px 6px 3px;cursor:pointer;color:var(--kontur);border:var(--linie) solid var(--kontur);border-radius:5px;background-color:var(--blech-hell);background-image:var(--tex-buerste);font-family:var(--schild);font-weight:700;font-size:16px;letter-spacing:.05em;text-transform:uppercase;line-height:1;box-shadow:2px 3px 0 var(--kontur)}.reiter button[aria-selected=true],.lb-wahl button[aria-checked=true]{background-color:var(--senf-hell);transform:translate(2px,3px);box-shadow:inset 0 0 0 2px var(--kontur)}.lb-seite{display:flex;flex-direction:column;gap:12px;flex:none}.lb-wahl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;border:var(--linie) solid var(--kontur);border-radius:7px;background:var(--blech-dunkel);background-image:var(--tex-buerste)}.lb-wahl button{font-size:14px;min-height:44px}.bilanz dl{grid-template-columns:1fr 1fr}.bilanz dd{font-size:26px}.lb-leer,.lb-hinweis{margin:0;font-size:15px;font-weight:600;line-height:1.35}.orden-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;padding:16px 12px 14px}.orden{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-width:0}.orden .o-bild{width:58px;height:58px;display:block;overflow:visible}.orden b{font-family:var(--schild);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;line-height:1.05}.orden small{font-size:12px;font-weight:500;line-height:1.25}.orden.gesperrt b{text-decoration:underline dashed 1.5px;text-underline-offset:3px}.werft-vorschau{flex:none;height:74px;border:var(--linie) solid var(--kontur);border-radius:6px;background-color:var(--feld);background-image:radial-gradient(circle,rgba(31,77,79,.26) 0 .9px,transparent 1.3px),radial-gradient(circle,rgba(31,77,79,.26) 0 .9px,transparent 1.3px);background-size:5px 5px;background-position:0 0,2.5px 2.5px;box-shadow:3px 4px 0 var(--kontur);display:grid;place-items:center}.werft-vorschau .wv-schiff{width:82%;height:46px}.werft-vorschau .wv-schiff svg{width:100%;height:100%;display:block;overflow:visible}.werft-liste{display:flex;flex-direction:column;gap:18px;padding-top:6px}.bemalung{min-height:60px;gap:12px;text-align:left}.bemalung .b-bild{flex:none;width:92px}.bemalung .b-bild svg{width:100%;height:auto;display:block;overflow:visible}.bemalung .k-text{font-size:13px}.ergebnis.mit-bestwert .e-kopf{padding-right:76px}.ergebnis-platz .stempel.bestwert{top:6px;right:8px;bottom:auto;width:74px;height:74px;transform:rotate(9deg)}.neu-orden{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px var(--rand);background-image:repeating-linear-gradient(-45deg,#24201b8c 0 3px,#24201b4d 3px 8px);cursor:pointer}.neu-orden .etikett{max-width:340px;width:100%;padding:20px 18px 18px;text-align:center;transform:rotate(-2deg)}.neu-orden h2{margin:0 0 12px;font-family:var(--ruf);font-weight:400;font-size:26px;line-height:1.05}.neu-orden p{margin:12px 0 0;font-size:15px;font-weight:600}.neu-reihe{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.neu-orden-eins{display:flex;flex-direction:column;align-items:center;gap:6px;width:92px;animation:tb-stempeln .36s steps(3,jump-none) both}.neu-orden-eins .o-bild{width:76px;height:76px}.neu-orden-eins b{font-family:var(--schild);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;line-height:1.05}@keyframes tb-stempeln{0%{transform:scale(1.9) rotate(-14deg);opacity:0}50%{transform:scale(.9) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.regelwahl{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.regelwahl .kachel--regel{min-height:52px;padding:8px 3px 5px}.regelwahl .kachel--regel:disabled .k-marke,.regelwahl .kachel--regel:disabled .k-aus{display:none}.regelwahl .kachel--regel:disabled{cursor:not-allowed}.regelwahl .kachel--regel:disabled .k-spalte,.regelwahl .kachel--regel:disabled .k-bild{opacity:.55}.spielart #sa-klassisch{margin-top:2px}@media(max-height:760px){.regelwahl{gap:14px 8px}.regelwahl .kachel--regel{min-height:46px;padding-top:6px;padding-bottom:4px}}.spielart .inhalt{gap:6px}.moduswahl{margin-top:12px}.moduswahl .kachel{min-height:48px;padding-top:6px;padding-bottom:6px}.b-zeile{min-height:46px;padding-top:1px;padding-bottom:1px}.besatzung{gap:3px}.spielart .raster-3{margin-top:10px}.spielart .kachel--klein{min-height:48px;padding-bottom:6px}.regelwahl{margin-top:10px;gap:15px 8px}.regelwahl .kachel--regel{min-height:48px;padding:7px 3px 4px}.vorspann{position:fixed;inset:0;z-index:79;touch-action:none}.vs-schwarz{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center;padding:0 15%}.vs-karte{display:flex;flex-direction:column;align-items:center;gap:26px;width:100%;max-width:440px}.vs-lockup{position:relative;width:100%}.vs-lockup svg{display:block;width:100%;height:auto}.vs-vorhang{position:absolute;inset:-6% -2% -6% 20.5%;background:#000;transform-origin:right center}.vs-praes{font:600 15px -apple-system,Helvetica Neue,Arial,sans-serif;letter-spacing:.22em;margin-left:.22em;color:#86868b}.vs-deckel{position:absolute;inset:0;background:var(--blech-hell);border-bottom:5px solid var(--kontur);box-shadow:0 8px #24201b59}.start-knoepfe{align-items:stretch}.start-knoepfe .knopf-zweit{flex:none;flex-direction:column;gap:2px;min-width:92px;padding:6px 18px 5px}.start-knoepfe .knopf-zweit .ic{width:24px;height:24px}.start-knoepfe .knopf-zweit .kz-wort{font-size:15px}.haekchen{flex:none;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border:var(--linie) solid var(--kontur);border-radius:6px;background-color:var(--blech-hell);background-image:var(--tex-buerste);color:var(--kontur);text-align:left;cursor:pointer;font-family:var(--text);font-size:16px;font-weight:700;line-height:1.25;box-shadow:var(--sockel-x) var(--sockel-y) 0 0 var(--kontur);transition:transform 80ms ease-out,box-shadow 80ms ease-out}.haekchen .hk-box{flex:none;width:32px;height:32px;border:var(--linie) solid var(--kontur);border-radius:5px;background:var(--creme);display:grid;place-items:center;color:var(--kontur)}.haekchen .hk-box .ic{width:22px;height:22px;stroke-width:3;visibility:hidden}.haekchen[aria-checked=true] .hk-box{background:var(--senf-hell)}.haekchen[aria-checked=true] .hk-box .ic{visibility:visible}.haekchen:active{transform:translate(var(--sockel-x),var(--sockel-y));box-shadow:none}.haekchen:focus-visible{outline:3px dashed var(--creme);outline-offset:3px}.online-text{font-size:15px}.online-text h2:first-child{margin-top:0}.online-text p{margin:0 0 8px}.eingabe-zeile{display:flex;gap:10px;align-items:stretch}.eingabe{flex:1;min-width:0;width:100%;min-height:52px;padding:6px 12px;border:var(--linie) solid var(--kontur);border-radius:5px;background:var(--creme);color:var(--kontur);font-family:var(--text);font-size:18px;font-weight:700;box-shadow:inset 2px 3px #24201b2e;-webkit-appearance:none;appearance:none}.eingabe::placeholder{color:var(--blech-dunkel);font-weight:600}.eingabe:focus{outline:none}.eingabe:focus-visible{outline:3px dashed var(--creme);outline-offset:3px;box-shadow:0 0 0 3px var(--kontur),inset 2px 3px #24201b2e}.eingabe--code{font-family:var(--schild);font-size:34px;letter-spacing:.32em;text-transform:uppercase;text-align:center;min-height:64px;padding-left:calc(12px + .32em)}.eingabe-zeile .knopf-zweit{flex:none;min-height:52px;padding:5px 14px 4px;font-size:15px}.lobby .lb-seite{gap:10px}.lobby-liste{display:flex;flex-direction:column;gap:10px}.lobby-eintrag{display:flex;align-items:center;gap:10px;min-height:64px;padding:6px 10px 6px 8px;border:var(--linie) solid var(--kontur);border-radius:6px;background-color:var(--blech-hell);background-image:var(--tex-buerste);color:var(--kontur);text-align:left;cursor:pointer;box-shadow:var(--sockel-x) var(--sockel-y) 0 0 var(--kontur);font:inherit;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.lobby-eintrag:active{transform:translate(var(--sockel-x),var(--sockel-y));box-shadow:none}.lobby-eintrag:focus-visible{outline:3px dashed var(--creme);outline-offset:3px}.lobby-eintrag .abz{width:40px;height:40px}.lobby-eintrag .le-text{flex:1;min-width:0}.lobby-eintrag .le-name{display:block;font-family:var(--schild);font-weight:700;font-size:17px;letter-spacing:.04em;text-transform:uppercase;line-height:1.05}.lobby-eintrag .le-info{display:block;font-family:var(--text);font-size:13px;font-weight:600;line-height:1.25;margin-top:3px}.lobby-eintrag .le-vitrine{display:flex;gap:3px;margin-top:4px}.lobby-eintrag .le-vitrine .o-bild{width:22px;height:22px;display:block;overflow:visible}.lobby-eintrag .le-rechts{flex:none;display:flex;align-items:center;gap:2px}.lobby-eintrag .le-rechts .ic{width:22px;height:22px}.lobby-leer,.lobby-lade{margin:0;padding:14px 12px;border:2px dashed var(--creme);border-radius:6px;color:var(--creme);font-size:15px;font-weight:600;line-height:1.3}.lo-sicht{grid-template-columns:repeat(3,minmax(0,1fr))}.lo-sicht button{font-size:13px}.lo-feld{display:flex;flex-direction:column;gap:6px}.lo-feld label{color:var(--creme);font-size:14px;font-weight:600;line-height:1.3}.lobby .frage,.warteraum .frage{margin:6px 0 0}.pult .hinweis{flex:none}.op-karte .frage{color:var(--kontur);margin:14px 0 4px}.op-name{display:flex;align-items:center;gap:12px}.op-name .abz{width:56px;height:56px}.op-nametext{flex:1;min-width:0}.op-name b{display:block;font-family:var(--ruf);font-weight:400;font-size:22px;line-height:1.1}.op-name small{display:block;font-size:13px;font-weight:600;margin-top:3px;line-height:1.25}.op-name .knopf-zweit{flex:none;flex-direction:column;gap:2px;padding:6px 12px 5px;min-height:56px;min-width:76px;font-size:12px}.op-satz{margin:0;font-size:14px;font-weight:600;line-height:1.3}.abz-wahl{display:flex;gap:8px}.abz-wahl button{flex:1;min-height:56px;display:grid;place-items:center;padding:4px;border:var(--linie) solid var(--kontur);border-radius:6px;background:var(--blech-hell);box-shadow:2px 3px 0 var(--kontur);cursor:pointer}.abz-wahl button .abz{width:40px;height:40px}.abz-wahl button[aria-checked=true]{background:var(--senf-hell);transform:translate(2px,3px);box-shadow:inset 0 0 0 2px var(--kontur)}.vitrine-wahl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.vitrine-wahl button{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:5px 2px 4px;border:var(--linie) solid var(--kontur);border-radius:6px;background:var(--blech-hell);box-shadow:2px 3px 0 var(--kontur);cursor:pointer;color:var(--kontur);font-family:var(--schild);font-weight:700;font-size:12px;letter-spacing:.02em;text-transform:uppercase;line-height:1.1;text-align:center}.vitrine-wahl button .o-bild{width:34px;height:34px;display:block;overflow:visible}.vitrine-wahl button[aria-checked=true]{background:var(--senf-hell);transform:translate(2px,3px);box-shadow:inset 0 0 0 2px var(--kontur)}.vitrine-wahl button:disabled{background-color:var(--blech);background-image:var(--tex-schraffur);box-shadow:none;transform:translate(2px,3px);cursor:not-allowed}.wr-karten{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}.kapitaen-karte{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:6px;padding:14px 10px 12px;min-height:196px}.kapitaen-karte .abz{width:56px;height:56px}.kapitaen-karte .kk-name{font-family:var(--ruf);font-weight:400;font-size:17px;line-height:1.1}.kapitaen-karte .kk-siege{font-family:var(--schild);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.kapitaen-karte .kk-vitrine{display:flex;gap:4px;min-height:30px}.kapitaen-karte .kk-vitrine .o-bild{width:30px;height:30px;display:block;overflow:visible}.kapitaen-karte .kk-schiff{width:90%;max-width:120px;margin-top:auto}.kapitaen-karte .kk-schiff svg{width:100%;height:auto;display:block;overflow:visible}.kapitaen-karte.leer{justify-content:center}.kapitaen-karte.leer:after{background-color:var(--blech);background-image:var(--tex-schraffur)}.kapitaen-karte.leer .abz{opacity:.35}.kapitaen-karte .kk-wartet{margin:0;font-size:15px;font-weight:700;line-height:1.3}.code-schild{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 14px 14px;text-align:center}.code-schild small{font-size:14px;font-weight:600}.code-schild b{font-family:var(--schild);font-weight:700;font-size:40px;letter-spacing:.3em;line-height:1;padding-left:.3em}.code-schild .knopf-zweit{min-height:48px;padding:5px 20px 4px;font-size:16px;margin-top:4px}.wr-einst{margin:0;color:var(--creme);font-size:14px;font-weight:600;line-height:1.3}.zuguhr{flex:none;margin-left:auto;padding:4px 9px 3px;border:2px solid var(--kontur);border-radius:4px;background:var(--blech-hell);color:var(--kontur);font-family:var(--schild);font-weight:700;font-size:17px;letter-spacing:.06em;line-height:1;min-width:52px;text-align:center}.zuguhr.knapp{background:var(--senf-hell)}.kopf--ereignis .zuguhr{visibility:hidden}@media(max-height:600px){.wr-karten{gap:10px}.kapitaen-karte{min-height:150px;padding:10px 8px 8px}.kapitaen-karte .abz{width:44px;height:44px}.code-schild b{font-size:32px}}.eingabe-zeile .knopf-zweit{min-width:96px;padding-left:18px;padding-right:18px}.gefecht .kopf.mit-uhr:not(.kopf--ereignis) .kb-titel{font-size:24px}.gefecht.online .flottenzeile .fz-name{width:96px}.gefecht.online .flottenzeile .fz-n{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}