:root{font-family:ui-rounded,system-ui,sans-serif;color:#1b493b;background:#fbf4df;font-size:16px;line-height:1.45;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit;color:inherit}button,select,summary{min-height:44px;min-width:44px}button,select{border:2px solid #43775d;border-radius:12px;background:#fff9e9;padding:9px 14px;max-width:100%;overflow-wrap:anywhere}button{cursor:pointer;font-weight:650}button:disabled{cursor:default;opacity:.55}button.primary{background:#f4c75e;border-color:#9b722c;box-shadow:0 3px 0 #dba84a}button:hover:enabled{background:#f9dfa2}button:focus-visible,select:focus-visible,summary:focus-visible,#stage:focus-visible{outline:4px solid #d95c8d;outline-offset:3px}button[hidden],[hidden]{display:none!important}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(25px,4vw,36px);line-height:1.15;margin:3px 0}h2{font-size:23px;line-height:1.25;margin:0 0 10px}p{margin:10px 0}.top{max-width:1120px;margin:auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.top small{color:#547660;letter-spacing:.06em}.top nav{display:flex;gap:7px;flex-wrap:wrap}main{max-width:1120px;margin:auto;padding:0 20px 24px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;background:#f4e6bc;border:2px solid #d8c89a;border-radius:24px;padding:14px}.hero>img{width:100%;height:100%;max-height:330px;object-fit:cover;border-radius:15px}.welcome{align-self:center}.welcome button{margin:8px 6px 0 0}.welcome strong{display:block}.modeGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.modeGrid article{padding:18px;background:#e7edcf;border:2px solid #aac194;border-radius:18px}.modeGrid p{color:#3a624c}.homeTools{display:flex;align-items:start;gap:14px;flex-wrap:wrap;margin:14px 0}details{border:2px solid #d6c99f;border-radius:15px;background:#fff9e9;padding:6px 12px;min-width:0}summary{cursor:pointer;align-content:center;font-weight:700;padding:8px 0}details label{display:flex;align-items:center;gap:12px;margin:10px 0}details label select{min-width:0;flex:1}#notebook{margin-top:16px}.levelGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.levelGrid button{text-align:start;white-space:normal}.runTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 10px}.runTop h2{font-size:20px;margin:0}.runLayout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:14px;align-items:start;max-width:860px;margin:auto}#stage{width:min(100%,calc(100svh - 165px));aspect-ratio:1;background:#dbe8c8;border:3px solid #4c7b5b;border-radius:19px;overflow:hidden;touch-action:none;user-select:none;justify-self:center}canvas{display:block;width:100%;height:100%}.hud{display:flex;flex-direction:column;gap:9px;background:#eef0d5;border:2px solid #b9c99c;border-radius:16px;padding:14px;min-width:0}.hud>strong:first-child{font-size:24px}.hud p{margin:3px 0}.hud .hint{color:#57745a;font-size:14px}#goal{font-weight:700}#notice{padding:5px 0;min-height:20px;color:#84502e}dialog{max-width:min(94vw,650px);max-height:90svh;overflow:auto;border:3px solid #467556;border-radius:22px;background:#fff8e4;color:inherit;padding:24px;box-shadow:0 18px 60px #24412d33}dialog::backdrop{background:#213e366e}dialog button{margin:7px 6px 0 0}dialog label{display:flex;align-items:center;gap:12px;min-height:44px;margin:8px 0}dialog input[type=checkbox]{width:24px;height:24px;accent-color:#4b835b;flex:none}.language{flex-direction:column;align-items:stretch}select{min-width:0}.dialogActions{display:flex;flex-wrap:wrap;gap:7px}.flowerGrid,.fruitGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flowerGrid article{min-width:0;padding:10px;border:2px solid #ddceaa;border-radius:16px;text-align:center}.flowerGrid img{width:100px;height:100px;object-fit:contain;max-width:100%}.flowerGrid h3{margin:2px 0;font-size:18px}.flowerGrid p{margin:4px 0}.fruitGrid p{display:flex;gap:9px;align-items:center;min-width:0}.fruitGrid img{width:52px;height:52px;object-fit:contain;flex:none}
@media(max-width:660px){.top{padding:12px;gap:10px}.top nav{width:100%;gap:6px}.top nav button{flex:1;padding:8px 6px;font-size:14px}main{padding:0 12px 16px}.hero{grid-template-columns:1fr;padding:10px;gap:8px}.hero>img{height:auto;max-height:240px}.welcome{padding:0 4px}.modeGrid{gap:10px}.modeGrid article{padding:12px}.modeGrid h2{font-size:21px}.homeTools{display:block}.homeTools>details{margin:14px 0}.levelGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.runLayout{display:flex;flex-direction:column;gap:8px}#stage{width:min(100%,calc(100svh - 225px));align-self:center}.hud{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;font-size:14px}.hud>strong:first-child{font-size:20px}#goal,#limit,.hint{grid-column:1/-1}.runTop h2{font-size:17px}dialog{padding:17px}.flowerGrid{gap:8px}.flowerGrid article{padding:6px}}
@media(max-height:500px) and (min-width:661px){.top{padding:6px 12px;flex-wrap:nowrap}.top small{display:none}.top h1{font-size:24px}.top nav button{font-size:14px;padding:7px}.runTop{margin:0 0 5px}.runLayout{grid-template-columns:minmax(0,1fr) 250px;gap:12px}#stage{width:min(100%,calc(100svh - 120px))}.hud{gap:3px;padding:9px;font-size:14px}.hud>strong:first-child{font-size:20px}.hud .hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(max-width:660px){body.playing .top>div{display:none}}
@media(max-height:500px){body.playing .top>div{display:none}body.playing .top nav{width:100%}}

.fallback-scene{display:block;width:100%;height:100%}

body.playing{overflow-anchor:none}

.runTop>button{flex:none;white-space:nowrap}.runTop h2{min-width:0}