:root{font-family:Arial,Helvetica,sans-serif;color:#263e35;background:#e3e8d8;font-synthesis:none;--ink:#263e35;--muted:#63735d;--line:#cdd6c1;--paper:#f8f6ed}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:inherit}button:focus-visible{outline:3px solid #b96d38;outline-offset:2px}button:disabled{cursor:default}[hidden]{display:none!important}.game-shell{height:100svh;height:100dvh;max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:58px 76px minmax(0,1fr);grid-template-areas:"header header" "hud hud" "board controls";gap:12px;padding:0 20px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom));overflow:hidden}.game-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.game-title{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#f4c05a;width:32px;height:32px;border-radius:10px;font-size:25px;font-weight:800}h1{font:600 20px Georgia,serif;margin:0}.game-header nav{display:flex;gap:6px}.game-header button,.dialog-heading button{border:1px solid var(--line);background:var(--paper);border-radius:10px;min-height:44px;padding:0 13px;font-size:12px}.game-header button[aria-pressed=true]{background:#d1dec1}.hud{grid-area:hud;display:grid;grid-template-columns:1fr 150px 160px;gap:20px;align-items:center;padding:0 8px}.route-heading>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.route-heading h2{font:400 25px Georgia,serif;margin:5px 0 0}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}.stat-label strong{font-size:19px;color:var(--ink);letter-spacing:0}.fuel-track{height:5px;background:#cbd3bb;border-radius:5px;overflow:hidden;margin:6px 0}#fuel-bar{height:100%;background:#668251;transition:width .15s}#fuel-bar.low{background:#bf7954}#moves{font-size:10px;color:var(--muted)}#packages{display:flex;gap:5px;margin-top:5px}.package-icon{border:1px solid var(--parcel);color:var(--parcel);border-radius:5px;min-width:28px;height:25px;display:grid;place-items:center;font-size:12px;font-weight:700;background:#fffaf0}.package-icon.carried{background:var(--parcel);color:#fff;box-shadow:0 0 0 2px #efbb51}.package-icon.done{color:#466747;border-color:#91ab7f;background:#dae6ce}.board-panel{grid-area:board;min-width:0;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center;background:#e8edda;border:1px solid var(--line);border-radius:20px;overflow:hidden}.board-wrap{position:relative;width:min(100cqw,100cqh);height:min(100cqw,100cqh)}#game{position:absolute;inset:0}#game canvas{display:block;touch-action:none}.control-deck{grid-area:controls;align-self:center;border:1px solid #c5ceb9;background:var(--paper);border-radius:22px;padding:20px;box-shadow:0 5px #cbd3bf}.status{font-size:13px;line-height:1.5;min-height:60px;margin:0 0 18px}.controller{display:flex;flex-direction:column-reverse;gap:24px}.actions{display:flex;gap:8px}.secondary-button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:48px;font-size:21px;background:#eaeedf;border:1px solid #c6cfb8;border-radius:12px}.secondary-button span{font-size:12px}.secondary-button:disabled{opacity:.35}.secondary-button kbd{display:none}.direction-controls{display:grid;grid-template-columns:repeat(3,62px);grid-template-rows:repeat(2,56px);gap:6px;justify-content:center}.direction-controls button{font-size:29px;font-weight:700;background:#354f40;color:#fff8df;border:1px solid #2c4235;border-radius:14px;box-shadow:0 4px #233b2f}.direction-controls button:first-child{grid-column:2}.direction-controls button:nth-child(2){grid-column:1}.direction-controls button:disabled{color:#a7b09a;background:#e3e8d8;border-color:#d2dac6;box-shadow:none;opacity:.65}.direction-controls button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(2px);box-shadow:none}.control-note{font-size:10px;line-height:1.4;text-align:center;color:var(--muted);margin:20px 0 0}.result{position:absolute;inset:0;display:grid;place-items:center;background:#e8eddaa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:12px}.result-card{max-width:360px;width:100%;max-height:100%;overflow:auto;padding:24px;background:#fffdf4;border:1px solid #d9dfca;box-shadow:0 10px 40px #354b3820;border-radius:16px;text-align:center}.result-icon{display:block;color:#628153;font-size:25px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.result-card h2{font:400 29px/1.1 Georgia,serif;margin:10px 0}.result-card>p:not(.eyebrow){font-size:12px;line-height:1.5}.primary-button{width:100%;border:0;background:#2f4a3d;color:#fffdf3;font-size:12px;min-height:44px;border-radius:10px;margin:5px 0}.text-button{border:0;background:none;color:var(--muted);min-height:44px;text-decoration:underline;font-size:12px}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px;width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 20px 80px #21352633}dialog::backdrop{background:#1e352b88;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-heading h2{font:26px Georgia,serif;margin:0}.dialog-heading button{min-width:44px}dialog p{font-size:13px;line-height:1.7}#level-buttons{display:grid;gap:8px}.level-button{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid var(--line);border-radius:12px;background:#eef1e4;padding:13px;color:var(--ink);min-height:66px}.level-button.selected{border:2px solid #69815a;background:#dfe8d2}.level-index{font:24px Georgia,serif}.level-button small{display:block;font-size:11px;margin-top:4px;color:var(--muted)}.level-arrow{margin-left:auto}#save-note{font-size:10px;color:var(--muted)}@media(max-width:720px){.game-shell{padding:0 10px max(10px,env(safe-area-inset-bottom));gap:6px;grid-template-columns:minmax(0,1fr);grid-template-rows:48px 66px minmax(0,1fr) 174px;grid-template-areas:"header" "hud" "board" "controls"}.game-title{gap:7px}h1{font-size:15px}.brand-mark{width:26px;height:28px;font-size:22px}.game-header{gap:4px}.game-header nav{gap:4px}.game-header button{padding:0 9px;font-size:10px;min-height:40px}.hud{padding:0 4px;grid-template-columns:minmax(0,1fr) 64px 96px;gap:12px}.route-heading h2{font-size:18px;line-height:1.1;margin-top:4px}.route-heading>span{font-size:9px}.stat-label{font-size:8px;letter-spacing:.3px}.stat-label strong{font-size:16px}#moves{font-size:9px}.package-icon{height:23px;min-width:26px;font-size:11px}.board-panel{border-radius:16px}.control-deck{align-self:stretch;border-radius:17px;padding:8px 12px;box-shadow:0 3px #cbd3bf;display:flex;flex-direction:column;justify-content:space-between}.status{font-size:11px;line-height:1.3;min-height:29px;margin:0;display:flex;align-items:center}.controller{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.actions{flex-direction:column;gap:6px;flex:1;max-width:134px}.secondary-button{min-height:44px;flex:none}.direction-controls{grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,44px);gap:5px}.direction-controls button{font-size:25px;border-radius:11px;box-shadow:0 3px #233b2f}.control-note{margin:3px 0 0;font-size:9px}.result-card{padding:12px}.result-card h2{font-size:22px}.result-card .eyebrow{margin:4px 0}.result-card p{margin:7px 0}.result-icon{display:none}}@media(max-width:360px){h1{font-size:13px}.brand-mark{display:none}.hud{gap:8px;grid-template-columns:minmax(0,1fr) 57px 92px}.route-heading h2{font-size:16px}.control-deck{padding:8px}.controller{gap:8px}.direction-controls{grid-template-columns:repeat(3,46px)}}@media(max-height:500px)and (orientation:landscape){.game-shell{grid-template-columns:minmax(0,1fr) 240px;grid-template-rows:44px minmax(0,1fr);grid-template-areas:"header hud" "board controls";gap:8px;padding:0 10px max(8px,env(safe-area-inset-bottom))}.game-header{border:0}.game-title h1{font-size:14px}.brand-mark{display:none}.game-header button{font-size:10px;padding:0 7px;min-height:36px}.hud{grid-template-columns:1fr 56px 74px;gap:8px;padding:0}.route-heading>span{font-size:8px}.route-heading h2{font-size:13px;margin:0}.stat-label{font-size:7px}.stat-label strong{font-size:14px}#moves{display:none}.package-icon{min-width:20px;height:17px;font-size:9px}#packages{gap:3px;margin-top:2px}.control-deck{padding:12px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.status{min-height:32px;font-size:11px;margin-bottom:8px}.controller{flex-direction:column-reverse;gap:10px}.actions{flex-direction:row;max-width:none;width:100%;gap:6px}.secondary-button{min-height:40px;flex:1}.direction-controls{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,44px);gap:4px}.control-note{margin-top:8px;font-size:9px}}.stat-label strong{white-space:nowrap;flex-shrink:0;margin-left:4px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}