:root{color-scheme:light;--ink:#3f3a32;--muted:#766e62;--paper:#fffaf0;--line:#f0dfbd;--coral:#e87558;--coral-dark:#bc503b;--mint:#5d9d76;--mint-pale:#e5f3e8;--sun:#f5c55e;--sky:#dceff0;--shadow:0 22px 55px #805c3020}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 10%,#fffdf6 0,transparent 28rem),linear-gradient(160deg,#fff5dc,#f8e8c8 65%,#f3e6cf);color:var(--ink);font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif}.shell{max-width:1100px;margin:auto;padding:21px 38px 22px}header{height:48px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.11em}.brand span,.brand b{color:var(--coral)}.brand span{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:6px;border-radius:10px;background:#ffe3c5;font-size:17px;vertical-align:middle}.brand b{font-weight:900}.status,.moves,.legend,footer,small,.levels button,.cart-label{letter-spacing:.055em}.status{font-size:10px;color:#756b5d;font-weight:800}.status-dot{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#ed9a55;box-shadow:0 0 0 3px #ed9a5529}.status i{color:#cdbfa5;padding:0 7px;font-style:normal}.status b{color:var(--coral-dark);font-weight:900}.restart,#help{min-width:44px;min-height:44px;border:1px solid #ead8b7;border-radius:14px;background:#fffdf7;color:#615447;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 #ead8b7}.restart span{font-size:12px;margin-left:4px}.card{position:relative;overflow:hidden;max-width:760px;margin:35px auto 0;padding:32px 38px 25px;border:1px solid #eddcb9;border-radius:28px;background:var(--paper);box-shadow:var(--shadow)}.card:before{content:"";position:absolute;inset:0 0 auto;height:11px;background:repeating-linear-gradient(135deg,#ef8a6c 0 18px,#fff0d5 18px 36px,#78b98e 36px 54px,#fff0d5 54px 72px)}.intro{text-align:center;padding-top:7px}.intro small{display:inline-block;color:#a87940;font-size:10px;font-weight:900;letter-spacing:.13em}.intro h1{font-size:clamp(31px,5vw,44px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 10px;font-weight:950}.intro h1 em{color:var(--coral);font-style:normal}.intro p{margin:0;color:#776f64;font-size:14px}.level-row{display:flex;justify-content:space-between;align-items:center;margin:26px 0 15px;padding:0 0 13px;border-bottom:1px dashed var(--line)}.levels{display:flex;gap:8px}.levels button{height:40px;min-width:42px;padding:0 10px;border:1px solid #ead9b9;background:#fff7e8;color:#827767;border-radius:13px;font-size:11px;font-weight:900;cursor:pointer}.levels button[aria-current=true]{border-color:#e28662;color:#fff;background:var(--coral);box-shadow:0 3px 0 #bd5a42}.levels button.locked{border-style:dashed;background:#f8f0e2;color:#9b8e79;cursor:not-allowed;box-shadow:none}.moves{display:flex;align-items:center;gap:8px;font-size:10px;color:#877b67;font-weight:900}.move-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#e7f2df;color:#59916e;font-size:15px}.moves b{color:var(--ink);font-size:15px;font-weight:950}.board{display:grid;grid-template-columns:repeat(var(--cart-columns,4),minmax(72px,104px));justify-content:center;gap:13px;min-height:252px;padding:7px 0 2px}.cart{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:224px;padding:0 0 27px;border:0;border-radius:19px;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .15s}.board[data-capacity="2"] .vessel{height:128px}.board[data-capacity="4"] .vessel{height:194px}.cart:focus-visible{outline:3px solid #dfa543;outline-offset:2px}.vessel{position:relative;width:82px;height:170px;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;padding:10px 7px 11px;gap:4px;border:2px solid #c99562;border-top:0;border-radius:10px 10px 19px 19px;background:linear-gradient(90deg,#f6ddb1,#fff0d0 50%,#f2d7a9);box-shadow:inset 0 -7px 0 #e4bd7c4f,0 7px 0 #e6cea5;transition:transform .16s,border-color .16s,box-shadow .16s}.vessel:before{content:"";position:absolute;top:0;left:-5px;right:-5px;height:10px;border-radius:7px;background:repeating-linear-gradient(90deg,#e98262 0 11px,#fff5dd 11px 22px);box-shadow:0 2px 0 #c99562}.cart.selected .vessel{transform:translateY(-8px) rotate(-2deg);border-color:var(--coral);box-shadow:0 0 0 4px #e8755828,0 8px 0 #e6cea5}.cart.target .vessel{border-color:var(--mint);background:#eff8e8;box-shadow:0 0 0 3px #5d9d7622,0 7px 0 #d1e2be}.cart.guide-source .vessel{border-color:#e18b38;box-shadow:0 0 0 5px #f5c55e70,0 7px 0 #e6cea5}.cart.guide-destination .vessel{border-color:#5da678;box-shadow:0 0 0 5px #75c58b70,0 7px 0 #d1e2be}.cart.selected .cart-label{color:var(--coral-dark)}.goods,.blocked{z-index:1;display:grid;place-items:center;width:59px;height:35px;border-radius:11px;color:#343129;font-size:21px;line-height:1;box-shadow:inset 0 2px 0 #ffffffa6,0 3px 4px #76543130;user-select:none}.skewer{background:linear-gradient(135deg,#ffd680,#f0a44f)}.dumpling{background:linear-gradient(135deg,#fff1cf,#e9bd8a)}.tea{background:linear-gradient(135deg,#c9e8ae,#91c785)}.blocked{border:1px dashed #c49557;border-radius:9px;color:#9b7846;background:repeating-linear-gradient(135deg,#e1c18b55 0 4px,#fff2d2 4px 8px);font-size:16px}.cart-label{position:absolute;bottom:1px;font-size:9px;color:#685b4c;text-align:center;font-weight:950}.cart-label span{display:block;font-size:8px;color:#978770;margin-top:3px;font-weight:800}.message{min-height:41px;margin:12px 0 3px;padding:10px 14px;border:1px solid #f0e3c9;border-radius:13px;background:#fff5df;text-align:center;color:#766b5b;font-size:12px;line-height:1.5;font-weight:650}.message.good{color:#437d59;background:#ebf5e7;border-color:#d3e8cb}.message.bad{color:#a34535;background:#fff0e8;border-color:#f4d4c5}.bottom{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.legend{font-size:10px;color:#827664;letter-spacing:.015em;font-weight:700}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--coral);margin-right:5px}.legend span{padding:0 7px;color:#c9b99d}#next-level{border:0;border-radius:12px;padding:10px 14px;background:#78ad78;color:white;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #52875b}#continue-game{min-height:44px;border:1px solid #e6c998;border-radius:12px;padding:9px 13px;background:#fff5df;color:#765b31;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #ead8b7}#continue-game:focus-visible{outline:3px solid #dfa543;outline-offset:3px}footer{max-width:760px;margin:15px auto 0;display:flex;justify-content:space-between;color:#98876d;font-size:9px;letter-spacing:.055em;font-weight:800}footer span:first-child{letter-spacing:.015em}#help{margin-left:auto;margin-right:9px;color:#98644e;background:#fff0dc;border-color:#efd3ab;box-shadow:0 3px 0 #e4c59a}.guide{margin:8px 0 16px;padding:16px 18px;border:2px solid #f0d39a;border-radius:18px;background:#fff5d9;box-shadow:0 5px 0 #f0e0bb}.guide[hidden]{display:none}.guide-head{display:flex;align-items:flex-start;gap:12px}.guide-spark{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:12px;background:#ffe0ad;font-size:18px}.guide-copy{flex:1}.guide h2{margin:0 0 4px;font-size:16px;color:#534638}.guide p{margin:0;color:#766b59;font-size:12px;line-height:1.45}.guide-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:13px}.guide-actions button{min-height:38px;padding:8px 13px;border:1px solid #e8d2a6;border-radius:11px;background:#fffdf6;color:#77664e;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}.guide-actions button.primary{background:var(--coral);border-color:var(--coral-dark);color:white;box-shadow:0 3px 0 #bd5a42}.guide-actions button:focus-visible,#help:focus-visible,.restart:focus-visible,.levels button:focus-visible,#next-level:focus-visible,#continue-game:focus-visible{outline:3px solid #dfa543;outline-offset:3px}
@media(max-width:620px){.shell{padding:12px 12px 16px}header{height:43px}.brand{font-size:10px}.brand span{width:24px;height:24px;margin-right:4px}.status{font-size:8px}.restart{padding:8px 9px}.restart span{display:none}.card{margin:21px auto 0;padding:25px 14px 17px;border-radius:23px}.card:before{height:9px}.intro{padding-top:3px}.intro small{font-size:9px}.intro h1{font-size:34px;margin:10px 0}.intro p{font-size:12px;max-width:290px;margin:auto;line-height:1.5}.level-row{margin:20px 0 10px;padding-bottom:11px}.board{grid-template-columns:repeat(4,minmax(54px,1fr));gap:3px;min-height:212px;padding:4px 0}.cart{min-height:198px;padding-bottom:25px}.vessel{width:clamp(48px,15vw,69px);height:145px;padding:8px 4px 9px;gap:3px;border-radius:8px 8px 16px 16px}.vessel:before{left:-4px;right:-4px;height:8px}.goods,.blocked{width:clamp(38px,12vw,53px);height:31px;border-radius:9px;font-size:18px}.cart-label{font-size:8px}.cart-label span{font-size:7px}.message{font-size:11px;min-height:41px;margin:9px 0 2px;padding:9px 8px}.legend{font-size:8px}.bottom{gap:6px}footer{font-size:8px}footer span:last-child{display:none}.guide{padding:13px 12px;margin:8px 0 12px}.guide h2{font-size:15px}.guide p{font-size:11px}.guide-actions button{min-height:40px;padding:8px 10px}}
@media(max-width:360px){.shell{padding-left:9px;padding-right:9px}.status{font-size:7px}.levels{gap:5px}.levels button{min-width:39px;padding:0 7px}.vessel{width:46px}.goods,.blocked{width:38px}.legend{font-size:7px}.guide-actions button{font-size:11px}}

/* Language switch keeps the compact market header usable on touch screens. */
.header-actions{display:flex;align-items:center;gap:7px}.language-toggle{min-width:48px;min-height:44px;border:1px solid #efd3ab;border-radius:14px;background:#fff0dc;color:#98644e;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #e4c59a}.language-toggle:focus-visible{outline:3px solid #dfa543;outline-offset:3px}
@media(max-width:620px){.header-actions{gap:5px}.language-toggle{min-width:40px;min-height:42px;padding:8px 7px;font-size:11px}}
.guide p,.message,.intro p{overflow-wrap:anywhere;word-break:normal}

.level-row{flex-wrap:wrap;row-gap:8px}.levels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;flex:1 0 100%}.levels button{min-width:0;height:36px;padding:0 3px}.board{grid-template-columns:repeat(var(--cart-columns,4),minmax(72px,104px))}.win-dialog{width:min(510px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #eddcb9;border-radius:25px;background:transparent;color:var(--ink);overflow:auto;box-shadow:0 25px 80px #39261450}.win-dialog::backdrop{background:#3427198c;backdrop-filter:blur(3px)}.win-card{position:relative;padding:28px 30px 24px;border-radius:25px;background:radial-gradient(circle at 50% -20%,#fff1c8 0,transparent 45%),var(--paper);text-align:center}.win-close{position:absolute;top:12px;right:13px;width:40px;height:40px;border:1px solid #ead8b7;border-radius:13px;background:#fffdf7;color:#615447;font-family:inherit;font-size:24px;font-weight:700;cursor:pointer}.win-eyebrow{display:block;margin:5px 0 8px;color:#a87940;font-size:10px;font-weight:900;letter-spacing:.13em}.win-mark{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#ffe5b5;font-size:32px;animation:lantern-bob 1.6s ease-in-out infinite}.win-card h2{margin:10px 0 5px;font-size:27px}.win-copy{margin:0;color:#766b5b;font-size:14px}.win-rank-up{min-height:18px;margin:9px 0;color:#ad6d22;font-weight:850;font-size:12px}.win-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.win-stats div{display:grid;gap:4px;padding:11px 8px;border:1px solid #f0dfbd;border-radius:14px;background:#fff8e9}.win-stats span,.win-rank span{color:#88785f;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.win-stats strong{font-size:22px;color:#4d4438}.win-rank{display:grid;gap:7px;padding:12px;border-radius:14px;background:#eaf3e1}.win-rank strong{font-size:18px}.win-record{margin:11px 0 4px;color:#437d59;font-size:12px;font-weight:800}.win-note{margin:8px auto 15px;max-width:390px;color:#817665;font-size:11px;line-height:1.45}.win-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.win-actions button{min-height:44px;padding:9px 13px;border:1px solid #ead8b7;border-radius:13px;background:#fffdf7;color:#615447;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.win-actions button.primary{border-color:#bc503b;background:var(--coral);color:white;box-shadow:0 3px 0 #bd5a42}.win-actions button:focus-visible,.win-close:focus-visible{outline:3px solid #dfa543;outline-offset:3px}.win-dialog[open] .win-mark{animation:lantern-bob 1.6s ease-in-out infinite}@keyframes lantern-bob{50%{transform:translateY(-4px) rotate(3deg)}}
@media(max-width:620px){.board[data-capacity="2"] .vessel{height:112px}.board[data-capacity="4"] .vessel{height:166px}.board{grid-template-columns:repeat(var(--cart-columns,4),minmax(0,1fr))}.cart-label{max-width:100%;font-size:7px}.win-card{padding:24px 16px 17px}.win-card h2{font-size:23px}.win-stats{gap:6px}.win-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.win-actions button{padding:8px 6px;font-size:11px}}
@media(max-width:360px){.board{gap:2px}.cart{min-width:0}.vessel{width:100%;max-width:46px}.goods,.blocked{width:calc(100% - 2px);font-size:16px}.cart-label{font-size:6px}.win-card{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* New route levels use touch-safe cart dragging and small, physical path blockers. */
[hidden]{display:none!important}.cart.drag-enabled{touch-action:none;cursor:grab}.board.dragging .cart.drag-enabled{cursor:grabbing}.board.dragging .cart.drag-source .goods:last-child{transform:translateY(-7px) scale(1.04);box-shadow:0 0 0 4px #e8755838,0 5px 10px #76543138}.hazard{z-index:3;display:grid;place-items:center;min-width:0;min-height:0;pointer-events:none;user-select:none}.hazard-hitbox{display:grid;place-items:center;width:72px;height:76px;border:2px solid #ffffffb5;border-radius:25px;font-size:43px;line-height:1;filter:drop-shadow(0 4px 3px #513a2b55);box-shadow:0 0 0 4px #ffffff47,inset 0 1px 5px #ffffffa8}.hazard-waterfall .hazard-hitbox{background:radial-gradient(circle at 45% 25%,#d9f8ff,#62bed8 68%,#2688aa);}.hazard-fire .hazard-hitbox{background:radial-gradient(circle at 45% 25%,#fff1b5,#ff9e45 63%,#dc4f36);}.legend #hazard-note{padding-left:8px;color:#a34535;font-weight:800;letter-spacing:0}.board.dragging .hazard-hitbox{box-shadow:0 0 0 5px #d94e3d74,0 0 20px #e65d48a6}.cart.drag-enabled:focus-visible{outline-color:#d28b3f}
@media(max-width:620px){.hazard-hitbox{width:clamp(40px,13vw,58px);height:58px;border-radius:19px;font-size:33px}.legend #hazard-note{display:block;padding:5px 0 0 16px;font-size:8px}}
@media(max-width:360px){.hazard-hitbox{width:40px;height:48px;font-size:27px}.legend #hazard-note{font-size:7px}}
.board{position:relative}.board[data-capacity="5"] .vessel{height:220px}.board[data-capacity="4"] .vessel{height:194px}
.timer-panel{display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #f0c989;border-radius:13px;background:#fff3d5;color:#85542c;font-size:10px;font-weight:900}.timer-panel small{font-size:8px;letter-spacing:.08em}.timer-panel b{font-variant-numeric:tabular-nums;font-size:15px;color:#9a3e2e}.timer-panel b[data-warning="true"]{color:#b42318;animation:clock-pulse .8s infinite alternate}.timer-panel button,.route-toggle,.route-tools button{min-height:44px;border:1px solid #ead8b7;border-radius:12px;background:#fffdf7;color:#615447;padding:8px 11px;font:700 12px/1.2 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.timer-panel button{min-width:58px}.route-toggle{display:block;margin:4px auto 8px;color:#82502d;background:#fff4dc}.route-tools{max-width:380px;margin:4px auto 12px;padding:12px;border:1px solid #ead8b7;border-radius:16px;background:#fff7e8;text-align:center}.route-tools p{min-height:2.5em;margin:0 0 8px;color:#63564a;font-size:12px;line-height:1.4}.route-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:5px;justify-content:center;align-items:center;margin:0 auto 8px}.route-pad button{width:48px;height:48px;padding:0;font-size:22px}.route-pad span{color:#cba66e}.route-tools #route-undo{min-width:130px}.route-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5}.route-line{fill:none;stroke:#186c49;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 7;filter:drop-shadow(0 1px 1px #fff)}.route-dot{fill:#1e8457;stroke:#fff;stroke-width:3}.timer-panel[hidden],.route-toggle[hidden],.route-tools[hidden]{display:none!important}
@keyframes clock-pulse{to{opacity:.6}}
@media(max-width:620px){.timer-panel{order:3;margin-left:auto}.level-row{row-gap:8px}.board[data-capacity="5"] .vessel{height:188px}.board[data-capacity="4"] .vessel{height:166px}.route-tools{margin:5px auto 10px;padding:9px}.route-tools p{font-size:11px}.route-toggle{width:100%;max-width:290px}}
@media(prefers-reduced-motion:reduce){.timer-panel b[data-warning="true"]{animation:none}}