.rush-hour-panel{gap:1.25rem;display:grid}.rush-hour-stage{place-items:center;width:100%;padding:.5rem;display:grid}.rush-hour-board{aspect-ratio:1;border:.35rem solid color-mix(in srgb, var(--color-border) 54%, #8d724f);background-color:color-mix(in srgb, var(--color-game-board) 93%, #26343a);background-image:linear-gradient(color-mix(in srgb, var(--color-border) 46%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-border) 46%, transparent) 1px, transparent 1px);background-size:calc(100% / var(--rush-columns)) calc(100% / var(--rush-rows));perspective:52rem;touch-action:pan-y;width:min(100%,34rem);transform-style:preserve-3d;user-select:none;border-radius:1rem;gap:.35rem;padding:.55rem;transition:background-color .3s,box-shadow .3s;display:grid;position:relative;overflow:visible;container-type:inline-size}.rush-hour-game[data-density=compact] .rush-hour-stage{padding-inline:.2rem}.rush-hour-board[data-density=compact]{border-width:.25rem;border-radius:.85rem;gap:.18rem;padding:.35rem}.rush-hour-board--complete{animation:.9s ease-out both rush-hour-board-celebrate}.rush-hour-exit{right:-2.3rem;top:calc(100% * var(--rush-exit-row) / var(--rush-rows) + .3rem);width:2.2rem;height:calc(100% / var(--rush-rows) - .3rem);color:#d8f47c;text-shadow:0 2px #00000052;place-items:center;font-size:1.6rem;font-weight:800;display:grid;position:absolute}.rush-hour-vehicle{z-index:1;color:#1e2930;cursor:grab;min-width:0;min-height:0;font:inherit;touch-action:none;transform-style:preserve-3d;user-select:none;will-change:transform;background:0 0;border:0;margin:0;padding:0;position:relative;overflow:visible}.rush-hour-vehicle:active{cursor:grabbing}.rush-hour-vehicle:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.rush-hour-vehicle:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}}.rush-hour-vehicle--target{filter:drop-shadow(0 0 .24rem #e6574f38)}.rush-hour-vehicle--hint{outline-offset:3px;outline:3px solid #f5d96e;animation:1.15s ease-in-out infinite alternate rush-hour-hint-pulse}.rush-hour-board[data-density=compact] .rush-hour-vehicle:after{z-index:2;color:#fff7dc;content:attr(data-label);letter-spacing:-.02em;pointer-events:none;text-align:center;text-shadow:0 1px 1px #000000b3;white-space:nowrap;background:#121c20d1;border:1px solid #ffffff3d;border-radius:.22rem;min-width:1em;padding:.06rem .13rem;font-size:clamp(.58rem,2.7cqw,.72rem);font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0000006b}.rush-hour-board[data-density=compact] .rush-hour-vehicle--hint{z-index:3;outline-offset:1px;outline-width:2px}@media (hover:hover) and (pointer:fine){.rush-hour-board[data-density=compact] .rush-hour-vehicle:focus-visible{z-index:3;outline-offset:1px;outline-width:2px}}.rush-hour-board--complete .rush-hour-vehicle{animation:.7s cubic-bezier(.2,.9,.28,1.16) both rush-hour-pop-up;animation-delay:calc(var(--rush-pop-index) * 75ms);cursor:default}.rush-hour-board--complete[data-density=compact] .rush-hour-vehicle{animation-delay:calc(var(--rush-pop-index) * 25ms)}.rush-hour-board--complete .rush-hour-vehicle--target{animation-name:rush-hour-target-pop-up}.rush-hour-board--complete .rush-hour-exit{animation:.52s ease-out .48s both rush-hour-exit-wave}.rush-hour-board--complete .rush-hour-exit:after{aspect-ratio:1;color:#18301f;content:"✓";background:#d8f47c;border-radius:50%;place-items:center;width:1.35rem;font-size:.8rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .22rem .45rem #0000004d}@keyframes rush-hour-pop-up{0%{transform:translateZ(0)rotateX(0)rotate(0)}56%{transform:translateY(-.42rem) translateZ(1.65rem) rotateX(-9deg) rotateZ(var(--rush-pop-tilt)) scale(1.025)}to{transform:translateY(-.24rem) translateZ(1.05rem) rotateX(-6deg) rotateZ(var(--rush-pop-tilt)) scale(1.01)}}@keyframes rush-hour-target-pop-up{0%{transform:translateZ(0)rotateX(0)rotate(0)}62%{transform:translate(.24rem)translateY(-.7rem)translateZ(2.6rem)rotateX(-13deg)rotate(-.75deg)scale(1.055)}to{transform:translate(.16rem)translateY(-.4rem)translateZ(1.85rem)rotateX(-9deg)rotate(-.75deg)scale(1.03)}}@keyframes rush-hour-board-celebrate{0%,to{border-color:color-mix(in srgb, var(--color-border) 54%, #8d724f)}48%{border-color:color-mix(in srgb, var(--color-primary) 62%, #d7bd72);background-color:color-mix(in srgb, var(--color-game-board) 84%, #152026);box-shadow:0 0 2rem #72d43b2e,inset 0 0 2.5rem #040a0d33}}@keyframes rush-hour-exit-wave{0%{opacity:.4;transform:translate(-.55rem)scale(.78)}65%{transform:translate(.28rem)scale(1.25)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes rush-hour-hint-pulse{0%{filter:drop-shadow(0 0 #f5d96e00)}to{filter:drop-shadow(0 0 .75rem #f5d96e9e)}}@media (width<=32rem){.rush-hour-exit{right:-1.75rem}.rush-hour-game[data-density=compact]{margin-inline:-.45rem}.rush-hour-game[data-density=compact] .rush-hour-panel{padding-inline:.35rem}.rush-hour-game[data-density=compact] .rush-hour-stage{padding-inline:0}.rush-hour-board[data-density=compact]{border-width:.16rem;border-radius:.65rem;gap:.1rem;padding:.16rem}.rush-hour-board[data-density=compact] .rush-hour-exit{width:1.15rem;font-size:1rem;right:-.65rem}}@media (orientation:landscape) and (width>=48rem){.rush-hour-game .game-workspace__stage .rush-hour-stage{box-sizing:border-box;padding-right:2.25rem}.rush-hour-game .game-workspace__stage .rush-hour-board{max-width:34rem}}@media (prefers-reduced-motion:reduce){.rush-hour-board--complete,.rush-hour-board--complete .rush-hour-exit,.rush-hour-board--complete .rush-hour-vehicle,.rush-hour-board--complete .rush-hour-vehicle--target,.rush-hour-vehicle--hint{animation:none}.rush-hour-board--complete .rush-hour-vehicle{transform:translateY(-.15rem)translateZ(.6rem)}}.rush-hour-vehicle-art{filter:drop-shadow(0 2px 1px #050c1047);pointer-events:none;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rush-hour-vehicle[data-orientation=vertical] .rush-hour-vehicle-art{width:calc(var(--rush-length) * 100%);height:calc(100% / var(--rush-length));top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.rush-hour-svg-body{fill:var(--rush-body);stroke:var(--rush-body-trim);stroke-linejoin:round;stroke-width:4px}.rush-hour-svg-lower{fill:var(--rush-body-trim);opacity:0}.rush-hour-svg-roof{fill:color-mix(in srgb, var(--rush-body) 84%, #f5e4c7);stroke:color-mix(in srgb, var(--rush-body-trim) 70%, #e6d6bd);stroke-opacity:.42;stroke-linejoin:round;stroke-width:2px}.rush-hour-svg-glass{fill:#355964;stroke:#c9dcda;stroke-opacity:.52;stroke-linejoin:round;stroke-width:1.5px}.rush-hour-svg-glass--rear{fill:#476b72}.rush-hour-svg-headlights,.rush-hour-svg-tail-lights{fill:none;stroke-linecap:round;stroke-width:5px}.rush-hour-svg-headlights{stroke:#fff0a8}.rush-hour-svg-tail-lights{stroke:#9d2830}.rush-hour-svg-label{opacity:.88;transition:opacity .18s}.rush-hour-svg-label-text{fill:#f6eddb;paint-order:stroke;stroke:#182327ad;stroke-width:3px;transition:fill .22s,stroke .22s}.rush-hour-vehicle[data-orientation=vertical] .rush-hour-svg-label-text{transform-box:fill-box;transform-origin:50%;transform:rotate(-90deg)}.rush-hour-board[data-density=compact] .rush-hour-svg-label{opacity:0}.rush-hour-svg-lower{opacity:0;transition:opacity .26s}.rush-hour-driver{opacity:0;transform-box:fill-box;transform-origin:50%;transform:translateY(8px)scale(.35)}.rush-hour-vehicle--target .rush-hour-svg-roof{fill:#efc2a8}.rush-hour-board--complete .rush-hour-vehicle-art{filter:drop-shadow(0 4px 0 color-mix(in srgb, var(--rush-body-trim) 72%, transparent)) drop-shadow(0 8px 7px #050c1047)}.rush-hour-board--complete .rush-hour-svg-label{opacity:1}.rush-hour-board--complete .rush-hour-svg-roof{fill:color-mix(in srgb, var(--rush-body) 76%, #f5e4c7);stroke-opacity:.62}.rush-hour-board--complete .rush-hour-svg-lower{opacity:.16}.rush-hour-board--complete .rush-hour-vehicle:focus-visible{outline:none}.rush-hour-board--complete[data-density=roomy] .rush-hour-vehicle--target .rush-hour-driver,.rush-hour-board--complete[data-density=roomy] .rush-hour-vehicle[data-kind=bus] .rush-hour-driver{animation:.48s cubic-bezier(.2,1.05,.35,1.25) both rush-hour-svg-driver-peek;animation-delay:calc(.16s + var(--rush-driver-index) * 70ms)}@keyframes rush-hour-svg-driver-peek{0%{opacity:0;transform:translateY(8px)scale(.35)}72%{opacity:1;transform:translateY(-1px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.rush-hour-board--complete[data-density=roomy] .rush-hour-vehicle--target .rush-hour-driver,.rush-hour-board--complete[data-density=roomy] .rush-hour-vehicle[data-kind=bus] .rush-hour-driver{opacity:1;animation:none;transform:none}}.rush-hour-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.rush-hour-actions .game-action-bar,.rush-hour-actions .game-completion-panel{flex:1 0 100%;width:100%}.rush-hour-actions .game-action-bar{margin-top:0}.rush-hour-actions p{color:var(--color-muted-foreground);margin:0}.rush-hour-result{border:1px solid color-mix(in srgb, var(--color-primary) 40%, var(--color-border));background:radial-gradient(circle at 50% 0, #72d43b21, transparent 62%), color-mix(in srgb, var(--color-game-board) 72%, transparent);text-align:center;border-radius:.9rem;flex:1 0 100%;gap:.7rem;padding:1rem;display:grid;box-shadow:inset 0 1px #ffffff0d}.rush-hour-result .rush-hour-result-title{color:var(--color-foreground);letter-spacing:.03em;font-size:1.15rem;font-weight:800}.rush-hour-result dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;display:grid}.rush-hour-result dl div{border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);background:#ffffff0a;border-radius:.7rem;gap:.16rem;padding:.7rem;display:grid}.rush-hour-result dt{color:var(--color-muted-foreground);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}.rush-hour-result dd{color:var(--color-foreground);margin:0;font-size:1.2rem;font-weight:800}.rush-hour-result .rush-hour-result-challenge{color:var(--color-primary);font-size:.9rem;font-weight:700}