:root{color-scheme:dark;--bg: #08131d;--bg-raised: #0f2130;--bg-card: #142838;--line: #2c4a5f;--text: #e6eef5;--text-dim: #9ab0c2;--accent: #57c2f0;--accent-strong: #8ad6f7;--accent-soft: #12324a;--accent-warm: #e8c547;--green: #3fa66a;--red: #d9534f;--on-accent: #08131d;--water-top: #1a4460;--water-mid: #123449;--water-bottom: #0b2131;--boat-hull: #e6eef5;--boat-sail: #f4f8fb;--boat-mast: #cfe0ec;--wood: #6b4423;--wood-light: #9a6a3c;--wood-dark: #432c17;--brass: #cca35d;--brass-light: #f3dfa4;--brass-dark: #8a6a34;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--e0: 0 1px 0 var(--line);--e1: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px -6px rgba(0, 0, 0, .55);--e2: 0 24px 48px -24px rgba(0, 0, 0, .7);--t-fast: .12s;--t-slow: .22s;--ease: cubic-bezier(.2, .6, .2, 1);--focus: 0 0 0 3px color-mix(in srgb, var(--accent) 32%, transparent);--font: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--fs-display: 38px;--fs-h1: 26px;--fs-h2: 19px;--fs-body: 15px;--fs-small: 13px;--fs-micro: 11px}:root[data-theme=light]{color-scheme:light;--bg: #f4f6f5;--bg-raised: #eef1ef;--bg-card: #ffffff;--line: #dde3e1;--text: #10202b;--text-dim: #596964;--accent: #1e6fbf;--accent-strong: #185a9c;--accent-soft: #e4eef8;--accent-warm: #8a5c12;--green: #1c7f6e;--red: #c0392b;--on-accent: #ffffff;--water-top: #dfe9e6;--water-mid: #c7d8d4;--water-bottom: #a7bfba;--boat-hull: #10202b;--boat-sail: #ffffff;--boat-mast: #10202b;--e1: 0 1px 2px rgba(16, 32, 43, .06), 0 4px 12px -6px rgba(16, 32, 43, .18);--e2: 0 24px 48px -28px rgba(16, 32, 43, .4)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:1.55;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--focus)}.tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums}#app{display:flex;flex-direction:column;height:100%}#topbar{display:flex;align-items:center;gap:var(--s4);padding:var(--s3) var(--s5);background:var(--bg-card);border-bottom:1px solid var(--line);flex:0 0 auto}#topbar .brand{font-weight:700;letter-spacing:.04em;font-size:var(--fs-body);color:var(--text)}#topbar .spacer{flex:1}@media(max-width:760px){#topbar{padding:var(--s2) var(--s4);gap:var(--s3)}#topbar>.muted{display:none}.rank-box .xp-bar,.rank-box .xp{display:none}}.rank-box{display:flex;align-items:center;gap:var(--s3);font-size:var(--fs-small)}.rank-box .title{font-weight:600}.rank-box .xp{color:var(--text-dim);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.xp-bar{width:150px;height:6px;border-radius:var(--r-xs);background:var(--line);overflow:hidden}.xp-bar>i{display:block;height:100%;background:var(--green);transition:width var(--t-slow) var(--ease)}.btn{border:1px solid var(--line);background:var(--bg-card);color:var(--text);border-radius:var(--r-sm);padding:9px var(--s4);font-size:14px;font-weight:600;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.btn:hover{border-color:var(--accent);background:var(--bg-raised)}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn.ghost:hover{background:var(--bg-raised);border-color:transparent;color:var(--accent)}.btn.small{padding:6px var(--s3);font-size:var(--fs-small)}.btn:active{transform:translateY(1px)}#screen{flex:1;min-height:0;position:relative;overflow-y:auto}.view{padding:var(--s5) var(--s5) var(--s7);max-width:1180px;margin:0 auto}h1{font-size:var(--fs-h1);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--s2)}h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.01em;line-height:1.25;margin:var(--s6) 0 var(--s3)}h3{font-size:var(--fs-body);font-weight:600;letter-spacing:-.005em;line-height:1.3;margin:var(--s4) 0 var(--s1)}.lead{color:var(--text-dim);margin:0 0 var(--s5);line-height:1.55;max-width:66ch}.subhead-crumb{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-small);color:var(--text-dim);margin-bottom:var(--s3)}.subhead-back{display:inline-flex;align-items:center;gap:var(--s1);color:var(--text-dim);text-decoration:none;cursor:pointer}.subhead-back:hover,.subhead-back:focus-visible{color:var(--accent)}.subhead-back .subhead-chevron{display:inline-flex}.subhead-back svg{display:block}.subhead-crumb .sep{opacity:.5}.subhead-pill{background:var(--accent);color:var(--on-accent);font-weight:600;font-size:var(--fs-micro);letter-spacing:.01em;padding:3px 10px;border-radius:var(--r-pill)}.subhead-wave{width:100%;max-width:400px;height:12px;display:block;margin:var(--s3) 0 var(--s4)}.subhead-wave path{fill:none;stroke:var(--accent);stroke-width:1.3;opacity:.4}.subhead-titlerow{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s2)}.subhead-titlerow h1{margin:0}.subhead-icon{width:28px;height:28px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:var(--fs-body)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s3)}.card{background:var(--bg-card);border:none;box-shadow:var(--e0);border-radius:var(--r-md);padding:var(--s4);text-align:left;display:flex;flex-direction:column;gap:var(--s2);transition:box-shadow var(--t-slow) var(--ease)}.card:hover{box-shadow:inset 0 0 0 1px var(--accent),var(--e1)}.card .card-title{font-weight:600;font-size:var(--fs-body)}.card .card-sub{color:var(--text-dim);font-size:var(--fs-small);line-height:1.5}.card .card-meta{color:var(--accent);font-size:12px;font-family:var(--font-mono);margin-top:var(--s1)}.card.done{box-shadow:inset 0 0 0 1px var(--green),var(--e0)}.card.locked{opacity:.5;cursor:not-allowed}.card.locked:hover{box-shadow:var(--e0)}.card.locked .card-meta{color:var(--accent-warm)}.card.done .card-meta{color:var(--green)}.tag{display:inline-block;font-size:var(--fs-micro);font-weight:500;padding:2px 9px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--text-dim);margin-right:var(--s1)}.tag.see{border-color:var(--accent);color:var(--accent)}.tag.binnen{border-color:var(--green);color:var(--green)}.tag.segeln{border-color:var(--accent-warm);color:var(--accent-warm)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s4)}.chip{border:1px solid var(--line);background:var(--bg-card);border-radius:var(--r-pill);padding:6px var(--s3);font-size:var(--fs-small);font-weight:500;color:var(--text-dim);transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.theme-toggle{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg-card);color:var(--text-dim);flex:0 0 auto;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{display:block}.eyebrow{display:block;font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.section{display:flex;flex-direction:column;gap:var(--s4);margin-bottom:var(--s6)}.section-head{display:flex;flex-direction:column;gap:var(--s2)}.section-head h2{margin:0}.section-rule{display:block;width:100%;max-width:380px;height:12px;color:var(--accent);opacity:.4}.section-rule path{fill:none;stroke:currentColor;stroke-width:1.3}.meta-row{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s6);padding-top:var(--s4);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:12.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.meta-row b{color:var(--text);font-weight:500}.panel-head .eyebrow{margin-bottom:2px}.boat-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;background:var(--bg-card);box-shadow:var(--e0);border-radius:var(--r-md);padding:var(--s3) var(--s4);margin-bottom:var(--s5)}.boat-bar>div{display:flex;flex-direction:column;gap:2px}.boat-bar-name{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.01em}.boat-bar-class{font-size:var(--fs-small);color:var(--text-dim)}.task-list{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--s2);color:var(--text-dim);line-height:1.55}.task-list li::marker{color:var(--accent)}.boat-stage{background:var(--bg-card);box-shadow:var(--e0);border-radius:var(--r-md);padding:var(--s3) var(--s3) var(--s4);margin-bottom:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}.boat-preview{display:block;width:100%;height:380px}@media(max-width:700px){.boat-preview{height:220px}}.boat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s3)}.boat-card{background:var(--bg-card);border:none;box-shadow:var(--e0);border-radius:var(--r-md);padding:var(--s4);text-align:left;display:flex;flex-direction:column;gap:var(--s3);transition:box-shadow var(--t-slow) var(--ease)}.boat-card:hover:not(.locked){box-shadow:inset 0 0 0 1px var(--accent),var(--e1)}.boat-card.chosen{box-shadow:inset 0 0 0 1px var(--accent),var(--e0)}.boat-card.locked{opacity:.55;cursor:not-allowed}.boat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}.boat-head>div{display:flex;flex-direction:column;gap:2px}.boat-name{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.01em}.boat-class{font-size:var(--fs-small);color:var(--text-dim)}.boat-tagline{margin:0;color:var(--text-dim);font-size:var(--fs-small);line-height:1.5}.summary .boat-tagline{margin-bottom:var(--s3)}.boat-state{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-dim);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 9px;white-space:nowrap;flex:0 0 auto}.boat-state.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.boat-state.locked{border-color:var(--accent-warm);color:var(--accent-warm)}.boat-engine{margin:0;font-size:var(--fs-small);color:var(--text-dim);line-height:1.5}.boat-engine .k{font-family:var(--font-mono);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.08em;margin-right:var(--s2)}.boat-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--s2) var(--s3)}.boat-specs>div{display:flex;flex-direction:column;gap:1px}.boat-specs .k{font-family:var(--font-mono);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.boat-specs .v{font-family:var(--font-mono);font-size:var(--fs-small);font-variant-numeric:tabular-nums}.setup-grid{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:var(--s5);align-items:start}@media(max-width:900px){.setup-grid{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--bg-card);box-shadow:var(--e0);border-radius:var(--r-md);padding:var(--s4);margin-bottom:var(--s4)}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3)}.panel-head h2{margin:0}.panel-hint{color:var(--text-dim);font-size:var(--fs-small);margin:var(--s2) 0 0}.panel .chip-row{margin-bottom:0}.chip .n{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-micro);opacity:.75;margin-left:6px}.chip[disabled]{opacity:.42;cursor:not-allowed}.chip[disabled]:hover{border-color:var(--line);color:var(--text-dim)}.link-action{background:none;border:none;padding:0;color:var(--accent);font-size:var(--fs-small);font-weight:600}.link-action:hover{color:var(--accent-strong);text-decoration:underline}.link-action+.link-action{margin-left:var(--s3)}.summary{position:sticky;top:var(--s5)}.summary .summary-figure{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-display);font-weight:500;line-height:1.1;letter-spacing:-.02em}.summary .summary-figure.empty{color:var(--red)}.summary-caption{color:var(--text-dim);font-size:var(--fs-small);margin:var(--s1) 0 var(--s4)}.kv-list{display:grid;gap:var(--s2);margin:0 0 var(--s4)}.kv-list div{display:flex;justify-content:space-between;gap:var(--s3);font-size:var(--fs-small)}.kv-list .k{color:var(--text-dim)}.kv-list .v{font-weight:500;text-align:right}.kv-list .v.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.summary .btn.primary{width:100%}.summary .btn.primary[disabled]{opacity:.45;cursor:not-allowed}.seg{display:flex;gap:0;margin-bottom:var(--s4)}.seg button{flex:1;border:1px solid var(--line);background:var(--bg-card);color:var(--text-dim);padding:7px 0;font-size:var(--fs-small);font-weight:500;font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:0;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.seg button:first-child{border-radius:var(--r-xs) 0 0 var(--r-xs)}.seg button:last-child{border-radius:0 var(--r-xs) var(--r-xs) 0}.seg button+button{border-left:none}.seg button:hover{color:var(--accent)}.seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.notice{display:flex;gap:var(--s2);align-items:flex-start;font-size:var(--fs-small);color:var(--accent-warm);margin:0 0 var(--s3);line-height:1.5}.wheel-nav{position:relative;width:min(380px,82%);aspect-ratio:1;margin:var(--s3) auto var(--s5)}.menu-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s6);align-items:center;margin-bottom:var(--s5)}@media(max-width:900px){.menu-hero{grid-template-columns:minmax(0,1fr)}}.wheel-column{display:flex;flex-direction:column;align-items:center}.wheel-caption{display:flex;flex-direction:column;gap:var(--s2);text-align:center;width:min(46ch,100%);padding:0 var(--s4)}.wheel-cap-stack{display:grid}.wheel-cap{grid-area:1 / 1;display:flex;flex-direction:column;gap:var(--s1);visibility:hidden;opacity:0;transition:opacity var(--t-fast) var(--ease)}.wheel-cap.on{visibility:visible;opacity:1}.wheel-cap-head{display:flex;align-items:baseline;justify-content:center;gap:var(--s2)}.wheel-cap-title{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.01em}.wheel-cap-hint{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--accent)}.wheel-cap-text{color:var(--text-dim);font-size:var(--fs-small);line-height:1.5}.wheel-graphic{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 12px 16px rgba(16,32,43,.18))}.wheel-compass{fill:none;stroke:var(--line);stroke-width:.6;stroke-dasharray:1.4 3;opacity:.45}.wheel-tick{stroke:var(--line);stroke-width:1}.wheel-rim{fill:none;stroke:url(#wheelWood);stroke-width:6.5;stroke-linecap:round}.wheel-rim-groove{fill:none;stroke:#00000047;stroke-width:.6}.wheel-spoke{stroke:url(#wheelWood);stroke-width:4.4;stroke-linecap:round}.wheel-knob{fill:url(#wheelKnob);stroke:#00000059;stroke-width:.5}.wheel-hub{fill:url(#wheelBrass);stroke:#6b5220;stroke-width:1}.wheel-hub-ring{fill:none;stroke:#fff6;stroke-width:.8;r:11.5}.wheel-hub-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;pointer-events:none}.wheel-hub-brand{font-family:var(--font);font-weight:700;font-size:var(--fs-small);letter-spacing:.03em;color:#3b2712;text-shadow:0 1px 0 rgba(255,255,255,.35)}.wheel-hub-sub{font-family:var(--font-mono);font-size:7.5px;color:#5c4420;text-transform:uppercase;letter-spacing:.07em}.wheel-item{position:absolute;transform:translate(-50%,-50%);width:108px;padding:var(--s2) var(--s3);border-radius:var(--r-xs);border:1px solid #7a5c24;background:radial-gradient(circle at 7px 7px,rgba(0,0,0,.32) 0 1px,transparent 1.6px),radial-gradient(circle at calc(100% - 7px) 7px,rgba(0,0,0,.32) 0 1px,transparent 1.6px),radial-gradient(circle at 7px calc(100% - 7px),rgba(0,0,0,.32) 0 1px,transparent 1.6px),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),rgba(0,0,0,.32) 0 1px,transparent 1.6px),linear-gradient(155deg,#f3dfa4,#cca35d 55%,#a1793f);color:#3b2712;font:inherit;font-size:12.5px;font-weight:700;letter-spacing:.02em;text-align:center;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:0 1px #ffffff80 inset,0 8px 16px -11px #10202b73;transition:filter var(--t-fast) var(--ease)}.wheel-item:hover{filter:brightness(1.07)}.wheel-item:focus-visible{outline:2px solid #3b2712;outline-offset:2px;box-shadow:none}.menu-water{position:relative;height:64px;margin-top:var(--s6);border-radius:var(--r-md);overflow:hidden;background:linear-gradient(180deg,var(--water-top) 0%,var(--water-mid) 55%,var(--water-bottom) 100%)}.menu-water .wave-line{position:absolute;left:0;right:0;top:var(--s3);height:22px;background-repeat:repeat-x;background-size:200px 22px;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 22' preserveAspectRatio='none'%3E%3Cpath d='M0 11 C 25 -2, 50 24, 75 11 S 125 -2, 150 11 S 200 24 200 11' fill='none' stroke='%23cfe0ec' stroke-width='1.2' opacity='0.5'/%3E%3C/svg%3E")}:root[data-theme=light] .menu-water .wave-line{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 22' preserveAspectRatio='none'%3E%3Cpath d='M0 11 C 25 -2, 50 24, 75 11 S 125 -2, 150 11 S 200 24 200 11' fill='none' stroke='%2310202b' stroke-width='1.2' opacity='0.3'/%3E%3C/svg%3E")}.menu-water .boat .hull{fill:var(--boat-hull);opacity:.85}.menu-water .boat .mast{stroke:var(--boat-mast)}.menu-water .boat .sail{fill:var(--boat-sail);stroke:var(--boat-mast)}.menu-water .boat{position:absolute;bottom:var(--s2);left:-8%;width:42px;height:auto;animation:menu-sail 46s linear infinite}@keyframes menu-sail{0%{left:-8%}to{left:104%}}.quiz{max-width:900px;margin:0 auto;padding:var(--s5) var(--s5) var(--s7)}.quiz-head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);font-size:var(--fs-small);color:var(--text-dim);flex-wrap:wrap}.quiz-head .score{color:var(--accent);font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.quiz-head .streak{color:var(--green);font-weight:600}.progress{flex:1;min-width:120px;height:6px;border-radius:var(--r-xs);background:var(--line);overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent);transition:width var(--t-slow) var(--ease)}.quiz-body{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:var(--s5);align-items:start}.quiz-body.no-figure{grid-template-columns:1fr;gap:var(--s3)}@media(max-width:760px){.quiz-body{grid-template-columns:1fr}}.figure{background:var(--bg-card);border:none;box-shadow:var(--e0);border-radius:var(--r-md);padding:var(--s3)}.figure svg{width:100%;height:auto;display:block;border-radius:var(--r-sm)}.figure figcaption{font-size:12px;color:var(--text-dim);margin-top:var(--s2);text-align:center}.sound-choice-buttons{display:flex;flex-direction:column;gap:var(--s2)}.sound-choice .btn{width:100%}.sound-choice svg{width:100%;height:auto;display:block;border-radius:var(--r-sm);margin-bottom:var(--s2)}.question{font-size:var(--fs-h2);line-height:1.45;margin:0 0 var(--s4);text-wrap:balance}.options{display:flex;flex-direction:column;gap:var(--s2)}.option{text-align:left;border:1px solid var(--line);background:var(--bg-card);border-radius:var(--r-sm);padding:var(--s3) var(--s4);line-height:1.45;display:flex;gap:var(--s3);align-items:flex-start;transition:border-color var(--t-fast) var(--ease)}.option:hover:not(:disabled){border-color:var(--accent)}.option:disabled{cursor:default}.option .key{flex:0 0 24px;height:24px;border-radius:var(--r-xs);background:var(--bg-raised);border:1px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:600;font-family:var(--font-mono)}.option.correct{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--bg-card))}.option.correct .key{background:var(--green);border-color:var(--green);color:var(--on-accent)}.option.wrong{border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--bg-card))}.option.wrong .key{background:var(--red);border-color:var(--red);color:#fff}.feedback{margin-top:var(--s4);border-left:3px solid var(--accent);background:var(--bg-raised);border-radius:0 var(--r-md) var(--r-md) 0;padding:var(--s4);line-height:1.6}.feedback.correct{border-left-color:var(--green)}.feedback.wrong{border-left-color:var(--red)}.feedback .verdict{font-weight:600;margin-bottom:var(--s1)}.feedback .ref{color:var(--text-dim);font-size:12px;margin-top:var(--s2)}.feedback-actions{margin-top:var(--s4);display:flex;gap:var(--s2)}.option.chosen{border-color:var(--accent);background:var(--accent-soft)}.option.chosen .key{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.option.faded{opacity:.55}.quiz-actions{margin-top:var(--s5)}.quiz-cta{width:100%;min-height:48px;font-size:16px}.quiz-cta:disabled{opacity:1;background:var(--bg-card);color:var(--text-dim);border-color:var(--line);cursor:not-allowed}.quiz-verdict{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}.quiz-verdict .mark{flex:0 0 28px;height:28px;border-radius:var(--r-pill);display:grid;place-items:center;font-size:16px;font-weight:700;color:#fff}.quiz-verdict.correct .mark{background:var(--green)}.quiz-verdict.wrong .mark{background:var(--red)}.quiz-verdict .word{font-weight:600}.quiz-verdict.correct .word{color:var(--green)}.quiz-verdict.wrong .word{color:var(--red)}.quiz-verdict .gain{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-small);color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}@media(min-width:761px){.quiz-actions{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:var(--s5)}.quiz-actions.no-figure{grid-template-columns:1fr}.quiz-actions>*{grid-column:-2}.quiz-cta{width:auto;min-width:220px;justify-self:start}}.quiz-head .narrow-only,.feedback .narrow-only{display:none}.quiz-head .score .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media(max-width:760px){.quiz{padding:var(--s3) var(--s4) var(--s4)}.quiz-head{gap:var(--s2);margin-bottom:var(--s3);flex-wrap:nowrap}.quiz-head .wide-only,.feedback .wide-only{display:none}.quiz-head .narrow-only,.feedback .narrow-only{display:inline}.option .key,.figure .key-hint{display:none}.option{padding:var(--s3) var(--s4)}.quiz-head .counter{white-space:nowrap;font-variant-numeric:tabular-nums}.quiz-abort{padding:0;width:32px;min-width:32px;font-size:20px;line-height:1}.question{font-size:17px;margin-bottom:var(--s3)}.figure svg{max-height:30dvh;object-fit:contain}.feedback{scroll-margin-bottom:150px}.quiz-actions{position:sticky;bottom:0;margin:var(--s4) calc(-1 * var(--s4)) 0;padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom));background:var(--bg-raised);border-top:1px solid var(--line);z-index:5}}.result-score{display:flex;align-items:baseline;gap:var(--s2);margin-bottom:var(--s2)}.result-score .num{font-size:var(--fs-display);font-weight:700;letter-spacing:-.02em;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.result-score .unit{font-size:var(--fs-body);font-weight:500;color:var(--text-dim)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--e0);margin:var(--s4) 0 var(--s5)}.stat{background:var(--bg-card);padding:var(--s3) var(--s4);display:flex;flex-direction:column;gap:2px}.stat .k{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono)}.stat .v{font-size:22px;font-weight:600;letter-spacing:-.01em}.stat .v.num{font-weight:500;font-family:var(--font-mono);font-variant-numeric:tabular-nums}#game-root{position:absolute;inset:0;display:none}#game-root.active{display:block}#game-root canvas{display:block;width:100%;height:100%}.sail3d{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;pointer-events:none;touch-action:none}.sail3d.active{opacity:1;z-index:2;pointer-events:auto;cursor:grab}.sail3d.active:active{cursor:grabbing}.sail3d-stats{display:none;position:absolute;bottom:var(--s4);left:var(--s4);max-height:calc(100vh - 260px);overflow-y:auto;z-index:3;margin:0;padding:8px 11px;border:1px solid #2c4a5f;border-radius:var(--r-md);background:#08131ddb;backdrop-filter:blur(6px);color:#9ab0c2;font-family:var(--font-mono);font-size:11px;line-height:1.6;white-space:pre;pointer-events:none}.sail3d-stats.visible{display:block}.sail3d-stats.fault{border-color:#d9534f;color:#e6eef5}.sail3d-record{position:absolute;top:calc(var(--s4) + 44px);left:50%;transform:translate(-50%);z-index:3;padding:4px 10px;border-radius:var(--r-md);background:#08131ddb;color:#ff6b6b;font-family:var(--font-mono);font-size:11px;white-space:nowrap;pointer-events:none}.hud{--bg: #08131d;--bg-raised: #0f2130;--bg-card: #142838;--text: #e6eef5;--text-dim: #9ab0c2;--line: #2c4a5f;--accent: #57c2f0;--accent-strong: #8ad6f7;--accent-soft: #12324a;--accent-warm: #e8c547;--green: #3fa66a;--red: #d9534f;--e0: 0 1px 0 var(--line);--e1: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px -6px rgba(0, 0, 0, .55);--e2: 0 24px 48px -24px rgba(0, 0, 0, .7);color:var(--text);font-family:var(--font);position:absolute;inset:0;pointer-events:none;display:none;padding:var(--s4);font-variant-numeric:tabular-nums;z-index:6}.hud.active{display:block}.hud-panel{position:absolute;background:#08131ddb;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3) var(--s4);backdrop-filter:blur(6px)}.hud-stack{position:absolute;top:var(--s4);left:var(--s4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3)}.hud-stack .hud-panel{position:static}.hud-left{min-width:200px}.hud-sails{min-width:200px;max-width:232px}.hud-right{top:var(--s4);right:var(--s4);min-width:214px}.hud-bottom{bottom:var(--s4);left:50%;transform:translate(-50%);text-align:center;font-size:var(--fs-small);color:var(--text-dim)}.hud-actions{top:var(--s4);left:50%;transform:translate(-50%);pointer-events:auto;display:flex;gap:var(--s2)}.hud-minimap{bottom:var(--s4);right:var(--s4)}.hud-actions .btn.on{border-color:var(--accent);color:var(--accent)}.hud-leinen{min-width:200px;pointer-events:auto}.hud-leinen .hud-row{align-items:center}.hud-leinen .btn{flex:0 0 auto}.hud-leinen .hud-row .btn{margin-left:auto}.hud-leinen>.btn{margin-top:var(--s2)}.hud-lesson{min-width:220px;max-width:260px}.hud-touch{position:absolute;bottom:var(--s4);left:50%;transform:translate(-50%);display:flex;gap:var(--s5);pointer-events:auto}.touch-group{display:flex;align-items:center;gap:var(--s2);background:#08131ddb;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s2) var(--s3);backdrop-filter:blur(6px)}.touch-btn{min-width:56px;min-height:56px;font-size:22px;border-radius:var(--r-md);border:1px solid var(--line);background:#ffffff0f;color:var(--text);touch-action:none;user-select:none}.touch-btn:active{background:var(--accent);color:#08131d}.touch-engine{font-size:18px;min-width:48px;min-height:48px}.touch-label{font-size:var(--fs-small);color:var(--text-dim);padding:0 var(--s1)}.lesson-step{margin-bottom:var(--s2)}.lesson-step-text{display:block;font-size:var(--fs-small);margin-bottom:3px;color:var(--text-dim)}.lesson-step.laeuft .lesson-step-text{color:var(--text);font-weight:600}.lesson-step.fertig .lesson-step-text{color:var(--green);text-decoration:line-through}.lesson-step.fertig .progress>i{background:var(--green)}.lesson-step.offen{opacity:.55}.minimap{display:block;border-radius:var(--r-sm);border:1px solid var(--line);background:#0c2130}.minimap-legend{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);margin-top:var(--s2);max-width:210px}.minimap-legend .hud-legend{margin-top:0}.minimap-legend .hud-legend>i{width:9px;height:9px;border-radius:50%}.hud-row{display:flex;justify-content:space-between;gap:var(--s3);font-size:var(--fs-small);padding:2px 0}.hud-row .k{color:var(--text-dim)}.hud-row .v{font-weight:600}.hud-title{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.09em;font-family:var(--font-mono);color:var(--accent);margin-bottom:var(--s2)}.hud-row .v.warn{color:var(--accent-warm)}.hud-row .v.off{color:var(--text-dim);font-weight:500}.hud-hint{margin-top:var(--s2);font-size:var(--fs-micro);line-height:1.5;color:var(--text-dim)}.hud-divider{height:1px;background:var(--line);margin:var(--s2) 0}.hud-legend{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-micro);color:var(--text-dim);margin-top:var(--s1)}.hud-legend>i{width:16px;height:3px;border-radius:2px;flex:0 0 auto}.hud-pause-overlay{position:absolute;inset:0;background:#040a108c;opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease)}.hud-pause-overlay.active{opacity:1}.pause-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;background:#08131deb;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4) var(--s6);font-size:18px;font-weight:600;letter-spacing:.02em}.pause-banner.active{display:block}.toasts{position:absolute;bottom:84px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--s2);align-items:center}.toast{background:#3c1212f0;border:1px solid var(--red);border-radius:var(--r-sm);padding:var(--s2) var(--s4);font-size:var(--fs-small);max-width:520px;animation:rise var(--t-slow) var(--ease)}.toast.info{background:#0c283af0;border-color:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}#modal{position:absolute;inset:0;background:#040a10d1;display:none;overflow-y:auto;z-index:40}#modal.active{display:block}#modal .modal-inner{max-width:880px;margin:var(--s6) auto;background:var(--bg-card);border:none;box-shadow:var(--e2);border-radius:var(--r-lg);padding:var(--s1) 0 var(--s3)}.lex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--s4)}.lex-item{background:var(--bg-card);border:none;box-shadow:var(--e0);border-radius:var(--r-md);padding:var(--s3)}.lex-item svg{width:100%;height:auto;border-radius:var(--r-sm);background:#08131d;display:block}.lex-item .lex-name{font-weight:600;font-size:14px;margin:var(--s2) 0 var(--s1)}.lex-item .lex-meaning{font-size:var(--fs-small);color:var(--text-dim);line-height:1.5}.lex-media{position:relative}.lex-zoom{position:absolute;top:var(--s2);right:var(--s2);width:30px;height:30px;border-radius:var(--r-pill);border:none;display:grid;place-items:center;background:#10202b8c;color:#fff;backdrop-filter:blur(2px);transition:background var(--t-fast) var(--ease)}.lex-zoom:hover,.lex-zoom:focus-visible{background:var(--accent)}#modal .lex-lightbox{max-width:620px;padding:var(--s5)}.lex-lightbox-head{display:flex;align-items:center;justify-content:space-between;padding:0 0 var(--s3);border-bottom:1px solid var(--line);margin-bottom:var(--s5)}.lex-lightbox-media svg{width:100%;height:auto;max-height:60vh;border-radius:var(--r-sm);background:#08131d;display:block}.lex-lightbox-body h2{font-size:20px;margin:var(--s5) 0 var(--s2)}.lex-lightbox-meaning{font-size:14.5px;line-height:1.6;color:var(--text);margin:0 0 var(--s1)}.badge-list{display:flex;flex-wrap:wrap;gap:var(--s2)}.badge{border:1px solid var(--accent-warm);color:var(--accent-warm);border-radius:var(--r-pill);padding:5px var(--s3);font-size:12px}.muted{color:var(--text-dim)}.spread{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.menu-water .boat{animation:none;left:38%}}.pfad-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--s4);align-items:start}@media(max-width:760px){.pfad-layout{grid-template-columns:1fr}}.pfad-overall{margin:-4px 0 var(--s2)}.pfad-overall-row{display:flex;justify-content:space-between;font-size:var(--fs-small);margin-bottom:4px}.pfad-rank{font-weight:600;color:var(--accent)}.pfad-nav{display:flex;flex-direction:column;gap:var(--s4)}.pfad-kategorie{display:flex;flex-direction:column;gap:var(--s2)}.pfad-kategorie-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 2px}.pfad-kategorie-head .eyebrow{margin:0}.pfad-kategorie-count{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.pfad-kategorie-bar{height:3px;border-radius:2px;background:var(--line);overflow:hidden;margin:0 2px 2px}.pfad-kategorie-bar>i{display:block;height:100%;background:var(--green);transition:width var(--t-slow) var(--ease)}.pfad-stationen{position:relative;display:flex;flex-direction:column;gap:var(--s2)}.pfad-stationen:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:var(--line)}.pfad-station{position:relative;z-index:1;display:flex;gap:var(--s3);align-items:flex-start;background:var(--bg-card);border:none;box-shadow:var(--e0);border-radius:var(--r-md);padding:var(--s3);width:100%;text-align:left;cursor:pointer;transition:box-shadow var(--t-slow) var(--ease)}.pfad-station:hover,.pfad-station.aktiv{box-shadow:inset 0 0 0 1px var(--accent),var(--e1)}.pfad-station.fertig{box-shadow:inset 0 0 0 1px var(--green),var(--e0)}.pfad-station.irrelevant{opacity:.55}.pfad-station-dot{flex:0 0 24px;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-dim);background:var(--bg-card)}.pfad-station.aktiv .pfad-station-dot{border-color:var(--accent);color:var(--accent);animation:pfad-pulse 1.8s ease-in-out infinite}.pfad-station.fertig .pfad-station-dot{border-color:var(--green);background:var(--green);color:var(--on-accent)}@keyframes pfad-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 40%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 0%,transparent)}}.pfad-station-title{font-weight:600;font-size:var(--fs-small)}.pfad-station-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.pfad-station.fertig .pfad-station-sub{color:var(--green)}.figure svg .flow{animation:pfad-flow 1.6s linear infinite}@keyframes pfad-flow{to{stroke-dashoffset:-20}}.pfad-check{margin:var(--s3) 0;padding:var(--s3);background:var(--bg-card);border-radius:var(--r-md);box-shadow:var(--e0)}.pfad-check-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s2)}.pfad-check .question{font-size:var(--fs-small);margin-bottom:var(--s2)}.pfad-check.fertig{display:flex;align-items:baseline;gap:var(--s2);box-shadow:inset 0 0 0 1px var(--green)}.pfad-check.fertig p{margin:0;color:var(--text-dim)}.hud [hidden]{display:none!important}.hud-oben{position:absolute;top:var(--s4);right:var(--s4);display:flex;gap:var(--s2);align-items:flex-start;pointer-events:auto;z-index:2}.hud-menue{position:relative}.hud-menue-offen{position:absolute;top:calc(100% + var(--s2));right:0;min-width:210px;display:flex;flex-direction:column;gap:var(--s1);background:#08131df0;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s2);box-shadow:var(--e2);z-index:3}.hud-hilfe{min-width:280px}.hilfe-zeile{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-small);color:var(--text-dim);padding:2px 0}.hilfe-zeile kbd{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--accent);background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--r-xs);padding:0 var(--s1);min-width:42px;text-align:center}.hud-rechts{position:absolute;top:calc(var(--s4) + 44px);right:var(--s4);bottom:var(--s4);display:flex;flex-direction:column;gap:var(--s2);align-items:flex-end;pointer-events:auto;overflow-y:auto;scrollbar-width:none}.hud-rechts::-webkit-scrollbar{display:none}.hud-karton{position:static;width:248px;flex:0 0 auto}.hud-titel{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);cursor:pointer;user-select:none}.hud-titel>span{flex:1}.falz{color:var(--text-dim);font-style:normal;font-size:10px;transition:transform var(--t-fast) var(--ease)}.hud-karton.zugeklappt .falz{transform:rotate(-90deg)}.hud-karton.zugeklappt>*:not(.hud-titel){display:none}.falz-info{font-style:normal;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);padding:0 var(--s2)}.inst-duo{display:flex;gap:var(--s2);margin-bottom:var(--s3)}.instrument{flex:1;background:linear-gradient(180deg,var(--bg-raised),var(--bg));border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s2) var(--s3) var(--s1);text-align:center;box-shadow:inset 0 1px #ffffff0f}.inst-titel{font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.inst-wert{font:700 30px/1.15 var(--font-mono);color:var(--accent-warm);text-shadow:0 0 14px color-mix(in srgb,var(--accent-warm) 55%,transparent)}.inst-wert.gesperrt{color:var(--text-dim);text-shadow:none;font-size:16px;font-weight:500;line-height:2.1}.inst-fuss{display:flex;justify-content:space-between;font:var(--fs-micro) var(--font-mono);color:var(--text-dim);padding-bottom:var(--s1)}.kompass-box{display:flex;flex-direction:column;align-items:center;gap:var(--s1);margin:0 0 var(--s3)}.kompass-svg{display:inline-flex}.hud-boot .kompass{width:150px;height:150px}.kurs-strip{font:700 14px var(--font-mono);color:var(--accent-warm);background:linear-gradient(180deg,var(--bg-raised),var(--bg));border:1px solid var(--line);border-radius:var(--r-xs);padding:2px var(--s3);text-shadow:0 0 10px color-mix(in srgb,var(--accent-warm) 45%,transparent)}.bediener-kopf{display:flex;justify-content:space-between;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:var(--s1)}.bediener-wert{font-family:var(--font-mono);color:var(--text);text-transform:none;letter-spacing:0}.ruder-zeile{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}.ruder-bahn{position:relative;flex:1;height:26px;border-radius:var(--r-pill);background:var(--bg-raised);border:1px solid var(--line);cursor:grab;touch-action:none;box-shadow:inset 0 2px 6px #00000073}.ruder-bahn:active{cursor:grabbing}.ruder-mitte{position:absolute;left:50%;top:50%;width:2px;height:12px;transform:translate(-50%,-50%);background:var(--accent);opacity:.45}.ruder-griff{position:absolute;top:50%;left:50%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--accent-strong),var(--accent));transform:translate(-50%,-50%);box-shadow:var(--e1);pointer-events:none}.pinne{flex:none;display:inline-flex}.pinne-arm{transform-box:view-box;transform-origin:17px 27px;transition:transform var(--t-fast) var(--ease)}.gas-motor{display:flex;gap:var(--s3);margin-bottom:var(--s3)}.gas-werk{display:flex;flex-direction:column;align-items:center;gap:var(--s1)}.gas-werk .bediener-kopf{align-self:stretch;justify-content:center;gap:var(--s2)}.gas-bahn{position:relative;width:40px;height:112px;border-radius:var(--r-sm);background:var(--bg-raised);border:1px solid var(--line);cursor:grab;touch-action:none;box-shadow:inset 0 2px 6px #00000073}.gas-bahn:before{content:"";position:absolute;left:6px;right:6px;top:50%;height:2px;background:var(--accent);opacity:.4}.gas-griff{position:absolute;left:4px;right:4px;height:18px;top:calc((100% - 18px)/2);background:linear-gradient(180deg,var(--text-dim),var(--text));border-radius:var(--r-xs);box-shadow:var(--e1),inset 0 1px #ffffff59;pointer-events:none}.motor-box{flex:1;display:flex;flex-direction:column;gap:var(--s2)}.motor-box .bediener-kopf{justify-content:flex-start}.motor-schalter{position:relative;width:60px;height:26px;border-radius:var(--r-pill);background:var(--bg-raised);border:1px solid var(--line);cursor:pointer;padding:0;box-shadow:inset 0 2px 6px #00000073;transition:background var(--t-fast),border-color var(--t-fast)}.schalter-knopf{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--text-dim);transition:left var(--t-fast) var(--ease),background var(--t-fast)}.motor-schalter.an{background:var(--accent-soft);border-color:var(--accent)}.motor-schalter.an .schalter-knopf{left:36px;background:var(--accent)}.motor-text{font:var(--fs-micro) var(--font-mono);color:var(--text-dim)}.motor-text.an{color:var(--green)}.segel-row{display:block}.segel-row-kopf{display:flex;justify-content:space-between;gap:var(--s3)}.segel-row-akt{display:flex;gap:var(--s1);margin-top:3px}.segel-row-akt .mini-knopf{flex:1;text-align:center;padding:2px 0}.segel-akt{display:flex;align-items:center;gap:var(--s1)}.segel-akt .v{margin-right:auto}.mini-knopf{font:var(--fs-micro) var(--font);color:var(--accent);background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--r-xs);padding:1px var(--s2);cursor:pointer;flex:0 0 auto}.mini-knopf:hover{border-color:var(--accent)}.alle-segel{width:100%;margin-top:var(--s2)}.hud-kurz{position:absolute;top:calc(var(--s4) + 44px);right:var(--s4);display:none;flex-direction:column;gap:var(--s1);background:#08131ddb;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s2) var(--s3);backdrop-filter:blur(6px);pointer-events:none}.hud-kurz-wert{display:flex;justify-content:space-between;gap:var(--s3);font-size:var(--fs-small)}.hud-kurz-wert .k{color:var(--text-dim)}.hud-kurz-wert .v{font-weight:600}.hud.min .hud-kurz{display:flex}.hud.min .hud-rechts,.hud.min .lesson-knoepfe{display:none}.hud-lesson-zone{position:absolute;bottom:var(--s4);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--s2);pointer-events:auto;max-width:min(640px,92vw)}.lesson-schritt{display:flex;align-items:center;gap:var(--s3);width:100%;background:linear-gradient(180deg,var(--accent-soft),rgba(8,19,29,.92) 75%);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-md);padding:var(--s2) var(--s4);box-shadow:var(--e1)}.lesson-badge{flex:none;font:700 var(--fs-micro) var(--font-mono);color:var(--accent);border:1px solid var(--accent);border-radius:var(--r-pill);padding:1px var(--s2);text-transform:uppercase;letter-spacing:.08em}.lesson-schritt .lesson-step-text{font-size:var(--fs-small)}.hud-lesson-zone .progress{flex:1;min-width:60px}.lesson-hinweis{max-width:640px;background:#08131ddb;border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s1) var(--s3);font-size:var(--fs-small);line-height:1.5;color:var(--text-dim);backdrop-filter:blur(6px);text-align:center}.lesson-knoepfe{display:flex;align-items:center;gap:var(--s3)}.lesson-knoepfe .hud-row{padding:0;gap:var(--s2)}.lesson-box{width:100%;background:linear-gradient(180deg,var(--accent-soft),rgba(8,19,29,.92) 70%);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-md);padding:var(--s3) var(--s4);box-shadow:var(--e1)}.lesson-box .lesson-step-text{color:var(--text)}@media(max-width:1200px){.hud-karton{width:206px;padding:var(--s2) var(--s3)}.inst-wert{font-size:22px}.hud-boot .kompass{width:118px;height:118px}.gas-bahn{height:92px}.hud-rechts{top:calc(var(--s4) + 40px)}.hud-oben .btn.small{padding:3px 8px}}@media(max-width:900px){.hud-karton{width:178px}.inst-duo{flex-direction:column}}