@font-face{font-family:Rammetto One;src:url(fonts/RammettoOne-Regular.ttf) format("truetype");font-display:block}@font-face{font-family:Big Shoulders;src:url(fonts/BigShoulders-Bold.ttf) format("truetype");font-weight:700;font-display:block}@font-face{font-family:Archivo Narrow;src:url(fonts/ArchivoNarrow-wght.ttf) format("truetype");font-weight:400 700;font-display:block}:root{--meer: #2D6A6C;--meer-tief: #1F4D4F;--welle: #3F8481;--feld: #9FC4BB;--blech: #BCB8AB;--blech-dunkel: #8F8B80;--blech-hell: #E2DED3;--rumpf: #6A665D;--rot: #B8412E;--rot-tief: #7E2A1F;--rot-hell: #D46A50;--creme: #EAD9B8;--senf: #D39E38;--senf-tief: #9C6F26;--senf-hell: #EDC979;--kontur: #24201B;--grund: #56534E;--ruf: "Rammetto One", "Arial Black", sans-serif;--schild: "Big Shoulders", "Arial Narrow", sans-serif;--text: "Archivo Narrow", "Arial Narrow", sans-serif;--g-ruf-xl: 40px;--g-ruf-l: 28px;--g-ruf-m: 26px;--g-ruf-s: 18px;--g-schild-zahl: 30px;--g-schild-l: 20px;--g-schild-m: 16px;--g-schild-s: 13px;--g-schild-min: 12px;--g-text-l: 17px;--g-text-m: 15px;--g-text-s: 13px;--g-text-min: 12px;--r1: 4px;--r2: 8px;--r3: 12px;--r4: 16px;--r5: 24px;--r6: 32px;--rand: 12px;--linie: 2.5px;--sockel-x: 3px;--sockel-y: 4px;--sicher-oben: max(env(safe-area-inset-top, 0px), var(--sim-oben, 0px));--sicher-unten: max(env(safe-area-inset-bottom, 0px), var(--sim-unten, 0px));--sicher-links: max(env(safe-area-inset-left, 0px), 0px);--sicher-rechts: max(env(safe-area-inset-right, 0px), 0px);--tex-korn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .14 0 0 0 0 .12 0 0 0 0 .1 2.6 0 0 0 -1.25'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23k)'/%3E%3C/svg%3E");--tex-korn-hell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' seed='19' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .93 0 0 0 0 .88 3 0 0 0 -1.75'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23k)'/%3E%3C/svg%3E");--tex-abrieb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.07' numOctaves='4' seed='23' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .89 0 0 0 0 .87 0 0 0 0 .83 13 0 0 0 -7.45'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23a)'/%3E%3C/svg%3E");--tex-schuppen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='22'%3E%3Cg fill='none' stroke='%232D6A6C' stroke-width='2.4'%3E%3Cpath d='M0 22a22 22 0 0 1 44 0'/%3E%3Cpath d='M-22 11a22 22 0 0 1 44 0M22 11a22 22 0 0 1 44 0'/%3E%3Cpath d='M0 0a22 22 0 0 1 44 0'/%3E%3C/g%3E%3C/svg%3E");--tex-schraffur: repeating-linear-gradient(-45deg, rgba(36,32,27,.26) 0 2px, transparent 2px 7px);--tex-buerste: repeating-linear-gradient(0deg, rgba(226,222,211,.5) 0 1px, transparent 1px 3px, rgba(36,32,27,.06) 3px 4px, transparent 4px 5px)}.raster-meer{background-image:radial-gradient(circle,rgba(31,77,79,.3) 0 1.05px,transparent 1.5px),radial-gradient(circle,rgba(31,77,79,.3) 0 1.05px,transparent 1.5px);background-size:6px 6px;background-position:0 0,3px 3px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--kontur);font-family:var(--text);font-size:var(--g-text-l);line-height:1.35;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;touch-action:manipulation}.unsichtbar{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.grund{background-color:var(--meer-tief);background-image:var(--tex-schuppen);background-size:44px 22px}.bildschirm{position:relative;width:100vw;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.bildschirm:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:90;background-image:var(--tex-korn),var(--tex-korn-hell);background-size:220px 220px,260px 260px;mix-blend-mode:multiply;opacity:.55}.ruf{font-family:var(--ruf);font-weight:400;line-height:1.05;letter-spacing:.005em;margin:0}.schild-text{font-family:var(--schild);font-weight:700;text-transform:uppercase;letter-spacing:.045em;line-height:1}.zahl{font-family:var(--schild);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}:focus{outline:none}:focus-visible,.ist-fokus{outline:3px dashed var(--creme);outline-offset:3px;box-shadow:0 0 0 3px var(--kontur),var(--sockel, 0 0 0 0 transparent)!important}.kopf{position:relative;z-index:5;flex:none}.kopf-form{background:var(--kontur);padding-bottom:3px;clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),0 100%)}.kopfband{position:relative;background-color:var(--rot);background-image:radial-gradient(circle,rgba(126,42,31,.45) 0 1.1px,transparent 1.6px),radial-gradient(circle,rgba(126,42,31,.45) 0 1.1px,transparent 1.6px);background-size:6px 6px;background-position:0 0,3px 3px;padding:calc(var(--sicher-oben) + 8px) calc(var(--rand) + var(--sicher-rechts)) 8px calc(var(--rand) + var(--sicher-links));clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),0 100%)}.kopfband:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--tex-abrieb);background-size:300px 300px;opacity:.9;-webkit-mask-image:radial-gradient(ellipse farthest-corner at 45% 40%,transparent 58%,#000 100%);mask-image:radial-gradient(ellipse farthest-corner at 45% 40%,transparent 58%,#000 100%)}.kb-zeile{position:relative;z-index:1;display:flex;align-items:center;gap:var(--r3);min-height:52px}.kopf.mit-schluessel .kb-zeile{padding-right:62px}.kb-titel{color:var(--creme);font-family:var(--ruf);font-size:28px;line-height:1.02;margin:0;text-shadow:2px 2px 0 var(--senf-tief);flex:1;min-width:0}.saum{position:relative;z-index:1;margin:8px calc(-1 * (var(--rand) + var(--sicher-rechts))) -8px calc(-1 * (var(--rand) + var(--sicher-links)));padding:7px calc(var(--rand) + 40px) 19px calc(var(--rand) + var(--sicher-links));background:var(--rot-tief);color:var(--creme);font-family:var(--text);font-size:var(--g-text-m);font-weight:600;line-height:1.3}.saum b{font-family:var(--schild);font-weight:700;font-size:1.12em;letter-spacing:.03em;color:var(--senf-hell)}.kopf--gegner .kopfband{background-color:var(--blech);background-image:var(--tex-buerste)}.kopf--gegner .kb-titel{color:var(--kontur);text-shadow:2px 2px 0 var(--blech-hell)}.kopf--gegner .saum{background:var(--kontur)}.kopf--ereignis .kopfband{background:var(--creme)}.kopf--ereignis .kopfband>.strahlen{position:absolute;inset:0;z-index:0}.kopf--ereignis .kb-titel{color:var(--senf);font-size:40px;-webkit-text-stroke:2.5px var(--rot-tief);paint-order:stroke fill;text-shadow:3px 3px 0 var(--rot),5px 5px 0 var(--rot-tief);transform:rotate(-3deg);transform-origin:left center;letter-spacing:.01em}.kopf--ereignis .saum{background:var(--rot-tief)}.strahlen svg{display:block;width:100%;height:100%}.inhalt{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--r3) calc(var(--rand) + var(--sicher-rechts)) var(--r3) calc(var(--rand) + var(--sicher-links));gap:var(--r3)}.pult{position:relative;z-index:4;flex:none;background-color:var(--blech-hell);background-image:var(--tex-buerste);border-top:3px solid var(--kontur);box-shadow:inset 0 -1px 0 var(--blech);padding:14px calc(var(--rand) + var(--sicher-rechts)) calc(var(--sicher-unten) + 14px) calc(var(--rand) + var(--sicher-links));display:flex;flex-direction:column;gap:12px}.pult:before,.pult:after{content:"";position:absolute;top:7px;width:9px;height:9px;border-radius:50%;background:var(--blech);border:1.5px solid var(--kontur);box-shadow:inset -1.5px -1.5px 0 var(--blech-dunkel)}.pult:before{left:6px}.pult:after{right:6px}.pult-zeile{display:flex;gap:10px;align-items:center}.pult-zeile>.wachsen{flex:1;min-width:0}.niete{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--blech-hell);border:1.5px solid var(--kontur);box-shadow:inset -1.5px -1.5px 0 var(--blech-dunkel)}.knopf-haupt{--sockel: var(--sockel-x) var(--sockel-y) 0 0 var(--senf), var(--sockel-x) var(--sockel-y) 0 var(--linie) var(--kontur);position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;width:100%;padding:6px 26px 8px;border:3px solid var(--kontur);border-radius:999px;background-color:var(--rot);color:var(--creme);background-image:radial-gradient(circle,rgba(126,42,31,.4) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(126,42,31,.4) 0 1px,transparent 1.5px);background-size:6px 6px;background-position:0 0,3px 3px;font-family:var(--ruf);font-size:var(--g-ruf-m);line-height:1;text-shadow:2px 2px 0 var(--rot-tief);box-shadow:var(--sockel);cursor:pointer;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.knopf-haupt:before,.knopf-haupt:after{content:"";position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--blech-hell);border:1.5px solid var(--kontur);box-shadow:inset -1.5px -1.5px 0 var(--blech-dunkel)}.knopf-haupt:before{left:13px}.knopf-haupt:after{right:13px}.knopf-haupt:active,.knopf-haupt.ist-gedrueckt{transform:translate(var(--sockel-x),var(--sockel-y));--sockel: 0 0 0 0 transparent;background-color:var(--rot-tief)}.knopf-haupt:disabled,.knopf-haupt.ist-gesperrt{--sockel: 0 0 0 0 transparent;cursor:not-allowed;transform:translate(var(--sockel-x),var(--sockel-y));background-color:var(--blech);background-image:var(--tex-schraffur);background-size:auto;background-position:0 0;color:var(--kontur);text-shadow:none;border-style:dashed}.knopf-haupt .ziel-schild{font-family:var(--schild);font-weight:700;font-size:22px;letter-spacing:.04em;color:var(--kontur);text-shadow:none;background:var(--blech-hell);background-image:var(--tex-buerste);border:2px solid var(--kontur);border-radius:4px;padding:3px 9px 2px;min-width:50px;text-align:center;transform:rotate(-2deg)}.knopf-haupt:disabled .ziel-schild,.knopf-haupt.ist-gesperrt .ziel-schild{font-size:15px;transform:none}.knopf-zweit{--sockel: var(--sockel-x) var(--sockel-y) 0 0 var(--kontur);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:6px 28px 5px;border:var(--linie) solid var(--kontur);border-radius:5px;background-color:var(--blech);background-image:var(--tex-buerste);color:var(--kontur);font-family:var(--schild);font-weight:700;font-size:var(--g-schild-l);text-transform:uppercase;letter-spacing:.05em;line-height:1;box-shadow:var(--sockel);cursor:pointer;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.knopf-zweit:before,.knopf-zweit:after{content:"";position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--blech-hell);border:1.5px solid var(--kontur);box-shadow:inset -1.5px -1.5px 0 var(--blech-dunkel)}.knopf-zweit:before{left:8px}.knopf-zweit:after{right:8px}.knopf-zweit .ic{width:22px;height:22px}.knopf-zweit:active,.knopf-zweit.ist-gedrueckt{transform:translate(var(--sockel-x),var(--sockel-y));--sockel: 0 0 0 0 transparent;background-color:var(--blech-dunkel)}.knopf-zweit:disabled,.knopf-zweit.ist-gesperrt{--sockel: 0 0 0 0 transparent;transform:translate(var(--sockel-x),var(--sockel-y));background-image:var(--tex-schraffur);border-style:dashed;cursor:not-allowed}.knopf-zweit.ist-gewaehlt{background-color:var(--senf-hell);--sockel: 0 0 0 0 transparent;transform:translate(var(--sockel-x),var(--sockel-y));border-width:3px}.knopf-zweit--warnung{color:var(--rot-tief)}.knopf-zweit--breit{width:100%}.knopf-symbol{--sockel: 2px 3px 0 0 var(--kontur);position:relative;flex:none;display:inline-grid;place-items:center;width:48px;height:48px;padding:0;border-radius:50%;border:var(--linie) solid var(--kontur);background:var(--blech-hell);color:var(--kontur);box-shadow:inset 0 0 0 3px var(--blech),inset 0 0 0 4.5px var(--kontur),var(--sockel);cursor:pointer;transition:transform 80ms ease-out}.knopf-symbol:focus-visible,.knopf-symbol.ist-fokus{box-shadow:inset 0 0 0 3px var(--blech),inset 0 0 0 4.5px var(--kontur),0 0 0 3px var(--kontur)!important}.knopf-symbol .ic{width:24px;height:24px}.knopf-symbol:active,.knopf-symbol.ist-gedrueckt{transform:translate(2px,3px);--sockel: 0 0 0 0 transparent;background:var(--blech)}.knopf-symbol:disabled,.knopf-symbol.ist-gesperrt{--sockel: 0 0 0 0 transparent;transform:translate(2px,3px);background:var(--blech);background-image:var(--tex-schraffur);color:var(--rumpf);cursor:not-allowed}.knopf-symbol[aria-pressed=true],.knopf-symbol.ist-gewaehlt{background:var(--senf);--sockel: 0 0 0 0 transparent;transform:translate(2px,3px);box-shadow:inset 0 0 0 3px var(--senf-tief),inset 0 0 0 4.5px var(--kontur)}.umschalter{position:relative;flex:none;width:84px;height:48px;padding:0;border:0;background:none;cursor:pointer}.umschalter .schlitz{position:absolute;inset:6px 0;border-radius:18px;background:var(--kontur);box-shadow:inset 0 0 0 2px var(--blech-dunkel)}.umschalter .wort{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--schild);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.umschalter .wort-an{left:12px;color:var(--senf-hell)}.umschalter .wort-aus{right:11px;color:var(--blech)}.umschalter .knauf{position:absolute;top:9px;width:30px;height:30px;border-radius:50%;border:var(--linie) solid var(--kontur);transition:left .14s cubic-bezier(.3,1.4,.5,1);box-shadow:inset -2px -2px #24201b47}.umschalter .knauf:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--blech-hell);border:1.5px solid var(--kontur)}.umschalter[aria-checked=true] .knauf{left:49px;background:var(--rot)}.umschalter[aria-checked=true] .wort-aus{visibility:hidden}.umschalter[aria-checked=false] .knauf{left:5px;background:var(--blech)}.umschalter[aria-checked=false] .wort-an{visibility:hidden}.umschalter:active .knauf,.umschalter.ist-gedrueckt .knauf{transform:scale(.9)}.umschalter:disabled,.umschalter.ist-gesperrt{cursor:not-allowed}.umschalter:disabled .schlitz,.umschalter.ist-gesperrt .schlitz{background:var(--rumpf);background-image:var(--tex-schraffur)}.umschalter:disabled .knauf,.umschalter.ist-gesperrt .knauf{background:var(--blech-dunkel)}.umschalter:focus-visible,.umschalter.ist-fokus{border-radius:24px}.etikett{--schnitt: 11px;color:var(--kontur);position:relative;isolation:isolate;filter:drop-shadow(var(--sockel-x) var(--sockel-y) 0 var(--kontur));padding:14px 16px}.etikett:before,.etikett:after{content:"";position:absolute;z-index:-1;clip-path:polygon(var(--schnitt) 0,calc(100% - var(--schnitt)) 0,100% var(--schnitt),100% calc(100% - var(--schnitt)),calc(100% - var(--schnitt)) 100%,var(--schnitt) 100%,0 calc(100% - var(--schnitt)),0 var(--schnitt))}.etikett:before{inset:0;background:var(--kontur)}.etikett:after{inset:var(--linie);background-color:var(--creme);background-image:radial-gradient(circle,rgba(156,111,38,.16) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(156,111,38,.16) 0 1px,transparent 1.4px);background-size:6px 6px;background-position:0 0,3px 3px}.kachel{--schnitt: 10px;color:var(--kontur);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:56px;padding:13px 12px 10px;border:0;background:none;text-align:left;cursor:pointer;filter:drop-shadow(var(--sockel-x) var(--sockel-y) 0 var(--kontur));transition:transform 80ms ease-out}.kachel:before,.kachel:after{content:"";position:absolute;z-index:-1;clip-path:polygon(var(--schnitt) 0,calc(100% - var(--schnitt)) 0,100% var(--schnitt),100% calc(100% - var(--schnitt)),calc(100% - var(--schnitt)) 100%,var(--schnitt) 100%,0 calc(100% - var(--schnitt)),0 var(--schnitt))}.kachel:before{inset:0;background:var(--kontur)}.kachel:after{inset:var(--linie);background:var(--creme)}.kachel .k-titel{font-family:var(--ruf);font-size:18px;line-height:1.1;color:var(--kontur)}.kachel .k-text{font-family:var(--text);font-size:var(--g-text-s);font-weight:500;line-height:1.25;color:var(--kontur)}.kachel .k-bild{width:54px;height:54px;flex:none}.kachel .k-marke{position:absolute;top:-15px;right:8px;display:none;align-items:center;gap:3px;padding:2px 6px 1px 5px;background:var(--rot-tief);color:var(--creme);border:2px solid var(--kontur);border-radius:3px;font-family:var(--schild);font-weight:700;font-size:12px;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;transform:rotate(2deg)}.kachel .k-marke .ic{width:12px;height:12px;stroke-width:3}.kachel--klein .k-marke{padding:3px;right:-6px}.kachel[aria-checked=true],.kachel.ist-gewaehlt{filter:none;transform:translate(var(--sockel-x),var(--sockel-y))}.kachel[aria-checked=true]:before,.kachel.ist-gewaehlt:before{background:var(--kontur)}.kachel[aria-checked=true]:after,.kachel.ist-gewaehlt:after{inset:4px;background-color:var(--senf-hell);background-image:radial-gradient(circle,rgba(156,111,38,.35) 0 1.1px,transparent 1.5px),radial-gradient(circle,rgba(156,111,38,.35) 0 1.1px,transparent 1.5px);background-size:6px 6px;background-position:0 0,3px 3px}.kachel[aria-checked=true] .k-marke,.kachel.ist-gewaehlt .k-marke{display:inline-flex}.kachel:active,.kachel.ist-gedrueckt{filter:none;transform:translate(var(--sockel-x),var(--sockel-y))}.kachel:active:after,.kachel.ist-gedrueckt:after{background:var(--blech-hell)}.kachel:disabled,.kachel.ist-gesperrt{filter:none;cursor:not-allowed;transform:translate(var(--sockel-x),var(--sockel-y))}.kachel:disabled:after,.kachel.ist-gesperrt:after{background-color:var(--blech);background-image:var(--tex-schraffur)}.kachel:disabled:before,.kachel.ist-gesperrt:before{background:var(--rumpf)}.kachel:focus-visible,.kachel.ist-fokus{box-shadow:none!important;outline:3px dashed var(--creme);outline-offset:4px}.kachel--quer{flex-direction:row;align-items:center;gap:10px}.punkte-staerke{display:inline-flex;gap:4px}.punkte-staerke i{width:10px;height:10px;border-radius:50%;border:2px solid var(--kontur);background:transparent}.punkte-staerke i.voll{background:var(--rot-tief)}.stufen{display:flex;gap:8px;padding:5px;border:var(--linie) solid var(--kontur);border-radius:8px;background:var(--blech-dunkel);background-image:var(--tex-buerste);box-shadow:var(--sockel-x) var(--sockel-y) 0 0 var(--kontur)}.stufe{flex:1;min-height:52px;min-width:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:var(--linie) solid var(--kontur);border-radius:5px;background:var(--blech-hell);color:var(--kontur);cursor:pointer;box-shadow:inset 0 -4px 0 var(--blech);padding:4px 6px}.stufe .s-zahl{font-family:var(--ruf);font-size:24px;line-height:1}.stufe .s-wort{font-family:var(--schild);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.stufe[aria-checked=true],.stufe.ist-gewaehlt{background:var(--rot);color:var(--creme);box-shadow:inset 2px 3px 0 var(--rot-tief)}.stufe[aria-checked=true] .s-zahl,.stufe.ist-gewaehlt .s-zahl{text-shadow:2px 2px 0 var(--rot-tief)}.stufe[aria-checked=true] .s-wort,.stufe.ist-gewaehlt .s-wort{background:var(--rot-tief);padding:1px 4px;border-radius:2px}.stufe:active,.stufe.ist-gedrueckt{box-shadow:inset 2px 3px 0 var(--blech-dunkel);background:var(--blech)}.stufe:disabled,.stufe.ist-gesperrt{background:var(--blech);background-image:var(--tex-schraffur);color:var(--rumpf);cursor:not-allowed;box-shadow:none}.stufe:focus-visible,.stufe.ist-fokus{position:relative;z-index:2}.dialog-decke{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,#24201bc7 0 3px,#24201b8c 3px 7px)}.dialog{width:min(100%,360px);display:flex;flex-direction:column;gap:12px;padding:22px 20px 20px}.dialog .d-titel{font-family:var(--ruf);font-size:24px;line-height:1.1;margin:0;color:var(--kontur)}.dialog .d-text{margin:0;font-size:var(--g-text-l);font-weight:500}.dialog .d-knoepfe{display:flex;flex-direction:column;gap:14px;margin-top:6px}.dialog .d-zeichen{position:absolute;top:-14px;left:18px;width:40px;height:40px;border-radius:50%;background:var(--senf);border:var(--linie) solid var(--kontur);display:grid;place-items:center;transform:rotate(-8deg)}.dialog .d-zeichen .ic{width:22px;height:22px}.hinweis{display:flex;align-items:flex-start;gap:10px;padding:10px 14px 11px 10px;background:var(--rot-tief);color:var(--creme);font-weight:600;font-size:var(--g-text-m);line-height:1.3;border:var(--linie) solid var(--kontur);border-radius:3px}.hinweis .h-zeichen{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--creme);color:var(--kontur);border:2px solid var(--kontur)}.hinweis .h-zeichen .ic{width:16px;height:16px}.hinweis--erfolg{background:var(--meer-tief)}.hinweis--erfolg .h-zeichen{background:var(--feld)}.hinweis--warnung{background:var(--kontur);color:var(--senf-hell)}.hinweis--warnung .h-zeichen{background:var(--senf)}.hinweis--einweisung{flex-direction:column;background:var(--kontur);gap:10px}.hinweis--siegel{background:var(--kontur);color:var(--creme);border-style:dashed}.hinweis--siegel .h-zeichen{background:var(--blech-hell)}.hinweis .h-schritte{display:flex;gap:6px;align-items:center;font-family:var(--schild);font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--senf-hell)}.hinweis .h-schritte i{width:10px;height:10px;border-radius:50%;border:2px solid var(--senf-hell)}.hinweis .h-schritte i.voll{background:var(--senf-hell)}.brett-bereich{position:relative;flex:1;min-height:0;container-type:size;display:flex;align-items:flex-start;justify-content:center}.brett{position:relative;width:min(100cqw,100cqh);aspect-ratio:1;container-type:inline-size;flex:none}.brett.frei{width:100%}.brett-tau{position:absolute;inset:0;border-radius:3.6cqw;border:2px solid var(--kontur);background-color:var(--senf);background-image:repeating-linear-gradient(-58deg,var(--senf-tief) 0 1.6px,var(--senf) 1.6px 4.6px,var(--senf-hell) 4.6px 6.4px,var(--senf) 6.4px 8.2px,var(--kontur) 8.2px 9.2px);box-shadow:3px 4px 0 0 var(--kontur)}.brett-innen{position:absolute;inset:2.9cqw;border:2px solid var(--kontur);border-radius:1.2cqw;overflow:hidden;display:grid;grid-template-columns:minmax(19px,6.4fr) repeat(10,10fr);grid-template-rows:minmax(19px,6.4fr) repeat(10,10fr);background:var(--creme)}.brett-innen.ohne-koord{grid-template-columns:repeat(var(--spalten,10),1fr);grid-template-rows:repeat(var(--zeilen,10),1fr)}.koord{display:grid;place-items:center;font-family:var(--ruf);font-size:max(12px,3.6cqw);line-height:1;color:var(--rot-tief)}.koord.ist-ziel{background:var(--rot-tief);color:var(--creme)}.koord-ecke{display:grid;place-items:center;background:var(--creme)}.koord-ecke .niete{width:2.4cqw;height:2.4cqw;min-width:6px;min-height:6px}.felder{position:relative;grid-column:2 / -1;grid-row:2 / -1;display:grid;grid-template-columns:repeat(var(--spalten,10),1fr);grid-template-rows:repeat(var(--zeilen,10),1fr);border-left:2px solid var(--kontur);border-top:2px solid var(--kontur)}.ohne-koord .felder{grid-column:1 / -1;grid-row:1 / -1;border:0}.feld{position:relative;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:inset 1.5px 1.5px #e2ded380,inset -1px -1px #1f4d4f59;border-right:1.3px solid rgba(36,32,27,.55);border-bottom:1.3px solid rgba(36,32,27,.55)}.feld>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:3}.feld.in-ziellinie{background-image:radial-gradient(circle,rgba(126,42,31,.34) 0 1.05px,transparent 1.45px),radial-gradient(circle,rgba(126,42,31,.34) 0 1.05px,transparent 1.45px)}.feld.ist-dunkel{background-color:var(--meer-tief);background-image:repeating-linear-gradient(-45deg,rgba(36,32,27,.55) 0 1.5px,transparent 1.5px 5px);box-shadow:none;border-color:#24201be6}.feld.vorschau-gut{background-color:var(--senf-hell);background-image:none;outline:2px dashed var(--kontur);outline-offset:-3px}.feld.vorschau-schlecht{background-color:var(--creme);background-image:repeating-linear-gradient(-45deg,var(--rot) 0 3px,transparent 3px 7px);outline:2px dashed var(--rot-tief);outline-offset:-3px}.feld.ist-wasser{background-image:linear-gradient(#e2ded36b,#e2ded36b),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:auto,5px 5px,5px 5px;background-position:0 0,0 0,2.5px 2.5px}.feld.ist-wasser.in-ziellinie{background-image:linear-gradient(#e2ded36b,#e2ded36b),radial-gradient(circle,rgba(126,42,31,.34) 0 1.05px,transparent 1.45px),radial-gradient(circle,rgba(126,42,31,.34) 0 1.05px,transparent 1.45px)}.feld.ist-grund{background-color:var(--meer);background-image:radial-gradient(circle,rgba(31,77,79,.6) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(31,77,79,.6) 0 1px,transparent 1.4px)}.schiffe{position:absolute;inset:0;pointer-events:none;z-index:2}.schiff{position:absolute}.schiff>svg{display:block;width:100%;height:100%;overflow:visible}.schiff.senkrecht{transform-origin:0 0;transform:rotate(90deg) translateY(-100%)}.schiff.abgetaucht>svg{opacity:.38}.schiff.vorschau>svg{opacity:.9}.brett-schild{position:absolute;z-index:6;top:-31px;left:7%;display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 5px;background:var(--blech-hell);background-image:var(--tex-buerste);border:2px solid var(--kontur);border-radius:4px;box-shadow:2px 3px 0 var(--kontur);transform:rotate(-1.5deg);font-family:var(--schild);font-weight:700;font-size:var(--g-schild-m);letter-spacing:.05em;text-transform:uppercase;line-height:1;color:var(--kontur);white-space:nowrap}.brett-schild .abz{width:24px;height:24px}.brett-schild .niete{width:7px;height:7px}.brett-mond{position:absolute;z-index:6;top:-17px;right:6%;width:34px;height:34px;border-radius:50%;background:var(--kontur);color:var(--senf-hell);border:2px solid var(--kontur);display:grid;place-items:center}.brett-mond .ic{width:20px;height:20px}.brett.ist-geschuettelt{animation:tb-schuetteln .2s steps(4) 1}.flottenstand{flex:none;display:flex;flex-direction:column;gap:6px}.flottenzeile{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;min-height:38px;background:#24201b8c;border:2px solid var(--kontur);border-radius:4px;color:var(--creme)}.flottenzeile .abz{width:30px;height:30px;flex:none}.flottenzeile .fz-name{font-family:var(--schild);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;line-height:1;width:66px;flex:none}.flottenzeile .fz-name small{display:block;font-family:var(--text);font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--feld);margin-top:3px}.flottenzeile .fz-schiffe{flex:1;min-width:0;display:flex;align-items:flex-end;gap:5px}.fz-schiff{display:flex;flex-direction:column;justify-content:flex-end;gap:3px;min-width:0}.fz-schiff .fz-bild{display:block}.fz-schiff .fz-bild svg{width:100%;height:auto;display:block;overflow:visible}.fz-schaden{display:flex;gap:1.5px}.fz-schaden i{flex:1;height:5px;border-radius:1px;background:var(--feld);border:1px solid var(--kontur)}.fz-schaden i.hit,.fz-schiff.ist-versenkt .fz-schaden i{background:var(--rot-tief)}.fz-schiff.ist-versenkt .fz-bild{opacity:.92}.schluessel{position:absolute;z-index:7;right:-6px;width:76px;height:58px;pointer-events:none}.schluessel svg{width:100%;height:100%;overflow:visible;display:block}.schluessel .fluegel{transform-box:view-box;transform-origin:44px 45px}.schluessel.dreht .fluegel{animation:tb-aufziehen 1.8s steps(9) infinite}.schluessel.dreht-schnell .fluegel{animation:tb-aufziehen .7s steps(7) infinite}.zugzeige{display:flex;align-items:center;gap:10px}.faehigkeiten{display:flex;gap:12px;align-items:flex-start}.faehigkeit{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:0;background:none;cursor:pointer;min-width:64px}.faehigkeit .f-knopf{--sockel: 2px 3px 0 0 var(--kontur);position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--senf);color:var(--kontur);border:var(--linie) solid var(--kontur);box-shadow:inset 0 0 0 3px var(--senf-hell),inset 0 0 0 4.5px var(--kontur),var(--sockel);transition:transform 80ms ease-out}.faehigkeit .f-knopf .ic{width:28px;height:28px}.faehigkeit .f-zahl{position:absolute;right:-7px;bottom:-4px;min-width:24px;height:22px;padding:2px 5px 0;border-radius:3px;background:var(--rot-tief);color:var(--creme);border:2px solid var(--kontur);font-family:var(--schild);font-weight:700;font-size:15px;line-height:16px;text-align:center;transform:rotate(4deg)}.faehigkeit .f-name{font-family:var(--schild);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;line-height:1;color:var(--kontur);white-space:nowrap}.faehigkeit:active .f-knopf,.faehigkeit.ist-gedrueckt .f-knopf{transform:translate(2px,3px);--sockel: 0 0 0 0 transparent;background:var(--senf-tief)}.faehigkeit.ist-scharf .f-knopf{background:var(--rot);color:var(--creme);box-shadow:inset 0 0 0 3px var(--rot-tief),inset 0 0 0 4.5px var(--kontur),0 0 0 4px var(--creme),0 0 0 6.5px var(--kontur);animation:tb-scharf .9s steps(2) infinite}.faehigkeit.ist-scharf .f-name{background:var(--rot-tief);color:var(--creme);padding:2px 4px;border-radius:2px}.faehigkeit.ist-leer .f-knopf,.faehigkeit:disabled .f-knopf,.faehigkeit.ist-gesperrt .f-knopf{--sockel: 0 0 0 0 transparent;transform:translate(2px,3px);background:var(--blech);background-image:var(--tex-schraffur);color:var(--rumpf);box-shadow:inset 0 0 0 3px var(--blech-hell),inset 0 0 0 4.5px var(--kontur)}.faehigkeit.ist-leer .f-zahl{background:var(--blech-dunkel);color:var(--kontur)}.faehigkeit.ist-leer .f-knopf:after{content:"";position:absolute;left:8px;right:8px;top:50%;height:3px;margin-top:-1.5px;background:var(--kontur);transform:rotate(-35deg);border-radius:2px}.faehigkeit:disabled,.faehigkeit.ist-gesperrt,.faehigkeit.ist-leer{cursor:not-allowed}.faehigkeit:focus-visible,.faehigkeit.ist-fokus{box-shadow:none!important;outline:none}.faehigkeit:focus-visible .f-knopf,.faehigkeit.ist-fokus .f-knopf{outline:3px dashed var(--kontur);outline-offset:4px}.abz{display:inline-block;flex:none}.abz svg{width:100%;height:100%;display:block;overflow:visible}.ergebnis{display:flex;flex-direction:column;gap:10px;padding:18px 18px 16px}.ergebnis .e-kopf{display:flex;align-items:center;gap:10px}.ergebnis .e-kopf .abz{width:42px;height:42px}.ergebnis .e-titel{font-family:var(--ruf);font-size:21px;line-height:1.05;margin:0}.ergebnis .e-unter{font-size:var(--g-text-s);font-weight:600;margin:2px 0 0}.ergebnis dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:2px solid var(--kontur)}.ergebnis dl>div{display:flex;flex-direction:column;gap:2px;padding:8px 0 7px;border-bottom:1.5px dashed rgba(36,32,27,.55)}.ergebnis dl>div:nth-child(odd){padding-right:10px;border-right:1.5px dashed rgba(36,32,27,.55)}.ergebnis dl>div:nth-child(2n){padding-left:12px}.ergebnis dt{font-size:var(--g-text-s);font-weight:600}.ergebnis dd{margin:0;font-family:var(--schild);font-weight:700;font-size:var(--g-schild-zahl);line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}.ergebnis dd small{font-size:16px}.stempel{position:absolute;z-index:3;width:104px;height:104px;color:var(--rot-tief);transform:rotate(-14deg);pointer-events:none}.stempel svg{width:100%;height:100%;overflow:visible}.einstellungen{display:flex;flex-direction:column;padding:4px 14px}.einstellung{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;min-height:60px;padding:6px 0;border-bottom:1.5px dashed rgba(36,32,27,.5)}.einstellung:last-child{border-bottom:0}.einstellung .e-zeichen{color:var(--kontur);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blech-hell);border:2px solid var(--kontur)}.einstellung .e-zeichen .ic{width:20px;height:20px}.einstellung .e-name{font-family:var(--text);font-size:var(--g-text-l);font-weight:700;line-height:1.15}.einstellung .e-name small{display:block;font-size:var(--g-text-s);font-weight:500;margin-top:2px}.wahl-knopf{min-height:48px;display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 12px;border:var(--linie) solid var(--kontur);border-radius:5px;background:var(--blech-hell);font-family:var(--schild);font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--kontur);cursor:pointer;box-shadow:2px 3px 0 var(--kontur)}.wahl-knopf .ic{width:20px;height:20px}.einstellung--recht{display:flex;gap:12px}.einstellung--recht .wahl-knopf{flex:1;min-width:0;justify-content:center;padding:4px 10px}.rechtstext{padding:18px 18px 16px;font-size:16px;line-height:1.45;max-width:62ch}.rechtstext h2{font-family:var(--schild);font-weight:700;font-size:18px;letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px}.rechtstext p{margin:0 0 10px}.rechtstext dl{margin:0 0 10px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px}.rechtstext dt{font-weight:700}.rechtstext dd{margin:0}.platzhalter{display:inline-block;padding:0 5px;border:1.5px dashed var(--rot-tief);color:var(--rot-tief);font-family:var(--schild);font-weight:700;letter-spacing:.05em;font-size:15px;background:#b8412e14}.ic{display:inline-block;width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;overflow:visible}@keyframes tb-aufziehen{0%{transform:scaleY(1)}50%{transform:scaleY(.12)}to{transform:scaleY(1)}}@keyframes tb-schuetteln{0%{transform:translate(0)}25%{transform:translate(-3px,1px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-1px,2px)}to{transform:translate(0)}}@keyframes tb-scharf{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes tb-wippen{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-3px) rotate(1.5deg)}}@keyframes tb-blasen{0%{transform:translateY(0);opacity:1}to{transform:translateY(-14px);opacity:0}}@keyframes tb-platte{0%{opacity:0}to{opacity:1}}.platte-senf{animation:tb-platte 1ms 0ms both}.platte-rot{animation:tb-platte 1ms 90ms both}.platte-kontur{animation:tb-platte 1ms .17s both}.wippt{animation:tb-wippen 2.6s steps(13) infinite;transform-origin:50% 90%}.blase{animation:tb-blasen 1.4s steps(7) infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}html.ruhig *,html.ruhig *:before,html.ruhig *:after{animation:none!important;transition:none!important}.zielwahl{display:flex;gap:12px}.zielwahl button{flex:1;min-height:48px;display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;cursor:pointer;border:var(--linie) solid var(--kontur);border-radius:5px;background:var(--blech-hell);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 3px 0 var(--kontur);text-align:left}.zielwahl button .abz{width:34px;height:34px}.zielwahl button small{display:block;font-family:var(--text);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;margin-top:2px}.zielwahl button[aria-pressed=true]{background:var(--senf-hell);transform:translate(2px,3px);box-shadow:inset 0 0 0 2px var(--kontur)}.zielwahl button:disabled{background:var(--blech);background-image:var(--tex-schraffur);box-shadow:none;transform:translate(2px,3px);cursor:not-allowed}.kopf .schluessel{top:calc(var(--sicher-oben) + 2px);right:0}.kopfband.ohne-saum{padding-bottom:20px}.kb-titel.lang{font-size:25px}.frage{font-family:var(--ruf);font-size:17px;line-height:1.1;color:var(--creme);text-shadow:1.5px 1.5px 0 var(--rot-tief);margin:2px 0}.gefecht .inhalt{padding-top:6px;padding-bottom:8px;gap:8px}.gefecht .brett-bereich{padding-top:22px}.gefecht .pult{padding-top:12px;padding-bottom:calc(var(--sicher-unten) + 12px);gap:10px}.gefecht .pult .faehigkeiten{padding-left:2px}.seitenspalte{display:none}@media(max-height:760px){.gefecht .flottenzeile.eigene{display:none}.gefecht .pult:not(.schublade) .faehigkeit .f-name{display:none}.gefecht .pult:not(.schublade) .faehigkeit .f-knopf{width:50px;height:50px}.gefecht .pult:not(.schublade) .knopf-haupt{min-height:58px}}@media(max-height:600px){.kb-zeile{min-height:48px}.kb-titel{font-size:24px}.gefecht .pult:not(.schublade) .knopf-haupt:before,.gefecht .pult:not(.schublade) .knopf-haupt:after{display:none}.gefecht .pult:not(.schublade){flex-direction:row;align-items:center}.gefecht .pult:not(.schublade) .faehigkeiten{gap:8px}.gefecht .pult:not(.schublade) .faehigkeit{min-width:48px}.gefecht .pult:not(.schublade) .faehigkeit .f-knopf{width:48px;height:48px}.gefecht .pult:not(.schublade) .faehigkeit .f-knopf .ic{width:24px;height:24px}.gefecht .pult:not(.schublade) .knopf-haupt{flex:1;min-width:0;padding:6px 18px 8px;font-size:24px}.gefecht .pult:not(.schublade) .knopf-haupt .ziel-schild{display:none}}@media(min-width:700px){.bildschirm{--rand: 24px}.gefecht .inhalt{gap:18px}.gefecht .mitte{flex:1;min-height:0}.gefecht .mitte>.flottenstand{display:none}.gefecht .seitenspalte{display:flex;flex-direction:row;align-items:stretch;gap:22px;flex:none}.gefecht .seitenspalte .mini-meer{width:228px;flex:none}.gefecht .seitenspalte .flottenstand{flex:1;justify-content:center;gap:12px}.gefecht .seitenspalte .flottenzeile{min-height:64px;padding:8px 14px 8px 8px;gap:14px}.gefecht .seitenspalte .flottenzeile .abz{width:44px;height:44px}.gefecht .seitenspalte .fz-name{font-size:18px;width:92px}.gefecht .seitenspalte .fz-name small{font-size:14px}.gefecht .seitenspalte .fz-schiffe{gap:10px}.gefecht .pult:not(.schublade){flex-direction:row;align-items:center;padding-left:40px;padding-right:40px}.gefecht .pult:not(.schublade) .knopf-haupt{flex:1;max-width:460px;margin-left:auto}.bildschirm .kopf:not(.kopf--ereignis) .kb-titel{font-size:36px}.bildschirm .kopf .saum{font-size:17px}.bildschirm .pult.schublade{left:50%;right:auto;width:560px;margin-left:-280px;border-left:3px solid var(--kontur);border-right:3px solid var(--kontur);border-radius:10px 10px 0 0}}.mitte{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.mini-meer{position:relative}.mini-meer .brett{width:100%}.mini-titel{font-family:var(--schild);font-weight:700;font-size:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--creme);margin:0 0 4px}.start-oben{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--sicher-oben) + 8px) var(--rand) 0;gap:10px}.start-oben .rechts{display:flex;gap:12px}.start-mitte{--logo-b: clamp(280px, calc(100% - 60px) , 560px);position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:calc(var(--logo-b) * .13) 0 0}.start-logo{width:var(--logo-b);flex:none;height:auto;display:block;transform:rotate(-1.6deg)}.start-schild{position:relative;z-index:4;flex:none;align-self:flex-end;margin:calc(var(--logo-b) * .13) calc(var(--rand) + 4px) 0 0;padding:9px 14px 10px;transform:rotate(2.2deg);max-width:250px}.start-schild b{font-family:var(--ruf);font-weight:400;font-size:18px;display:block;line-height:1.1}.start-schild span{font-size:14px;font-weight:600;line-height:1.25;display:block;margin-top:2px}.buehne{position:relative;flex:1;min-height:118px;width:100%}.buehne .b-wellen{position:absolute;left:0;right:0;bottom:-1px;height:56px;z-index:3}.buehne .b-wellen svg{width:100%;height:100%;display:block}.buehne .b-schiff{position:absolute;z-index:2;bottom:36px;left:50%;width:236px;margin-left:-104px}.buehne .b-schiff>span:first-child svg{width:100%;height:auto;display:block;overflow:visible}.buehne .b-rauch{position:absolute;width:150px;left:-32px;bottom:44px;z-index:-1}.buehne .b-rauch svg{width:100%;height:auto;display:block}.buehne.gesunken .b-schiff{bottom:18px;transform:rotate(4deg);width:256px;margin-left:-128px}.spielart-zeile{display:flex;align-items:center;gap:12px}.spielart-zeile .sz-text{flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.25;color:var(--kontur)}.spielart-zeile .sz-text b{font-family:var(--ruf);font-weight:400;font-size:17px;display:block}.spielart-zeile .knopf-zweit{padding:6px 24px 5px}.raster-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.raster-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.liste{display:flex;flex-direction:column;gap:18px;margin-top:6px}.raster-2,.raster-3{margin-top:6px}.kachel--quer .k-bild{width:40px;height:40px}.kachel--quer .k-spalte{display:flex;flex-direction:column;gap:3px;min-width:0}.kachel--regel{min-height:58px;padding:12px 8px 9px 10px;gap:8px}.kachel--regel .k-titel{font-size:14px}.kachel--regel .k-bild{width:24px;height:24px}.kachel .k-aus{position:absolute;top:-15px;right:8px;padding:2px 6px 1px;border:2px solid var(--kontur);border-radius:3px;background:var(--blech);font-family:var(--schild);font-weight:700;font-size:12px;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;transform:rotate(2deg)}.kachel[aria-checked=true] .k-aus,.kachel[aria-pressed=true] .k-aus{display:none}.kachel[aria-pressed=true]{filter:none;transform:translate(var(--sockel-x),var(--sockel-y))}.kachel[aria-pressed=true]:after{inset:4px;background-color:var(--senf-hell)}.kachel[aria-pressed=true] .k-marke{display:inline-flex}.werft{display:flex;gap:10px;flex:none}.werft button{flex:1;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 4px 3px;cursor:pointer;border:2px solid var(--kontur);border-radius:4px;background:var(--blech-hell);color:var(--kontur);box-shadow:2px 3px 0 var(--kontur);font-family:var(--schild);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;line-height:1;position:relative}.werft button svg{width:100%;max-width:62px;height:auto;display:block;overflow:visible}.werft button .w-haken{position:absolute;top:-7px;right:-5px;width:20px;height:20px;border-radius:50%;background:var(--meer-tief);color:var(--creme);border:2px solid var(--kontur);display:grid;place-items:center}.werft button .w-haken .ic{width:12px;height:12px;stroke-width:3.4}.werft button[aria-pressed=true]{background:var(--senf-hell);transform:translate(2px,3px);box-shadow:inset 0 0 0 2px var(--kontur)}.versenkt-karte{position:absolute;z-index:8;left:6%;right:6%;bottom:7%;transform:rotate(-2.5deg);display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 18px 16px}.versenkt-karte .vk-bild{width:74%;align-self:center;margin:2px 0 6px}.versenkt-karte .vk-bild svg{width:100%;height:auto;display:block;overflow:visible}.versenkt-karte .vk-titel{font-family:var(--ruf);font-size:24px;line-height:1.05;margin:0}.versenkt-karte p{margin:0;font-size:15px;font-weight:600}.deckel{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:26px 22px 24px}.deckel .abz{width:112px;height:112px;transform:rotate(-6deg)}.deckel h2{font-family:var(--ruf);font-weight:400;font-size:28px;line-height:1.1;margin:4px 0 0}.deckel p{margin:0;font-size:16px;font-weight:600;max-width:30ch}.deckel .niete{position:absolute}.ergebnis-platz{position:relative;flex:none}.ergebnis-platz .stempel{right:10px;bottom:8px;width:76px;height:76px}.ende .schlusssatz{margin:0 var(--rand);color:var(--creme);font-weight:600;font-size:16px}.bs-einstellungen .inhalt{gap:16px}.pause-decke{position:absolute;inset:0;z-index:50;background-image:repeating-linear-gradient(-45deg,#24201bd1 0 3px,#24201b94 3px 8px)}.pult.schublade{position:absolute;left:0;right:0;bottom:0;z-index:55;padding-top:24px;gap:14px;border-top-width:4px}.schublade .s-titel{font-family:var(--ruf);font-weight:400;font-size:30px;margin:0;color:var(--kontur);line-height:1}.schublade p{margin:-4px 0 4px;font-size:16px;font-weight:600;color:var(--kontur)}.schublade--frage{padding-top:30px}.schublade .s-zeichen{position:absolute;top:-21px;left:22px;width:42px;height:42px;border-radius:50%;background:var(--senf);color:var(--kontur);border:var(--linie) solid var(--kontur);display:grid;place-items:center;transform:rotate(-8deg);box-shadow:2px 3px 0 var(--kontur)}.schublade .s-zeichen .ic{width:22px;height:22px}.schublade--frage .s-titel{font-size:26px}.schublade .s-griff{position:absolute;top:8px;left:50%;width:54px;height:6px;margin-left:-27px;border-radius:3px;background:var(--blech-dunkel);border:1.5px solid var(--kontur)}.aufstellen .brett-bereich{padding-top:24px}.pause-knoepfe .knopf-zweit{font-size:19px;padding:6px 22px 5px}.pause-knoepfe .knopf-zweit:first-child{flex:1.4}.kachel--hoch{min-height:96px;justify-content:flex-end;gap:6px}.kachel--hoch .k-bild{width:34px;height:34px}.kachel--hoch .k-titel{font-size:17px}@media(max-width:359px){.kb-zeile{gap:8px}.kopf .schluessel{width:58px;height:44px}.kopf.mit-schluessel .kb-zeile{padding-right:46px}}.drehkarte{display:none;position:absolute;inset:0;z-index:80;align-items:center;justify-content:center;padding:16px}.drehkarte .etikett{display:flex;align-items:center;gap:16px;max-width:460px;padding:18px 22px}.drehkarte .ic{width:56px;height:56px;flex:none;transform:rotate(-90deg)}.drehkarte b{font-family:var(--ruf);font-weight:400;font-size:22px;display:block;line-height:1.1;margin-bottom:4px}.drehkarte span{font-size:15px;font-weight:600}@media(orientation:landscape)and (min-height:600px){.bildschirm .drehkarte .etikett{max-width:620px;padding:28px 32px;gap:24px}.bildschirm .drehkarte .ic{width:84px;height:84px}.bildschirm .drehkarte b{font-size:30px}.bildschirm .drehkarte span{font-size:18px}}@media(orientation:landscape){.drehkarte{display:flex}.bildschirm>:not(.drehkarte){visibility:hidden}}@media(max-width:385px){.kopf--ereignis .kb-titel{font-size:36px}}@media(max-width:359px){.kopf--ereignis .kb-titel{font-size:31px}}@media(max-height:700px){.knopf-haupt{min-height:56px;font-size:24px}.pult{padding-top:12px;padding-bottom:calc(var(--sicher-unten) + 12px);gap:10px}.start-mitte{--logo-b: 280px}.buehne{min-height:0}.buehne .b-wellen{height:40px}.buehne .b-schiff{width:150px;margin-left:-66px;bottom:31px}.buehne .b-rauch{width:96px;left:-20px;bottom:28px}.buehne.gesunken .b-schiff{width:170px;margin-left:-85px;bottom:12px}}.spielart .inhalt{gap:10px}@media(max-height:760px){.spielart .inhalt{gap:8px;padding-top:8px;padding-bottom:4px}.spielart .frage{margin:0}.spielart .raster-2,.spielart .raster-3{margin-top:9px}.spielart .raster-2{row-gap:18px}.kachel--hoch{min-height:56px;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:10px 10px 9px}.kachel--hoch .k-bild{width:30px;height:30px}.kachel--hoch .k-titel{font-size:16px}.kachel--klein{min-height:52px;padding-bottom:8px}.stufe{flex-direction:row;gap:7px;min-height:48px}.kachel--regel{min-height:52px;padding-bottom:7px}}@media(max-height:700px){.rechtstext{padding:14px 16px 12px;font-size:15px;line-height:1.38}.rechtstext h2{margin-bottom:4px}.rechtstext p,.rechtstext dl{margin-bottom:8px}}@media(max-height:760px){.deckel{gap:8px;padding:18px 18px 16px}.deckel .abz{width:76px;height:76px}.deckel h2{font-size:26px;margin-top:0}.bs-einstellungen .inhalt{gap:12px}.einstellung{min-height:56px;padding:4px 0}}@media(max-height:600px){.ergebnis{padding:14px 16px 12px;gap:8px}.ergebnis .e-kopf .abz{width:34px;height:34px}.ergebnis dl>div{padding:5px 0 4px}.ergebnis dd{font-size:24px}.ergebnis-platz .stempel{right:8px;bottom:6px;width:62px;height:62px}.ende .schlusssatz{font-size:15px}.weitergabe .inhalt{gap:8px;padding-top:8px;padding-bottom:8px}.deckel{gap:2px;padding:7px 14px 8px}.deckel .abz{width:44px;height:44px}.deckel h2{font-size:24px}.deckel p{font-size:15px}.weitergabe .hinweis{font-size:14px;padding:7px 10px 8px 8px}.weitergabe .flottenstand{gap:4px}.weitergabe .flottenzeile{min-height:36px;padding-top:2px;padding-bottom:2px}.bs-einstellungen .inhalt{gap:8px;padding-top:8px;padding-bottom:8px}.recht .inhalt{padding-top:8px;padding-bottom:8px}.rechtstext{padding:12px 14px 10px;font-size:14px;line-height:1.3}.rechtstext h2{font-size:16px}.rechtstext p,.rechtstext dl{margin-bottom:6px}.rechtstext dl{gap:2px 10px}.rechtstext .platzhalter{font-size:14px}.recht .pult{flex-direction:row;align-items:center}.recht .pult .pult-zeile{flex:1 1 auto;min-width:0}.recht .pult .knopf-zweit{font-size:18px;padding:6px 14px 5px}.recht .pult .knopf-zweit .ic{display:none}.recht .pult .knopf-haupt{flex:1 1 auto;width:auto;min-width:0;padding:6px 14px 8px}.recht .pult .knopf-zweit:before,.recht .pult .knopf-zweit:after,.recht .pult .knopf-haupt:before,.recht .pult .knopf-haupt:after{display:none}.einstellung .e-name small{display:none}.aufstellen .pult{flex-direction:row;align-items:center}.aufstellen .pult .pult-zeile{flex:none}.aufstellen .pult .knopf-zweit{flex:none;width:56px;padding:0}.aufstellen .pult .knopf-zweit:before,.aufstellen .pult .knopf-zweit:after{display:none}.aufstellen .pult .kz-wort{display:none}.aufstellen .pult .knopf-haupt{flex:1;min-width:0;padding:6px 16px 8px}.aufstellen .pult .knopf-haupt:before,.aufstellen .pult .knopf-haupt:after{display:none}.aufstellen .pult .knopf-haupt .ziel-schild{display:none}.kopfband.ohne-saum{padding-bottom:13px}.spielart .frage--entbehrlich{display:none}.spielart .inhalt{padding-top:8px}.spielart .raster-2[role=radiogroup],.spielart .raster-3{margin-top:4px}.spielart .raster-3,.spielart .raster-2[role=radiogroup]{margin-bottom:4px}.kachel--regel{min-height:48px}.kachel--regel .k-text,.kachel--regel .k-bild,.buehne{display:none}.start-schild{margin-top:20px;padding:7px 12px 8px}.start-schild b{font-size:17px}}@media(max-width:385px){.kachel--regel .k-bild{display:none}}@media(max-width:359px){.kachel--hoch .k-bild{display:none}.kachel--klein{padding-left:9px;padding-right:8px}.kachel--klein .k-titel{font-size:15px}.pause-knoepfe .knopf-zweit{font-size:17px;padding:6px 22px 5px}.kachel--regel{padding-left:9px;padding-right:7px}.kachel--regel .k-titel{font-size:13px}}