:root{font-family:Arial,Helvetica,sans-serif;color:#203f36;background:#f4f3e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{max-width:1440px;margin:auto;padding:0 4.5%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#scene:focus-visible{outline:3px solid #d55a39;outline-offset:4px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dbcc}.brand{display:flex;gap:5px;align-items:center;font-weight:700;letter-spacing:-1px;font-size:25px;text-decoration:none;color:#294638}.brand-dot{font-weight:400}.brand-mark{font-size:37px;color:#d45e3f;transform:rotate(-28deg);margin-right:5px}.edition{font-size:10px;letter-spacing:2px;color:#6d7b6c}.edition span{margin:0 15px;color:#a8ae9d}.icon-button{background:none;border:1px solid #c9cfbf;border-radius:30px;padding:9px 15px;color:#3f5848;font-size:11px}.heading{display:flex;justify-content:space-between;align-items:center;padding:34px 0 27px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 13px;display:flex;align-items:center;gap:8px}.eyebrow span{width:6px;height:6px;background:#d26744;border-radius:50%}h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-2.6px;font-size:60px;font-weight:400;margin:0;line-height:1}h1 span{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;font-size:13px;padding-left:20px;display:inline-block;color:#6a7667}.tagline{font-family:Georgia,serif;color:#7d866f;line-height:1.6;font-style:italic;font-size:17px;margin:18px 0 0}.game-shell{height:560px;position:relative;border:1px solid #c5d1b8;border-radius:16px;overflow:hidden;background:#d4ddbd;isolation:isolate;box-shadow:0 10px 30px #41583908}#scene{position:absolute;inset:0;touch-action:none;outline-offset:-4px}canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:25px;left:29px;right:29px;display:flex;justify-content:space-between;pointer-events:none}.score-card,.best-card{display:flex;flex-direction:column}.tiny-label{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#456352}.score-card strong{font-family:Georgia,serif;font-size:46px;font-weight:400;letter-spacing:-1px;line-height:1.12;margin:5px 0}.score-card>span:last-child{font-size:11px;color:#56715e}.best-card{text-align:right}.best-card strong{font-size:25px;font-weight:400;font-family:Georgia,serif;margin-top:9px}.pond-button{position:absolute;right:27px;top:101px;width:35px;height:35px;border:1px solid #7c997c80;border-radius:50%;background:#f5f4eaaa;color:#2c5947}.pond-caption{position:absolute;bottom:23px;left:28px;display:flex;gap:7px;align-items:center;font-size:9px;letter-spacing:1.4px;color:#47654d}.live-dot{width:6px;height:6px;border-radius:50%;background:#477b51}.stability{position:absolute;right:27px;bottom:22px;width:204px}.stability>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:8px;letter-spacing:1px}.stability strong{font-size:10px;font-weight:400;letter-spacing:0}.meter{height:5px;border-radius:4px;background:#547b6426;overflow:hidden}.meter span{display:block;height:100%;width:100%;background:#487453;transition:width .15s linear,background .2s}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,transparent,#edf0dc20,transparent);pointer-events:none}.overlay[hidden]{display:none}.intro-panel{text-align:center;width:360px;padding:24px 26px 22px;background:#fbf9eef2;border:1px solid #fffffff0;border-radius:12px;box-shadow:0 18px 65px #1c463922;pointer-events:auto;transform:translateY(14px)}.pill{display:inline-block;font-size:8px;letter-spacing:1.6px;background:#ecebda;color:#697054;border-radius:20px;padding:7px 11px;font-weight:700}h2{font-family:Georgia,serif;font-weight:400;font-size:32px;letter-spacing:-.7px;line-height:1.14;margin:15px 0 11px}.intro-panel p{color:#73806a;font-size:12px;line-height:1.7;margin:0 0 20px}.primary{background:#cc603d;color:#fff8e8;width:100%;padding:14px 18px;border:0;border-radius:6px;display:flex;align-items:center;justify-content:space-between;font-size:13px;box-shadow:0 4px 0 #994c2420}.primary:hover{background:#b84f30}.primary span{font-size:20px}.micro{display:block;font-size:7px;letter-spacing:.75px;color:#8a927d;margin-top:15px}.below{display:flex;align-items:center;gap:32px;padding:25px 0 26px}.howto,.rule{display:flex;align-items:flex-start;gap:12px}.howto{flex:1.3}.rule{flex:1}.step{border:1px solid #cdd3c2;color:#829077;border-radius:50%;font-size:9px;padding:6px;margin-top:1px}h3{font-size:12px;margin:2px 0 6px;font-weight:600}.below p{font-size:11px;line-height:1.6;color:#7a846e;margin:0}.keys{display:flex;gap:7px;align-items:center;align-self:center;margin-left:12px;color:#a4ac97}.keys>span{font-size:11px}kbd{font:12px Arial;background:#f9f9f1;border:1px solid #d7dccb;box-shadow:0 2px 0 #d7dccb;border-radius:4px;padding:8px;white-space:nowrap}.share-link{border:none;border-bottom:1px solid #9faa92;background:none;color:#4e684f;padding:5px 0;font-size:11px}.share-link span{margin-left:17px}footer{border-top:1px solid #d7dbcc;display:flex;justify-content:space-between;padding:19px 0 25px;color:#909782;font-size:10px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#d4ddbd;z-index:10;font-family:Georgia,serif;font-size:24px}#loading[hidden]{display:none}#feedback{position:absolute;bottom:77px;left:50%;transform:translateX(-50%);background:#fff5e9ed;padding:10px 18px;border-radius:30px;font-size:12px;color:#a95332;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}#feedback.visible{opacity:1}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:8px;background:#254e3f;color:#fffbe9;font-size:13px;opacity:0;pointer-events:none;z-index:20;max-width:90vw}.toast.visible{opacity:1}.result-score{font-family:Georgia,serif;font-size:54px;margin:8px 0}.result-meta{margin-bottom:18px!important}.secondary{background:transparent;border:1px solid #c9cdbb;border-radius:6px;width:100%;padding:11px;color:#4b6550;margin-top:9px;font-size:12px}.copy-box{width:100%;height:105px;margin-top:12px;border:1px solid #bdc9b5;border-radius:4px;background:#fffdf3;padding:8px;color:#3e5344;font-size:11px}.touch-controls{position:absolute;left:25px;bottom:64px;display:none;align-items:center;flex-direction:column;gap:8px;color:#47654d;font-size:7px;letter-spacing:1px;touch-action:none}#joystick{height:86px;width:86px;border:1px solid #426b5950;border-radius:50%;background:#f5f7df44;display:grid;place-items:center;touch-action:none}#stick{height:32px;width:32px;border-radius:50%;background:#f8f9edb0;border:1px solid #426b5950;pointer-events:none}@media(pointer:coarse){.touch-controls.active{display:flex}.keys{display:none}}@media(min-width:1600px){.game-shell{height:610px}}@media(max-width:1000px){.keys{display:none}.game-shell{height:520px}h1{font-size:52px}.below{gap:20px}}@media(max-width:640px){.app{padding:0 16px}header{height:66px}.brand{font-size:21px}.brand-mark{font-size:30px}.edition{display:none}.heading{padding:23px 0 20px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:44px;letter-spacing:-2px}h1 span{display:block;padding:8px 0 0;font-size:11px;letter-spacing:.4px}.tagline{font-size:12px;max-width:100px}.game-shell{height:520px;border-radius:12px}.hud{top:18px;left:19px;right:19px}.score-card strong{font-size:37px}.tiny-label{font-size:8px}.best-card strong{font-size:22px}.intro-panel{width:min(310px,90%);padding:20px}.intro-panel h2{font-size:29px}.pond-caption{display:none}.stability{right:18px;bottom:20px;width:175px}.below{flex-wrap:wrap;gap:20px;padding:22px 0}.howto,.rule{flex:1 1 40%;gap:9px}.below p{font-size:10px}.below h3{font-size:11px}.share-link{margin-left:34px}footer{font-size:8px;gap:14px}.pond-button{right:18px;top:92px}.touch-controls{left:16px;bottom:25px}#feedback{bottom:125px;font-size:10px}.micro{font-size:6px}}

body.embedded .app{padding:0 16px}body.embedded header,body.embedded footer{display:none}body.embedded .heading{padding-top:22px}body.embedded .game-shell{height:560px}@media(max-width:640px){body.embedded .game-shell{height:520px}}

.copy-link{border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#72816a;font-size:10px;margin-top:12px;padding:4px}

@media(max-width:640px){.touch-controls.active{display:flex}.game-shell,body.embedded .game-shell{height:440px}.intro-panel{transform:none}.result-score{font-size:44px}.intro-panel p.result-meta{margin-bottom:10px!important}.touch-controls{bottom:20px}}

.hazard-status{position:absolute;right:27px;bottom:65px;font-size:9px;letter-spacing:.6px;background:#fff2dbea;border:1px solid #d9a465;color:#8b562d;padding:8px 11px;border-radius:5px}.hazard-status[hidden]{display:none}@media(max-width:640px){.hazard-status{right:17px;bottom:76px;font-size:8px;padding:6px 8px}.stability strong{font-size:9px}}

.embedded-sound{position:absolute;right:75px;top:102px;z-index:2;background:#f8f5e7dd}@media(max-width:640px){.embedded-sound{top:92px;right:64px}}

.intro-panel .steering-hint{padding:10px 8px;margin:0 0 13px;background:#edf0e2;border-radius:6px;color:#466044;font-size:11px;line-height:1.7}.steering-hint strong{font-weight:600;font-size:10px}@media(max-width:640px){.intro-panel .steering-hint{font-size:10px;padding:8px 4px}.steering-hint strong{font-size:9px}.intro-panel .steering-hint+p{margin-bottom:13px}}