#grove-shortcut{position:absolute;left:14px;bottom:53px;z-index:3;min-height:44px;padding:8px 14px;display:flex;align-items:center;gap:8px;border:1px solid #d8d7ab;border-radius:16px;background:#f8f3dbed;color:#3d624c;box-shadow:0 4px 18px #1c423329;font-size:14px;font-weight:700}
#grove-shortcut span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d8e3ba;color:#5c825e;font:24px/1 Georgia,serif}
.visiting #grove-shortcut{display:none}
.grove-gate{position:fixed;inset:0;z-index:24;display:grid;place-items:center;padding:20px;background:#1a3128cc;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.grove-gate-card{width:min(410px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:25px clamp(20px,5vw,34px);border:1px solid #e8d8aa;border-radius:25px;background:linear-gradient(160deg,#fffaf0,#e7ebd7);box-shadow:0 22px 75px #0c221e80;text-align:center;color:#35564a}
.grove-gate-mark{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 13px;border:1px solid #c5ae74;border-radius:50%;background:#f7f0da;color:#a78952;font:39px/1 Georgia,serif}
.grove-gate-card>small,.grove-top small,.grove-discovery small{font-size:11px;letter-spacing:1.7px;color:#8b805e}
.grove-gate-card h2{margin:7px 0 13px;font:normal clamp(23px,6vw,29px)/1.2 Georgia,serif;color:#305a49}
.grove-gate-card>p{font-size:15px;line-height:1.6;margin:0 0 20px}
.grove-gate-card form{text-align:left}.grove-gate-card label{display:block;font-size:14px;font-weight:700;margin:0 0 5px}.grove-gate-card input{width:100%;min-height:48px;padding:10px 13px;margin:0 0 10px;border:1px solid #bacba7;border-radius:11px;background:#fffcf5;color:#25453f;font-size:17px;letter-spacing:1px}
.grove-gate-card form button{margin:0 0 8px}.grove-gate-card>button{margin-bottom:15px}.grove-gate-card #grove-key-error{margin:0 0 10px;color:#975b44;font-size:13px}.grove-gate-whisper{display:block;font-family:Georgia,serif;font-style:italic;line-height:1.4;letter-spacing:0!important;color:#788471!important}
.grove-view{position:fixed;inset:0;z-index:21;display:flex;flex-direction:column;overflow:hidden;background:#244338;color:#fff7df}
.grove-top{position:relative;z-index:1;display:flex;align-items:center;gap:15px;min-height:105px;padding:max(14px,env(safe-area-inset-top)) 18px 13px;border-bottom:1px solid #b8c89852;background:linear-gradient(110deg,#244638,#33583f 62%,#465e45);box-shadow:0 4px 20px #10292366}
.grove-back{min-height:47px;white-space:nowrap;padding:11px 14px;border:1px solid #b3c1958a;border-radius:14px;background:#e7edcf;color:#355846;font-size:14px;font-weight:bold}
.grove-top>div{min-width:0;flex:1}.grove-top small{color:#e6d4a4}.grove-top h1{margin:2px 0 2px;font:normal clamp(21px,5vw,29px)/1.12 Georgia,serif;color:#ffeed0}.grove-top p{margin:0;color:#d1e0be;font-size:12px;line-height:1.3}.grove-top-mark{font:33px Georgia,serif;color:#ebdba4;flex-shrink:0}
.grove-stage{position:relative;min-height:0;flex:1;background:#304d3e}.grove-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.grove-stage canvas:active{cursor:grabbing}
.grove-zoom{position:absolute;right:14px;top:15px;display:grid;gap:7px}.grove-zoom button{width:44px;height:44px;border:1px solid #d5e4b7aa;border-radius:13px;background:#e7eed5e8;color:#3b5c48;font-size:24px;box-shadow:0 4px 12px #1c35264a}
.grove-notice{position:absolute;left:50%;bottom:16px;width:max-content;max-width:min(90%,450px);transform:translate(-50%,10px);opacity:0;pointer-events:none;padding:10px 15px;border:1px solid #dfd2a1;border-radius:14px;background:#fdf6ddf0;color:#3a5b49;box-shadow:0 7px 28px #18352866;text-align:center;font-size:14px;line-height:1.4;transition:opacity .2s,transform .2s}.grove-notice.show{opacity:1;transform:translate(-50%,0)}.grove-notice.special{border-color:#dfb85d;box-shadow:0 0 22px #f3d79475}
.grove-discovery{position:absolute;top:15px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-start;gap:10px;width:min(470px,calc(100% - 80px));max-height:50%;overflow-y:auto;padding:13px;border:1px solid #e2d29c;border-radius:16px;background:#fdf7e9f5;color:#385d4b;box-shadow:0 12px 26px #213f3370}.grove-discovery>span{font:27px Georgia,serif;color:#ba9856}.grove-discovery>div{flex:1;min-width:0}.grove-discovery h3{margin:3px 0 4px;font:normal 19px Georgia,serif}.grove-discovery p{margin:0;font-size:13px;line-height:1.5}.grove-discovery button{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#e9ecdc;color:#516956}
.grove-footer{display:grid;gap:8px;padding:12px 16px max(14px,env(safe-area-inset-bottom));background:linear-gradient(#f7f3dd,#e8e9d3);color:#365948;box-shadow:0 -4px 18px #0a2c1d44}
.grove-tool,.grove-target{display:flex;align-items:center;justify-content:space-between;gap:12px}.grove-tool strong{font-size:14px}.grove-upgrade{min-height:38px;padding:7px 11px;border-radius:10px;background:#38694e;color:#ffefca;font-size:12px;font-weight:700;max-width:50%}.grove-upgrade:disabled{background:#e3e7d4;color:#758770;opacity:1}
.grove-target{border-top:1px solid #d4d9bd;padding-top:8px;min-height:54px}.grove-target>div{flex:1;min-width:0}.grove-target b{display:block;font:normal 16px Georgia,serif}.grove-target small{display:block;margin-top:3px;font-size:12px;color:#647d67;line-height:1.3}.grove-resistance{height:6px;overflow:hidden;margin-top:7px;border-radius:9px;background:#d4dbc8}.grove-resistance i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e6ba70,#79a97a);transition:width .08s linear}#grove-work{min-height:45px;padding:9px 13px;border-radius:11px;background:#3f7856;color:#fff7d9;font-size:13px;font-weight:700;touch-action:none;flex-shrink:0}
@media(max-width:650px){.grove-top{min-height:95px;gap:9px;padding:calc(env(safe-area-inset-top) + 9px) 11px 9px}.grove-back{padding:9px;min-height:44px;font-size:12px}.grove-top-mark{display:none}.grove-footer{padding:10px 12px max(12px,env(safe-area-inset-bottom))}.grove-tool{align-items:flex-start}.grove-upgrade{font-size:11px}.grove-discovery{left:11px;transform:none;width:calc(100% - 69px);top:11px}#grove-shortcut{left:12px;bottom:48px}}
@media(max-height:570px){.grove-top{min-height:72px}.grove-footer{gap:3px;padding-top:7px}.grove-target{min-height:42px}.grove-top p{display:none}}
@media(prefers-reduced-motion:reduce){.grove-notice,.grove-resistance i{transition:none}}