*{box-sizing:border-box}body{margin:0;color:#29463d;background:#f7f3e9;font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif}button,select{font:inherit;color:inherit}button,select{min-height:44px;border:1px solid #cad7c5;background:#fffdf6;border-radius:11px;padding:9px 12px;font-weight:700}button{cursor:pointer;touch-action:manipulation}button:hover{background:#e9eee1}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #345d90;outline-offset:3px}a{color:inherit}button[aria-pressed=true]{border:2px solid #3f7861;background:#e6efdf}button b,button span{pointer-events:none}[hidden]{display:none!important}.shell{max-width:1250px;padding:0 36px;margin:auto}header{min-height:95px;display:flex;gap:20px;align-items:center;border-bottom:1px solid #dedecd}.brand{display:flex;align-items:center;gap:11px;line-height:1.05;font-weight:900;letter-spacing:1px;text-decoration:none;font-size:14px}.logo{background:#e8a780;border-radius:13px;padding:5px 10px;font-size:35px;transform:rotate(-7deg)}.tag{font-size:12px;margin-left:auto;border:1px solid #d4dcc8;border-radius:25px;padding:9px 12px}.quiet{background:transparent}.intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:34px 0}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#62785e}h1{font-size:clamp(34px,4vw,51px);line-height:1.03;letter-spacing:-1.7px;margin:13px 0}h1 em{color:#528269;font-style:normal}.intro>div>p:last-child{color:#697867;max-width:500px;font-size:14px;line-height:1.5}.goal{display:flex;gap:12px;padding:19px;background:#efe5ce;border-radius:18px;max-width:325px}.goal>span{font-size:35px;color:#9a6d31}.goal strong{font-size:14px}.goal p{font-size:12px;line-height:1.5;margin:8px 0}.goal label{font-size:12px;display:flex;gap:6px;align-items:center}.goal input{width:18px;height:18px}.goal #goal-result{font-weight:700}.workshop-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.9fr);align-items:start;gap:22px}.bench,.program-panel{border:1px solid #d4dccb;border-radius:22px;background:#fffdf6;overflow:hidden;box-shadow:0 12px 30px #27433006}.panel-title{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font-size:17px;margin:0}.pill{font-size:10px;white-space:nowrap;background:#edf0e2;padding:6px 9px;border-radius:20px}.board-surround{padding:10px 22px 13px;background:#dcebdd;border-block:1px solid #d0ddcc}.shelf{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;font-weight:900;color:#577964;padding:0 5px 10px}.shelf span:first-child,.shelf span:last-child{font-size:21px}.board-scroll{overflow:auto;border-radius:13px;border:5px solid #879e78;background:#879e78}#board{display:grid;grid-template-columns:repeat(var(--cols,6),minmax(42px,1fr));gap:3px;background:#9cad88;min-width:calc(var(--cols,6)*42px + (var(--cols,6) - 1)*3px)}.cell{position:relative;border:0;border-radius:5px;min-height:44px;padding:0;aspect-ratio:1;background:#f4e9ce;display:grid;place-items:center}.cell:nth-child(2n){background:#eee2c3}.cell:hover{background:#fff5d9}.cell.selected{outline:3px solid #386f59;outline-offset:-3px;background:#fff8e7}.cell svg{width:90%;height:90%;overflow:visible;pointer-events:none}.cell .cell-number{position:absolute;left:4px;bottom:3px;font-size:8px;color:#627252;font-weight:400}.cell .start-mark{position:absolute;right:3px;top:2px;font-size:8px;color:#436854}.board-caption{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;margin-top:10px}.build-tools{padding:18px;display:grid;grid-template-columns:1fr 1.1fr;gap:18px}fieldset{margin:0;padding:0;border:0;min-width:0}legend{font-size:12px;font-weight:900;margin-bottom:10px}.choices{display:flex;gap:6px}.choices button{flex:1;padding:8px 3px;font-size:11px}.choices span{font-size:24px;display:block;margin-bottom:3px}.primary{background:#eda982;border-color:#d3936c;color:#50392a}.primary:hover{background:#f5b58e}fieldset>.primary{width:100%;font-size:11px;margin:9px 0}fieldset label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:9px}select{width:70%;font-size:12px}fieldset>button{width:100%;font-size:11px;margin-bottom:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.two button{font-size:10px;padding:7px 4px}.history{display:flex;align-items:center;gap:7px;padding:12px 18px;background:#f0f1e5;border-top:1px solid #e0e4d4}.history button{font-size:12px}.history span{font-size:10px;margin-left:auto;max-width:155px}.program-panel{padding-bottom:19px}.program-panel>.hint,.program-panel>small{margin:0 18px 13px;display:block;font-size:12px;color:#697867;line-height:1.5}.card-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 18px}.card-tools button{padding:8px 2px;font-size:10px}.card-tools b{display:block;font-size:24px;margin-bottom:4px;color:#568775}#program{padding:17px 18px 8px;margin:0;list-style:none;display:flex;gap:7px;flex-wrap:wrap;max-height:260px;overflow:auto}#program li{position:relative}#program button{padding:8px;min-width:65px;font-size:10px;display:grid;gap:2px;justify-items:center;border-style:dashed}#program b{font-size:22px}#program .card-number{position:absolute;font-size:8px;top:4px;left:5px}#program .executed{box-shadow:0 0 0 3px #b08733;background:#fff0ba}#program .blocked{box-shadow:0 0 0 3px #aa523d;background:#fbe3d8}#program button[aria-pressed=true]{border-style:solid}#empty-program{padding:0 18px;color:#6d806a;font-size:13px}.card-edit{padding:7px 18px 16px;display:flex;gap:5px}.card-edit button{flex:1;font-size:10px;padding:8px 4px}.playback{border-block:1px solid #e1e4d6;background:#eff1e5;padding:14px 18px;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.playback button{font-size:12px}.try{background:#376b55;color:#fff;border-color:#376b55}.try:hover{background:#285440}.save-tools{padding:3px 18px 12px;display:flex;gap:7px}.save-tools button{flex:1;font-size:11px}.program-panel>small{font-size:10px;margin-bottom:0}.status{background:#e9eedf;border:1px solid #d3ddc7;padding:16px 19px;border-radius:13px;font-size:14px;line-height:1.5}footer{display:flex;justify-content:space-between;gap:30px;padding:24px 0 32px;margin-top:25px;border-top:1px solid #dedecd}footer strong{font-size:12px}footer p{font-size:10px;line-height:1.6;max-width:510px;margin:0;color:#6f7c6b}.finish-panel{padding:55px 0;max-width:670px;margin:auto}.finish-panel>p{line-height:1.6}.finish-panel>div{display:flex;flex-wrap:wrap;gap:12px}dialog{max-width:min(470px,calc(100% - 28px));border:1px solid #adbea4;border-radius:20px;padding:25px;color:#29463d;background:#fffaf0}dialog::backdrop{background:#183b2e65}dialog p{line-height:1.6}dialog form{display:flex;gap:10px;justify-content:flex-end}dialog h2{font-size:21px}
@media(max-width:950px){.shell{padding:0 22px}.workshop-layout{grid-template-columns:minmax(0,1fr)}.program-panel{display:block}.build-tools{grid-template-columns:1fr 1fr}.intro{gap:20px}.goal{max-width:285px}#board{max-width:none}.board-surround{padding:10px 35px 13px}}@media(max-width:620px){.shell{padding:0 12px}header{gap:10px;flex-wrap:wrap;padding:14px 0}.brand{font-size:12px}.logo{font-size:28px}.tag{font-size:10px;padding:7px 9px}.quiet{margin-left:auto;font-size:11px;min-height:36px}.intro{display:block;padding:22px 0}.intro h1{font-size:40px}.goal{max-width:none;padding:14px;margin-top:17px}.goal>span{font-size:28px}.panel-title{padding:14px 12px}.panel-title h2{font-size:15px}.pill{font-size:9px}.board-surround{padding:9px 8px 12px}.board-scroll{border-width:3px}.build-tools{grid-template-columns:1fr;padding:16px;gap:16px}.build-tools fieldset+fieldset{border-top:1px solid #e0e4d4;padding-top:15px}.two button{font-size:11px}.history{padding:12px;flex-wrap:wrap}.history span{font-size:10px;max-width:150px}footer{display:block}footer p{margin-top:12px}.status{padding:14px;font-size:12px}.finish-panel h1{font-size:33px}.card-tools,.card-edit,.save-tools,#program{padding-left:13px;padding-right:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Original blocky island direction; existing native controls retain their behavior. */
body{background:#eaf4fa;color:#263c57}header{border-color:#cedfea}.logo{background:#69d1b3;color:#21556c;border-radius:8px;transform:rotate(-6deg)}.brand{color:#294966}.tag{background:#fff;border-color:#d2e3eb}h1 em{color:#187a85}.intro{padding:22px 0}.intro h1{font-size:clamp(36px,4vw,52px)}.workshop-layout{grid-template-columns:minmax(0,1.65fr) minmax(285px,.8fr)}.bench,.program-panel{border:2px solid #c0d9e4;border-radius:20px;box-shadow:0 9px 0 #c6dce650}.panel-title{background:#fff}.view3d-panel{background:#b4e1ee;border-block:1px solid #90becd}.view3d-panel canvas{display:block;width:100%;aspect-ratio:1.35;touch-action:pan-y}.camera-tools{display:flex;gap:7px;padding:10px 14px;align-items:center;flex-wrap:wrap;background:#d5edf1}.camera-tools>span{font-size:10px;font-weight:900;letter-spacing:1px;margin-right:auto}.camera-tools button{font-size:11px;min-height:44px;padding:8px 11px;background:#fff}.view3d-panel p{font-size:11px;line-height:1.4;margin:0;padding:8px 14px;background:#e6f5f7}.picture-board>summary{padding:15px;font-size:12px;font-weight:800;cursor:pointer;background:#edf5f7}.picture-board>summary:focus-visible{outline:3px solid #345d90;outline-offset:-3px}.primary{background:#ffb55f;border-color:#e49a46}.try{background:#247b8e;border-color:#1c6d7f}.goal{background:#fff0bd}.status{background:#dceff0;border-color:#bddce1}.build-tools{background:#fffdf6}footer{border-color:#d2e0e8}
@media(max-width:950px){.workshop-layout{grid-template-columns:minmax(0,1fr)}.view3d-panel canvas{aspect-ratio:1.55}.intro{padding:20px 0}.program-panel{margin-top:10px}}@media(max-width:620px){.shell{padding:0 10px}.intro{padding:16px 0}.intro h1{font-size:37px}.goal{padding:10px;margin-top:12px}.goal p{margin:5px 0}.view3d-panel canvas{aspect-ratio:1.05}.camera-tools{padding:8px}.camera-tools>span{flex-basis:100%;font-size:9px}.camera-tools button{flex:1}.panel-title h2{font-size:15px}.view3d-panel p{font-size:10px}.build-tools{padding:14px}}

#game-start,#game-announcement{max-width:44rem;margin:2rem auto;padding:1.2rem;overflow-wrap:anywhere}#game-start{background:#fff9e9;border:2px solid #2f7157;border-radius:1rem}#game-announcement{background:#fff3bd;border-radius:.75rem}#game-shell[hidden]{display:none!important}

/* Bright original toy-city direction. Existing controls and managed settings remain intact. */
body{background:#ddf5ff;color:#23356a}.shell{max-width:1440px;padding:0 28px}header{min-height:76px;border:0}.brand{color:#283878;font-size:16px;letter-spacing:1.5px}.logo{background:#ffcf37;color:#5041a8;border:3px solid #fff;box-shadow:4px 4px 0 #4969ce;transform:rotate(-8deg)}.tag{background:#754adf;color:#fff;border:0;font-weight:900;font-size:10px}.quiet{background:#fff;border:2px solid #263d7d;color:#263d7d}.intro{padding:8px 0 20px;gap:20px}.intro h1{font-size:clamp(32px,4vw,48px);margin:5px 0;letter-spacing:-1.5px;line-height:1.02}.intro h1 em{color:#7e3bcf}.eyebrow{color:#12598b;font-size:10px}.intro>div>p:last-child{font-size:14px;color:#305479;margin:8px 0;max-width:570px}.goal{max-width:360px;background:#fff0a9;border:2px solid #ffc344;box-shadow:5px 5px 0 #ffcf6260}.goal strong{color:#6c367a}.workshop-layout{grid-template-columns:minmax(0,1.9fr) minmax(280px,.8fr);gap:20px}.bench,.program-panel{border:3px solid #768bdd;border-radius:22px;box-shadow:0 8px 0 #5676bb35}.panel-title{background:#6b44c3;color:#fff;padding:14px 18px}.panel-title .pill{background:#fbe756;color:#35376c}.view3d-panel{background:#62ceff;border-color:#8abbf6}.view3d-panel canvas{aspect-ratio:1.4}.camera-tools{background:#b3ebff}.camera-tools button{border:2px solid #5074b8;color:#274a84}.picture-board>summary{background:#e1eaff;color:#314d80}.primary{background:#ffcf35;border:2px solid #bd7416;color:#543b15}.primary:hover{background:#ffe05b}.try{background:#7a3fc9;border:2px solid #6031a4;box-shadow:0 4px 0 #502785;color:#fff}.try:hover{background:#6330b0}.playback{background:#e8ddff}.card-tools button{border:2px solid #bdc9e9}.card-tools b{color:#7751d1}.goal>span{color:#e66c3c}.status{background:#fff3ac;border:2px solid #ecc45a;color:#3f4273}.program-panel>.hint,.program-panel>small{color:#415676}.build-tools{background:#fffdf3}
@media(max-width:950px){.shell{padding:0 16px}.workshop-layout{grid-template-columns:minmax(0,1fr)}.view3d-panel canvas{aspect-ratio:1.5}.intro h1{font-size:37px}}
@media(max-width:620px){.shell{padding:0 8px}header{padding:12px 2px;gap:8px;min-height:70px}.brand{font-size:12px}.logo{font-size:24px}.tag{display:none}.quiet{font-size:10px;min-height:44px}.intro{display:flex;flex-direction:column;align-items:stretch;padding:6px 2px 14px;gap:8px}.intro h1{font-size:31px;line-height:1.03}.intro h1 br{display:none}.intro h1 em{display:block}.intro>div>p:last-child{font-size:12px;margin:6px 0}.eyebrow{font-size:9px;margin:4px 0}.goal{margin:0;max-width:none;padding:9px;gap:8px}.goal>span{font-size:24px}.goal strong{font-size:12px}.goal p,.goal label{font-size:11px}.goal #goal-result{display:none}.view3d-panel canvas{aspect-ratio:.98}.panel-title{padding:12px 9px}.panel-title h2{font-size:14px}.panel-title .pill{font-size:8px;padding:5px}.camera-tools>span{display:none}.camera-tools button{font-size:10px}.program-panel .panel-title{padding:14px}}

#city-explore-open{display:block;width:calc(100% - 24px);margin:12px;background:#ffdc3e;border:2px solid #835900;color:#34214f;font-size:17px}.explore-ui{padding:12px;background:#fcf4b7;color:#263768}.explore-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.explore-ui p{background:transparent;font-size:13px;padding:8px 0}.explore-controls{display:flex;flex-wrap:wrap;gap:7px}.explore-controls [data-go]{min-width:50px;min-height:48px;font-size:22px;touch-action:none;background:#fff}.exploring canvas{aspect-ratio:1.35}.exploring .camera-tools,.exploring #view3d-status{display:none}.exploring .explore-ui{position:relative}.explore-heading button{background:#6f42be;color:white}.explore-controls [data-explore=flower]{background:#ffbde0;border-color:#ad3980}@media(max-width:620px){.exploring canvas{aspect-ratio:.86}.explore-heading{align-items:start}.explore-heading strong{font-size:14px}.explore-heading button{font-size:11px}.explore-controls{gap:5px}.explore-controls [data-go]{min-width:45px}.explore-controls button{font-size:11px}}
/* A north-up schematic stays beside its full text legend without covering the world. */
.city-map{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);align-items:center;gap:12px;margin:10px 0;padding:10px;background:#fffdf1;border:1px solid #8d9b79;border-radius:12px;color:#243953}.city-map svg{display:block;width:100%;height:auto;pointer-events:none}.city-map strong{font-size:15px}.explore-ui .city-map p{margin:5px 0;padding:0;font-size:13px;line-height:1.35;min-height:2.7em}.city-map ol{margin:7px 0 0;padding-left:21px;font-size:13px;line-height:1.5}.city-map li{padding-left:2px;overflow-wrap:anywhere}@media(max-width:420px){.city-map{grid-template-columns:minmax(100px,120px) minmax(0,1fr);gap:8px;padding:8px}.city-map ol{font-size:12px}}