:root{--ink:#1b2422;--muted:#69716e;--paper:#f4f0e6;--cream:#fffdf7;--rail:#263b36;--rail-2:#35534a;--yellow:#e8b33f;--red:#c94e3b;--blue:#477790;--line:#dcd7ca;--shadow:0 20px 50px #1a28251a;--co-db:#dd1f28;--co-avg:#287d79;--co-basf:#006db7;--co-mev:#de8e28;--co-sweg:#6a4c93}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#d9d3c3;font-family:'DM Sans',sans-serif}button,textarea,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1540px;margin:auto;min-height:100vh;background:var(--paper);box-shadow:0 0 70px #18282224}.topbar{height:84px;background:var(--rail);color:#fff;display:flex;align-items:center;padding:0 5.5%;gap:30px}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:240px}.brand-mark{height:42px;width:42px;border:2px solid var(--yellow);color:var(--yellow);display:grid;place-items:center;font-family:'Barlow Condensed';font-weight:700;font-size:21px;letter-spacing:0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:var(--muted)}.topbar .eyebrow{color:#a7b5ad}.brand-lockup h1{font:600 24px/1 'Barlow Condensed';letter-spacing:.5px;margin:3px 0 0}.company-strip{display:flex;gap:9px;margin-left:auto}.partner{font:700 12px 'Barlow Condensed';letter-spacing:1px;padding:8px 10px;border:1px solid #ffffff55;color:#fff}.db{background:var(--co-db)}.avg{background:var(--co-avg)}.basf{background:var(--co-basf)}.mev{background:var(--co-mev)}.sweg{background:var(--co-sweg)}.admin-toggle{background:transparent;color:#fff;border:1px solid #ffffff66;padding:10px 15px;font-weight:700;font-size:13px}.button-icon{color:var(--yellow);margin-right:5px}.hero-panel{padding:58px 7% 50px;display:flex;justify-content:space-between;align-items:end;background:linear-gradient(120deg,#f4f0e6 0%,#eee8da 70%,#e3d8c0 100%);border-bottom:1px solid var(--line)}h2{font-family:'Barlow Condensed';font-weight:600;line-height:.9;letter-spacing:.2px;margin:8px 0}.hero-panel h2{font-size:74px;text-transform:uppercase;max-width:750px}.hero-panel h2 span{color:var(--red)}.hero-copy{max-width:440px;color:var(--muted);line-height:1.6;margin:19px 0 0}.accent-text{color:var(--red)}.hero-stat{border-left:1px solid #bbb3a1;padding:8px 0 5px 28px;min-width:170px}.hero-stat strong{display:block;color:var(--rail);font:600 55px/.8 'Barlow Condensed'}.hero-stat span{color:var(--muted);font-size:12px}.game-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);gap:42px;padding:52px 7% 65px}.board-card{min-width:0}.board-heading,.panel-topline,.modal-header,.log-toolbar{display:flex;justify-content:space-between;align-items:start}.board-heading h2{font-size:34px;text-transform:uppercase}.status-pill{font-size:11px;color:var(--rail);font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.status-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5eaa7a;margin-right:6px}.board{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);aspect-ratio:1.28;margin-top:20px;background:#e4ddcc;border:8px solid var(--rail);box-shadow:var(--shadow);gap:3px}.board-space{position:relative;background:#fffaf0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:0;border:1px solid #cfc8b8;padding:8px;gap:4px;overflow:hidden}.board-space strong{font:700 21px 'Barlow Condensed';letter-spacing:.5px}.board-space small,.board-space span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.board-space>span:last-child{color:var(--ink);font-size:8px;font-weight:700}.corner{background:#eae3d1}.corner strong{font-size:17px;text-transform:uppercase}.space-icon{font-size:25px!important;color:var(--red)!important}.station{position:relative;padding-top:26px}.station:before{content:'';position:absolute;top:0;left:0;right:0;height:13px;background:var(--red)}.yellow-station:before{background:var(--yellow)}.green-station:before{background:#579068}.blue-station:before{background:var(--blue)}.orange-station:before{background:#dc813d}.violet-station:before{background:var(--co-sweg)}.teal-station:before{background:#419b9b}.brown-station:before{background:#997356}.chance-space{background:#f7f1e4}.chance-space .space-icon{font:700 30px 'Barlow Condensed'}.board-center{grid-column:2/5;grid-row:2/5;background:var(--rail);color:#fff;display:grid;place-items:center;text-align:center;position:relative}.center-stamp{border:1px solid var(--yellow);color:var(--yellow);font:600 30px/.8 'Barlow Condensed';letter-spacing:2px;padding:17px 24px;transform:rotate(-5deg)}.center-stamp b{color:#fff;font-size:37px}.board-center p{position:absolute;bottom:13px;font-size:8px;letter-spacing:2px;color:#adbab2}.board .start-space{grid-column:5;grid-row:5}.board .pause-space{grid-column:1;grid-row:5}.board .end-space{grid-column:1;grid-row:1}.board .red-station{grid-column:4;grid-row:5}.board .signal-space{grid-column:3;grid-row:5}.board .yellow-station{grid-column:2;grid-row:5}.board .green-station{grid-column:1;grid-row:4}.board .blue-station{grid-column:5;grid-row:4}.board .storung-space{grid-column:5;grid-row:3}.board .orange-station{grid-column:5;grid-row:2}.board .violet-station{grid-column:1;grid-row:2}.board .teal-station{grid-column:1;grid-row:3}.board .bonus-space{grid-column:2;grid-row:1}.board .extra-space{grid-column:3;grid-row:1}.board .brown-station{grid-column:4;grid-row:1}.board .wechsel-space{grid-column:5;grid-row:1}.board-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:15px}.board-occupants{position:absolute;top:3px;left:3px;right:3px;display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:1}.board-occupants span{font-size:7px;font-weight:700;letter-spacing:.3px;color:var(--rail);background:#ffffffd9;padding:1px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.board-occupants .more{color:var(--red)}.locomotive{position:absolute;bottom:3px;right:3px;width:30px;height:19px;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));animation:loco-in .3s ease}.locomotive svg{width:100%;height:100%;display:block}.locomotive.livery-db{color:var(--co-db)}.locomotive.livery-avg{color:var(--co-avg)}.locomotive.livery-basf{color:var(--co-basf)}.locomotive.livery-mev{color:var(--co-mev)}.locomotive.livery-sweg{color:var(--co-sweg)}@keyframes loco-in{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.question-panel{background:var(--cream);border:1px solid var(--line);box-shadow:var(--shadow);align-self:start;padding:31px 32px;position:relative}.panel-topline{align-items:center}.question-number{font:600 16px 'Barlow Condensed';color:var(--red)}.question-category{color:var(--rail);font-size:10px;font-weight:700;letter-spacing:2px;margin-top:55px}.question-panel h2{font-size:38px;line-height:1.02;margin:12px 0 30px}.answer-area{border-top:1px solid var(--line);padding-top:22px}.answer-area label,.question-form label{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.answer-area textarea,.question-form textarea,.question-form select{display:block;width:100%;border:1px solid var(--line);background:#f9f6ed;padding:13px;margin-top:9px;resize:vertical;color:var(--ink);outline-color:var(--red)}.answer-actions{display:flex;align-items:center;gap:14px;margin-top:15px}.primary-button{border:0;background:var(--red);color:#fff;padding:13px 18px;font-size:12px;font-weight:700;letter-spacing:.5px}.primary-button span{font-size:17px;margin-left:9px}.answer-note{font-size:10px;color:var(--muted)}.rating-area{border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.rating-heading strong{display:block;font-size:13px}.rating-heading span{font-size:11px;color:var(--muted)}.rating-buttons{display:flex;gap:9px;margin-top:12px}.rating-buttons button{flex:1;padding:12px;border:1px solid;font-weight:700;font-size:12px}.correct-button{background:#e1f0df;border-color:#8ab48c!important;color:#316b3b}.wrong-button{background:#f8e3df;border-color:#d69485!important;color:#a2382c}.feedback{font-size:12px;margin-top:15px;min-height:18px}.feedback.success{color:#316b3b}.feedback.error{color:#a2382c}.hidden{display:none!important}.rules-strip{background:var(--rail);color:#fff;padding:30px 7%;display:flex;align-items:center;justify-content:space-between}.rules-strip h2{font-size:31px;text-transform:uppercase}.rule-list{display:flex;gap:30px;color:#b8c4bd;font-size:12px}.rule-list b{color:var(--yellow);font:600 22px 'Barlow Condensed';margin-right:7px}.modal-backdrop{position:fixed;inset:0;background:#13201dbb;display:grid;place-items:center;padding:20px;z-index:5}.admin-modal{background:var(--cream);width:min(850px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #0005;padding:32px}.modal-header h2{font-size:42px;text-transform:uppercase}.close-button{border:0;background:transparent;font-size:30px;line-height:1;color:var(--muted)}.admin-tabs{display:flex;border-bottom:1px solid var(--line);gap:22px;margin-top:25px}.tab-button{background:none;border:0;border-bottom:3px solid transparent;padding:12px 0;color:var(--muted);font-weight:700;font-size:12px}.tab-button.active{color:var(--red);border-color:var(--red)}.tab-count{background:var(--red);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;margin-left:4px}.question-form{padding:24px 0;border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 190px;gap:15px}.question-form select{height:44px}.question-form .primary-button{margin-top:13px}.question-list,.log-list{display:grid;gap:9px;padding-top:20px}.question-item,.log-item{border:1px solid var(--line);padding:14px 16px;background:#fbf8f0}.question-item{display:flex;gap:14px;justify-content:space-between;align-items:start}.question-item p{margin:0;font-size:13px;line-height:1.4}.item-meta{font-size:10px;color:var(--red);font-weight:700;letter-spacing:1px;text-transform:uppercase}.delete-button,.text-button{border:0;background:transparent;color:var(--muted);font-size:11px}.delete-button:hover,.text-button:hover{color:var(--red)}.log-toolbar{padding:24px 0 10px;align-items:center}.log-toolbar-actions{display:flex;gap:16px}.log-toolbar strong{display:block}.log-toolbar span{font-size:11px;color:var(--muted)}.log-item{display:grid;grid-template-columns:1fr 140px;gap:18px}.log-answer{color:var(--muted);font-size:12px;margin:8px 0 0}.log-result{font-weight:700;font-size:12px;text-align:right}.log-result.correct{color:#316b3b}.log-result.wrong{color:#a2382c}.empty-state{color:var(--muted);font-size:13px;padding:15px 0}.gate-modal{width:min(440px,100%)}.gate-form{display:flex;flex-direction:column;gap:16px;padding-top:22px}.gate-form .fieldset{display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:0}.gate-form .label{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--ink)}.gate-form input.input,.gate-form label.input{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--line);background:#f9f6ed;padding:13px;color:var(--ink)}.gate-form label.input input{border:0;background:transparent;outline:none;font:inherit;color:var(--ink);width:100%;padding:0}.gate-form input.input:focus{outline:2px solid var(--red);outline-offset:1px}.gate-form label.input:focus-within{outline:2px solid var(--red);outline-offset:1px}.gate-form .h-\[1em\]{width:16px;height:16px;flex:none;color:var(--muted)}.gate-form .opacity-50{opacity:.6}.gate-form .validator-hint{font-size:11px;color:var(--muted);margin-top:-8px;line-height:1.4}.livery-picker{display:flex;flex-direction:column;gap:9px}.livery-options{display:flex;gap:8px;flex-wrap:wrap}.livery-swatch{flex:1;min-width:70px;border:2px solid transparent;color:#fff;font:700 12px 'Barlow Condensed';letter-spacing:1px;padding:11px 6px;opacity:.5}.livery-swatch.db{background:var(--co-db)}.livery-swatch.avg{background:var(--co-avg)}.livery-swatch.basf{background:var(--co-basf)}.livery-swatch.mev{background:var(--co-mev)}.livery-swatch.selected{opacity:1;border-color:var(--ink)}.gate-error{color:#a2382c;font-size:12px}@media(max-width:900px){.game-layout{grid-template-columns:1fr}.hero-panel h2{font-size:60px}.rules-strip{display:block}.rule-list{margin-top:20px;flex-wrap:wrap}}@media(max-width:620px){.topbar{height:auto;padding:16px 5%;flex-wrap:wrap}.brand-lockup{min-width:0}.company-strip{order:3;margin:0}.admin-toggle{margin-left:auto}.hero-panel{display:block;padding:38px 7%}.hero-panel h2{font-size:51px}.hero-stat{margin-top:35px}.game-layout{padding:35px 5%;gap:38px}.board{border-width:5px;gap:2px}.board-space{padding:3px;gap:2px}.board-space strong{font-size:13px}.board-space small,.board-space>span:last-child{font-size:6px}.space-icon{font-size:17px!important}.locomotive{width:20px;height:13px;bottom:2px;right:2px}.board-occupants{top:2px;left:2px;right:2px}.board-occupants span{font-size:5.5px;padding:1px 2px}.center-stamp{font-size:18px;padding:11px 14px}.center-stamp b{font-size:23px}.board-center p{font-size:5px;bottom:4px}.question-panel{padding:25px 20px}.question-panel h2{font-size:34px}.answer-actions{align-items:start;flex-direction:column}.form-grid{grid-template-columns:1fr}.admin-modal{padding:22px}.log-item{grid-template-columns:1fr}.log-result{text-align:left}}