.profile-gate{max-width:480px;margin:0 auto;padding:2rem 0;text-align:center}.profile-gate__title{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:1.5rem}.profile-gate__list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.profile-gate__tile{flex:1;padding:1rem;font-size:1.1rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.profile-gate__tile:hover{border-color:var(--color-text)}.profile-gate__create{display:flex;flex-wrap:wrap;gap:.5rem}.profile-gate__input{flex:1 1 10rem;min-width:0;padding:.75rem;font-size:1rem;border:2px solid var(--color-border);border-radius:8px}.profile-gate__create-button{flex:1 1 auto;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--color-text);border-radius:8px;background:var(--color-text);color:#fff;cursor:pointer}.main-nav{margin:0 0 1.5rem}.main-nav__views{display:flex;flex-wrap:wrap;gap:.5rem}.main-nav__view{flex:1 1 4.5rem;min-width:0;padding:.9rem .4rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.main-nav__view.is-active{background:var(--color-text);border-color:var(--color-text);color:#fff}.main-nav__profile{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 0;font-size:.85rem;color:var(--color-muted)}.main-nav__profile-name{font-weight:700;color:var(--color-text);min-width:0;overflow-wrap:anywhere}.main-nav__switch{padding:.5rem .9rem;font-size:.85rem;border:1px solid var(--color-border);border-radius:4px;background:transparent;color:var(--color-muted);cursor:pointer}.main-nav__switch:hover{color:var(--color-text);border-color:var(--color-text)}.progress-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;margin-bottom:1.5rem}.progress-tile{display:flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.4rem .3rem;text-align:center;font-family:var(--font-display);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.25;overflow-wrap:anywhere;border:2px solid var(--color-border);border-radius:4px}.progress-tile--unseen{background:var(--color-surface);color:var(--color-muted);border-color:#ccc}.progress-tile--in-progress{background:#fff;border-color:var(--line-color);color:var(--color-text)}.progress-tile--mastered{background:var(--line-color);border-color:var(--line-color);color:#fff}.progress-tile--neutral.progress-tile--in-progress{border-color:var(--color-text)}.progress-tile--neutral.progress-tile--mastered{background:var(--color-text);border-color:var(--color-text)}.lernen-stage-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.lernen-stage-nav button{flex:1 1 8rem;min-width:0;padding:.6rem .5rem;border:2px solid var(--color-border);border-radius:6px;background:#fff;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;line-height:1.3}@media(max-width:400px){.lernen-stage-nav button{flex-basis:100%}}.lernen-stage-nav button.is-active{background:var(--color-text);color:#fff}.line-card{border:2px solid var(--color-border);border-radius:8px;padding:1.5rem 1rem 1rem;background:#fff}.line-track{display:flex;align-items:flex-start;position:relative;padding-top:8px;margin-bottom:1rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.line-track:before{content:"";position:absolute;top:8px;left:0;right:0;height:6px;background:var(--line-color)}.line-track__stop{flex:1 0 72px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.line-track__dot{width:14px;height:14px;border-radius:50%;background:#fff;border:4px solid var(--line-color)}.line-track__label{margin-top:.5rem;font-size:.65rem;text-align:center;line-height:1.2}.line-card__title{margin:.5rem 0 .25rem;color:var(--line-color)}.line-card__endpoints{margin:0 0 .25rem;font-weight:600}.line-card__meta{margin:0;color:var(--color-muted);font-size:.85rem}.knoten-card{border:2px solid var(--color-border);border-radius:8px;padding:1.5rem 1rem 1rem;background:#fff}.knoten-card__reason{margin:0 0 .25rem;color:var(--color-muted);font-size:.75rem;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase}.knoten-card__title{margin:0 0 1rem}.knoten-card__special-note{margin:.75rem 0 0;padding:.6rem .75rem;background:#fff8e1;border:1px solid #e0c36a;border-radius:6px;font-size:.85rem}.knoten-card__lines{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.knoten-card__chip{padding:.4rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600}.deck__nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.deck__nav button{flex:1 1 0;padding:.75rem .5rem;border:2px solid var(--color-border);border-radius:6px;background:#fff;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.deck__nav button:disabled{opacity:.35;cursor:default}.deck__counter{flex:0 0 auto;font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap}.deck__exit,.route-journey__back,.route-journey__reset{display:block;width:100%;margin:1rem 0 0;padding:.75rem 1rem;border:none;border-radius:6px;background:var(--color-surface);color:var(--color-muted);font-size:.9rem;text-align:center;text-decoration:none}.lernen-menu{display:flex;flex-direction:column;gap:.75rem}.lernen-menu__item{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem;border:2px solid var(--color-border);border-radius:8px;background:#fff;text-align:left}.lernen-menu__label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.9rem}.lernen-menu__meta{color:var(--color-muted);font-size:.8rem}.lernen-menu__stats{font-size:.85rem;font-weight:600}.quiz-round{border:2px solid var(--color-border);border-radius:8px;padding:1.5rem 1rem}.quiz-round__counter{margin:0 0 1rem;color:var(--color-muted);font-size:.85rem}.quiz-question__prompt{font-size:1.1rem;margin-bottom:1rem}.quiz-question__swatch{width:100%;height:64px;border-radius:4px;border:2px solid var(--color-border);margin-bottom:1rem}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.quiz-options--swatches .quiz-option{height:64px}.quiz-option{padding:.75rem .6rem;border:2px solid var(--line-color, var(--color-border));border-radius:6px;background:#fff;font-size:.95rem;line-height:1.3;min-width:0;overflow-wrap:anywhere}.quiz-option--correct{border-color:var(--color-correct);background:var(--color-correct);color:#fff}.quiz-option--wrong{border-color:var(--color-wrong);background:var(--color-wrong);color:#fff}.quiz-option--disabled{opacity:.5}.quiz-feedback{margin-top:1rem;display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.quiz-feedback p{margin:0}.quiz-feedback__extra{color:var(--color-muted);font-size:.9rem}.quiz-feedback button,.route-summary button,.lernen-result button{padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:6px;background:#fff;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.85rem}.route-summary button{display:block;width:100%;margin-top:1rem}.lernen-result{display:flex;flex-direction:column;gap:.75rem;text-align:center;padding:1.5rem 0}.lernen-result p{margin:0}.strecken-level{border:2px solid var(--color-border);border-radius:8px;padding:1.5rem 1rem}.strecken-level__header{margin:0 0 1rem;color:var(--color-muted);font-size:.85rem;font-family:var(--font-display);letter-spacing:.04em}.route-journey__trail{margin:0 0 .75rem;color:var(--color-muted);font-size:.85rem}.route-journey__current{margin:0 0 1rem;font-size:1.1rem}.route-journey__stops{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.route-journey__stop-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;border:2px solid var(--color-border);border-radius:6px;background:#fff;font-size:.9rem;line-height:1.3;text-align:left}.route-journey__stop-option>span:first-child{min-width:0;overflow-wrap:anywhere}.route-journey__stop-option--destination{border-color:var(--color-correct);background:#f0f8f2}.route-journey__stop-count{color:var(--color-muted);font-size:.8rem;white-space:nowrap}.route-summary{padding-top:.5rem}.route-reference{margin:1rem 0;padding:.75rem;background:var(--color-surface);border-radius:6px;font-size:.9rem}.route-reference__label{margin:0 0 .5rem;font-weight:600}.route-reference__segments{margin:0 0 .5rem}.route-reference__match{margin:0;color:var(--color-correct);font-weight:600}.route-reference__hint{margin:0;color:var(--color-muted)}.linienpaar-deck__lines{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.linienpaar-deck__line{flex:1 1 8rem;min-width:0;overflow-wrap:anywhere;padding:.7rem .5rem;font-family:var(--font-display);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;border:2px solid var(--line-color);border-radius:4px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.linienpaar-deck__line.is-active{background:var(--line-color);color:#fff}.linienpaar-deck__heading{margin:0 0 .5rem}.linienpaar-deck__partners{list-style:none;margin:0 0 1.5rem;padding:0}.linienpaar-deck__partner{display:flex;flex-wrap:wrap;gap:.2rem .75rem;padding:.6rem 0;border-bottom:1px solid var(--color-border)}.linienpaar-deck__partner-name{flex:0 0 8rem;font-weight:600;border-left:4px solid var(--line-color);padding-left:.5rem;overflow-wrap:anywhere}.linienpaar-deck__stations{flex:1 1 10rem;min-width:0;overflow-wrap:anywhere}.linienpaar-deck__partner--none .linienpaar-deck__stations{color:var(--color-muted);font-style:italic}.quiz-modul{padding:1rem;background:#0d0d0d;border-radius:8px;color:#fc3}.quiz-modul__title{display:flex;align-items:center;gap:.6rem;color:#fc3;overflow-wrap:anywhere}.quiz-modul__title:before{content:"";display:inline-block;flex:0 0 auto;width:1.1em;height:1.1em;border-radius:50%;background:#dc241f;border:.2em solid #0019a8;box-sizing:border-box}.quiz-menu{display:flex;flex-direction:column;gap:.75rem}.quiz-menu__level{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem;background:#1a1a1a;border:2px solid #ffcc33;border-radius:6px;text-align:left;color:#fc3}.quiz-menu__back{padding:.7rem 1rem;background:transparent;border:2px solid #4a4a4a;border-radius:6px;color:#b8b8b8}.quiz-menu__level-label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.9rem}.quiz-menu__level-highscore{color:#b8b8b8;font-size:.8rem}.quiz-run__status{color:#b8b8b8;font-size:.85rem;margin:0 0 1rem;letter-spacing:.03em}.quiz-question-panel{background:#1a1a1a;border:2px solid #333;border-radius:6px;padding:1.25rem 1rem}.quiz-journey__prompt{font-size:1.05rem;margin:0 0 1rem;color:#fff}.quiz-journey__trail{color:#b8b8b8;font-size:.85rem;margin:0 0 .75rem}.quiz-journey__current{color:#fff;font-size:1rem;margin:0 0 1rem}.quiz-journey__mistake{background:#3a1a1a;border:1px solid #dc241f;color:#ffb3b3;padding:.6rem .75rem;border-radius:4px;font-size:.85rem;margin:0 0 1rem}.quiz-journey__mistake--info{background:#1a2a3a;border-color:#0019a8;color:#cfe0ff}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.quiz-option--line{padding:.75rem .6rem;border:none;border-radius:4px;background:var(--line-color);color:#fff;font-weight:600;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.5);min-width:0;overflow-wrap:anywhere}.quiz-journey__stops{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.quiz-journey__stop-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;border:1px solid #444;border-radius:4px;background:#262626;color:#fff;font-size:.9rem;line-height:1.3;text-align:left}.quiz-journey__stop-option>span:first-child{min-width:0;overflow-wrap:anywhere}.quiz-journey__stop-option--destination{border-color:#007d32;background:#12261a}.quiz-journey__stop-count{color:#999;font-size:.8rem;white-space:nowrap}.quiz-journey__back{display:block;width:100%;margin-top:.75rem;padding:.75rem 1rem;background:#ffffff14;border:none;border-radius:6px;color:#b8b8b8;font-size:.9rem;text-align:center;text-decoration:none}.quiz-mc-swatch{width:100%;height:64px;border-radius:6px;margin-bottom:.75rem}.quiz-mc-option{padding:.75rem .6rem;border:2px solid #444;border-radius:6px;background:#262626;color:#fff;font-weight:600;line-height:1.3;min-width:0;overflow-wrap:anywhere}.quiz-mc-option--swatch{height:64px}.quiz-mc-option--correct{border-color:#4ade80;background:#143d24}.quiz-mc-option--wrong{border-color:#dc241f;background:#3a1a1a}.quiz-mc-option--disabled{opacity:.5}.quiz-result__score{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.04em;color:#fc3;margin:0 0 .4rem}.quiz-result__outcome{color:#fff;margin:0 0 .3rem}.quiz-result__hint{color:#fc3;font-size:.9rem;margin:0 0 .6rem}.quiz-result__time{color:#999;font-size:.85rem;margin:0 0 1rem}.quiz-result .route-reference{background:#262626;color:#fff}.quiz-result .route-reference__match{color:#4ade80}.quiz-result .route-reference__hint{color:#b8b8b8}.quiz-result button{display:block;width:100%;margin-top:1rem;padding:.75rem 1rem;background:#fc3;border:none;border-radius:4px;color:#0d0d0d;font-weight:700}.quiz-run-complete{background:#1a1a1a;border:2px solid #ffcc33;border-radius:6px;padding:1.5rem 1rem;text-align:center}.quiz-run-complete__score{font-family:var(--font-display);font-size:2rem;letter-spacing:.04em;color:#fc3;margin:0 0 .5rem}.quiz-run-complete__highscore{color:#4ade80;font-weight:700}.quiz-run-complete__pending{color:#999;font-size:.85rem}.quiz-run-complete>button{display:block;width:100%;margin-top:.75rem;padding:.75rem 1rem;background:#fc3;border:none;border-radius:4px;color:#0d0d0d;font-weight:700}.quiz-board{margin-top:1.5rem;text-align:left}.quiz-board__tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.quiz-run-complete .quiz-board__tab{flex:1;margin-top:0;padding:.7rem .5rem;background:transparent;border:2px solid #4a4a4a;color:#b8b8b8;font-weight:400}.quiz-run-complete .quiz-board__tab.is-active{border-color:#fc3;color:#fc3;font-weight:700}.quiz-board__empty{color:#999;font-size:.9rem}.quiz-board__list{list-style:none;margin:0;padding:0}.quiz-board__entry{display:flex;align-items:baseline;gap:.6rem;padding:.5rem .6rem;border-bottom:1px solid #2e2e2e;color:#fff}.quiz-board__entry.is-own{background:#262626;color:#fc3;font-weight:700}.quiz-board__rank{min-width:1.8rem;color:#8a8a8a}.quiz-board__entry.is-own .quiz-board__rank{color:#fc3}.quiz-board__name{flex:1;min-width:0;overflow-wrap:anywhere}.quiz-board__score{font-family:var(--font-display);letter-spacing:.04em}@font-face{font-family:Railway Sans;src:url(/fonts/Railway.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg: #ffffff;--color-surface: #f5f5f5;--color-text: #1a1a1a;--color-muted: #5f5f5f;--color-border: #1a1a1a;--color-correct: #007d32;--color-wrong: #dc241f;--font-display: "Railway Sans", "Work Sans", sans-serif;--font-body: "Work Sans", system-ui, -apple-system, sans-serif;--gutter: 1rem;--tap-min: 44px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,.font-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-weight:400}button{font-family:var(--font-body);cursor:pointer;min-height:var(--tap-min);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,opacity .12s ease}button:not(:disabled):active{transform:scale(.96);opacity:.72;transition-duration:0s}button:focus-visible{outline:3px solid #0019a8;outline-offset:2px}@media(prefers-reduced-motion:reduce){button{transition:none}button:not(:disabled):active{transform:none}}.app-shell{max-width:640px;margin:0 auto;padding:var(--gutter) var(--gutter) 3rem}@supports (padding: max(0px)){.app-shell{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}}