.parking-escape{color-scheme:dark;--navy:#0a0e1a;--cyan:#22d3ee;--text:#e2e8f0;--muted:#a4b0c5}.parking-escape *{box-sizing:border-box}.parking-escape{margin:0;background:var(--navy);font-family:Inter,system-ui,sans-serif}.parking-escape ::-moz-selection{background:var(--cyan);color:var(--navy)}.parking-escape ::selection{background:var(--cyan);color:var(--navy)}.parking-escape main{max-width:560px;margin:auto;padding:24px 24px 30px}.parking-escape header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px}.parking-escape header a{font-size:18px;font-weight:850;color:var(--text);text-decoration:none}.parking-escape header a span{color:var(--cyan)}.parking-escape .prototype{color:var(--muted);font-size:12px}.parking-escape .intro h1{font-size:clamp(30px,6vw,40px);font-weight:900;letter-spacing:-.035em;line-height:1.1;margin:0 0 10px}.parking-escape .intro p{margin:0;color:var(--muted);font-size:16px}.parking-escape .intro strong{color:var(--cyan);font-weight:700}.parking-escape .intro{margin-bottom:28px}.parking-escape .level{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.parking-escape .level h2{font-size:14px;margin:0;font-weight:650}.parking-escape .level span{font-size:12px;color:var(--muted)}.parking-escape .level b{font-size:20px;color:var(--text);font-variant-numeric:tabular-nums;margin-right:4px}.parking-escape .scene{position:relative;padding:34px 32px 24px 16px;background:#121c2d;border-radius:16px;box-shadow:0 16px 36px #02061766}.parking-escape .parking-label{position:absolute;top:12px;left:18px;font-size:10px;letter-spacing:.1em;color:#a4b0c5}.parking-escape .board{aspect-ratio:1;position:relative;border:2px solid #697a96;border-right:0;background-color:#182437;background-image:linear-gradient(90deg,#ffffff12 1px,transparent 0),linear-gradient(180deg,#ffffff12 1px,transparent 0);background-size:calc(100% / 6) calc(100% / 6);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.parking-escape .board:after,.parking-escape .board:before{content:"";position:absolute;right:0;width:2px;background:#697a96;pointer-events:none}.parking-escape .board:before{top:0;height:33.333%}.parking-escape .board:after{bottom:0;height:50%}.parking-escape .exit{position:absolute;right:3px;top:calc(34px + (100% - 58px)*.333333);height:calc((100% - 58px)/6);width:29px;display:flex;align-items:center;justify-content:center;background:#22d3ee15;border-block:2px solid var(--cyan)}.parking-escape svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.parking-escape .exit svg{color:var(--cyan);width:24px}.parking-escape .exit-label{position:absolute;bottom:7px;right:32px;color:var(--muted);font-size:9px;letter-spacing:.13em}.parking-escape .car{position:absolute;inset:auto;padding:0;border:0;background:transparent;touch-action:none;cursor:grab;z-index:1;color:#081320;min-width:0;min-height:0}.parking-escape .car:focus-visible{outline:2px solid white;outline-offset:1px;border-radius:10px;z-index:4}.parking-escape .car.dragging{transition:none;cursor:grabbing;z-index:5}.parking-escape .car svg{width:100%;height:100%;display:block;stroke:none;overflow:visible;filter:drop-shadow(0 4px 3px #0008)}.parking-escape .car:hover svg{filter:brightness(1.08) drop-shadow(0 4px 3px #0008)}.parking-escape .car.selected svg{filter:brightness(1.13) drop-shadow(0 4px 3px #0008)}.parking-escape .car.exited{opacity:0;pointer-events:none}.parking-escape .instruction{font-size:14px;line-height:1.5;color:var(--muted);min-height:42px;margin:18px 0 12px}.parking-escape .controls{display:flex;gap:12px}.parking-escape button{font-family:inherit}.parking-escape #again,.parking-escape #next,.parking-escape .controls button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:12px;border:1px solid #3b4b65;background:transparent;color:var(--text);font-size:14px;font-weight:650;padding:10px 18px;cursor:pointer}.parking-escape .controls button{flex:1;padding-inline:12px}.parking-escape .controls #sound{flex:0 0 48px;padding:10px}.parking-escape .headlights{stroke:#bbc9c8;transition:stroke .16s ease-out,filter .16s ease-out}.parking-escape .car.dragging .headlights,.parking-escape .car:focus-visible .headlights{stroke:#fffbd1;filter:drop-shadow(0 0 3px #fff4a3)}.parking-escape .car.dragging .brakelights{stroke:#ff7889}@media(prefers-reduced-motion:reduce){.parking-escape .car.dragging .headlights,.parking-escape .car:focus-visible .headlights{filter:none}}.parking-escape .controls button:hover:not(:disabled){background:#1b2940}.parking-escape .controls button:disabled{opacity:.4;cursor:default}.parking-escape a:focus-visible,.parking-escape button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.parking-escape .result{margin:0 0 20px;padding:16px;background:#121c2d;border-radius:12px;align-items:center;gap:14px;display:flex;scroll-margin-top:16px}.parking-escape .result[hidden]{display:none}.parking-escape .result h2{color:var(--cyan);font-size:22px;margin:0 0 4px}.parking-escape .result p{font-size:14px;margin:0;color:var(--muted)}.parking-escape #again.final-replay,.parking-escape #next{background:var(--cyan);color:var(--navy);border:0}.parking-escape #next[hidden]{display:none}.parking-escape .result{flex-wrap:wrap}.parking-escape .result-actions{display:flex;gap:10px;width:100%}.parking-escape .result-actions button{flex:1}.parking-escape .level-picker{display:flex;align-items:center;gap:12px;margin-bottom:20px}.parking-escape .level-picker>span{font-size:13px;color:var(--muted)}.parking-escape #level-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;flex:1}.parking-escape #level-picker button{min-width:0;min-height:44px;padding:0;border:1px solid #3b4b65;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.parking-escape #level-picker button:hover{background:#1b2940;color:var(--text)}.parking-escape #level-picker button[aria-pressed=true]{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}.parking-escape #level-picker button:active{transform:translateY(1px)}.parking-escape footer{margin-top:24px;color:var(--muted);font-size:12px;line-height:1.6}.parking-escape footer p{margin:6px 0}@media(max-width:420px){.parking-escape main{padding:20px 18px 24px}.parking-escape header{margin-bottom:28px}.parking-escape .intro{margin-bottom:22px}.parking-escape .scene{padding-left:10px;padding-right:30px}.parking-escape .level h2{font-size:13px}.parking-escape .result{align-items:flex-start;flex-direction:column}.parking-escape #again{margin-left:0;width:100%}}@media(min-width:900px){.parking-escape main{padding-top:28px;max-width:540px}.parking-escape header{margin-bottom:24px}.parking-escape .intro{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.parking-escape *{transition:none!important;animation:none!important}}.parking-escape html{scrollbar-color:#435674 var(--navy)}.parking-escape{max-width:512px;margin:0 auto;padding:16px 0;color:var(--text);font-family:inherit}.parking-escape .result-actions button{min-width:0;padding-inline:8px}.parking-escape .level{flex-wrap:wrap}.parking-escape .level h2{line-height:1.4}.parking-escape button:disabled{cursor:default}.parking-escape .scene{box-shadow:none}.parking-escape .car{overflow:visible}