:root{color:#2c2925;font-synthesis:none;text-rendering:optimizelegibility;background:#ece8df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#ece8df;width:100%}body{width:100%;min-width:0;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #236a68}#root{width:100%;min-width:0;min-height:100vh}.app-shell{background:#f7f2e8;border-inline:1px solid #372f2614;flex-direction:column;width:100%;min-width:0;max-width:500px;min-height:100vh;margin:0 auto;display:flex;overflow-x:hidden}.top-area{background:linear-gradient(#b9d9d2 0%,#d7e6d8 68%,#efe6cc 68% 100%);border-bottom:2px solid #b9a98a;gap:8px;padding:14px 16px 10px;display:grid}.status-row{justify-content:space-between;align-items:end;display:flex}.status-row>div{align-items:baseline;gap:7px;display:flex}.status-row strong{font-variant-numeric:tabular-nums;font-size:24px;line-height:1}.status-label{letter-spacing:.12em;color:#5f625b;font-size:11px;font-weight:800}.remaining strong{font-size:18px}.truck-stage{height:104px;position:relative;overflow:hidden}.pixel-truck{width:224px;height:72px;image-rendering:pixelated;transition:transform .48s cubic-bezier(.65,.05,.75,.35),opacity .4s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.truck-stage.is-departing .pixel-truck{opacity:.3;transform:translate(190%)}.truck-bed{background:#d38d45;border:5px solid #43392e;width:132px;height:42px;position:absolute;top:16px;left:8px}.truck-cab{background:#f0c84f;border:5px solid #43392e;width:69px;height:34px;position:absolute;top:25px;left:138px}.truck-cab:before{content:"";background:#f0c84f;border:5px solid #43392e;border-bottom:0;width:38px;height:18px;position:absolute;top:-18px;left:7px}.truck-cab span{background:#81b5b8;border:3px solid #43392e;width:21px;height:14px;position:absolute;top:-13px;left:14px}.truck-wheel{background:#8b8173;border:6px solid #342f2a;border-radius:2px;width:24px;height:24px;position:absolute;top:53px}.wheel-a{left:32px}.wheel-b{left:160px}.truck-load{z-index:2;grid-template-columns:repeat(4,1fr);gap:3px;width:112px;height:28px;display:grid;position:absolute;top:23px;left:17px}.truck-load span{border:2px dashed #43392e3d}.truck-load span.filled{background:#8e5e39;border:3px solid #5d402c}.load-meter{background:#ffffff94;border:2px solid #665848;height:7px;overflow:hidden}.load-meter span{background:#4c8e6c;height:100%;transition:width .16s;display:block}.game-area{flex:1;align-content:start;gap:12px;min-width:0;padding:14px 14px 12px;display:grid}.cargo-board{aspect-ratio:1;touch-action:none;cursor:crosshair;background-color:#d9b57d;background-image:linear-gradient(90deg,#4d392638 1px,#0000 1px),linear-gradient(#4d392638 1px,#0000 1px),repeating-linear-gradient(0deg,#ffffff0b 0 2px,#00000006 2px 4px);background-size:14.2857% 14.2857%,14.2857% 14.2857%,auto;border:6px solid #69513b;width:min(100%,458px);margin:0 auto;position:relative;box-shadow:inset 0 0 0 3px #fff3}.board-cargo{cursor:grab;touch-action:none;z-index:2;background:0 0;border:0;padding:0;display:grid;position:absolute}.board-cargo:active{cursor:grabbing}.board-cargo-cell{background:var(--cargo);border:3px solid #3d2d1fb3;margin:2px;box-shadow:inset 3px 3px #fff3,inset -3px -3px #0000001f}.board-cargo.is-selected .board-cargo-cell{outline-offset:-5px;outline:3px solid #fff9c9}.board-preview{pointer-events:none;z-index:5;display:grid;position:absolute}.board-preview span{border:3px solid;margin:2px}.board-preview.is-valid span{background:#459d6694;border-color:#2d6f48}.board-preview.is-invalid span{background:#c64b417a;border-color:#93423a}.queue-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.queue-heading strong{font-size:15px}.queue-heading span{color:#776c60;font-size:11px}.cargo-queue{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cargo-choice{color:#746b60;touch-action:none;background:#fffaf0;border:2px solid #c8b99e;border-radius:10px;place-items:center;min-height:80px;padding:8px 4px;font-size:11px;font-weight:700;display:grid}.cargo-choice.is-selected{background:#eef8f5;border-color:#2c7772;box-shadow:inset 0 0 0 2px #75a9a3}.cargo-choice.is-empty{opacity:.45;border-style:dashed}.cargo-glyph{display:grid}.cargo-cell{background:var(--cargo);border:2px solid #3d2d1fad;margin:1px;box-shadow:inset 2px 2px #fff3}.cargo-tone-0{--cargo:#d47b57}.cargo-tone-1{--cargo:#d7a447}.cargo-tone-2{--cargo:#6e9c70}.cargo-tone-3{--cargo:#5f8fa5}.cargo-tone-4{--cargo:#9375a5}.cargo-tone-5{--cargo:#b87175}.control-bar{z-index:10;padding:10px max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f2e8f5;border-top:1px solid #d1c5b1;grid-template-columns:2fr 3fr;gap:8px;display:grid;position:sticky;bottom:0}.control-button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:58px;font-size:16px;font-weight:900;display:flex}.control-button:disabled{opacity:.35}.rotate-button{color:#443d35;background:#e5ded1}.depart-button{color:#fff;background:#d65f3c;box-shadow:inset 0 -4px #0000002e}.depart-button:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 -2px #0000002e}.result-card{background:#fffaf0;border:3px solid #5b4c3d;border-radius:16px;gap:18px;margin:auto 16px;padding:28px 22px;display:grid;box-shadow:7px 7px #cdbb9e}.result-card h1{text-align:center;margin:0;font-size:32px}.eyebrow{text-align:center;letter-spacing:.2em;color:#776b5d;margin:0;font-size:11px;font-weight:900}.result-truck{text-align:center;font-size:48px}.result-list{gap:9px;margin:0;display:grid}.result-list div{border-bottom:1px dashed #c7b8a1;justify-content:space-between;gap:16px;padding-bottom:8px;display:flex}.result-list dt{color:#756a5f}.result-list dd{margin:0;font-weight:800}.reward-total{background:#efe2bd;border:2px solid #cba864;justify-content:space-between;align-items:baseline;padding:14px;display:flex}.reward-total strong{color:#a7472d;font-size:28px}.alpha-note{text-align:center;color:#8b7d70;margin:-6px 0 0;font-size:11px}.result-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.primary-button,.secondary-button{border-radius:12px;min-height:56px;font-size:16px;font-weight:900}.primary-button{color:#fff;background:#327a70;border:0}.secondary-button{color:#4f463d;background:#f4ede1;border:2px solid #9c8d79}.primary-button:disabled,.secondary-button:disabled{opacity:.45}@media (width<=380px){.top-area{padding-inline:12px}.game-area{padding-inline:10px}.truck-stage{height:88px}.pixel-truck{transform-origin:50% 100%;transform:translate(-50%)scale(.88)}.truck-stage.is-departing .pixel-truck{transform:translate(190%)scale(.88)}.cargo-choice{min-height:70px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.home-shell{background:linear-gradient(#b9d9d2 0%,#d7e6d8 45%,#efe6cc 45%,#f7f2e8 100%);border-inline:1px solid #372f2614;place-items:center;width:min(100%,500px);min-height:100svh;margin:0 auto;padding:24px 18px;display:grid}.home-card{text-align:center;background:#fffaf0;border:3px solid #5b4c3d;border-radius:18px;justify-items:center;gap:16px;width:100%;padding:30px 22px;display:grid;box-shadow:7px 7px #cdbb9e}.home-truck{color:#a7472d;background:#efe2bd;border:3px solid #665848;border-radius:14px;place-items:center;width:112px;height:92px;display:grid}.home-card h1{color:#2c2925;margin:0;font-size:34px;line-height:1.1}.home-copy{color:#6f655b;max-width:340px;margin:0;font-size:14px;line-height:1.8}.home-actions{gap:10px;width:min(100%,280px);margin-top:6px;display:grid}.home-primary-button,.home-secondary-button{border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:58px;font-size:16px;font-weight:900;text-decoration:none;display:flex}.home-primary-button{color:#fff;background:#327a70;border:0;box-shadow:inset 0 -4px #00000029}.home-primary-button:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 -2px #00000029}.home-primary-button:disabled{opacity:.45}.home-secondary-button{color:#4f463d;background:#f4ede1;border:2px solid #8f7f69;box-shadow:inset 0 -3px #00000014}.home-secondary-button:active{transform:translateY(2px);box-shadow:inset 0 -1px #00000014}.home-status{color:#776c60;background:#f7f2e8;border:2px solid #c8b99e;border-radius:12px;place-items:center;min-height:58px;padding:12px 18px;font-size:13px;font-weight:700;display:grid}.home-error{color:#a7472d;margin:0;font-size:12px;line-height:1.6}@media (width<=380px){.home-shell{padding-inline:14px}.home-card{padding-inline:18px}.home-card h1{font-size:30px}}.app-shell,.app-shell *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-top-area{gap:8px;padding-bottom:12px}.game-banner{text-align:center;border:2px solid;border-radius:12px;gap:3px;margin:0 14px 12px;padding:12px 14px;display:grid}.game-banner strong{font-size:18px}.game-banner span{font-size:12px;line-height:1.5}.game-banner.is-cleared{color:#315d43;background:#e5f0e3;border-color:#5d8d72}.game-banner.is-stuck{color:#813f31;background:#f7e4dc;border-color:#b76b58}.game-reset-button{color:#fff;background:#327a70;box-shadow:inset 0 -4px #00000029}.game-reset-button:active{transform:translateY(2px);box-shadow:inset 0 -2px #00000029}.pixi-cargo-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:458px;margin:0 auto;line-height:0;overflow:hidden}.cargo-canvas-element{touch-action:none;-webkit-user-select:none;user-select:none;image-rendering:auto;width:100%;max-width:100%;height:auto;display:block}.pixi-cargo-canvas:active{cursor:grabbing}