.board{position:relative;flex:0 0 auto;container-type:inline-size;width:min(72vw,82vh,900px);aspect-ratio:1.25;max-width:100%;max-height:100%;background:linear-gradient(145deg,#3f4f63,#2f3b4e);border:10px solid #26364b;border-radius:30px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),0 25px 60px rgba(0,0,0,.35);overflow:hidden}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.07) 2px,transparent 2px),linear-gradient(rgba(255,255,255,.07) 2px,transparent 2px);background-size:var(--cw,12.5%) var(--ch,16.666%);opacity:.55}
.exit-strip{position:absolute;display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.08em;color:#152337;background:repeating-linear-gradient(135deg,#ffd447 0 12px,#fff2a2 12px 24px);z-index:2;font-size:clamp(7px,2.2cqw,13px)}
.exit-strip.top,.exit-strip.bottom{left:0;right:0;height:7%}
.exit-strip.top{top:0}
.exit-strip.bottom{bottom:0}
.exit-strip.left,.exit-strip.right{top:0;bottom:0;width:7%;writing-mode:vertical-rl}
.exit-strip.left{left:0}
.exit-strip.right{right:0}
.parking{position:absolute;border:2px dashed rgba(255,255,255,.22);border-radius:10px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);font-size:clamp(6px,1.8cqw,11px);text-transform:uppercase;overflow:hidden}
.obstacle{position:absolute;background:#263448;border-radius:9px;box-shadow:inset 0 2px rgba(255,255,255,.08)}
.path-preview{position:absolute;border-radius:999px;background:rgba(255,207,69,.2);z-index:1;pointer-events:none}
.drag-lane{position:absolute;z-index:3;pointer-events:none;border-radius:6px;transition:transform .05s linear}
.drag-lane.ok{background:repeating-linear-gradient(45deg,rgba(77,225,167,.4) 0 8px,rgba(77,225,167,.14) 8px 16px);box-shadow:inset 0 0 0 2px rgba(77,225,167,.55)}
.drag-lane.blocked{background:repeating-linear-gradient(45deg,rgba(255,111,125,.42) 0 8px,rgba(255,111,125,.14) 8px 16px);box-shadow:inset 0 0 0 2px rgba(255,111,125,.6)}
.block-msg{position:absolute;z-index:20;left:50%;top:48%;transform:translate(-50%,-50%);background:#351e29;color:#fff;padding:10px 16px;border-radius:12px;font-weight:800;box-shadow:var(--shadow);animation:pop .25s ease;max-width:90%;text-align:center;font-size:clamp(11px,1.4vw,14px)}
.toast{position:fixed;left:50%;bottom:calc(max(var(--pad),env(safe-area-inset-bottom)) + 66px);top:auto}