:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#284d46;background:#83bfbd;--paper:#fff9e9;--ink:#284d46;--green:#35695b;--accent:#bd754b;--line:#dadbc7;--edge:clamp(12px,2.5vw,36px)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bc733e;outline-offset:3px}button{transition:background .2s,transform .2s}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#world{position:fixed;inset:0;display:block;width:100%;height:100dvh;touch-action:none;outline:none;cursor:crosshair}.hud-top,.hud-bottom{position:fixed;left:max(var(--edge),env(safe-area-inset-left));right:max(var(--edge),env(safe-area-inset-right));pointer-events:none;z-index:3}.hud-top{top:max(14px,env(safe-area-inset-top))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{font:32px/1 Georgia,serif;letter-spacing:-1.5px;text-decoration:none;pointer-events:auto;color:#284d46}.brand span{color:#b1704d}.brand small{display:block;font:italic 14px/1.4 Georgia,serif;letter-spacing:0;margin-top:6px}.status{display:flex;align-items:center;gap:0;border:1px solid #fffbed;background:#fff9e9ef;border-radius:18px;box-shadow:0 5px 22px #284d4610;min-height:52px;pointer-events:auto}.status>div{padding:9px 16px;display:flex;align-items:center;gap:9px;font-size:14px}.status>div+div{border-left:1px solid #d9dcca}.day-status{flex-direction:column!important;gap:1px!important}.day-status strong{font:18px Georgia,serif}.status strong{font-variant-numeric:tabular-nums;font-weight:600}.coin-status>span{color:#b48634;font-size:22px}.energy-status>span{font-size:22px}.energy-status meter{width:65px;height:12px;accent-color:#618359}.energy-status meter::-webkit-meter-bar{background:#e1e3cc;border:none;border-radius:5px}.energy-status meter::-webkit-meter-optimum-value{background:#638a62;border-radius:5px}.top-actions{display:flex;align-items:center;gap:7px;pointer-events:auto}.round,.pill{height:44px;min-width:44px;border:1px solid #fffdf2;background:#fff9e9ef;display:inline-grid;place-items:center;border-radius:50%;font-size:21px}.pill{border-radius:25px;padding:0 15px;font-size:14px;font-weight:600}.language{letter-spacing:.3px}
.quest-card{position:fixed;top:108px;left:var(--edge);z-index:2;max-width:280px;pointer-events:none}.eyebrow{text-transform:uppercase;font-size:12px;line-height:1.5;letter-spacing:1.6px;margin:0 0 7px;color:#476856}h1{font:normal clamp(28px,3vw,40px)/1.12 Georgia,serif;letter-spacing:-.8px;margin:0 0 18px}.guide{pointer-events:auto;display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-size:14px;line-height:1.5;padding:12px 14px;background:#fff9e9e8;border:1px solid #fffbee;border-radius:15px}.guide>span:first-child{font-size:23px;color:#b88649}.guide>span:nth-child(2){flex:1}.save-label{font-size:12px;line-height:1.45;margin:10px 0 0;color:#385f53;text-shadow:0 1px 6px #edecd4}.hud-bottom{bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:12px}.play-controls{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:14px;pointer-events:none}.interaction{grid-column:2;display:flex;flex-direction:column;gap:7px;align-items:center;min-width:0}.action{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:10px;min-height:49px;max-width:370px;padding:11px 22px;background:#fff9e9;border:1px solid #fffdef;border-radius:26px;font-size:15px;line-height:1.4;box-shadow:0 5px 20px #284d461c}.action:disabled{opacity:1;color:#627368}.auto{pointer-events:auto;padding:6px 12px;border-radius:15px;font-size:13px;background:#fff9e9db}.auto[aria-pressed=true]{background:#35695b;color:#fff9e9}kbd{font:12px monospace;padding:3px 6px;border:1px solid #c4c9b0;border-radius:5px;box-shadow:0 2px #d6d9c0}.seed-shortcut{grid-column:3;justify-self:end;background:#fff9e9ef;border:1px solid #fffbea;padding:10px 13px;border-radius:16px;pointer-events:auto;max-width:100%}.seed-shortcut>span{font-size:12px;display:block;margin-bottom:6px}#seed-buttons{display:flex;gap:5px}.seed-choice{border:1px solid #d6d7bf;background:#f5eedb;border-radius:12px;min-width:44px;min-height:44px;padding:6px 9px;display:flex;align-items:center;gap:5px;font-size:14px}.seed-choice[aria-pressed=true]{border:2px solid #416f5a;background:#e1e8ce}.crop-dot{width:14px;height:14px;border-radius:50%;display:inline-block;background:var(--crop);flex:none;box-shadow:inset -2px -2px #0001}.dock{pointer-events:auto;display:flex;justify-content:center;gap:5px;max-width:100%;padding:7px;background:#fff9e9f5;border:1px solid #fffdee;border-radius:21px;box-shadow:0 6px 30px #284d461c}.dock button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:8px 20px;background:transparent;border-radius:14px;font-size:14px}.dock button>span:first-child{font-size:24px;font-family:Georgia,serif}.dock button:hover{background:#e8ecd8}.dock b{background:#e6e9d5;border-radius:12px;font-size:12px;padding:2px 6px;font-weight:500}.dpad{display:none;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,40px);gap:3px;pointer-events:auto;grid-column:1;grid-row:1;touch-action:none}.dpad button{touch-action:none;background:#fff9e9eb;border:1px solid #fffdf0;border-radius:12px;font-size:18px;user-select:none}.dpad button:nth-child(1){grid-column:2;grid-row:1}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:3;grid-row:2}.dpad button:nth-child(4){grid-column:2;grid-row:3}.dpad button:active{background:#35695b;color:#fff9e9}.night .brand,.night .quest-card,.night .quest-card>.eyebrow,.night .save-label{color:#fff3d5;text-shadow:0 2px 10px #1d3747}.night .guide{color:var(--ink);text-shadow:none}
#toast{position:fixed;left:50%;bottom:var(--toast-bottom,190px);transform:translate(-50%,8px);max-width:min(470px,calc(100% - 24px));width:max-content;padding:13px 20px;border:1px solid #fffbee;border-radius:17px;background:#fff9e9;font:16px/1.5 Georgia,serif;color:var(--ink);box-shadow:0 4px 20px #24473b22;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:12;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
dialog{width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0;border:1px solid #fffef2;background:var(--paper);color:var(--ink);border-radius:24px;box-shadow:0 22px 90px #143d4b55;overflow:hidden;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .2s,transform .25s}dialog[open]{display:flex;flex-direction:column}dialog.entered{opacity:1;transform:none}dialog::backdrop{background:#173e4944;backdrop-filter:blur(5px)}.panel-header{flex:none;display:flex;align-items:center;justify-content:space-between;padding:12px 14px 0 28px;gap:10px}.panel-header .eyebrow{margin:0}.panel-header .round{background:#ecebd9;border:0;font-size:25px}#panel-content{padding:3px clamp(20px,4vw,32px) 28px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable;overflow-wrap:anywhere}#panel-content h2{font:normal 34px/1.15 Georgia,serif;letter-spacing:-.7px;margin:8px 0 15px}#panel-content h3{font:normal 23px/1.25 Georgia,serif;margin:24px 0 12px}#panel-content p{font-size:16px;line-height:1.65;margin:10px 0 17px}.muted{color:#667565}.primary,.secondary{min-height:44px;border-radius:12px;padding:10px 17px;font-size:15px;line-height:1.4}.primary{background:#35695b;color:#fff9e9}.secondary{background:#e8ead7;color:#355d4e}.wide{width:100%;margin-top:10px}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile-button{min-height:84px;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;background:#eeefdd;border:1px solid #daddc6;border-radius:15px;font-size:15px}.tile-button .symbol{font:30px Georgia,serif;min-width:32px;text-align:center;color:#aa7850}.tile-button small{display:block;font-size:13px;line-height:1.4;color:#677964;margin-top:4px}.item-row{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #dddfc9}.item-row .item-info{flex:1;min-width:0}.item-row strong{font-size:16px;font-weight:600}.item-row small{display:block;font-size:14px;line-height:1.5;color:#687662;margin-top:4px}.item-row .price{font-size:14px;white-space:nowrap;margin-right:6px}.item-row button{flex:none}.item-icon{display:grid;place-items:center;min-width:38px;height:42px;background:#e9ead7;border-radius:12px;font:25px Georgia,serif;color:#b27748}.request{padding:18px;border:1px solid #d6dac1;border-radius:16px;margin:12px 0;background:#f1f0df}.request h3{margin:0 0 12px!important}.ingredient{font-size:14px;line-height:1.6;display:flex;justify-content:space-between;gap:15px}.ingredient.ready{color:#39704c}.request footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:14px}.badge-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.badge{border:1px solid #dddec9;border-radius:15px;padding:15px;background:#eeefdf}.badge.earned{background:#e4ebcd;border-color:#aebb91}.badge .symbol{font-size:23px;display:block;color:#a47641}.badge strong{display:block;font-size:15px;margin-top:5px}.badge small{font-size:13px;line-height:1.45;display:block;margin-top:5px}.welcome-art{height:100px;display:flex;justify-content:center;align-items:end;gap:20px;background:linear-gradient(0deg,#d9e6cc00,#dae6d15c);border-radius:20px}.welcome-art img{height:98px;width:auto;object-fit:contain}.intro-note{font:italic 18px/1.6 Georgia,serif!important;color:#936944}.lang-row{display:flex;gap:8px;margin-bottom:12px}.lang-row button[aria-pressed=true]{background:#35695b;color:#fff9e9}.postcard{padding:20px;border:1px dashed #b9c7a2;background:#f0edd9;border-radius:10px;margin:15px 0}.postcard h3{margin:0 0 12px!important}.grow-bar{width:100%;height:5px;border-radius:5px;background:#dcdcc5;margin-top:9px;overflow:hidden}.grow-bar i{height:100%;display:block;background:#729260}.plot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.plot-card{border:1px solid #cbd2b9;background:#edefdc;padding:12px;border-radius:13px;text-align:left;font-size:14px;line-height:1.5;min-height:100px}.plot-card strong{display:block}.plot-card small{font-size:12px;color:#65735d;display:block}.tips{padding-left:20px}.tips li{font-size:16px;line-height:1.65;margin:14px 0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0;font-size:16px}.setting-row>div{display:flex;gap:5px}.quiet-link{display:inline-block;font-size:14px;margin-top:16px}.fish-scene{height:115px;background:linear-gradient(#b9dcd1,#5cb5b4 50%,#34869d);border-radius:17px;position:relative;overflow:hidden;margin:18px 0}.fish-scene:after{content:'≈  ≈  ≈';font:50px Georgia,serif;letter-spacing:15px;position:absolute;left:20%;top:26px;color:#e6f0d970;animation:tide 4s ease-in-out infinite alternate}.float{position:absolute;width:10px;height:22px;border-radius:50%;background:linear-gradient(#f1f1d3 45%,#d77a61 45%);left:50%;top:42%;z-index:1;animation:bob 2s ease-in-out infinite}.fish-track{height:42px;position:relative;border:1px solid #b6c4ac;border-radius:12px;background:#e4e8d3;overflow:hidden;margin:15px 0}.fish-zone{position:absolute;top:3px;bottom:3px;left:36%;width:28%;background:#8bab73;border-radius:8px}.fish-needle{position:absolute;left:0;top:2px;bottom:2px;width:5px;background:#365e52;border:1px solid #fff9e9;border-radius:3px}.fish-stats{display:flex;justify-content:space-between;gap:12px;font-size:14px}.toast-in-panel{color:#9a633e;font-weight:600}.session-paused .action{opacity:.65}#loading{position:fixed;inset:0;background:#b9d7c9;color:#355e50;display:grid;place-items:center;font:24px Georgia,serif;z-index:30;transition:opacity .5s}#loading.ready{opacity:0;pointer-events:none}@keyframes tide{to{transform:translateX(20px)}}@keyframes bob{50%{transform:translateY(4px) rotate(8deg)}}
@media(pointer:coarse),(max-width:700px){.dpad{display:grid}.play-controls{grid-template-columns:138px minmax(0,1fr);gap:10px;align-items:end}.interaction{grid-column:2;grid-row:1;align-items:stretch;max-width:330px;justify-self:end}.action{font-size:14px;padding:10px 13px;min-height:48px}.action kbd{display:none}.seed-shortcut{display:none}.dock{width:min(100%,580px)}.dock button{flex:1;padding:6px 12px}.quest-card{max-width:240px}.auto{min-height:36px}.hud-bottom{gap:10px}}
@media(max-width:700px){.topbar{gap:10px}.brand{font-size:27px}.brand small{display:none}.status{order:3;width:100%;justify-content:space-between;min-height:39px;border-radius:14px}.status>div{padding:5px 12px;font-size:14px}.day-status{flex-direction:row!important;gap:12px!important}.day-status strong{font-size:16px}.energy-status meter{width:47px}.top-actions{gap:5px}.quest-card{top:124px;left:var(--edge);max-width:calc(100% - 24px)}.quest-card h1{font-size:25px;margin:0 0 8px}.quest-card .eyebrow,.save-label{display:none}.guide{max-width:280px;font-size:13px;padding:8px 10px;line-height:1.4}.guide>span:first-child{font-size:18px}.dock{padding:5px;gap:1px;border-radius:18px}.dock button{font-size:12px;flex-direction:column;gap:0;line-height:1.3;padding:5px 6px;min-height:58px}.dock button>span:first-child{font-size:23px}.dock b{position:absolute;right:6px;top:1px;font-size:10px}.hud-bottom{bottom:max(8px,env(safe-area-inset-bottom))}.play-controls{gap:8px}.auto{font-size:12px;line-height:1.4}.panel-header{padding-left:20px}#panel-content h2{font-size:29px}.item-row{gap:8px}.item-row .price{display:block;margin:0 0 5px}.item-row button{padding:9px 12px}.setting-row{gap:12px}.badge{padding:12px}.plot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:360px){.brand{font-size:24px}.pill{padding:0 10px}.energy-status meter{width:32px}.status>div{padding:5px 8px}.quest-card h1{font-size:23px}.guide{max-width:240px}.action{font-size:13px}.dpad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,38px)}.play-controls{grid-template-columns:126px minmax(0,1fr)}.panel-grid{grid-template-columns:1fr}.item-icon{min-width:28px}.item-row strong{font-size:15px}}
@media(max-height:600px) and (min-width:600px){.hud-top{top:8px}.brand{font-size:25px}.brand small,.quest-card{display:none}.status{order:initial;width:auto;min-height:44px}.topbar{flex-wrap:nowrap;gap:10px}.status>div{padding:5px 10px}.hud-bottom{bottom:8px;flex-direction:row;justify-content:space-between;gap:10px;align-items:end}.play-controls{flex:1;grid-template-columns:138px minmax(0,1fr);gap:8px}.dpad{grid-template-rows:repeat(2,40px)}.dpad button:nth-child(4){grid-row:2;grid-column:2}.interaction{grid-column:2;align-items:stretch}.seed-shortcut{display:none}.dock{width:auto;flex:none;padding:4px}.dock button{flex-direction:column;font-size:12px;padding:6px;gap:1px;max-width:90px;line-height:1.3;min-height:66px}.dock b{display:none}.auto{display:none}.action{font-size:14px;padding:10px 13px}.action kbd{display:none}.top-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-height:600px) and (min-width:600px) and (max-width:850px){.energy-status meter{display:none}.status>div{padding:5px 8px}.topbar{gap:6px}.brand{font-size:23px}.pill{padding:0 10px}.dock button{max-width:70px}}
/* Anna's small QA playground. Each result stays readable at narrow widths. */
.qa-assignment small{display:block;font-size:14px;line-height:1.5;color:#637561}.qa-assignment p{margin-bottom:10px!important}.qa-ticket{background:#f2f0de;border:1px solid #d6d9bf;padding:20px;border-radius:16px;margin:15px 0}.qa-ticket h3{margin-top:5px!important}.qa-choices{display:flex;flex-wrap:wrap;gap:8px}.qa-choices button{flex:1 1 140px;min-height:48px}.qa-explanation{border-left:3px solid #bb875d;padding:12px 16px;background:#f1e8d5;border-radius:0 12px 12px 0;margin:14px 0;font-size:16px}.qa-explanation.correct{border-color:#739661;background:#e8edd8}.qa-explanation p{margin:6px 0!important}.qa-complete{padding:24px 18px;text-align:center;background:#e5ecd5;border-radius:18px;margin:18px 0}.qa-complete>span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#35695b;color:#fff9e9;font-size:28px}.qa-terminal{border:1px solid #adc1aa;border-radius:17px;overflow:hidden;margin:20px 0;background:#edf0de}.qa-terminal-head{background:#355c50;color:#fff8de;padding:13px 16px;font-size:14px;line-height:1.4}.qa-test{padding:16px;border-bottom:1px solid #ccd6bd}.qa-test:last-child{border-bottom:0}.qa-test-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:15px;line-height:1.45;margin-bottom:10px}.qa-result{font:12px/1.5 system-ui,sans-serif;padding:3px 8px;background:#dee5d0;border-radius:8px;flex:none;max-width:45%}.qa-result.pass{background:#d5e4c2;color:#305d38}.qa-result.fail{background:#f0d6bc;color:#874525}.qa-readout{display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.5;padding:10px 0 15px}.qa-readout b{font-weight:600}.qa-test button{min-width:110px}
/* Phone play keeps the world open. Expanded controls are an explicit preference. */
body:not(.movement-pad) .dpad{display:none}.movement-pad .dpad{display:grid}
@media(max-width:700px),(max-height:600px) and (pointer:coarse){
 .hud-top{top:max(8px,env(safe-area-inset-top))}.topbar{display:flex;flex-wrap:nowrap;gap:8px}.topbar>.brand,.top-actions>#language,.top-actions>#sound{display:none}.top-actions{flex:none}.status{order:0;width:auto;flex:1;min-width:0;min-height:44px;border-radius:15px;justify-content:space-between}.status>div{padding:5px 9px;font-size:14px}.day-status{flex-direction:row!important;gap:7px!important}.day-status strong{font:600 14px system-ui,sans-serif}.energy-status meter{display:none}.energy-status>span,.coin-status>span{font-size:18px}.quest-card{display:none}
 .hud-bottom{flex-direction:column;gap:6px;align-items:center;bottom:max(8px,env(safe-area-inset-bottom))}.play-controls{display:flex;justify-content:center;gap:8px;align-items:end}.interaction{display:block;max-width:min(100%,340px);justify-self:center}.auto,.seed-shortcut{display:none}.action{font-size:14px;line-height:1.4;min-height:44px;padding:10px 16px;max-width:100%}.action:disabled{display:none}.action kbd{display:none}
 .dock{width:min(100%,440px);padding:4px;gap:2px;border-radius:17px}.dock button{flex:1;max-width:none;min-width:0;min-height:44px;padding:8px 5px;font-size:14px;line-height:1.25;flex-direction:row}.dock button>span:first-child{display:none}.dock b{display:none}
 .movement-pad .play-controls{justify-content:space-between}.movement-pad .dpad{flex:none;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}.movement-pad .dpad button:nth-child(4){grid-column:2;grid-row:2}.movement-pad .interaction{max-width:calc(100% - 146px)}
 #toast{font:14px/1.45 system-ui,sans-serif;max-width:min(340px,calc(100% - 32px));padding:10px 15px;border-radius:14px}
}
@media(max-width:360px){.status>div{padding:5px 6px}.day-status{gap:5px!important}.dock button{font-size:14px;padding:8px 3px}}