:root{--gold:#d6b866;--gold-soft:#f0d794;--ink:#080808;--ivory:#f2ead8}*{box-sizing:border-box}html{background:var(--ink);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 50% 16%,#231b10,#080808 58%);color:var(--ivory);font-family:Arial,sans-serif}.home-bar{position:sticky;top:0;z-index:30;display:flex;width:100%;min-height:calc(52px + env(safe-area-inset-top));align-items:center;justify-content:center;border-bottom:1px solid #f4dfa5;padding:env(safe-area-inset-top) 18px 0;background:linear-gradient(110deg,#b18a38,#f0d98e 48%,#b18a38);box-shadow:0 8px 28px #0009,inset 0 1px #fff8;color:#090806;font-size:.88rem;font-weight:850;letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.game-shell{width:min(100%,560px);min-height:calc(100svh - 52px);margin:auto;padding:10px 12px calc(15px + env(safe-area-inset-bottom))}.scorebar{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:6px;border-block:1px solid #443920}.scorebar.is-timer-hidden{grid-template-columns:repeat(2,1fr)}.scorebar>div{padding:6px 2px;border-right:1px solid #3c321d;text-align:center}.scorebar>div:last-child,.scorebar.is-timer-hidden>div:nth-child(2){border-right:0}.scorebar span{display:block;color:#aaa086;font-size:8px;letter-spacing:.12em}.scorebar strong{display:block;margin-top:2px;color:var(--gold-soft);font:normal 18px Georgia,serif}.message{min-height:17px;margin:3px 0 7px;color:#ddd2ba;font-size:12px;line-height:1.35;text-align:center}.parking-board{--size:6;position:relative;display:grid;width:min(calc(100% - 16px),500px);aspect-ratio:1;grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr);gap:4px;margin:auto;border:4px solid #526273;border-right-color:#d6b866;border-radius:18px 6px 6px 18px;padding:7px;background:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px),radial-gradient(circle at 50% 45%,#33404b,#151b21 72%);background-size:calc(100% / var(--size)) calc(100% / var(--size));box-shadow:inset 0 1px #fff3,0 18px 44px #000a;touch-action:manipulation}.parking-board:after{content:"";position:absolute;right:-8px;top:calc((var(--target-row) + .13) * 100% / var(--size));width:13px;height:calc(74% / var(--size));border-block:3px solid #ffe68d;background:#141414;box-shadow:0 0 11px #f3d36b88}.exit-sign{position:absolute;z-index:8;right:-13px;top:calc((var(--target-row) + .5) * 100% / var(--size));padding:3px 2px;background:#f1cf69;color:#111;font-size:6px;font-weight:900;letter-spacing:.05em;transform:translate(100%,-50%) rotate(90deg);transform-origin:left center}.vehicle{--car:#55b9ff;position:relative;z-index:2;min-width:0;min-height:0;border:2px solid color-mix(in srgb,var(--car) 60%,white);border-radius:13px;padding:0;background:linear-gradient(145deg,color-mix(in srgb,var(--car) 85%,white 15%),var(--car) 45%,color-mix(in srgb,var(--car) 70%,#151515));box-shadow:inset 0 2px #fff7,inset 0 -3px #0005,0 4px 8px #0008;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.vehicle:before{content:"";position:absolute;inset:18% 25%;border:1px solid #dffaffaa;border-radius:5px;background:linear-gradient(135deg,#d8f4ffcc,#31536dcc 48%,#c9edffbb 52%,#28455dcc)}.vehicle.vertical:before{inset:25% 18%}.vehicle:after{content:"";position:absolute;inset:7% -3%;border-block:5px solid #111;border-radius:8px;z-index:-1}.vehicle.vertical:after{inset:-3% 7%;border:0;border-inline:5px solid #111}.vehicle.color-0{--car:#ef4357}.vehicle.color-1{--car:#45c7e8}.vehicle.color-2{--car:#ffc447}.vehicle.color-3{--car:#70d578}.vehicle.color-4{--car:#ad74ee}.vehicle.color-5{--car:#ff884d}.vehicle.color-6{--car:#51d4c5}.vehicle.color-7{--car:#e36ea8}.vehicle.target{z-index:5;border-color:#fff;background:linear-gradient(145deg,#ff8291,#ef4357 45%,#831e2b);box-shadow:inset 0 2px #fff9,inset 0 -3px #0005,0 0 14px #ff435799}.vehicle.target:before{content:"★";display:grid;inset:14% 32%;place-items:center;background:#2a0b10cc;color:#ffe37b;font-size:clamp(12px,4vw,24px)}.vehicle.selected{transform:scale(.96);box-shadow:inset 0 0 0 3px #fff,0 0 18px #ffe070}.vehicle:focus-visible,.move-panel button:focus-visible,.secondary-button:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--gold-soft);outline-offset:2px}.move-panel{display:grid;width:154px;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,39px);gap:5px;margin:9px auto 0}.move-panel button{border:1px solid #7b6738;border-radius:10px;background:linear-gradient(#211c12,#0e0d0a);color:var(--gold-soft);font-size:20px;box-shadow:inset 0 1px #fff2}.move-panel button:disabled{opacity:.25}.move-panel #move-up{grid-column:2}.move-panel #move-left{grid-column:1;grid-row:2}.move-panel #move-down{grid-column:2;grid-row:2}.move-panel #move-right{grid-column:3;grid-row:2}.game-actions{display:flex;justify-content:center;margin-top:6px}.undo-button{width:auto;min-width:130px;min-height:37px;padding:6px 18px}.ad-reservation{display:grid;min-height:28px;margin-top:8px;place-items:center;border:1px dashed #3c3322;border-radius:9px;color:#665d4d;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.preview-capture .home-bar{display:none}.preview-capture .game-shell{min-height:100svh}button:disabled{cursor:not-allowed;opacity:.42}dialog{width:min(440px,calc(100% - 26px));max-height:calc(100dvh - 28px);margin:auto;border:1px solid #806b3c;border-radius:20px;padding:22px;background:#11100d;color:var(--ivory);box-shadow:0 25px 100px #000d}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}dialog h2{margin:0;color:var(--gold-soft);font:normal 28px Georgia,serif}dialog h3{margin:20px 0 7px;color:var(--gold-soft);font-size:15px}dialog p{font-size:13px;line-height:1.55}.dialog-top>.icon-button{display:grid;width:39px;height:39px;place-items:center;border:1px solid #65552e;border-radius:50%;background:#15130e;color:var(--gold-soft);font-size:18px}.select-field,.switch-row{display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #3b321f}.select-field span{display:block}.select-field small{display:block;max-width:235px;margin-top:3px;color:#9e927b;font-size:11px}.select-field select{min-width:105px;border:1px solid #796439;border-radius:9px;padding:9px;background:#080808;color:var(--ivory)}.switch-row input{width:22px;height:22px;accent-color:var(--gold)}.primary-button,.secondary-button{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:10px;padding:10px 15px;font-weight:800;cursor:pointer}.primary-button{margin-top:17px;background:var(--gold);color:#0b0905}.secondary-button{background:#12100d;color:var(--gold-soft)}.dialog-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dialog-buttons .primary-button{margin-top:0}.eyebrow{color:#a99159;font-size:9px!important;font-weight:800;letter-spacing:.16em}.record-panel{border:1px solid #554724;border-radius:13px;padding:13px;background:#0b0a08}.record-grid{display:grid;grid-template-columns:1fr auto;gap:8px 14px;font-size:12px}.record-grid span{color:#a99d86}.record-grid strong{color:var(--gold-soft);text-align:right}.dialog-note{margin-bottom:0;color:#958a75}.control-rule{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:9px}.control-rule p{margin:5px 0}.control-symbol{display:grid;width:32px;height:32px;place-items:center;border:1px solid #65552e;border-radius:50%;color:var(--gold-soft);font-size:18px}.info-control{font:italic bold 16px Georgia,serif}.result-dialog{text-align:center}.result-mark{display:grid;width:58px;height:58px;margin:10px auto;place-items:center;border:1px solid #81eb9a;border-radius:50%;color:#91efa3;font-size:30px;box-shadow:0 0 18px #59dd7755}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);margin:17px 0;border-block:1px solid #493d25}.result-stats div{padding:11px 3px;border-right:1px solid #493d25}.result-stats div:last-child{border-right:0}.result-stats strong,.result-stats span{display:block}.result-stats strong{color:var(--gold-soft);font:23px Georgia,serif}.result-stats span{margin-top:4px;color:#9f947e;font-size:8px;letter-spacing:.12em}.result-best{color:var(--gold-soft)}.result-close{margin-top:9px}@media(max-width:380px){.game-shell{padding-inline:8px}.parking-board{gap:3px;padding:6px}.scorebar strong{font-size:16px}}@media@media@media@media(min-width:700px) and (orientation:portrait){.game-shell{width:min(88vw,760px);padding-top:16px}.parking-board{width:min(calc(100% - 30px),56svh,680px);gap:7px;padding:13px}.message{margin-block:8px;font-size:15px}.scorebar>div{padding:10px}.scorebar strong{font-size:24px}.move-panel{transform:scale(1.08);margin-block:10px}.undo-button{min-height:46px}}@media(orientation:landscape) and (max-height:800px){.game-shell{width:min(900px,100%);padding-top:7px}.parking-board{width:min(57vh,540px)}.move-panel{position:absolute;right:20px;top:45%}.ad-reservation{display:none}}@media(prefers-reduced-motion:reduce){.vehicle{transition:none}}.parking-board[data-grid="8"]{gap:3px;padding:6px}.parking-board[data-grid="10"]{gap:2px;padding:5px}.parking-board[data-grid="12"]{gap:1px;padding:4px}.parking-board[data-grid="8"] .vehicle{border-radius:9px}.parking-board[data-grid="10"] .vehicle,.parking-board[data-grid="12"] .vehicle{border-width:1px;border-radius:6px}.parking-board[data-grid="10"] .vehicle:before,.parking-board[data-grid="12"] .vehicle:before{border-radius:3px}.parking-board[data-grid="10"] .vehicle:after{border-width:3px}.parking-board[data-grid="12"] .vehicle:after{border-width:2px}.parking-board[data-grid="10"] .vehicle.target:before,.parking-board[data-grid="12"] .vehicle.target:before{inset:12% 30%;font-size:10px}
.compact-controls{display:grid;width:min(100%,350px);grid-template-columns:48px minmax(130px,1fr) 48px;align-items:stretch;gap:8px;margin:9px auto 0}.compact-controls .move-button{min-height:42px;border:1px solid #7b6738;border-radius:10px;background:linear-gradient(#211c12,#0e0d0a);color:var(--gold-soft);font-size:21px;box-shadow:inset 0 1px #fff2}.compact-controls .move-button:disabled{opacity:.25}.compact-controls .undo-button{width:100%;min-width:0;min-height:42px;padding:7px 10px}.compact-controls button:focus-visible{outline:3px solid var(--gold-soft);outline-offset:2px}@media (min-width:700px) and (orientation:portrait){.compact-controls{width:min(100%,430px);grid-template-columns:58px minmax(170px,1fr) 58px}.compact-controls .move-button,.compact-controls .undo-button{min-height:48px}}