.stop{flex-direction:column;align-items:center;gap:9px;padding:6px 14px 10px;display:flex}.lane{justify-content:center;align-items:flex-end;gap:8px;width:100%;padding-bottom:8px;display:flex;overflow:hidden}.buses{justify-content:center;align-items:flex-end;gap:10px;display:flex}.bus{width:var(--bus-width,110px);height:var(--bus-height,58px);background:linear-gradient(168deg, var(--bus,#555) 0%, var(--bus-edge,#333) 100%);box-shadow:inset 0 2px 0 #ffffff4d, inset 0 -4px 8px #00000042, 0 3px 6px var(--shadow);border-radius:30% 14px 10px 30%/40% 14px 10px 40%;justify-content:center;align-items:center;padding:0 10%;transition:transform .18s cubic-bezier(.3,1.3,.5,1);display:flex;position:relative}.bus.is-gone{background:var(--glass);box-shadow:none;opacity:.28}.bus-seats{justify-content:center;align-items:center;gap:6%;width:100%;height:62%;display:flex}.seat{background:#00000042;border-radius:5px 5px 3px 3px;flex:1 1 0;place-items:center;height:100%;display:grid;box-shadow:inset 0 1px 3px #00000073}.seat.is-taken{animation:.28s cubic-bezier(.3,1.5,.5,1) both seat-fill}@keyframes seat-fill{0%{transform:scale(.4)}}.bus-wheels{pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:-5px;left:16%;right:16%}.bus-wheels span{background:#1b2130;border-radius:50%;width:13px;height:13px;box-shadow:inset 0 0 0 3.5px #5b667e}.bus.is-gone .bus-wheels{display:none}.queue{min-height:calc(var(--queue-bus,20px) * .62);align-items:flex-end;gap:5px;padding-bottom:4px;display:flex}.queue[hidden]{display:none}.queue-bus{width:var(--queue-bus,20px);height:calc(var(--queue-bus,20px) * .62);background:linear-gradient(168deg, var(--bus) 0%, var(--bus-edge) 100%);box-shadow:0 1px 2px var(--shadow);opacity:calc(1 - var(--queue-rank,0) * .22);transform:scale(calc(1 - var(--queue-rank,0) * .08));border-radius:34% 4px 3px 34%/46% 4px 3px 46%;place-items:center;display:grid}.queue-bus.is-unknown{background:var(--glass);box-shadow:none;opacity:.3;transform:scale(.6)}.queue-glyph{fill:#ffffffe6;width:52%;height:52%}.bench{background:var(--glass);border-radius:14px;justify-content:center;align-items:flex-end;gap:7px;padding:4px 10px;transition:background .2s,box-shadow .2s;display:flex}.bench.is-critical{background:color-mix(in srgb, var(--danger) 22%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--danger) 45%, transparent)}.bench.is-overflowed{animation:.42s ease-in-out 2 both bench-overflow}@keyframes bench-overflow{0%,to{background:color-mix(in srgb, var(--danger) 22%, transparent);transform:translate(0)}25%{transform:translate(-5px)}50%{background:color-mix(in srgb, var(--danger) 62%, transparent)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.bench.is-overflowed{background:color-mix(in srgb, var(--danger) 62%, transparent);animation:none}}.bench-slot{width:var(--bench-slot,26px);height:var(--bench-slot,26px);background:#0003;border-radius:8px;place-items:end center;display:grid;box-shadow:inset 0 1px 2px #00000059}.bench-slot.is-filled{background:#ffffff12;animation:.28s cubic-bezier(.3,1.5,.5,1) both seat-fill}.board{place-items:center;min-width:0;min-height:0;display:grid}.grid{width:calc(var(--cell,40px) * var(--grid-w,6));height:calc(var(--cell,40px) * var(--grid-h,8));margin:auto;position:relative}.grid.is-celebrating{animation:.7s both grid-cheer}@keyframes grid-cheer{40%{transform:scale(1.04)rotate(-1.2deg)}}.tile{left:calc(var(--cx) * var(--cell,40px));top:calc(var(--cy) * var(--cell,40px));width:var(--cell,40px);height:var(--cell,40px);background-color:#e9f0ff1a;background-clip:content-box;border-radius:9px;padding:2px;position:absolute;box-shadow:inset 0 0 0 1px #e9f0ff14}:root[data-theme=light] .tile{background-color:#ffffffeb;box-shadow:inset 0 0 0 1px #16233c0f,0 1px 2px #18284614}.person{left:calc(var(--cx) * var(--cell,40px));top:calc(var(--cy) * var(--cell,40px));width:var(--cell,40px);height:var(--cell,40px);place-items:center;padding:0;transition:transform .14s;display:grid;position:absolute}.person:active:not(:disabled){transform:scale(.88)}.person.is-gone{display:none}.person-art{width:62%;height:78%;display:block;position:relative}.person-head{aspect-ratio:1;background:radial-gradient(circle at 34% 28%, var(--skin) 0%, var(--skin-edge) 100%);border-radius:50%;width:52%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #00000059}.person-torso{background:linear-gradient(165deg, var(--skin) 0%, var(--skin-edge) 100%);border-radius:42% 42% 22% 22%/34% 34% 14% 14%;place-items:center;height:62%;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 -2px 3px #00000038}.person-glyph{fill:#ffffffe6;filter:drop-shadow(0 1px 1px #00000059);width:62%;height:62%}.bench-slot .person-art,.seat .person-art{filter:drop-shadow(0 0 1.5px #000000bf);width:74%;height:88%}.seat.is-taken{background:#00000057;box-shadow:inset 0 1px 3px #00000080,inset 0 0 0 1px #ffffff24}.person.is-rejected{animation:.34s ease-in-out both person-shake}@keyframes person-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)rotate(-9deg)}60%{transform:translate(4px)rotate(9deg)}}.person.is-blocking{animation:.62s ease-in-out both person-blocking}@keyframes person-blocking{30%,70%{filter:brightness(1.5) drop-shadow(0 0 5px var(--danger))}}.person.is-hinted{animation:.7s ease-in-out 2 both person-hint}@keyframes person-hint{50%{filter:drop-shadow(0 0 6px var(--accent));transform:scale(1.18)translateY(-3px)}}.person-walk{z-index:40;pointer-events:none;place-items:center;display:grid;position:fixed}.win-title,.lose-title{text-align:center;margin:0 0 6px;font-size:1.6rem}.lose-title{color:var(--danger)}
