:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--shell:#263d2b;--shell-edge:#718163;--night:#182a20;--board:#213729;--board-hi:#304a36;--paper:#f0ead7;--muted:#b8c3a7;--line:#586d52;--leaf:#a8c66d;--sun:#e6bd58;--clay:#a94935;--ink:#18251c}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0}body{color:var(--paper);-webkit-tap-highlight-color:transparent;background:#111a14;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid var(--sun);outline-offset:3px}button:disabled{cursor:default;opacity:.45}.layout{place-items:center;width:100%;height:100dvh;display:grid}.machine{isolation:isolate;border:5px solid var(--shell);outline:1px solid var(--shell-edge);background:var(--night);border-radius:18px;flex-direction:column;width:min(500px,94vw);height:min(920px,96dvh);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #101810,0 18px 50px #080e0a}.hud{z-index:2;background:var(--shell);flex:0 0 74px;align-items:center;gap:18px;padding:8px 13px;display:flex;position:relative}.botanical-divider{z-index:3;pointer-events:none;width:100%;height:16px;position:absolute;bottom:-8px;left:0;right:0;overflow:visible}.botanical-divider path:first-child{fill:none;stroke:#9cae72;stroke-width:2.2px;stroke-linecap:round}.botanical-divider path+path{fill:#a8bd79;stroke:#465c3c;stroke-width:.8px;stroke-linejoin:round}.botanical-divider-bottom{top:-8px;bottom:auto}.scorebox,.bestbox{border-left:3px solid var(--leaf);min-width:69px;padding-left:9px}.bestbox{border-left-color:var(--sun)}.label{color:var(--muted);letter-spacing:1.1px;font:700 9px/1.15 Courier New,monospace;display:block}.scorebox strong,.bestbox strong{color:var(--paper);font-variant-numeric:tabular-nums;font:700 27px/.98 Courier New,monospace;display:block}.bestbox strong{font-size:21px}.hud-actions{gap:5px;margin-left:auto;display:flex}.iconbtn{width:37px;height:37px;color:var(--paper);background:#1e3324;border:1px solid #77896c;border-radius:5px;place-items:center;padding:0;display:grid}.iconbtn:hover{border-color:var(--sun);color:#ffe79b}.iconbtn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.iconbtn.muted{color:#a5ad9d;position:relative}.iconbtn.muted:after{content:"";background:currentColor;width:22px;height:2px;position:absolute;transform:rotate(-48deg)}.field{background:#203c2b;flex:1 1 0;min-width:0;min-height:0;position:relative;overflow:hidden}.field canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{z-index:4;background:#101a1470;justify-content:center;align-items:safe center;padding:18px;display:flex;position:absolute;inset:0;overflow:auto}.overlay[hidden],.card[hidden]{display:none}.card{isolation:isolate;width:min(100%,345px);max-height:100%;color:var(--paper);text-align:center;background:0 0;border:0;border-radius:16px;padding:23px 22px 19px;position:relative;overflow:visible}.card>:not(.vine-frame){z-index:2;position:relative}.vine-frame{z-index:1;pointer-events:none;width:calc(100% + 32px);height:calc(100% + 32px);position:absolute;inset:-16px;overflow:visible}.vine-shadow{vector-effect:non-scaling-stroke;fill:var(--board);stroke:#283b28;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.vine-stem{vector-effect:non-scaling-stroke;fill:none;stroke:#a1bb67;stroke-width:3.1px;stroke-linecap:round;stroke-linejoin:round}.vine-leaves{vector-effect:non-scaling-stroke;fill:#b1c978;stroke:#405438;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.card-kicker{color:var(--leaf);letter-spacing:1.2px;font:700 10px/1.4 Courier New,monospace;display:block}.card h2{color:var(--paper);letter-spacing:-.8px;margin:10px 0 11px;font:800 36px/1.05 Trebuchet MS,Segoe UI,sans-serif}.card h2 span{color:var(--sun)}.card p{color:#d5ddc9;margin:10px 0 17px;font-size:13px;line-height:1.5}.primary,.secondary{border-radius:5px;justify-content:center;align-items:center;width:100%;font-weight:800;display:flex}.primary{min-height:56px;color:var(--ink);background:var(--sun);border:2px solid #f3d67f;border-bottom-width:5px;gap:12px;padding:9px 16px;font-size:17px;box-shadow:0 2px #101810}.primary:hover{background:#f0cd6b}.primary:active{border-bottom-width:3px;transform:translateY(2px)}.primary span{font-size:18px}.secondary{min-height:42px;color:var(--paper);background:#293f2e;border:1px solid #718468;margin-top:9px;padding:8px 11px;font-size:12px}.secondary:hover{border-color:var(--leaf);background:#354d38}.start-hint{color:var(--muted);margin-top:13px;font:11px/1.45 Courier New,monospace}.endstats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;grid-template-columns:1fr 1fr;margin:17px 0 20px;display:grid}.endstats>div{padding:10px 8px 11px 3px}.endstats>div+div{border-left:1px solid var(--line);padding-left:14px}.endstats span{color:var(--muted);letter-spacing:1px;margin-bottom:3px;font:700 9px/1.3 Courier New,monospace;display:block}.endstats strong{font-variant-numeric:tabular-nums;font:700 26px/1.1 Courier New,monospace}.tiltsetting{border-top:1px solid var(--line);margin-top:15px;padding-top:10px}.tiltsetting p{color:var(--muted);margin:9px 0 0;font-size:11px}#invertTilt[hidden]{display:none}.height-tag{color:#f0d783;opacity:0;pointer-events:none;text-align:center;text-shadow:1px 2px #172719;font:700 19px Courier New,monospace;transition:opacity .18s;position:absolute;top:17%;left:0;right:0}.height-tag.visible{opacity:1}.power{z-index:2;min-width:130px;color:var(--paper);text-align:center;background:#182a20ef;border:1px solid #869376;border-radius:4px;padding:7px 9px;font:700 10px Courier New,monospace;display:none;position:absolute;top:11px;left:50%;transform:translate(-50%)}.power>div{background:#53684c;height:4px;margin-top:6px}.power i{background:var(--sun);height:100%;display:block}.screen-notice{z-index:6;border:2px solid #879273;border-left:5px solid var(--sun);color:var(--paper);background:var(--board);border-radius:4px;align-items:flex-start;gap:10px;padding:11px 12px;font-size:12px;line-height:1.5;display:flex;position:absolute;top:10px;left:10px;right:10px}.screen-notice[hidden]{display:none}.screen-notice button{min-width:30px;min-height:30px;color:var(--muted);background:0 0;border:0;flex:0 0 30px;font-size:20px}.touchbar{color:var(--paper);background:var(--shell);touch-action:none;-webkit-user-select:none;user-select:none;flex:0 0 78px;justify-content:space-between;align-items:center;gap:10px;padding:8px 13px;display:none;position:relative}.arrows{gap:7px;display:flex}.touchbtn{width:66px;height:56px;color:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;background:#1e3324;border:2px solid #829172;border-bottom-width:4px;border-radius:7px;font:700 27px Courier New,monospace}.touchbtn.held{border-color:var(--sun);color:var(--ink);background:var(--sun);transform:translateY(2px)}.firebtn{width:75px;color:var(--ink);background:var(--leaf);border-color:#e1bd67;flex-direction:column;justify-content:center;align-items:center;gap:0;font-size:22px;display:flex}.firebtn span{letter-spacing:.8px;font:700 8px Courier New,monospace}.touchhint{color:#c9d2ba;letter-spacing:.8px;text-align:center;font:700 9px Courier New,monospace}.leaderboard-panel{z-index:8;background:#101a14df;justify-content:center;align-items:safe center;padding:16px;display:flex;position:absolute;inset:0;overflow:auto}.leaderboard-panel[hidden]{display:none}.friend-consent-panel{z-index:10;background:#101a14e8;place-items:center;padding:18px;display:grid;position:absolute;inset:0;overflow:auto}.friend-consent-panel[hidden]{display:none}.friend-consent-dialog{width:min(100%,390px);color:var(--paper);background:#1b3022;border:1px solid #78905f;border-radius:15px;padding:25px 24px 22px;box-shadow:0 16px 42px #080e0acc}.friend-consent-dialog h2{margin:9px 0 10px;font-size:25px;line-height:1.15}.friend-consent-dialog p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.friend-consent-actions{gap:9px;margin-top:22px;display:flex}.friend-consent-actions button{flex:1 1 0;min-height:44px;padding:8px 12px;font-size:12px}.friend-consent-actions .primary{margin-top:0}.friend-consent-actions button:disabled{cursor:progress}.leaderboard-dialog{--leaderboard-inset:19px;isolation:isolate;width:min(100%,390px);max-height:none;padding:18px var(--leaderboard-inset);color:var(--paper);background:0 0;border:0;border-radius:16px;outline:none;position:relative;overflow:visible}.leaderboard-dialog>:not(.vine-frame){z-index:2;position:relative}.leaderboard-header{margin:0 calc(-1 * var(--leaderboard-inset)) 11px;padding:0 var(--leaderboard-inset) 12px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.leaderboard-header>div:first-child{min-width:0}.leaderboard-header .card-kicker{color:var(--leaf);font-size:9px}.leaderboard-header h2{color:var(--paper);margin:6px 0 4px;font-size:24px;line-height:1.1}.leaderboard-subtitle{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.leaderboard-close{border:1px solid var(--line);width:32px;height:32px;color:var(--paper);background:#1b3022;border-radius:4px;flex:0 0 32px;place-items:center;font-size:21px;display:grid}.leaderboard-close:hover{border-color:var(--sun)}.leaderboard-tabs{border-bottom:1px solid var(--line);gap:6px;display:flex}.leaderboard-tabs button{min-height:37px;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:7px 9px;font-size:12px}.leaderboard-tabs button.selected{border-bottom-color:var(--sun);color:var(--paper);font-weight:700}.leaderboard-message{min-height:42px;color:var(--muted);margin:13px 0 5px;font-size:12px;line-height:1.5}.leaderboard-message:empty{min-height:0;margin:0}.leaderboard-message[data-state=error]{color:#efb5a2}.leaderboard-list{max-height:300px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.leaderboard-row{border-bottom:1px solid #405642;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:8px 10px;display:grid}.leaderboard-identity{grid-template-columns:14px 26px;align-items:center;gap:4px;display:grid}.leaderboard-player{align-items:center;gap:5px;min-width:0;display:flex}.leaderboard-avatar{width:26px;height:26px;color:var(--paper);background:var(--board-hi);border:1px solid #71845e;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;overflow:hidden}.leaderboard-avatar img{object-fit:cover;width:100%;height:100%}.leaderboard-rank{color:var(--muted);font-variant-numeric:tabular-nums;font:700 11px Courier New,monospace}.leaderboard-row:first-child .leaderboard-rank{color:var(--sun)}.leaderboard-name{min-width:0;color:var(--paper);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:13px;font-weight:600;overflow:hidden}.leaderboard-self{color:var(--leaf);white-space:nowrap;flex:none;font-size:10px;font-weight:700}.leaderboard-score{color:var(--sun);font-variant-numeric:tabular-nums;white-space:nowrap;font:700 13px Courier New,monospace}.leaderboard-gap{min-height:30px;color:var(--muted);letter-spacing:.28em;border-bottom:1px solid #405642;place-items:center;font:700 13px Courier New,monospace;display:grid}.leaderboard-footnote{color:var(--muted);margin:12px 0 0;font-size:10px;line-height:1.45}.leaderboard-retry[hidden]{display:none}.desktop-layout .machine{border-radius:22px;width:min(1160px,96vw);height:min(920px,94dvh)}.desktop-layout .hud{flex-basis:78px;gap:24px;padding:10px 24px}.desktop-layout .card{width:min(480px,100%);padding:30px 32px 26px}.desktop-layout .card h2{font-size:clamp(42px,5vw,58px)}.desktop-layout .leaderboard-dialog{--leaderboard-inset:34px;width:min(680px,78vw);padding:27px 34px}.desktop-layout .leaderboard-list{max-height:min(50vh,430px)}.desktop-layout .field{background:#182a20}.desktop-layout .field canvas{aspect-ratio:420/680;background:#203c2b;width:auto;max-width:100%;height:100%;inset:0 auto 0 50%;transform:translate(-50%)}:is(html.mobile-layout,html.fullscreen-layout),:is(html.mobile-layout,html.fullscreen-layout) body{background:var(--night);height:100%;overflow:hidden}:is(.mobile-layout,.fullscreen-layout) .layout{width:100%;height:var(--play-height,100dvh);margin:0;padding:0;display:block;position:fixed;inset:0}:is(.mobile-layout,.fullscreen-layout) .machine{width:100%;height:100%;box-shadow:none;border:0;border-radius:0;outline:0}:is(.mobile-layout,.fullscreen-layout) .hud{height:calc(59px + env(safe-area-inset-top,0px));flex-basis:calc(59px + env(safe-area-inset-top,0px));min-height:0;padding:calc(4px + env(safe-area-inset-top,0px)) max(9px, env(safe-area-inset-right,0px)) 4px max(9px, env(safe-area-inset-left,0px));gap:9px}:is(.mobile-layout,.fullscreen-layout) .hud-actions{gap:2px}:is(.mobile-layout,.fullscreen-layout) .iconbtn{background:0 0;border-color:#0000;width:36px;height:36px}:is(.mobile-layout,.fullscreen-layout) .scorebox strong{font-size:24px}:is(.mobile-layout,.fullscreen-layout) .bestbox strong{font-size:18px}:is(.mobile-layout,.fullscreen-layout) .label{font-size:8px}.mobile-layout .touchbar{height:calc(78px + env(safe-area-inset-bottom,0px));flex-basis:calc(78px + env(safe-area-inset-bottom,0px));padding:7px max(12px, env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));display:flex}.mobile-layout .touchbtn{width:clamp(60px,18vw,82px);height:56px}.mobile-layout .firebtn{width:clamp(68px,20vw,86px)}:is(.mobile-layout,.fullscreen-layout) .overlay{padding:13px}:is(.mobile-layout,.fullscreen-layout) .card{width:min(100%,355px);padding:19px 18px 17px}:is(.mobile-layout,.fullscreen-layout) .card h2{font-size:clamp(30px,8vw,36px)}:is(.mobile-layout,.fullscreen-layout) .leaderboard-panel{padding:max(12px, env(safe-area-inset-top,0px)) max(6px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(6px, env(safe-area-inset-left,0px))}:is(.mobile-layout,.fullscreen-layout) .leaderboard-dialog{--leaderboard-inset:13px;width:min(100%,430px);padding:16px 13px}:is(.mobile-layout,.fullscreen-layout) .leaderboard-header{margin:0 calc(-1 * var(--leaderboard-inset)) 11px;padding:0 var(--leaderboard-inset) 10px}:is(.mobile-layout,.fullscreen-layout) .leaderboard-header h2{font-size:22px}:is(.mobile-layout,.fullscreen-layout) .leaderboard-list{max-height:min(42vh,300px)}@media (width<=360px){.mobile-layout .hud{gap:4px}.mobile-layout .scorebox,.mobile-layout .bestbox{min-width:52px;padding-left:6px}.mobile-layout .iconbtn{width:32px;height:34px}.mobile-layout .touchhint{display:none}}@media (height<=600px) and (orientation:landscape){:is(.mobile-layout,.fullscreen-layout) .hud{height:calc(47px + env(safe-area-inset-top,0px));flex-basis:calc(47px + env(safe-area-inset-top,0px))}.mobile-layout .touchbar{height:calc(62px + env(safe-area-inset-bottom,0px));flex-basis:calc(62px + env(safe-area-inset-bottom,0px))}.mobile-layout .touchbtn{width:76px;height:47px}:is(.mobile-layout,.fullscreen-layout) .card{width:min(100%,410px);padding:12px 16px}:is(.mobile-layout,.fullscreen-layout) .card h2{margin:6px 0;font-size:27px}.card p{margin:7px 0 10px;font-size:11px}.card-kicker,.start-hint{font-size:9px}.primary{min-height:42px}.endstats{margin:7px 0 10px}.endstats strong{font-size:21px}}@media (width<=600px){:is(.mobile-layout,.fullscreen-layout,.desktop-layout) .leaderboard-panel{padding:max(12px, env(safe-area-inset-top,0px)) max(6px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(6px, env(safe-area-inset-left,0px))}:is(.mobile-layout,.fullscreen-layout,.desktop-layout) .leaderboard-dialog{--leaderboard-inset:13px;width:min(100%,430px);padding:16px 13px}:is(.mobile-layout,.fullscreen-layout,.desktop-layout) .leaderboard-header{margin:0 calc(-1 * var(--leaderboard-inset)) 11px;padding:0 var(--leaderboard-inset) 10px}:is(.mobile-layout,.fullscreen-layout,.desktop-layout) .leaderboard-row{grid-template-columns:44px minmax(0,1fr) auto;gap:8px;padding:8px}}