*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;letter-spacing:0}body{margin:0;background:#f3f8f6;color:#314d50;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}img{max-width:100%;object-fit:contain}button{color:inherit}.play-shell{max-width:1120px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 24px calc(18px + env(safe-area-inset-bottom))}.play-header{display:flex;align-items:center;gap:16px;margin-bottom:18px}.play-header h1{font-size:28px;line-height:1.2;margin:3px 0 0}.eyebrow{font-size:12px;color:#6f9294;margin:0}.play-header nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.play-controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.segments{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.segments button{border:1px solid #dbe4df;background:#fff;padding:10px 16px;min-height:44px;border-radius:8px;font-weight:650}.segments button.active{background:#347f82;color:#fff;border-color:#347f82}.play-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;font-size:19px;font-weight:650;min-height:76px}.stage{position:relative;min-height:280px;overflow:hidden;isolation:isolate}.stage.scenic{background-size:cover;background-position:center;aspect-ratio:16/10;min-height:0}.stage.scenic::before{content:'';position:absolute;inset:0;background:#ffffff16;pointer-events:none}.tray{display:flex;gap:10px;overflow-x:auto;align-items:center;padding:16px 0;min-height:104px}.tray button{flex:none;border:1px solid #cfdddd;background:#fff;border-radius:8px;min-width:76px;min-height:76px;padding:8px}.tray button.active{border:3px solid #348a85;padding:6px;background:#eef9f4}.tray img{width:64px;height:64px;display:block}.tray .label{display:block;font-size:12px;margin-top:4px;max-width:80px;white-space:normal}.play-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#648384;min-height:48px}.play-footer button{padding:12px 22px;border:0;border-radius:8px;font-weight:700}.track-grid{width:min(100%,580px);margin:0 auto;aspect-ratio:1;display:grid;gap:5px;position:relative;padding:8px;background:#dceadf;border-radius:8px}.track-cell{position:relative;aspect-ratio:1;border:0;border-radius:8px;background:#eff6eb;min-width:0;overflow:hidden}.track-cell .road{position:absolute;background:#bdb7a8;border:3px solid #fff8;left:39%;top:0;width:22%;height:51%;transform-origin:50% 100%;pointer-events:none}.track-cell::after{content:'';position:absolute;left:39%;top:39%;width:22%;height:22%;background:#bdb7a8;border-radius:50%}.track-cell.water .road,.track-cell.water::after{background:#50aaca}.track-cell.hint{outline:3px solid #e4ac44;outline-offset:-3px}.track-cell span{position:absolute;z-index:3;font-size:11px;bottom:3px;left:5px;font-weight:700;color:#40706a}.train-token{position:absolute;width:12%;height:12%;object-fit:contain;z-index:4;pointer-events:none;transition:left .32s ease,top .32s ease;filter:drop-shadow(0 4px 3px #3334)}.stage-object{position:absolute;border:0;padding:0;background:transparent;width:14%;aspect-ratio:1;transform:translate(-50%,-50%);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.stage-object img{width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 3px 2px #15353b36);border-radius:8px}.stage-object svg{width:100%;height:100%;padding:12%;background:#ffffffeb;border-radius:15%;pointer-events:none}.stage-object.selected{outline:3px solid #fff;border-radius:12px;box-shadow:0 0 0 5px #468e8c}.stage-object.lit{filter:drop-shadow(0 0 13px #ffe67e)}.stage-object.run{animation:toy-bounce .9s ease-in-out 3}.stage-object.found{opacity:.4;pointer-events:none}.stage-object.found::after{content:'✓';position:absolute;right:0;top:0;background:#297b62;color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.scene-picker{display:flex;gap:12px;overflow:auto}.scene-picker button{border:0;background:none;padding:0;flex:none}.scene-picker img{width:100px;height:76px;object-fit:cover;border-radius:8px}.scene-picker p{font-size:13px;margin:6px 0}.question-layout{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#e9f2ed;border-radius:8px;padding:24px}.sequence{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.shape-tile{width:66px;height:78px;background:white;border:2px solid #d5e5df;border-radius:8px;display:grid;place-items:center;font-size:36px;flex:none}.shape-tile.answer{border-style:dashed}.shape-tile.selected{border-color:#347f82}.choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.choices button{min-width:68px;min-height:64px;border:2px solid #c4d9d2;border-radius:8px;background:#fff;font-size:26px}.object-count{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:480px}.object-count img{width:48px;height:48px}.two-groups{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:18px}.number-group{min-height:130px;display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap;border-bottom:3px solid #b7d4cc}.number-group img{width:38px;height:38px}.recipe-progress{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.recipe-progress img{width:64px;height:64px;opacity:.28}.recipe-progress img.done{opacity:1}.kitchen-plate{width:220px;height:220px;border:12px solid #fff;box-shadow:0 6px 12px #294a4920;border-radius:50%;background:#edf2f3;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.kitchen-plate img{width:64px;height:64px}.kitchen-plate img.result{width:150px;height:150px}.music-keys{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;width:100%;height:260px;padding:30px 0;align-items:end}.music-key{height:var(--h);border:0;border-radius:8px;background:var(--key);box-shadow:inset 0 -6px #0001,0 8px 18px #22434412;display:flex;align-items:end;justify-content:center;padding-bottom:24px;color:#fff;font-size:24px}.music-key:active,.music-key.playing{transform:translateY(5px);filter:brightness(1.15)}.story-pages{display:flex;gap:8px;align-items:center}.story-pages button{min-width:44px;min-height:44px;border:1px solid #c8dbd5;background:white;border-radius:8px}.story-pages button.active{background:#347f82;color:white}.chess-task{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,560px);aspect-ratio:1;margin:auto}.chess-task button{border:0;border-radius:0;background:#e8efe5;padding:0;font-size:32px;position:relative;min-width:0}.chess-task button.dark{background:#83aea1}.chess-task button img{width:88%;height:88%;pointer-events:none}.chess-task button.selected{outline:4px solid #e3b757;outline-offset:-4px}.chess-task button.target::after{content:'';position:absolute;inset:30%;border-radius:50%;background:#c9547160}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gallery-grid button{background:#eff6f3;border:1px solid #d2e3db;border-radius:8px;padding:16px;text-align:left}.gallery-grid img{width:100%;height:100px;object-fit:cover}.gallery-grid strong{display:block;margin-top:8px}@keyframes toy-bounce{50%{transform:translate(-50%,-65%) rotate(4deg)}}
@media(max-width:600px){.play-shell{padding:calc(12px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}.play-header{gap:10px;flex-wrap:wrap;margin-bottom:12px}.play-header h1{font-size:23px}.play-header nav{width:100%;justify-content:flex-end}.play-header nav .icon-button{width:44px;height:44px;min-width:44px}.play-status{font-size:17px}.stage.scenic{aspect-ratio:4/5}.stage-object{width:23%}.question-layout{min-height:320px;padding:18px 12px}.shape-tile{width:56px;height:64px;font-size:29px}.music-keys{height:300px;gap:4px}.music-key{font-size:18px}.chess-task button{font-size:26px}.segments button{padding:10px 12px}.tray{min-height:102px}.stage-object svg{padding:10%}}
.parents{max-width:760px}.parents h2{font-size:20px;margin:30px 0 14px}.parent-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #dce7e2}.parent-row input[type=checkbox]{width:26px;height:26px;accent-color:#347f82}.parent-row select,.parent-row input[type=password]{max-width:180px;min-height:48px;border:1px solid #c8dcd2;border-radius:8px;padding:8px}.parents p{font-size:14px;line-height:1.8;color:#6d8383}.parent-command{border:1px solid #c8dcd2;border-radius:8px;padding:14px 20px;background:#fff;margin:10px 10px 4px 0;min-height:48px}
.track-cell.rail .road{background:repeating-linear-gradient(0deg,#b28d73 0 4px,#e3d3bd 4px 11px);border-inline:3px solid #7e929d}
.track-cell.bridge .road{background:#dbba79;border-inline:3px solid #966d55}
.track-grid{width:min(100%,580px,max(280px,calc(100svh - 350px)))}
.kitchen-plate{position:relative;flex-shrink:0}
.kitchen-plate .result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.kitchen-plate .result~img{position:absolute;width:44px;height:44px}
.play-controls select{min-height:44px;border:1px solid #cfdddd;background:white;border-radius:8px;padding:8px 12px;font:inherit;color:inherit}
.stage-object img{border-radius:0}.stage-object svg{background:transparent;padding:0;border-radius:0}