:root{--ink:#203542;--navy:#182f3c;--muted:#9bb2ba;--paper:#f5f2e9;--orange:#ee7d43;--gold:#efb84f;--line:#dfdfd5}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#122a36;color:#e8f0ed;font-family:Arial,Helvetica,sans-serif;user-select:none;-webkit-user-select:none;overscroll-behavior:none}button{font:inherit;cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:3px solid #f3b653;outline-offset:2px}button:disabled{cursor:default;opacity:.4}button:not(:disabled):active{transform:translateY(2px)}[hidden]{display:none!important}
#app{height:100%;height:100dvh;width:100%;display:flex;flex-direction:column;padding: max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 40%,#294956,#122a36 85%);gap:10px}
.game-hud{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:52px}.mission-heading{min-width:0}h1{font-size:clamp(17px,2vw,24px);letter-spacing:-.5px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#91afb8;margin:0 0 5px}.header-tools{margin-left:auto;display:flex;gap:8px;align-items:center}.icon-button{background:#294652;border:1px solid #45616a;border-radius:12px;width:42px;height:42px;flex-shrink:0;font-size:21px;box-shadow:0 3px 0 #0c222c}.icon-button.off{opacity:.5}.star-count{color:#f3c56a;font-weight:800;white-space:nowrap;padding:0 10px}.mode-badge{color:#9bd6c0;font-size:9px;font-weight:800;letter-spacing:1px;background:#254b48;border:1px solid #42665b;border-radius:20px;padding:8px 12px;white-space:nowrap}
main,.play-area{display:flex;flex:1;min-height:0;min-width:0;width:100%}.play-area{flex-direction:column;gap:10px}.board-shell{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:8px 10px;border:1px solid #45616c;border-radius:18px;background:#162f3b;box-shadow:0 5px 0 #0b222d}.board-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 8px 8px}.board-bottomline{display:flex;justify-content:space-between;gap:8px;padding:8px 8px 0;font-size:8px;font-weight:bold;letter-spacing:1.5px;color:#87a7b3}#boardState{color:#a7d4c5}#canvasWrap{position:relative;flex:1;min-height:0;width:100%}canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;border-radius:10px}
#deliveries{display:flex;gap:14px}.delivery{display:flex;align-items:center;gap:7px;font-size:11px}.delivery-icon{height:28px;width:28px;display:grid;place-items:center;border-radius:8px;color:white;box-shadow:0 2px 0 #071f2977}.delivery strong{font-size:10px}.delivery small{display:none}.delivery-state{color:#a4dfc5;font-size:16px}.stats{display:flex;gap:18px}.stats>div{display:flex;align-items:baseline;gap:6px}.stats span{font-size:20px;font-weight:800;color:#fff2d5}.stats small{font-size:8px;letter-spacing:1px;color:#91aeb8}
.control-dock{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.message{text-align:center;font-size:12px;line-height:1.4;color:#a9c2ca;margin:0;min-height:17px}.message.error{color:#ffb198}.action-row{display:flex;align-items:center;justify-content:center;gap:16px}.minor-actions{display:flex;gap:7px}.small-button{background:#2d4b58;border:1px solid #486671;border-radius:10px;padding:11px 16px;font-size:19px;box-shadow:0 3px 0 #0b222d}.small-button span{font-size:12px;margin-left:4px;font-weight:bold}.primary{background:var(--orange);color:#fffaf1;border:1px solid #ffa36c;border-radius:12px;padding:12px 24px;box-shadow:0 4px 0 #ac4d25;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:25px;min-width:200px}.primary span{font-size:20px}
#overlay,#adBlock{position:fixed;inset:0;background:#102531ba;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:5;padding:20px}#modal{background:var(--paper);border-radius:22px;padding:30px;width:min(590px,100%);max-height:92dvh;overflow:auto;box-shadow:0 24px 90px #08182077}#modal.wide{width:min(820px,100%)}.modal-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.modal-top h2{margin:4px 0 14px;font-size:30px}.close{background:#e6e7de;border-radius:50%;width:32px;min-width:32px;height:32px;font-size:22px}.modal-copy{color:#6c7c7d;line-height:1.6;font-size:13px;margin:0 0 18px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.secondary{border:1px solid #d4d8ce;background:#e8e8de;border-radius:9px;padding:13px 20px;font-weight:bold;font-size:13px}.big-stars{color:#edb344;font-size:53px;letter-spacing:9px;text-align:center;padding:15px 0 5px}.big-stars .empty{color:#d7dacf}.result-title{text-align:center;font-size:32px!important;margin:5px 0 12px!important}.result-sub{text-align:center;color:#6e807f;font-size:13px;line-height:1.6}.result-stats{display:flex;justify-content:space-around;background:#e7e9df;border-radius:12px;padding:16px;margin-top:20px}.result-stats strong{display:block;font-size:24px}.result-stats small{color:#7c8b87;font-size:10px}.chapter{margin-top:20px}.chapter-title{display:flex;justify-content:space-between;font-size:12px;font-weight:bold;margin-bottom:10px}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.level-button{background:#fffbef;border:1px solid #dcdfd3;border-radius:9px;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.level-button strong{font-size:18px}.level-button small{font-size:10px;color:#d0a046;letter-spacing:1px}.level-button.current{background:var(--navy);color:white}.help-step{display:flex;gap:13px;margin:18px 0;font-size:13px;line-height:1.6}.help-step b{background:#e6b256;color:#fff;width:30px;height:30px;min-width:30px;border-radius:8px;text-align:center;padding-top:3px}.help-step p{margin:0}.help-step strong{display:block}.keyboard-note{font-size:11px;line-height:1.6;color:#7e8a86;padding:12px;background:#e7e8df;border-radius:8px}#loading{position:fixed;inset:0;background:var(--navy);color:#fff0d2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px}.load-box{background:#eeb04d;color:#fff3cf;border-radius:18px;width:74px;height:74px;font-size:55px;display:grid;place-items:center;transform:rotate(-8deg)}#loading strong{font-size:28px;letter-spacing:2px;text-align:center}#loading strong span{display:block;font-size:12px;font-weight:normal;letter-spacing:1px;color:#9eb2b8;margin-top:12px}.load-bar{width:170px;height:4px;background:#354f5c;overflow:hidden;border-radius:3px}.load-bar:after{content:'';display:block;width:60px;height:4px;background:#eeb04d;animation:loading 1s infinite alternate}@keyframes loading{to{transform:translateX(110px)}}#adBlock{z-index:10;flex-direction:column;background:#152d3bee;color:white}body.night{--paper:#e9eceb}.highlight{color:#dd7642}.daily-date{font-size:12px;letter-spacing:2px;color:#858e84}.result-medal{font-size:55px;text-align:center}.rush-time{color:#d16e42!important;font-size:14px!important}.toast-note{font-size:11px;color:#73827b;margin-top:10px}

#modal{color:var(--ink)}#modal .eyebrow{color:#718285}#modal h2{letter-spacing:-.6px}.menu-label{margin-top:28px}.mode-menu{display:grid;gap:8px}.mode-menu button{text-align:left}.mode-menu small{display:block;font-weight:normal;margin-top:5px;color:#6b7e7e}.scoring-note{margin-top:22px;margin-bottom:0;font-size:11px}.rush-time{color:#ffd091!important}
@media(max-width:650px){#app{padding:8px;gap:8px}.game-hud{gap:8px;min-height:44px}.eyebrow{font-size:7px;letter-spacing:1px}.header-tools{gap:5px}.icon-button{width:36px;height:36px;border-radius:10px;font-size:18px}.star-count{padding:0 3px;font-size:12px}.mode-badge{display:none}.mode-badge.rush-time{display:block;padding:6px;font-size:12px!important}.board-shell{padding:7px;border-radius:13px}.board-topline{padding:0 2px 7px;gap:6px}#deliveries{gap:7px}.delivery{gap:3px}.delivery strong{display:none}.delivery-icon{width:25px;height:25px}.stats{gap:10px}.stats>div{flex-direction:column;gap:0}.stats span{font-size:17px}.stats small{font-size:7px}.board-bottomline{font-size:6px;letter-spacing:.7px;padding:7px 1px 0}.message{font-size:11px;min-height:30px;display:flex;justify-content:center;align-items:center}.action-row{gap:8px}.minor-actions{gap:5px}.small-button{padding:10px 13px}.small-button span{display:none}.primary{min-width:0;flex:1;padding:12px;font-size:12px;gap:10px}#modal{padding:22px}.level-grid{gap:5px}.level-button{min-height:50px}.level-button strong{font-size:15px}.level-button small{font-size:8px}.modal-actions .primary{flex:auto}}
@media(max-height:500px){#app{padding-top:6px;padding-bottom:8px;gap:5px}.game-hud{min-height:36px}.icon-button{width:34px;height:34px}.mission-heading h1{font-size:17px}.mission-heading .eyebrow{font-size:7px;margin-bottom:2px}.play-area{gap:6px}.board-topline{min-height:29px;padding-bottom:4px}.delivery-icon{width:22px;height:22px}.stats span{font-size:16px}.board-bottomline{padding-top:4px}.control-dock{flex-direction:row;align-items:center;gap:12px}.message{flex:1;text-align:left;font-size:10px;min-height:0}.action-row{gap:8px}.small-button{padding:7px 11px}.primary{padding:8px 16px;min-width:170px;font-size:12px}.board-shell{padding:6px 8px}.stats>div{flex-direction:row;gap:5px}}
@media(max-width:380px){#sound{display:none}.header-tools{gap:4px}.star-count{font-size:11px}.small-button{padding:10px}.primary{padding:12px 8px}.mission-heading{flex:1}.game-hud{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
/* Depot progression and three-star goals. */
:root{--depot-accent:#eeb765}.level-track{height:3px;max-width:180px;background:#ffffff16;border-radius:3px;margin-top:6px;overflow:hidden}.level-track i{display:block;height:100%;background:var(--depot-accent);transition:width .4s}.mode-badge{color:var(--depot-accent);background:#ffffff08;border-color:#ffffff25}.board-shell{border-top:2px solid var(--depot-accent)}#turnGoal{font-size:11px;font-weight:normal;color:#a4b9bf;white-space:nowrap}#turnGoal.over-budget{color:#ffc08c}.rank-label{font-size:8px;letter-spacing:1px;display:block;color:#82918b;margin-top:4px}.level-button.finale{border-color:#d5ac62;background:#f6ead1}.level-button.finale.current{background:var(--navy)}.finale-label{font-size:7px;letter-spacing:1px;color:#b27b24}.level-button.current .finale-label{color:#f7d88e}body[data-depot="1"] #app{background:radial-gradient(ellipse at 50% 40%,#285661,#102e37 85%)}body[data-depot="2"] #app{background:radial-gradient(ellipse at 50% 40%,#674535,#2b282c 85%)}body[data-depot="3"] #app{background:radial-gradient(ellipse at 50% 40%,#443c68,#191f37 85%)}body[data-depot="4"] #app{background:radial-gradient(ellipse at 50% 40%,#426678,#1b3342 85%)}body[data-depot="5"] #app{background:radial-gradient(ellipse at 50% 40%,#53606a,#222e3b 85%)}
@media(max-width:650px){.stats>div:first-child{display:grid;grid-template-columns:auto auto;gap:0 3px}.stats>div:first-child small{grid-column:1/-1}#turnGoal{font-size:9px}.level-track{margin-top:4px}}
body[data-depot="6"] #app{background:radial-gradient(ellipse at 50% 40%,#365e48,#172f2c 85%)}body[data-depot="7"] #app{background:radial-gradient(ellipse at 50% 40%,#673f3b,#30212b 85%)}body[data-depot="8"] #app{background:radial-gradient(ellipse at 50% 40%,#365c71,#1c2b44 85%)}body[data-depot="9"] #app{background:radial-gradient(ellipse at 50% 40%,#464063,#1e2239 85%)}