:root{color:#efe9de;font-synthesis:none;background:#606371;font-family:Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#canvas-container{width:100%;height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none}canvas{touch-action:none;display:block}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline-offset:5px;outline:2px solid #f5e9d5}button[hidden]{display:none}.hud-container{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;padding:30px 36px;transition:opacity .4s;display:flex;position:fixed;inset:0}.hud-container.is-hidden{opacity:0;visibility:hidden}.hud-top,.hud-bottom{justify-content:space-between;align-items:center;gap:22px;display:flex}.brand{text-shadow:0 2px 14px #302d3f99;flex-direction:column;gap:9px;display:flex}.brand-title{letter-spacing:-.7px;font-family:Georgia,serif;font-size:27px;font-weight:400}.brand-sub{letter-spacing:2.4px;color:#e5dfd3bb;font-size:9px}.top-controls{pointer-events:auto;align-items:center;gap:12px;display:flex}.mood-selector{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#36323c33;border:1px solid #f2e4d121;border-radius:24px;gap:3px;padding:5px;display:flex}.mood-btn{color:#eee7dbc9;background:0 0;border:0;border-radius:20px;padding:9px 12px;font-size:11px;transition:background .2s}.mood-btn.active{color:#fff4e6;background:#ece2cd21}.mood-btn:hover{background:#ece2cd32}.icon-btn{background:#36323c33;border:1px solid #f2e4d12b;border-radius:50%;width:35px;height:35px;font-size:19px}.hud-bottom{opacity:0;visibility:hidden;align-items:flex-end;transition:opacity .6s}.has-started .hud-bottom{opacity:1;visibility:visible}.coffee-card{text-shadow:0 2px 8px #201d2b;pointer-events:auto;width:255px}.coffee-header{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.coffee-name{letter-spacing:2px;color:#e4dfd3bd;font-size:9px}.coffee-temp{font-family:Georgia,serif;font-size:16px}.meter-bar-wrap{background:#eee7dc36;height:2px;margin-bottom:9px}.meter-bar{background:#d5c5a8;height:100%;transition:width .4s}.coffee-subinfo{color:#ded7cbaa;justify-content:space-between;font-size:10px;display:flex}.action-dock{pointer-events:auto;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#29283155;border:1px solid #ece2cc26;border-radius:7px;gap:5px;padding:5px;display:flex}.action-btn{background:0 0;border:0;border-radius:4px;flex-direction:column;align-items:center;gap:8px;min-width:65px;padding:10px;display:flex}.action-btn:hover{background:#efe3cd1a}.act-icon{letter-spacing:1.2px;color:#eee5d69c;font-size:8px}.act-label{font-size:11px}.start-overlay{pointer-events:auto;width:330px;transition:opacity .6s,visibility .6s;position:absolute;bottom:42px;left:36px}.start-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-card{text-shadow:0 2px 18px #171322;background:linear-gradient(90deg,#28263478,#28263405);border-left:1px solid #dfd5c673;padding:24px 26px}.eyebrow{letter-spacing:2px;color:#dfd9c8;margin-bottom:13px;font-size:8px}.start-card h2{letter-spacing:-.6px;margin-bottom:12px;font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.2}.start-card p{color:#e5ded0cb;max-width:245px;margin-bottom:20px;font-size:12px;line-height:1.8}.start-btn{letter-spacing:.5px;text-shadow:0 1px 4px #302636;background:#eadbc41a;border:1px solid #e4d7c34d;border-radius:3px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:11px;display:flex}.start-btn:hover{background:#eadbc435}.shortcuts-guide{color:#e4dcc3a6;margin-top:13px;font-size:9px;line-height:1.8}.crosshair{display:none}.interact-prompt{z-index:11;pointer-events:none;opacity:0;background:#28263080;border:1px solid #e4d7c34d;border-radius:3px;padding:10px 14px;font-size:12px;position:fixed;top:53%;left:50%}.key-badge{margin-right:8px}.restore-ui{z-index:20;letter-spacing:.5px;color:#f0e8d3b3;opacity:.18;background:#28263428;border:1px solid #e4d7c326;border-radius:3px;padding:9px 12px;font-size:10px;transition:opacity .2s;position:fixed;top:18px;right:18px}.restore-ui:hover,.restore-ui:focus-visible{opacity:1}@media (width<=760px){.hud-container{padding:20px}.hud-top{align-items:flex-start;gap:16px}.brand-title{font-size:23px}.brand-sub{letter-spacing:1.1px;font-size:8px}.top-controls{flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:215px}.mood-selector{order:3}.mood-btn{padding:7px 8px;font-size:9px}.icon-btn{width:30px;height:30px}.hud-bottom{flex-direction:column;align-items:flex-start;gap:14px}.coffee-card{width:180px}.coffee-header{gap:5px;margin-bottom:7px}.coffee-temp{font-size:14px}.action-dock{justify-content:space-around;align-self:stretch}.action-btn{flex:1;min-width:0;padding:8px}.act-icon{display:none}.start-overlay{width:min(300px,100% - 40px);bottom:25px;left:20px}.start-card{padding:20px}.start-card h2{font-size:27px}}@media (height<=520px){.hud-container{padding:16px 24px}.start-overlay{bottom:15px;left:24px}.start-card{padding:14px 20px}.shortcuts-guide{display:none}.start-card p{margin-bottom:10px}.brand-title{font-size:22px}.coffee-header{margin-bottom:7px}.hud-bottom{flex-direction:row;align-items:flex-end}.action-dock{align-self:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.terrace-nav{opacity:0;visibility:hidden;pointer-events:none;text-shadow:0 2px 9px #211e30;flex-direction:column;gap:11px;transition:opacity .5s;display:flex;position:absolute;top:110px;left:36px}.has-started .terrace-nav{opacity:1;visibility:visible;pointer-events:auto}.nav-eyebrow{letter-spacing:2px;color:#ece2cbaa;font-size:8px}.walk-buttons{flex-wrap:wrap;gap:6px;display:flex}.walk-buttons button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#28263366;border:1px solid #e8dcc02a;border-radius:3px;padding:9px 12px;font-size:10px}.walk-buttons button span{opacity:.6;margin-right:8px;font-size:8px}.walk-buttons button:hover,.walk-buttons button.active{background:#e4d5b52b;border-color:#e8dcc06b}#location-label{color:#e5dccaab;font-family:Georgia,serif;font-size:12px;font-style:italic}@media (width<=760px){.terrace-nav{gap:8px;top:125px;left:20px;right:20px}.walk-buttons button{padding:9px;font-size:9px}.nav-eyebrow{font-size:7px}.walk-buttons{gap:5px}}@media (height<=520px){.terrace-nav{top:85px;left:24px}.nav-eyebrow,#location-label{display:none}}.forest-panel{pointer-events:auto;color:#e6dfd2;z-index:15;width:250px;font-size:11px;position:absolute;top:91px;right:36px}.forest-panel summary{cursor:pointer;text-align:right;letter-spacing:.6px;text-shadow:0 2px 8px #201c2c;list-style:none}.forest-panel summary:before{content:"＋";margin-right:8px}.forest-panel[open] summary:before{content:"−"}#forest-seed-label{opacity:.65;font-size:10px}.forest-panel form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#232733ed;border:1px solid #e6d8ba30;border-radius:5px;flex-direction:column;gap:13px;max-height:calc(100dvh - 155px);margin-top:12px;padding:18px;display:flex;overflow-y:auto}.forest-panel p{color:#d7d1c4ab;font:12px/1.6 Georgia,serif}.forest-panel label{justify-content:space-between;align-items:center;gap:12px;display:flex}.forest-panel input,.forest-panel select{color:#e9e2d4;-webkit-user-select:text;user-select:text;background:#373a44;border:1px solid #d7d1c433;border-radius:3px;width:137px;padding:7px;font:11px Arial,sans-serif}.forest-actions{gap:7px;display:flex}.forest-actions button{background:#d7d1c412;border:1px solid #d7d1c433;border-radius:3px;padding:8px;font-size:10px}.forest-actions button:hover{background:#d7d1c42b}#forest-stats{opacity:.65;font-size:9px}@media (width<=760px){.forest-panel{top:210px;right:20px}.forest-panel form{max-height:calc(100dvh - 270px)}}@media (height<=520px){.forest-panel{top:72px;right:24px}.forest-panel form{max-height:calc(100dvh - 115px)}}