:root{color-scheme:light;--ink:#123d35;--paper:#f5f3df;--muted:#60736b;--gold:#ffcd69;--line:#d8decb;--green:#81bf87}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #df854c;outline-offset:4px}button:disabled{opacity:.4;cursor:default}.shell{max-width:1440px;margin:auto;padding:30px 54px 20px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:29px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--ink);font:bold 19px monospace;letter-spacing:-.7px}.brand-icon{background:var(--ink);color:var(--gold);width:44px;height:44px;display:grid;place-items:center;font-size:30px;box-shadow:3px 3px 0 #aac1a4}.brand small{display:block;font:10px monospace;letter-spacing:1.5px;margin-top:6px}.header-right{display:flex;gap:30px;align-items:center}.edition,.eyebrow{font:11px monospace;letter-spacing:1.5px}.icon-btn{border:1px solid #bdcbb7;background:transparent;padding:10px 12px;color:var(--ink);font:18px monospace}.icon-btn span{font-size:11px}main{padding-top:34px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:34px;align-items:start}.console{background:var(--ink);border:5px solid var(--ink);box-shadow:0 7px 0 #a9b79c;border-radius:7px;overflow:hidden}.hud{height:77px;padding:10px 19px 15px;display:flex;align-items:center;justify-content:space-between;color:var(--paper);gap:20px}.day{display:flex;align-items:center;gap:10px;font:bold 12px monospace;letter-spacing:1px}.sun{color:var(--gold);font-size:29px}.day small{display:block;font:9px monospace;color:#a9c5b8;margin-top:6px;letter-spacing:.6px}.energy{width:140px}.energy>div:first-child{display:flex;justify-content:space-between;font:9px monospace;margin-bottom:7px;letter-spacing:1px}.energy strong{color:var(--gold);font-size:10px}.meter{height:9px;background:#31594a}.meter i{display:block;height:100%;width:100%;background:#a7d593;transition:width .2s}.score span{display:block;font:9px monospace;letter-spacing:1px;color:#a9c5b8}.score strong{display:block;font:23px monospace;margin-top:4px;color:var(--gold)}.score em{font:13px monospace;color:#8daf9d}.viewport{position:relative;aspect-ratio:8/5;background:#81ac73;isolation:isolate}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline:none}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#10372b50;padding:18px;pointer-events:none}.screen:empty{display:none}.panel{pointer-events:auto;background:#f5f3df;box-shadow:6px 6px 0 #123d3570;border:3px solid var(--ink);padding:25px 30px 23px;text-align:center;max-width:420px;width:100%;position:relative}.panel .eyebrow{font-size:10px;letter-spacing:2px}.panel h2{font:bold 37px/1.02 monospace;letter-spacing:-2px;margin:14px 0 13px;text-shadow:2px 2px 0 #c9d5b7}.panel p{font-size:15px;line-height:1.5;margin:10px 0;color:#3c5a4d}.panel .big-icon{font-size:35px;color:#c6733f}.panel button.primary{border:0;background:var(--ink);color:#ffdc86;padding:15px 20px;font:bold 13px monospace;letter-spacing:1px;box-shadow:3px 3px 0 #91a889;margin-top:10px;min-width:210px}.panel .sub{font:10px monospace;margin-top:16px;color:#617365}.panel .secondary{display:block;background:none;border:0;color:var(--ink);font:12px monospace;text-decoration:underline;margin:16px auto 0}.panel .rating{font-size:31px;color:#b56731;letter-spacing:8px}.panel.challenge{align-self:flex-end;max-width:520px;padding:14px 22px 18px;margin-bottom:0}.challenge h2{font-size:23px;letter-spacing:-1px;margin:7px 0}.challenge p{font-size:13px;margin:5px 0}.challenge .progress{font:15px monospace;color:#ad6938;letter-spacing:6px;margin:9px 0}.timing{height:30px;border:3px solid var(--ink);background:#dbe1cb;position:relative;margin:11px 0 4px}.target{position:absolute;top:0;bottom:0;background:#498663}.target:after{content:'✓';position:absolute;inset:0;text-align:center;color:#ecf5dd;font:18px monospace}.cursor{position:absolute;width:5px;top:-6px;bottom:-6px;background:#123d35;box-shadow:2px 0 0 #f5f3df}.challenge button.primary{margin-top:8px;padding:10px 18px}.panel .feedback{min-height:20px;font-size:13px;font-weight:bold;color:#436e48}.toast{pointer-events:none;position:absolute;top:13px;left:50%;transform:translateX(-50%);background:#123d35;color:#fff1bf;padding:10px 16px;max-width:92%;width:max-content;font:12px/1.4 monospace;text-align:center;box-shadow:3px 3px 0 #123d3540;display:none}.toast.show{display:block}.control-strip{display:flex;align-items:center;justify-content:space-between;min-height:43px;gap:10px;padding:9px 14px 6px;color:#d3e2c2;font:11px monospace}.text-btn{color:#d3e2c2;white-space:nowrap;background:none;border:0;font:11px monospace;padding:4px}.journal-heading{padding:8px 0 18px}.eyebrow{color:#647a68}.journal-heading h1{font:30px/1.12 Georgia,serif;letter-spacing:-1px;margin:13px 0}.journal-heading p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.quests{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.quests li{border-bottom:1px solid var(--line)}.quest{width:100%;padding:16px 0;display:flex;align-items:center;gap:12px;background:none;border:0;text-align:left;color:var(--ink)}.quest .number{font:12px monospace;border:1px solid #9bb39b;min-width:28px;height:28px;display:grid;place-items:center}.quest strong{display:block;font-size:14px}.quest small{display:block;font:10px monospace;color:#6d7f6b;margin-top:5px}.quest .arrow{margin-left:auto;color:#8b9f81}.quest.done .number{background:var(--ink);color:#ebdf9c}.quest.done strong{text-decoration:line-through;opacity:.65}.quest.locked{opacity:.48}.note{padding:20px 0 0}.note-mark{font-size:25px;color:#c27742}.note p{font:italic 17px/1.4 Georgia,serif;margin:5px 0 10px}.note-sign{font:10px monospace;color:#6c7c66}.below{display:flex;justify-content:space-between;gap:20px;margin:23px 0 22px}.keys{display:flex;gap:16px;flex-wrap:wrap;color:#536b5b;font:10px monospace}.keys span{white-space:nowrap}kbd{font:10px monospace;background:#e6e9d7;border:1px solid #c6cfb9;border-bottom-width:2px;padding:3px 4px}.touch-hint{font:9px monospace;color:#70836b;letter-spacing:.5px;align-self:center}.touch-controls{display:none}footer{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line);font:9px monospace;letter-spacing:.5px;color:#788672}footer span:first-child{color:var(--ink)}.nap-cloud{font:bold 46px monospace;color:#587b64;animation:snooze 1.4s steps(3) infinite}.recap{display:flex;justify-content:space-around;margin:20px 0;font:10px monospace}.recap strong{display:block;font-size:22px;margin-bottom:5px}@keyframes snooze{50%{transform:translateY(-8px)}}@media(min-width:1500px){.shell{padding-top:50px}}@media(max-width:1100px){.shell{padding:24px 28px}.game-layout{grid-template-columns:minmax(0,1fr) 218px;gap:24px}.hud{padding-left:12px;padding-right:12px;gap:10px}.energy{width:112px}.journal-heading h1{font-size:26px}.panel{padding:20px}.panel h2{font-size:32px}.panel p{font-size:14px}.touch-hint{display:none}.quest{padding:13px 0}.note{padding-top:12px}}@media(max-width:800px){.shell{padding:19px 18px}.edition{display:none}.game-layout{grid-template-columns:1fr;gap:25px}.console{max-width:800px}.journal-heading,.note{display:none}.quests{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}aside{order:2}.touch-controls{display:flex;gap:10px;align-items:center;margin-bottom:23px}.touch-controls button{min-height:45px;background:#e4e9d4;color:var(--ink);border:1px solid #b1c0a5;box-shadow:0 3px 0 #b7c5a8;font:bold 13px monospace;touch-action:none;user-select:none}.dpad{display:flex;gap:5px;margin-right:auto}.dpad button{width:43px}.touch-controls>button{padding:0 14px}.touch-controls span{margin-left:5px}.below{margin-bottom:17px}.keys{gap:12px}.brand{font-size:17px}.brand small{font-size:8px}.brand-icon{width:37px;height:37px}.hud{height:66px}.day{font-size:11px}.day small{font-size:8px}.energy{width:120px}footer{font-size:9px;flex-wrap:wrap}footer span:last-child{display:none}main{padding-top:23px}header{padding-bottom:20px}}@media(max-width:500px){.shell{padding:14px 10px}.brand{font-size:15px}.brand small{letter-spacing:.6px}.header-right{gap:5px}.icon-btn{padding:7px;font-size:16px}.hud{padding:8px;gap:8px;height:62px}.sun{display:none}.energy{width:94px}.day{font-size:10px}.day small{font-size:7px}.score span{font-size:7px}.score strong{font-size:19px}.viewport{aspect-ratio:1/1}.viewport canvas{object-fit:cover}.screen{padding:10px}.panel{padding:19px 15px;max-width:320px}.panel h2{font-size:31px}.panel p{font-size:14px}.panel .sub{font-size:9px}.panel.challenge{padding:12px;margin-bottom:3px}.challenge h2{font-size:21px}.control-strip{font-size:10px;padding:8px;min-height:46px}.text-btn span{display:none}.dpad{gap:3px}.dpad button{width:35px}.touch-controls{gap:7px}.touch-controls>button{padding:0 10px;font-size:12px}.touch-controls span{display:none}.keys{font-size:9px;gap:10px}.keys span:last-child{display:none}.quests{gap:0 15px}.quest strong{font-size:12px}.quest small{font-size:9px}.quest .number{min-width:23px;height:23px;font-size:10px}.quest{gap:8px}.quest .arrow{display:none}footer{line-height:1.6;gap:6px}.below{margin-top:20px}body:has(.challenge) .viewport{aspect-ratio:1/1.08}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.viewport:fullscreen{background:#123d35;display:flex;align-items:center;justify-content:center}.viewport:fullscreen canvas{width:100%;height:100%;object-fit:contain}.viewport:fullscreen .screen{max-width:none}.viewport:fullscreen .panel{max-width:440px}
/* Keep overlays within the console and touch controls next to the play area. */
.panel{max-height:100%;overflow-y:auto}.viewport:has(.panel) .toast{display:none}.quest:not(:disabled):hover{background:#e8ecd7}.primary:hover{filter:brightness(1.15)}.primary:active{transform:translate(2px,2px);box-shadow:none!important}
@media(max-width:800px){main{display:flex;flex-direction:column}.game-layout{display:contents}.console{order:0}.below{order:1}.touch-controls{order:2}aside{order:3;margin:0 0 22px}.touch-controls button{min-height:48px}.touch-controls>button{flex-shrink:0}.quests .quest{min-height:63px}}
@media(max-width:500px){.viewport{aspect-ratio:8/5}.viewport canvas{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:fill}body:has(.panel) .viewport{aspect-ratio:auto;height:370px}body:has(.challenge) .viewport{aspect-ratio:auto;height:380px}body:has(#again-btn) .viewport{height:430px}.panel{max-width:330px}.panel.challenge{max-width:none}.control-strip{line-height:1.45}.below{margin-bottom:14px}.touch-controls{margin-bottom:20px}.viewport:fullscreen canvas{height:100%;object-fit:contain}}