.parking-escape-page{--pe-accent:#ff6b4a;--pe-accent-2:#2f7df6;--pe-board:#d7dbe0;--pe-line:rgba(255,255,255,.72);--pe-panel:var(--panel,#fff);--border-color:var(--line,#d7dde8);--pe-shadow:0 20px 55px rgba(20,28,45,.12)}
html[data-theme="dark"] .parking-escape-page{--pe-board:#252c36;--pe-line:rgba(255,255,255,.18);--pe-panel:rgba(19,24,33,.94);--pe-shadow:0 20px 55px rgba(0,0,0,.35)}
.pe-page-main{overflow:hidden}.pe-hero,.pe-intro-section,.pe-content-section,.pe-content-grid,.pe-worlds,.pe-tips,.pe-long-content,.pe-faq,.pe-bottom-cta{max-width:1180px;margin-inline:auto;padding-inline:clamp(18px,4vw,48px)}
.pe-hero{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;padding-top:clamp(36px,6vw,76px);padding-bottom:28px}.pe-hero h1{margin:.12em 0 .18em;font-size:clamp(2.8rem,8vw,6.7rem);line-height:.88;letter-spacing:-.065em}.pe-hero h1 span{color:var(--pe-accent)}.pe-hero-sub{max-width:760px;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.65}.pe-kicker{font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;opacity:.66}.pe-hero-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pe-hero-tags span,.pe-preview-row button,.pe-preview-row>span{border:1px solid var(--border-color,#d7dae0);border-radius:999px;padding:9px 12px;background:var(--pe-panel);font-size:.78rem;font-weight:750}
.parking-escape-module{position:relative;max-width:1280px;margin:0 auto 34px;padding:0 clamp(10px,2vw,22px)}.pe-game-shell{position:relative;border:1px solid var(--border-color,#d5d9e0);border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--pe-panel) 96%,transparent),color-mix(in srgb,var(--pe-panel) 82%,var(--pe-accent-2) 3%));box-shadow:var(--pe-shadow);overflow:hidden}.pe-control-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-color,#d7dae0)}.pe-topbar-start,.pe-topbar-actions,.pe-theme-options{display:flex;gap:7px;align-items:center}.pe-home-link,.pe-control-topbar button{min-height:40px;border:1px solid var(--border-color,#d7dae0);border-radius:12px;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;font:inherit;font-size:.79rem;cursor:pointer}.pe-home-link{width:40px;padding:0}.pe-control-topbar button[aria-pressed="true"]{background:color-mix(in srgb,var(--pe-accent-2) 12%,transparent);border-color:color-mix(in srgb,var(--pe-accent-2) 45%,var(--border-color,#d7dae0))}.pe-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.pe-support-row{padding:8px 14px 0;display:flex;justify-content:flex-end}.pe-preview-row{display:flex;align-items:center;gap:8px;padding:8px 14px 12px;overflow-x:auto}.pe-preview-row button{color:inherit;cursor:pointer;white-space:nowrap}.pe-preview-row>span{opacity:.65;white-space:nowrap}
.pe-play-area{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:clamp(12px,3vw,28px)}.pe-board-column{min-width:0}.pe-board-frame{position:relative;width:min(100%,680px);margin:auto;padding:clamp(10px,2vw,18px);border-radius:26px;background:linear-gradient(145deg,#76808b,#aab1b7);box-shadow:inset 0 2px 12px rgba(0,0,0,.18)}html[data-theme="dark"] .pe-board-frame{background:linear-gradient(145deg,#111720,#424b55)}.pe-board{--cols:6;--rows:6;position:relative;aspect-ratio:1/1;width:100%;border-radius:18px;overflow:hidden;touch-action:none;user-select:none;background-color:var(--pe-board);background-image:linear-gradient(var(--pe-line) 2px,transparent 2px),linear-gradient(90deg,var(--pe-line) 2px,transparent 2px);background-size:calc(100%/var(--cols)) calc(100%/var(--rows));outline:none}.pe-board:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--pe-accent-2) 45%,transparent)}.pe-board::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.35),transparent 26%),linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.08) 50%,transparent 50.5%);mix-blend-mode:soft-light}.pe-exit{position:absolute;right:-4px;top:calc(10px + 33.333%);width:26px;height:16.666%;z-index:3;display:flex;align-items:center}.pe-exit span{width:100%;height:60%;background:repeating-linear-gradient(135deg,#fff 0 7px,#1d2733 7px 14px);border-radius:0 8px 8px 0;box-shadow:0 0 0 2px rgba(0,0,0,.16)}
.pe-vehicle,.pe-obstacle,.pe-key{position:absolute;left:calc(var(--x) * 100% / var(--cols));top:calc(var(--y) * 100% / var(--rows));width:calc((var(--len,1)) * 100% / var(--cols));height:calc(100% / var(--rows));z-index:5}.pe-vehicle{appearance:none;border:0;padding:5px;background:transparent;touch-action:none;cursor:grab;transition:left .12s ease,top .12s ease;outline:none}.pe-vehicle.pe-v{width:calc(100% / var(--cols));height:calc(var(--len) * 100% / var(--rows))}.pe-vehicle::before{content:"";position:absolute;inset:7px;border-radius:15px;background:var(--vehicle-color,#2f7df6);box-shadow:0 6px 12px rgba(20,25,35,.22),inset 0 1px rgba(255,255,255,.4)}.pe-vehicle::after{content:"";position:absolute;inset:12px 18px;border-radius:9px;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,255,255,.12));border:2px solid rgba(0,0,0,.11)}.pe-vehicle.pe-v::after{inset:18px 12px}.pe-vehicle span{position:relative;z-index:2;display:grid;place-items:center;height:100%;font-size:clamp(1rem,4vw,2rem);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.pe-vehicle[data-color="target"]::before{--vehicle-color:var(--pe-accent)}.pe-vehicle[data-color="blue"]::before{--vehicle-color:#3b82f6}.pe-vehicle[data-color="green"]::before{--vehicle-color:#22a06b}.pe-vehicle[data-color="purple"]::before{--vehicle-color:#8b5cf6}.pe-vehicle[data-color="orange"]::before{--vehicle-color:#f59e0b}.pe-vehicle[data-color="teal"]::before{--vehicle-color:#0f9f9a}.pe-vehicle[data-color="yellow"]::before{--vehicle-color:#d9a400}.pe-vehicle[data-color="navy"]::before{--vehicle-color:#334155}.pe-vehicle[data-color="pink"]::before{--vehicle-color:#ec4899}.pe-vehicle[data-color="lime"]::before{--vehicle-color:#65a30d}.pe-vehicle[data-color="brown"]::before{--vehicle-color:#8b5e3c}.pe-vehicle[data-color="slate"]::before{--vehicle-color:#64748b}.pe-vehicle[data-color="cyan"]::before{--vehicle-color:#0891b2}.pe-vehicle.is-selected::before,.pe-vehicle:focus-visible::before{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--pe-accent-2),0 8px 16px rgba(20,25,35,.22)}.pe-vehicle.is-hint::before{animation:peHint .45s ease-in-out 3 alternate}@keyframes peHint{to{filter:brightness(1.35);transform:scale(.96)}}
.pe-obstacle{--len:1;z-index:3;transform:scale(.72);border-radius:13px;background:repeating-linear-gradient(135deg,#343b45 0 8px,#59616b 8px 16px);box-shadow:inset 0 0 0 3px rgba(255,255,255,.18),0 4px 9px rgba(0,0,0,.2)}.pe-key{--len:1;z-index:4;display:grid;place-items:center;font-size:clamp(1rem,4vw,2.2rem);color:#f3c52f;text-shadow:0 2px 4px rgba(0,0,0,.35);pointer-events:none}.pe-key.is-collected{opacity:.18;transform:scale(.7)}.pe-gate{position:absolute;right:0;top:33.333%;height:16.666%;width:16px;z-index:12;display:grid;place-items:center;writing-mode:vertical-rl;font-size:.45rem;letter-spacing:.1em;color:#fff;background:#d44;border-radius:6px 0 0 6px;transition:.25s}.pe-gate.is-open{opacity:.2;transform:translateX(10px)}.pe-storage-note{font-size:.78rem;opacity:.67;text-align:center;margin:10px 0 0}
.pe-side{display:flex;flex-direction:column;gap:14px}.pe-level-meta,.pe-legend{border:1px solid var(--border-color,#d7dae0);border-radius:20px;padding:18px;background:color-mix(in srgb,var(--pe-panel) 94%,transparent)}.pe-level-line{display:flex;flex-direction:column;gap:4px}.pe-level-line strong{font-size:1.45rem}.pe-level-line span{font-size:.82rem;opacity:.68}.pe-goal{font-size:.9rem;line-height:1.5}.pe-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.pe-stats span{padding:10px 6px;border-radius:12px;background:color-mix(in srgb,var(--pe-accent-2) 7%,transparent);text-align:center}.pe-stats small{display:block;font-size:.63rem;text-transform:uppercase;opacity:.6}.pe-stats strong{display:block;margin-top:2px;font-size:1rem}.pe-status{min-height:2.8em;font-size:.78rem;line-height:1.4;opacity:.72}.pe-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pe-actions button,.pe-button{min-height:46px;border:1px solid var(--border-color,#d7dae0);border-radius:14px;background:transparent;color:inherit;font:inherit;font-weight:730;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.pe-actions .is-primary,.pe-button.primary{background:var(--pe-accent-2);color:#fff;border-color:transparent}.pe-actions button:disabled{opacity:.35;cursor:not-allowed}.pe-legend p{display:flex;gap:9px;align-items:center;margin:8px 0;font-size:.78rem}.pe-target-mini,.pe-key-mini,.pe-block-mini{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#fff}.pe-target-mini{background:var(--pe-accent)}.pe-key-mini{color:#d5a400;background:#fef2a6}.pe-block-mini{background:repeating-linear-gradient(135deg,#343b45 0 5px,#59616b 5px 10px)}.pe-progress{padding:0 clamp(14px,3vw,28px) 22px}.pe-progress>div:first-child{display:flex;justify-content:space-between;font-size:.75rem}.pe-progress-bar{height:8px;background:color-mix(in srgb,var(--pe-accent-2) 10%,transparent);border-radius:999px;overflow:hidden;margin-top:7px}.pe-progress-bar i{display:block;height:100%;width:0;background:var(--pe-accent-2);border-radius:inherit;transition:width .3s}
.pe-overlay,.pe-level-panel{position:fixed;inset:0;z-index:999;background:rgba(8,12,18,.62);backdrop-filter:blur(8px);padding:20px;overflow:auto}.pe-overlay[hidden],.pe-level-panel[hidden]{display:none}.pe-overlay{display:grid;place-items:center}.pe-overlay-card,.pe-level-panel-inner{max-width:720px;margin:auto;background:var(--pe-panel);color:inherit;border:1px solid var(--border-color,#d7dae0);border-radius:26px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.pe-overlay-card{width:min(92vw,520px);padding:28px;text-align:center}.pe-overlay-card h2{font-size:2rem;margin:.2em 0}.pe-overlay-stars{font-size:2rem;letter-spacing:.12em;color:#e7b80b;min-height:1.5em}.pe-overlay-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.pe-level-panel-inner{padding:20px}.pe-level-panel header{display:flex;align-items:center;justify-content:space-between}.pe-level-panel header button{width:42px;height:42px;border-radius:50%;border:1px solid var(--border-color,#d7dae0);background:transparent;color:inherit}.pe-world-tabs{display:flex;gap:7px;overflow-x:auto;padding:10px 0 14px}.pe-world-tabs button{white-space:nowrap;border:1px solid var(--border-color,#d7dae0);border-radius:999px;padding:8px 10px;background:transparent;color:inherit}.pe-world-tabs button.is-active{background:var(--pe-accent-2);color:#fff;border-color:transparent}.pe-level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.pe-level-grid button{min-height:78px;border:1px solid var(--border-color,#d7dae0);border-radius:13px;background:transparent;color:inherit;padding:7px}.pe-level-grid strong,.pe-level-grid span,.pe-level-grid small{display:block}.pe-level-grid span{font-size:.72rem;color:#d5a400}.pe-level-grid small{font-size:.62rem;opacity:.62}.pe-level-grid button:disabled{opacity:.3}
.pe-intro-section,.pe-content-section,.pe-content-grid,.pe-worlds,.pe-tips,.pe-long-content,.pe-faq,.pe-bottom-cta{padding-top:clamp(38px,6vw,74px)}.pe-intro-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px}.pe-intro-section h2,.pe-section-head h2,.pe-worlds h2,.pe-tips h2,.pe-long-content h2,.pe-faq h2,.pe-bottom-cta h2{font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.035em;margin:.15em 0}.pe-intro-section>p,.pe-long-content p{line-height:1.75}.pe-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pe-step-grid article,.pe-content-grid article,.pe-world-grid article{border:1px solid var(--border-color,#d7dae0);border-radius:20px;padding:18px;background:color-mix(in srgb,var(--pe-panel) 90%,transparent)}.pe-step-grid article>span,.pe-world-grid article>span{font-size:.72rem;letter-spacing:.12em;opacity:.5}.pe-step-grid p,.pe-content-grid p,.pe-content-grid li{line-height:1.65}.pe-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pe-world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pe-world-grid strong,.pe-world-grid small{display:block}.pe-world-grid strong{margin:.4em 0}.pe-world-grid small{opacity:.62}.pe-tips ul{columns:2;column-gap:32px;padding-left:1.1em}.pe-tips li{break-inside:avoid;margin-bottom:10px;line-height:1.55}.pe-article-body{columns:2;column-gap:42px}.pe-article-body p{break-inside:avoid;margin-top:0}.pe-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pe-faq details{border:1px solid var(--border-color,#d7dae0);border-radius:16px;padding:14px 16px;background:color-mix(in srgb,var(--pe-panel) 92%,transparent)}.pe-faq summary{font-weight:760;cursor:pointer}.pe-faq p{line-height:1.6}.pe-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:clamp(46px,7vw,90px)}.pe-bottom-cta .pe-button{min-width:150px;padding:0 18px;text-decoration:none}
@media(max-width:900px){.pe-hero{grid-template-columns:1fr}.pe-hero-tags{justify-content:flex-start}.pe-play-area{grid-template-columns:1fr}.pe-side{display:grid;grid-template-columns:1.15fr .85fr;align-items:start}.pe-actions{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.pe-actions button{font-size:.76rem}.pe-legend{display:none}.pe-world-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.parking-escape-module{padding-inline:0}.pe-game-shell{border-radius:0;border-left:0;border-right:0}.pe-control-topbar{align-items:flex-start}.pe-theme-options span,.pe-topbar-actions span{display:none}.pe-control-topbar button{width:40px;padding:0}.pe-support-row{justify-content:center}.pe-preview-row{padding-inline:10px}.pe-play-area{padding:10px;gap:12px}.pe-board-frame{padding:8px;border-radius:17px}.pe-board{border-radius:12px}.pe-vehicle{padding:2px}.pe-vehicle::before{inset:4px;border-radius:10px}.pe-vehicle::after{inset:8px 12px;border-width:1px}.pe-vehicle.pe-v::after{inset:12px 8px}.pe-side{display:block}.pe-level-meta{padding:13px}.pe-goal{margin:.55em 0}.pe-actions{display:grid;grid-template-columns:repeat(5,1fr);margin-top:8px}.pe-actions button{min-height:48px;padding:3px;display:flex;flex-direction:column;font-size:.65rem;gap:2px}.pe-progress{padding-bottom:14px}.pe-intro-section{grid-template-columns:1fr}.pe-step-grid,.pe-content-grid,.pe-faq-list{grid-template-columns:1fr}.pe-world-grid{grid-template-columns:repeat(2,1fr)}.pe-tips ul,.pe-article-body{columns:1}.pe-level-grid{grid-template-columns:repeat(4,1fr)}.pe-overlay-actions{grid-template-columns:1fr}.pe-bottom-cta{align-items:flex-start;flex-direction:column}.pe-hero{padding-top:26px}}
@media(max-width:360px){.pe-level-grid{grid-template-columns:repeat(3,1fr)}.pe-actions button{font-size:.58rem}.pe-vehicle span{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.pe-vehicle,.pe-progress-bar i,.pe-gate{transition:none}.pe-vehicle.is-hint::before{animation:none;box-shadow:0 0 0 5px #fff,0 0 0 8px var(--pe-accent-2)}}

/* Keep fixed obstacles legible independently of the vehicle palette. */
.pe-obstacle{background-color:#343b45;border:2px solid #202832}
html[data-theme="dark"] .pe-obstacle{background-color:#9da7b5;background-image:repeating-linear-gradient(135deg,#596779 0 8px,#9da7b5 8px 16px);border-color:#c3ccd6}
.parking-escape-page .content-area>.alexo-recommendations{max-width:1180px;margin-inline:auto;padding-inline:clamp(18px,4vw,48px)}