:root{--sbb-board-bg: #2d327d;--sbb-board-bg-light: #3a3f8f;--sbb-text: #ffffff;--sbb-text-muted: #b0b4d8;--sbb-red: #eb0000;--sbb-red-dark: #c60018;--sbb-delay: #ffcc00;--sbb-cancelled: #eb0000;--sbb-sector-border: #5a5fa0;--sbb-car-bg: #ffffff;--sbb-car-text: #2d327d;--sbb-car-border: #8a8fc0;--sbb-first-class: #f5d600;--sbb-arrow: #ffffff;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-sm: 1.4vw;--font-size-base: 1.8vw;--font-size-lg: 2.4vw;--font-size-xl: 3vw;--font-size-xxl: 4.5vw;--font-size-time: 5.5vw;--board-max-width: 900px;--board-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--sbb-board-bg);color:var(--sbb-text);margin:0;overflow:hidden}#app{width:100vw;height:100vh;display:flex;align-items:stretch;justify-content:center;position:relative;overflow:hidden}#departure-view{flex:1;display:flex;align-items:stretch;justify-content:center}.search-container{margin-bottom:var(--spacing-lg);position:relative}.search-container input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);font-family:var(--font-family);border:2px solid #ccc;border-radius:4px;outline:none}.search-container input:focus{border-color:var(--sbb-red)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;max-height:300px;overflow-y:auto;z-index:100;display:none}.autocomplete-dropdown.visible{display:block}.autocomplete-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-base)}.autocomplete-item:hover,.autocomplete-item.active{background:#f0f0f0}.autocomplete-empty{padding:var(--spacing-sm) var(--spacing-md);color:#999;font-style:italic}.filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center}.filters label{font-size:var(--font-size-sm);font-weight:600}.filters select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-base);font-family:var(--font-family);border:1px solid #ccc;border-radius:4px}.display-board{background:var(--sbb-board-bg);color:var(--sbb-text);width:100%;display:flex;flex-direction:column;overflow:hidden}.departure-header{flex:1;padding:2vh 3vw;display:grid;grid-template-columns:auto 1fr 1fr;grid-template-rows:auto auto 1fr;gap:1vh 2vw;align-items:start;align-content:start;border-bottom:2px solid var(--sbb-sector-border)}.train-badge{background:var(--sbb-red);color:#fff;padding:.4vw 1vw;font-weight:700;font-size:var(--font-size-lg);border-radius:4px;white-space:nowrap;display:inline-flex;align-items:center;gap:.5vw;align-self:center}.train-badge img{height:1.1em}.departure-time{font-size:var(--font-size-time);font-weight:700;line-height:1;align-self:center}.departure-vias{grid-column:3;grid-row:1 / 3;font-size:var(--font-size-base);line-height:1.4;align-self:center}.departure-destination{font-size:var(--font-size-xxl);font-weight:700;grid-column:1 / 3}.delay-info{color:var(--sbb-delay);font-size:var(--font-size-base);font-weight:600}.cancelled-info{color:var(--sbb-cancelled);background:#fff;padding:2px var(--spacing-sm);font-weight:700;font-size:var(--font-size-base);border-radius:3px;display:inline-block}.departure-track{font-size:var(--font-size-sm);color:var(--sbb-text-muted);padding:.5vh 3vw}.formation-container{padding:2vh 3vw 3vh;background:#ededed}.sector-bar{display:flex;border-bottom:2px solid var(--sbb-text);padding:0 3vw;margin-bottom:0}.sector-label{flex:1;text-align:center;font-size:var(--font-size-sm);font-weight:700;padding-bottom:var(--spacing-xs);border-right:1px solid var(--sbb-sector-border)}.sector-label:last-child{border-right:none}.sector-label.current-position{position:relative}.sector-label.current-position:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--sbb-red);border-radius:50%}.car-numbers{display:flex;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--sbb-text-muted)}.car-number{flex:1;text-align:center}.cars-row{display:flex;gap:3px;align-items:stretch;min-height:5vh}.car-box{flex:1;background:var(--sbb-car-bg);color:var(--sbb-car-text);border:1px solid var(--sbb-car-border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;min-width:0;font-size:var(--font-size-sm);font-weight:700;position:relative}.car-box.fiktiv{background:transparent;border:none;color:transparent}.car-box.triebfahrzeug{background:var(--sbb-board-bg-light);border-color:var(--sbb-sector-border);color:var(--sbb-text-muted)}.car-box.start-links{border-radius:6px 0 0 6px}.car-box.end-recht,.car-box.start-rechts{border-radius:0 6px 6px 0}.car-box.end-links{border-radius:6px 0 0 6px}.car-class{font-size:var(--font-size-lg);font-weight:700;line-height:1}.car-class.erste{color:var(--sbb-first-class)}.car-box.zweite{background:var(--sbb-board-bg);color:var(--sbb-text);border-color:var(--sbb-sector-border)}.car-facilities{display:flex;gap:1px;font-size:.6rem;margin-top:1px}.facility-icon{font-size:.65rem}.cars-with-direction{display:flex;align-items:center;gap:1vw}.cars-with-direction .cars-row{flex:1}.direction-arrow{display:flex;align-items:center;color:var(--sbb-board-bg);font-size:var(--font-size-lg);flex-shrink:0}.direction-arrow .arrow{font-size:var(--font-size-xl)}.formation-destinations{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.formation-dest-label{background:var(--sbb-board-bg-light);padding:2px var(--spacing-sm);border-radius:3px;border:1px solid var(--sbb-sector-border)}.loading{text-align:center;padding:var(--spacing-xl);color:#999;font-size:var(--font-size-lg)}.error-message{text-align:center;padding:var(--spacing-lg);color:var(--sbb-red);background:#fff0f0;border:1px solid var(--sbb-red);border-radius:4px;margin-bottom:var(--spacing-lg)}.no-departures{text-align:center;padding:5vh 3vw;color:var(--sbb-text-muted);font-size:var(--font-size-lg)}#settings-container{position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:50}.settings-btn,.announcement-btn{width:44px;height:44px;border:none;border-radius:50%;background:#00000026;color:#0006;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.settings-btn:hover,.announcement-btn:hover{background:#00000040;color:#0009}.settings-btn svg,.announcement-btn svg{width:22px;height:22px}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:none}.settings-backdrop.visible{display:block}.settings-panel{position:fixed;bottom:70px;right:var(--spacing-md);width:360px;max-width:calc(100vw - var(--spacing-lg) * 2);background:#fff;color:#333;border-radius:var(--board-radius);padding:var(--spacing-lg);z-index:101;display:none;box-shadow:0 8px 32px #0000004d}.settings-panel.visible{display:block}.settings-panel h2{font-size:1.1rem;margin-bottom:12px;color:var(--sbb-board-bg)}.settings-panel .search-container{margin-bottom:12px}.settings-panel .search-container input{color:#333;font-size:1rem;padding:8px 12px}.settings-panel .filters{margin-bottom:0}.settings-panel .filters label{color:#333;font-size:.85rem}.settings-panel .filters select,.settings-panel .autocomplete-item{font-size:.9rem}.locale-selector{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #ddd}.locale-selector label{font-size:.85rem;font-weight:600;color:#333}.locale-selector select{font-size:.9rem;font-family:var(--font-family);padding:4px 8px;border:1px solid #ccc;border-radius:4px}.jingle-selector{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #ddd}.jingle-selector label{font-size:.85rem;font-weight:600;color:#333}.jingle-selector select{font-size:.9rem;font-family:var(--font-family);padding:4px 8px;border:1px solid #ccc;border-radius:4px}.about-section{margin-top:12px;padding-top:12px;border-top:1px solid #ddd}.about-section h3{font-size:.85rem;font-weight:600;color:#333;margin-bottom:6px}.about-section p{font-size:.75rem;color:#888;line-height:1.4;margin-bottom:4px}.about-section a{color:var(--sbb-board-bg);text-decoration:none}.about-section a:hover{text-decoration:underline}.nav-arrow{position:fixed;top:50%;transform:translateY(-50%);width:28px;height:48px;border:none;background:transparent;color:#ffffff26;font-size:1.2rem;cursor:pointer;z-index:40;display:flex;align-items:center;justify-content:center;transition:color .2s}.nav-arrow:hover{color:#ffffff80}.nav-arrow.hidden{display:none}.nav-arrow--prev{left:4px}.nav-arrow--next{right:4px}@media(max-width:600px){.departure-header{grid-template-columns:1fr;grid-template-rows:auto;padding:var(--spacing-sm) var(--spacing-md)}.departure-vias{grid-column:1;grid-row:auto}.departure-destination{grid-column:1;font-size:var(--font-size-xl)}.departure-time{font-size:var(--font-size-xxl)}.formation-container{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);overflow-x:auto}.cars-row,.sector-bar,.car-numbers{min-width:500px}}