:root{--bg:#f2f4f1;--ink:#103b3f;--muted:#526c6e;--line:#dfe5df;--lime:#a0e848;font-family:Inter,ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;font-size:14px;font-weight:600;color:inherit}button{min-height:48px;border:1px solid var(--line);border-radius:13px;padding:10px 16px;background:#fff;cursor:pointer;transition:background .16s,transform .16s}button:hover:not(:disabled){background:#e8f4d8;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #237b86;outline-offset:3px}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--lime);border-color:var(--lime);color:#153b21;font-weight:750;font-size:17px;box-shadow:0 5px 0 #78b733}button.primary:hover{background:#b5f164}button.primary:disabled{box-shadow:none}[hidden]{display:none!important}.app{max-width:1680px;margin:auto;padding:0 36px}.topbar{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;font-size:21px;letter-spacing:.6px;white-space:nowrap}.brand b{font-weight:850}.brand svg{height:38px;width:38px;fill:none;stroke:currentColor;stroke-width:2}.topbar nav{display:flex;gap:8px}.topbar button{background:transparent;border-color:transparent;font-weight:550}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:auto 1fr;column-gap:28px;margin:28px 0 18px;align-items:stretch}.mission-head{grid-column:1;grid-row:1;z-index:1}.mission-line{display:flex;gap:14px;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:8px}h1{font-size:38px;line-height:1.1;letter-spacing:-1.2px;margin:0 0 8px;font-weight:800}#objective{font-size:17px;margin:0;line-height:1.4;max-width:680px}.board-column{grid-row:2;grid-column:1;min-width:0}.scene{height:min(48vw,510px);min-height:280px;position:relative;margin-top:-6px;overflow:hidden}.scene canvas{width:100%;height:100%;display:block}.scene-label{position:absolute;transform:translate(-50%,12px);font-size:9px;font-weight:850;letter-spacing:1px;background:#133b3ee8;color:#fff;border-radius:5px;padding:4px 6px;pointer-events:none}.goal-label{background:#427612;color:#fff}.start-label{transform:translate(-50%,24px)}.board-tools{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);padding:0 8px;margin-top:-6px}.board-tools button{border:0;background:transparent;font-size:12px;padding:8px;min-height:40px}.companion{display:flex;align-items:center;gap:12px;min-height:100px;margin:4px 0 0}.companion img{width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 12px 9px #23453f24)}.companion>div{flex:1;background:#ffffffdc;padding:15px 18px;border-radius:18px 18px 18px 3px;min-height:83px}.companion strong{font-size:12px;letter-spacing:.3px}.companion strong span{color:var(--muted);font-size:11px;font-weight:400;margin-left:6px}.companion p{font-size:14px;line-height:1.5;margin:6px 0 0}.hint-button{font-size:12px;white-space:nowrap;background:transparent;padding:8px 12px}.program-panel{grid-column:2;grid-row:1/3;background:white;border-radius:24px;padding:26px;box-shadow:0 14px 40px #163d3510;align-self:start}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}h2{font-size:24px;letter-spacing:-.7px;margin:0}.panel-heading span{font-size:12px;color:var(--muted);white-space:nowrap}#program-help{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0 18px}#queue{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:0 0 24px;padding:0;min-height:140px;max-height:240px;overflow:auto;align-content:start}#queue li{min-width:0}#queue button{position:relative;width:100%;height:56px;display:flex;justify-content:center;align-items:center;padding:3px;background:#f2f6ed}#queue button small{position:absolute;font-size:9px;left:4px;top:3px;color:var(--muted)}.arrow{width:24px;height:24px;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none}.queue-empty{border:1px dashed #ced7cf;border-radius:12px;height:56px;display:flex;align-items:center;justify-content:center;color:#889a95;font-size:12px}.queue-empty.next{border-color:#6b9946;background:#f2fbe7;color:#497333}.direction-heading{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:5px;font-size:13px}.direction-heading span{font-size:11px;color:var(--muted);font-weight:400}.directions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.directions button{padding:8px 2px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:77px;background:#f3f5f1;font-size:12px}.directions button.coached{border-color:#83b733;box-shadow:0 0 0 3px #a0e84a38;background:#f1fbe7}.edit-row{display:flex;gap:8px;margin:16px 0}.edit-row button{flex:1}.run{width:100%;min-height:58px}.status-row{display:flex;justify-content:space-between;gap:8px;margin-top:18px;font-size:11px;color:var(--muted)}.mode-row{border-top:1px solid var(--line);padding-top:15px;margin-top:18px;display:flex;align-items:center;gap:12px;font-size:12px}.mode-row select{width:100%;min-height:44px;background:#f5f7f3;border:0;border-radius:9px;padding:8px;font-size:12px}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid var(--line);padding:18px 0 6px}.chapter{display:flex;text-align:left;align-items:center;gap:12px;border:0;background:transparent;padding:5px 12px;min-height:58px}.chapter .num{display:flex;align-items:center;justify-content:center;background:#dde3dc;border-radius:50%;height:35px;width:35px;font-size:16px;flex-shrink:0}.chapter.active .num,.chapter.done .num{background:var(--lime)}.chapter strong{font-size:13px;display:block}.chapter small{font-size:11px;color:var(--muted);font-weight:400;display:block;margin-top:4px}.footer-note{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);padding:10px 12px 18px}.flat-map{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:12px;margin:8px auto;max-width:430px;background:#d9e2dc;border-radius:14px}.flat-map span{background:#fff;padding:5px;font-size:10px;min-height:43px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:4px}.flat-map .block{background:#977047;color:white}.flat-map .current{background:#0c6c79;color:#fff}.flat-map .goal{box-shadow:inset 0 0 0 3px #87bc39}.flat-map .planned{background:#d5efb6}dialog{border:0;border-radius:28px;box-shadow:0 30px 100px #0e363744;padding:30px;width:min(550px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;color:var(--ink);background:#fff}dialog::backdrop{background:#29434560;backdrop-filter:blur(8px)}.dialog-pip{display:block;width:130px;height:130px;object-fit:contain;margin:-4px auto 10px}.dialog-label{font-size:12px;color:var(--muted);text-align:center;margin:0 0 8px}dialog h2{font-size:29px;text-align:center;margin:0 0 12px}dialog p{line-height:1.6;font-size:14px;color:var(--muted)}dialog .dialog-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}dialog .dialog-actions button{flex:1;min-width:120px}dialog ol{padding-left:22px;font-size:14px;line-height:1.6}dialog li{padding:4px 0}.star-display{font-size:36px;letter-spacing:8px;color:#62901e;text-align:center;margin:15px 0}.map-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0 24px}.map-grid button{padding:5px;min-height:53px;font-size:14px}.map-grid small{display:block;font-size:9px;letter-spacing:0;color:#548722}.map-section{font-size:15px;margin-top:20px}.map-section span{font-weight:400;font-size:12px;color:var(--muted)}.inline-stats{background:#f1f6ec;border-radius:14px;padding:12px 16px}.failed-step{outline:3px solid #c35a35!important;background:#fff0e6!important}.running-step{background:var(--lime)!important;outline:2px solid #568126}#loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);font-size:20px;z-index:5}#host-pause{position:fixed;inset:0;z-index:100;background:#193f3bec;display:grid;place-items:center;color:#fff;font-size:24px}
@media(min-width:1450px){.game-layout{grid-template-columns:minmax(0,1fr) 420px;column-gap:40px}.program-panel{padding:30px}.scene{height:570px}.companion{margin-top:8px}#queue{min-height:210px;max-height:260px}#queue button,.queue-empty{height:67px}.directions button{min-height:86px}.game-layout{margin-top:32px}}
@media(max-width:1000px){.app{padding:0 20px}.brand{font-size:17px}.game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.program-panel{padding:20px}h1{font-size:32px}.scene{height:410px;min-height:280px}.companion{gap:7px;flex-wrap:wrap}.companion img{width:70px;height:70px}.companion>div{padding:12px;min-height:70px}.hint-button{margin-left:auto;min-height:40px}.companion strong span{display:none}.topbar nav{gap:0}.topbar button{padding:8px 10px}}
@media(max-width:720px){.app{padding:0 14px}.topbar{height:64px;gap:4px}.brand{font-size:13px;gap:6px;letter-spacing:0}.brand svg{width:25px;height:25px}.brand span{max-width:105px}.topbar button{min-height:44px;font-size:11px;padding:8px 7px}.topbar nav{gap:1px}.topbar [data-action=pause]{display:none}.game-layout{display:flex;flex-direction:column;gap:12px;margin:18px 0}.mission-line{font-size:10px;margin-bottom:6px;gap:10px}h1{font-size:28px;margin-bottom:7px}#objective{font-size:14px}.scene{height:310px;min-height:0;margin-top:-16px}.board-tools{margin-top:-12px;padding:0}.board-tools span{font-size:10px}.board-tools button{font-size:11px}.companion{flex-wrap:nowrap;gap:5px;margin-top:0;min-height:77px}.companion img{width:66px;height:66px}.companion>div{padding:10px 12px;min-height:67px}.companion p{font-size:12px;line-height:1.4;margin-top:4px}.companion strong{font-size:10px}.hint-button{min-height:44px;padding:7px;font-size:10px;white-space:normal;width:48px}.program-panel{padding:18px;border-radius:20px;width:100%}.panel-heading h2{font-size:21px}.panel-heading span{font-size:11px}#program-help{font-size:12px;margin:7px 0 12px}#queue{grid-template-columns:repeat(6,1fr);gap:6px;min-height:48px;max-height:112px;margin-bottom:14px}#queue button,.queue-empty{height:48px;min-height:48px;font-size:11px}#queue button small{font-size:8px}.arrow{width:20px;height:20px}.direction-heading{padding-top:12px;flex-direction:row;justify-content:space-between;font-size:12px;gap:8px}.direction-heading span{font-size:9px}.directions{gap:8px;margin:10px 0}.directions button{min-height:63px;padding:6px 2px;gap:3px}.edit-row{margin:10px 0;gap:8px}.edit-row button{min-height:44px}.run{min-height:52px}.status-row{margin-top:14px}.mode-row{margin-top:12px;padding-top:9px}.mode-row select{min-height:40px}.chapters{gap:2px;padding-top:12px}.chapter{gap:6px;padding:4px;min-height:64px}.chapter .num{width:25px;height:25px;font-size:12px}.chapter strong{font-size:10px;line-height:1.3}.chapter small{font-size:9px}.footer-note{padding:8px 0 16px;font-size:10px}.map-grid{gap:6px}dialog{padding:22px}.dialog-pip{height:105px;width:105px}dialog h2{font-size:25px}}
@media(max-height:650px) and (min-width:721px){.topbar{height:65px}.game-layout{margin-top:16px}.scene{height:320px;min-height:220px}.program-panel{padding:18px}#queue{min-height:56px;max-height:112px;margin-bottom:12px}.direction-heading{padding-top:10px}.directions button{min-height:61px}.mode-row{margin-top:10px;padding-top:8px}.companion{min-height:73px}.companion img{width:65px;height:65px}.companion>div{min-height:65px;padding:10px 14px}.chapters{padding-top:10px}h1{font-size:28px}#objective{font-size:14px}}
@media(max-width:720px){.app{height:100dvh;display:flex;flex-direction:column}.topbar{height:54px;min-height:54px}.game-layout{margin:10px 0;gap:8px;flex:1;min-height:0}.mission-head{flex:none}h1{font-size:25px}.mission-line{margin-bottom:4px}#objective{font-size:12px}.board-column{flex:1;min-height:0;display:flex;flex-direction:column}.scene{flex:1;height:auto;min-height:140px;margin-top:-5px}.board-tools{margin-top:-4px;height:28px;flex:none}.board-tools button{min-height:28px}.companion{min-height:62px;flex:none}.companion img{height:54px;width:54px}.companion>div{min-height:54px;padding:7px 10px}.companion p{font-size:11px;line-height:1.35}.program-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;flex:none}.panel-heading,#queue,.directions,.status-row{grid-column:1/3}.panel-heading h2{font-size:18px}#program-help,.direction-heading,.mode-row{display:none}#queue{margin:0;min-height:48px;max-height:104px}.directions{margin:0;gap:8px}.directions button{min-height:55px;font-size:11px;gap:1px}.edit-row{margin:0;gap:6px}.edit-row button{min-width:0;padding:6px;font-size:12px;min-height:48px}.run{min-height:48px;font-size:15px!important}.status-row{margin:0;font-size:10px;min-height:14px}.chapters{display:none}.footer-note{font-size:9px;padding:0 2px 8px}.flat-map{flex:1;width:100%;min-height:140px;margin:0 auto;max-height:330px;gap:3px;padding:8px}.flat-map span{min-height:0;font-size:9px}.topbar [data-action=pause]{display:none}}
@media(max-width:720px) and (max-height:700px){.topbar{height:48px;min-height:48px}.game-layout{margin:6px 0;gap:5px}.mission-line{font-size:9px}h1{font-size:22px;margin-bottom:4px}.companion{min-height:52px}.companion img{width:44px;height:44px}.companion>div{min-height:45px;padding:5px 8px}.companion p{font-size:10px}.program-panel{padding:10px;gap:6px}.panel-heading h2{font-size:16px}.directions button{min-height:48px}#queue{min-height:44px;max-height:44px}#queue button,.queue-empty{height:44px;min-height:44px}.scene{min-height:115px}.footer-note{padding-bottom:5px}}
@media(min-width:721px){.app{height:100dvh;display:flex;flex-direction:column}.topbar{flex:none}.game-layout{flex:1;min-height:0;grid-template-rows:auto 1fr}.board-column{display:flex;flex-direction:column;min-height:0}.scene{flex:1;height:auto;min-height:160px}.board-tools,.companion{flex:none}.program-panel{max-height:100%;overflow:auto}.flat-map{flex:1;width:100%;min-height:160px}.companion p{max-height:80px;overflow:auto}footer{flex:none}.footer-note{padding-bottom:10px}.chapters{padding-top:10px}}
@media(min-width:721px) and (max-height:760px){.topbar{height:60px}.game-layout{margin:14px 0 10px;gap:18px}.program-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px}.panel-heading,#queue,.directions,.status-row,.mode-row{grid-column:1/3}.panel-heading h2{font-size:20px}#program-help,.direction-heading{display:none}#queue{margin:0;min-height:56px;max-height:120px}.directions{margin:0}.directions button{min-height:58px}.edit-row{margin:0;gap:6px}.edit-row button{min-width:0;padding:6px;font-size:12px}.run{min-height:48px;font-size:14px!important}.status-row{margin:5px 0 0}.mode-row{margin:0;padding-top:8px}.mode-row select{min-height:36px}.companion{min-height:68px}.companion img{height:64px;width:64px}.companion>div{padding:9px 12px;min-height:60px}.companion p{font-size:12px}h1{font-size:28px}#objective{font-size:14px}.chapter{min-height:46px}.chapter .num{height:28px;width:28px}.footer-note{padding:4px 12px 8px}}
@media(max-width:720px){.brand span{width:100px;max-width:none;white-space:normal;font-size:11px;line-height:1.15}.brand b{display:block;font-size:13px}.companion p{max-height:58px;overflow:auto}}

/* Device-shell guardrails: safe for notches, quick touch input, and iOS controls. */
html{min-height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100%;overflow-x:clip;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}
button,select{touch-action:manipulation}
@supports(padding:max(0px)){@media(max-width:720px){.app{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom))}dialog{margin-bottom:env(safe-area-inset-bottom)}}}
@media(max-width:720px){#mode{font-size:16px}}
@media(hover:none){button:hover:not(:disabled){background:inherit;transform:none}button.primary:hover{background:var(--lime)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}