*{box-sizing:border-box}body{margin:0;background:#f7f2e9;color:#3c4848;font:15px/1.55 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:4px}button,select{font:inherit}header,main,footer{max-width:1170px;padding:24px 28px;margin:auto}header,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:8px;align-items:center;text-decoration:none;font:700 24px Georgia,serif}.brand svg{width:40px;color:#526c69}header>a:last-child{font-size:12px}.heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:34px 0}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:700;color:#888779}h1{font:clamp(38px,5vw,65px)/1.07 Georgia,serif;letter-spacing:-.055em;margin:15px 0}h1 span{color:#b96e48}.heading p:last-child{font:19px Georgia,serif;margin:0}.ticket{min-width:144px;border-top:1px solid #b0b5a7;border-bottom:1px solid #b0b5a7;padding:10px 16px;text-align:center;transform:rotate(4deg);background:#efecdd}.ticket span,.ticket small{font-size:8px;letter-spacing:.16em;display:block}.ticket strong{font:42px Georgia,serif;line-height:1.3}.layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(245px,1fr);gap:35px}.map-wrap{background:#edeedf;border:1px solid #d0d4c2;border-radius:17px;padding:10px;overflow:hidden}#map{width:100%;display:block;outline-offset:-4px}.time-strip{display:flex;align-items:center;gap:25px;padding:18px 0;border-bottom:1px solid #dbdccb}.time-strip div span{display:block;font-size:8px;letter-spacing:.13em;color:#81887b}.time-strip strong{font:23px Georgia,serif}.time-strip small{font-size:10px;color:#888b7c}.time-strip button{margin-left:auto;background:#566e67;color:#fff;border-color:#566e67;font-size:12px;white-space:nowrap}#feedback{min-height:48px;font-size:13px;color:#65786b;margin:16px 0}.train-list{display:flex;gap:7px;flex-wrap:wrap}.train-chip{background:#ede9de;border-radius:5px;padding:7px 9px;font-size:10px;border-left:4px solid var(--train-color)}.train-chip.delivered{opacity:.5}.train-chip strong{display:block;font-weight:600}.train-chip small{color:#778077}label{display:block;font-size:11px;margin-bottom:6px}select{width:100%;padding:10px;background:#fdfaf1;border:1px solid #cbcdbe;border-radius:7px;color:inherit;margin-bottom:18px}h2{font:20px Georgia,serif;margin:15px 0 10px;letter-spacing:-.02em}button{border:1px solid #c8cbbb;border-radius:7px;background:#fcf9f0;padding:9px 11px;color:#45564e;cursor:pointer}button:hover{background:#e8ecdd}button:disabled{opacity:.45;cursor:default}.signals{display:grid;gap:5px}.signals button{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px}.signals small{margin-left:auto;font-size:10px;color:#8a7868}.lamp{width:10px;height:10px;display:inline-block;border-radius:50%;background:#b77864;box-shadow:0 0 0 3px #b7786419}.signals button[aria-pressed=true]{background:#e5eddb;border-color:#9cb184}.signals button[aria-pressed=true] .lamp{background:#7c9a58;box-shadow:0 0 0 3px #7c9a5819}.routes{display:grid;gap:5px}.routes button{text-align:left;font-size:12px;display:flex;justify-content:space-between}.routes button[aria-pressed=true]{background:#526c69;color:#f9f5e9;border-color:#526c69}.actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:20px}.actions button{font-size:11px}#next{width:100%;background:#b7734e;color:#fff;margin-top:10px}#save-state{font-size:10px;color:#848c7e;margin-top:16px}.notice{background:#f4e3c9;padding:11px;border-radius:7px;font-size:11px}.notice p{margin:0 0 8px}.rules{border-top:1px solid #d3d7c6;margin-top:35px;padding-top:18px;max-width:750px}.rules h2{font-size:26px}.rules p{color:#737f70;font-size:13px}details{font-size:12px;margin-top:15px}summary{cursor:pointer}footer{font-size:11px;color:#8b8e7f;border-top:1px solid #d7dacb;margin-top:35px}.skip{position:absolute;left:10px;top:-50px}.skip:focus{top:10px}dialog{background:#f8f4e9;border:1px solid #bdc5ae;border-radius:14px;padding:26px;max-width:350px;color:#45564e}dialog::backdrop{background:#24332e88}[hidden]{display:none!important}:focus-visible{outline:3px solid #b48142;outline-offset:4px}@media(max-width:800px){header,main,footer{padding:20px}.layout{grid-template-columns:1fr}.heading{margin:25px 0}.ticket{min-width:93px;padding:8px}.ticket strong{font-size:30px}.ticket small{font-size:6px}.eyebrow{font-size:8px}h1{font-size:39px}.heading p:last-child{font-size:16px}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}aside>label,aside>select{grid-column:1/3}.signals{grid-column:1;grid-row:4}.routes{grid-column:2;grid-row:4}aside>h2:nth-of-type(1){grid-column:1;grid-row:3}aside>h2:nth-of-type(2){grid-column:2;grid-row:3}aside>h2{font-size:17px}.actions{grid-column:1/3;grid-template-columns:repeat(4,1fr);margin-top:15px}#next,#save-state,.notice{grid-column:1/3}.time-strip{gap:16px}.time-strip strong{font-size:21px}.time-strip button{font-size:10px;padding:10px 8px}.time-strip small{font-size:9px}.map-wrap{padding:3px}.train-chip{padding:5px 7px}footer{flex-wrap:wrap}}@media(max-width:360px){header,main,footer{padding:16px}.heading{gap:12px}h1{font-size:32px}.ticket{min-width:74px}.ticket small{display:none}.heading p:last-child{font-size:14px}.brand{font-size:20px}.brand svg{width:28px}.time-strip{gap:10px}.time-strip strong{font-size:18px}.time-strip button{font-size:9px}.signals button,.routes button{font-size:10px;padding:9px}.actions button{font-size:10px;padding:9px 4px}}