:root{font-family:Arial,Helvetica,sans-serif;color:#17383a;background:#f4f1e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:0 38px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ba5d2d;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd0c4;padding:25px 0}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.16em;text-decoration:none;color:inherit;font-weight:800;font-size:15px}.mark{display:grid;place-items:center;background:#17383a;color:#f4c86c;border-radius:7px;width:32px;height:32px;font-size:24px}.edition,.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700}.edition{color:#647773}.intro{display:flex;justify-content:space-between;align-items:center;padding:32px 0 28px}.intro h1{font-family:Georgia,serif;font-size:clamp(40px,5vw,62px);line-height:1.02;letter-spacing:-.04em;margin:10px 0 15px;font-weight:400}.intro h1 br{display:none}.intro em{color:#94702c;font-weight:400}.eyebrow{color:#688078;margin:0 0 9px}.lede{font-size:15px;line-height:1.5;color:#627570;margin:0}.lede br{display:none}.intro-note{display:flex;align-items:center;gap:15px;border-left:1px solid #cbd0c4;padding-left:26px}.intro-note>span{font:64px Georgia,serif;color:#b5bfaf}.intro-note p{font-size:12px;line-height:1.6;color:#697c73}.game{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:40px;align-items:start}.play{min-width:0}.board-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.board-heading h2{font:26px Georgia,serif;margin:0}.exit-label{font-size:10px;letter-spacing:.18em;font-weight:700;color:#7b7f66}.exit-label span{font-size:22px;margin-left:8px}.yard{position:relative;padding:16px;background:#173d3f;border-radius:18px;box-shadow:0 14px 32px #14353419}#board{aspect-ratio:1;position:relative;background-color:#244c4d;background-image:linear-gradient(90deg,#a2c5b418 1px,transparent 1px),linear-gradient(#a2c5b418 1px,transparent 1px);background-size:calc(100% / 6) calc(100% / 6);border:1px solid #648b7f66;border-radius:6px;touch-action:none}.exit-gate{position:absolute;right:-10px;top:calc(16px + (100% - 32px) * 2.5 / 6 - 17px);height:34px;width:31px;border-radius:5px;background:#efbc52;display:grid;place-items:center;color:#193d3d;font-size:25px;box-shadow:0 0 0 4px #f4f1e9}.vehicle{position:absolute;margin:0;border:0;border-radius:10px;background:var(--car);box-shadow:inset 0 2px 0 #ffffff44,inset 0 -3px 0 #00000022,0 3px 5px #0002;color:#173739;font-weight:bold;transition:left .17s,top .17s,box-shadow .17s;display:flex;align-items:center;justify-content:center;gap:8px;user-select:none;touch-action:none}.vehicle:before,.vehicle:after{content:"";position:absolute;background:#183e3f77;border-radius:3px}.vehicle.horizontal:before{width:12%;height:55%;left:13%}.vehicle.horizontal:after{width:12%;height:55%;right:13%}.vehicle.vertical:before{height:12%;width:55%;top:13%}.vehicle.vertical:after{height:12%;width:55%;bottom:13%}.vehicle span{font-size:clamp(11px,1.4vw,15px);z-index:1}.vehicle .car-arrow{font-size:10px;opacity:.7}.vehicle.vertical{flex-direction:column;gap:3px}.vehicle.selected{outline:3px solid #fff4ce;outline-offset:-2px;box-shadow:0 0 0 3px #f6df9377,inset 0 -3px 0 #0002}.vehicle.suggested{outline:3px dashed #fff9d5;outline-offset:2px}.vehicle.dragging{transition:none;z-index:3;filter:brightness(1.1)}.board-caption{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:9px;letter-spacing:.08em;color:#7d8874;font-weight:bold}.board-caption>span:last-child{text-align:right;letter-spacing:0;font-weight:400;font-size:11px}.board-caption i{display:inline-block;width:8px;height:8px;border-radius:2px;background:#efbc52;margin-right:5px}.message{font-size:13px;color:#6b7d72;line-height:1.5;margin:16px 0;min-height:36px}.stats{display:flex;justify-content:space-between;border-top:1px solid #bdc6b8;border-bottom:1px solid #bdc6b8;padding:18px 0;margin:0 0 20px}.stats span{display:block;font-size:9px;letter-spacing:.14em;color:#708273;font-weight:700}.stats strong{display:block;font:36px Georgia,serif;margin-top:6px;font-variant-numeric:tabular-nums}.stats>div:last-child{text-align:right}.nav{display:flex;gap:6px;margin-bottom:20px}.nav button,.nav select{border:1px solid #c7cebf;background:transparent;padding:10px;color:#214646;border-radius:7px;min-width:40px}.nav select{width:100%;min-width:0;font-size:12px}.nav button:disabled{opacity:.35;cursor:default}.control-card{border:1px solid #c8d0c2;background:#ebece2;padding:18px;border-radius:12px}.control-card h3{font:23px Georgia,serif;margin:7px 0 8px}.control-card p:not(.eyebrow){font-size:12px;line-height:1.6;color:#687d70;margin:6px 0}.control-card .keyhint{font-size:10px!important}.move-choices{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.move-choices button{background:#214c4c;color:#f4f1e9;border:0;border-radius:6px;padding:9px 13px;min-height:36px;font-weight:bold;font-size:13px}.tools{display:flex;gap:7px;margin:13px 0 22px}.tools button{flex:1;border:1px solid #c6cdbd;background:transparent;color:#31534b;border-radius:7px;font-size:12px;padding:11px 4px}.tools button:disabled{opacity:.4;cursor:default}kbd{font-size:9px;color:#8b967f;margin-left:5px}.hint-box{border-left:3px solid #c4923c;background:#eee4cc;padding:12px;font-size:13px;line-height:1.5;margin:-5px 0 20px}.progress>div:first-child{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#7b8773}.progress-track{height:4px;border-radius:2px;background:#d8dfcf;margin:9px 0}.progress-track>div{background:#59745f;height:100%;width:0;transition:width .3s}.progress p,details p{font-size:11px;line-height:1.6;color:#7b8876}details{border-top:1px solid #ccd3c2;margin-top:16px;padding-top:14px}summary{font-size:12px;color:#4c6d5a;cursor:pointer}.win{display:flex;gap:14px;justify-content:space-between;align-items:center;border:1px solid #b9ca9d;background:#e5ebd8;border-radius:10px;padding:18px;margin-top:15px}.win h3{font:23px Georgia,serif;margin:4px 0 7px}.win p:not(.eyebrow){font-size:11px;line-height:1.5;margin:0}.win button{border:0;background:#234f46;color:#fff7de;padding:12px;border-radius:7px;font-size:12px;flex-shrink:0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #cdd2c4;padding:22px 0;margin-top:30px;font-size:10px;color:#88917e;line-height:1.7}footer>span:last-child{text-align:right}a{color:inherit}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:760px){main{padding:0 21px}.edition{display:none}.intro{padding:25px 0}.intro h1{font-size:44px}.intro h1 br{display:block}.lede{font-size:13px}.lede br{display:block}.intro-note{padding-left:16px;gap:7px}.intro-note>span{font-size:48px}.intro-note p{font-size:10px}.game{grid-template-columns:1fr;gap:8px;max-width:530px;margin:auto}.yard{padding:12px;border-radius:13px}.exit-gate{top:calc(12px + (100% - 24px) * 2.5 / 6 - 17px);right:-9px}.vehicle{border-radius:7px}.vehicle span{font-size:12px}.stats{padding:13px 0;margin-bottom:15px}.stats strong{font-size:30px}.control-card{padding:14px}.tools{margin-bottom:16px}footer{margin-top:22px}.win{padding:14px;flex-wrap:wrap}.board-caption{margin-top:13px}.message{margin:12px 0;min-height:0}header{padding:18px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
