:root{font-family:Inter,Segoe UI,sans-serif;color:#153e38;background:#dff4e5}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#dff4e5}button,input{font:inherit}button{color:inherit}#photo-lab-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#dff4e5}#stage-wrap{position:absolute;top:0;right:0;bottom:0;left:0}#photo-stage{position:absolute;width:1600px;height:900px;overflow:hidden;transform-origin:0 0;background:#83d9ef}#phaser-world{position:absolute;top:0;right:0;bottom:0;left:0}#phaser-world canvas{display:block;width:1600px!important;height:900px!important}.glass{background:#fffdf0f0;border:2px solid rgba(37,102,80,.24);box-shadow:0 12px 30px #235b4729,inset 0 1px #fff}.topbar{position:absolute;left:28px;right:28px;top:20px;height:84px;border-radius:24px;padding:12px 16px;display:flex;align-items:center;z-index:20}.brand{display:flex;align-items:center;width:410px;gap:13px}.brand-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#89db50,#2d9e58);color:#fff;font-size:31px;box-shadow:0 6px 14px #27784240}small{font-size:12px;letter-spacing:2.1px;color:#4b796b;font-weight:900}.brand h1{margin:1px 0 0;font-size:30px;line-height:1;color:#184c3f}.question{flex:1;text-align:center;color:#37695d;font-size:18px;font-weight:650}.topbar nav{width:410px;display:flex;justify-content:flex-end;gap:9px}.icon-button{width:52px;height:52px;border:2px solid #b8d8cb;border-radius:16px;background:#f7f3dd;font-size:22px;cursor:pointer}.icon-button:hover,.icon-button:focus-visible{background:#d8f0ca;outline:4px solid rgba(55,145,92,.2)}.process-pill{position:absolute;z-index:14;padding:9px 14px;border-radius:16px;border:3px solid var(--accent, #318e67);background:#fffef4f5;box-shadow:0 7px #275a4221,0 11px 22px #23543f21;cursor:pointer;min-width:172px;text-align:center;color:#17463a}.process-pill b{display:block;font-size:14px;letter-spacing:.6px}.process-pill span{display:block;margin-top:3px;color:var(--accent, #318e67);font-size:17px;font-weight:900}.process-pill:hover,.process-pill:focus-visible{transform:translateY(-3px);outline:4px solid rgba(255,255,255,.78)}.sun-pill{left:250px;top:265px;--accent: #e49b13}.roots-pill{left:350px;top:610px;--accent: #168bd2}.co2-pill{left:1250px;top:405px;--accent: #65727c}.oxygen-pill{left:1180px;top:225px;--accent: #18955b}.food-pill{left:955px;top:580px;--accent: #e57c1b}.result-card{position:absolute;z-index:13;left:40px;top:135px;width:265px;padding:16px 18px;border-radius:22px}.result-line{display:flex;justify-content:space-between;align-items:end;margin:5px 0 8px}.result-line strong{font-size:25px;color:#207c4a}.result-line span{font-size:21px;font-weight:900;color:#275d50}.meter{height:13px;border-radius:10px;background:#d4dfd3;overflow:hidden}.meter i{display:block;width:60%;height:100%;background:linear-gradient(90deg,#f2b82e,#55b94d);border-radius:inherit;transition:width .25s}.result-card p{margin:9px 0 0;font-size:13px;line-height:1.3;color:#4f6d64}.control-dock{position:absolute;z-index:21;left:235px;right:235px;bottom:20px;height:80px;border-radius:28px;padding:9px 24px 8px}.dock-heading{display:flex;align-items:center;justify-content:space-between;height:26px}.dock-heading h2{display:inline;margin:0 0 0 12px;font-size:20px;color:#245c4c}#reset-button{border:0;border-radius:13px;padding:9px 16px;background:#e5efd7;color:#347050;font-weight:800;cursor:pointer}.control-dock>label{float:left;width:31.5%;margin-right:2.75%;padding-top:3px}.control-dock>label:nth-of-type(3){margin-right:0}.control-dock label span{display:flex;justify-content:space-between;font-size:15px;margin-bottom:7px}.control-dock output{color:#287b58;font-weight:900}input[type=range]{width:100%;height:10px;accent-color:#3b9f62;cursor:pointer}input[type=range]::-webkit-slider-thumb{width:28px;height:28px}.hint{display:none}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#1d493f47}.modal[hidden]{display:none}.modal article{position:relative;width:500px;border-radius:28px;padding:28px 32px}.modal h2{margin:5px 0 12px;color:#225f4b;font-size:30px}.modal p{font-size:17px;line-height:1.5;color:#45665d}.close{position:absolute;right:16px;top:13px;width:43px;height:43px;border:0;border-radius:14px;background:#e4efd7;font-size:28px;cursor:pointer}.cause{padding:15px;border-radius:16px;background:#e9f4dd;color:#315f4d}.cause b,.cause span{display:block}.cause span{margin-top:5px}.observe{padding-left:15px;border-left:5px solid #f0b22b}.landscape-hint{display:none;position:absolute;z-index:50;bottom:4px;left:50%;transform:translate(-50%);padding:3px 9px;border-radius:8px;background:#fff8dc;color:#275a4b;font-size:10px}@media(orientation:portrait)and (max-width:600px){.landscape-hint{display:block}}