@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff) format("woff")}:root{color-scheme:light;font-family:Nunito,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;--ink: #12314a;--paper: #fff7d8;--panel: rgba(213, 239, 255, .88);--panel-solid: #dff4ff;--blue: #2f78d0;--blue-dark: #1a4f8f;--yellow: #ffd14b;--orange: #ff8b2e;--red: #f04438;--green: #41b36d;--wood: #f6c15f;--wood-dark: #a86d1f;--shadow: rgba(27, 59, 85, .22)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,236,153,.42),transparent 34%),linear-gradient(135deg,#bdebf8,#f5f7ca 42%,#a7d87f);color:var(--ink)}body.theme-rooftop{--ink: #142944;--paper: #fff1c2;--panel: rgba(207, 232, 255, .9);--panel-solid: #d8efff;--blue: #496fcf;--blue-dark: #22427f;--yellow: #ffe071;--orange: #ff9a46;--red: #ef5a4f;--green: #59c8a3;--shadow: rgba(18, 31, 64, .34)}body.theme-reef{--ink: #08334f;--paper: #edfffb;--panel: rgba(212, 252, 255, .9);--panel-solid: #d8fbff;--blue: #168cc5;--blue-dark: #07547d;--yellow: #ffd86c;--orange: #ff8e62;--red: #f05d6e;--green: #22c7a6;--shadow: rgba(0, 60, 88, .34)}button{font:inherit}.app-shell{display:grid;width:100vw;height:100vh;min-width:320px;place-items:center;padding:clamp(8px,1.8vw,20px)}.game-shell{position:relative;width:min(100%,calc(100vh * 16 / 9));max-width:1680px;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:8px;background:#91d769;box-shadow:0 24px 70px var(--shadow);touch-action:none}.game-canvas{position:absolute;inset:0;width:100%;height:100%}.game-canvas canvas{display:block;width:100%!important;height:100%!important}.hud{position:absolute;top:clamp(8px,1.2vw,14px);left:clamp(8px,1.2vw,14px);right:clamp(8px,1.2vw,14px);z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none;transition:opacity .16s ease}body.is-menu .hud,body.is-menu .progress-shell,.game-shell.is-menu .hud,.game-shell.is-menu .progress-shell{opacity:0;pointer-events:none}.hud-group{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.hud-group-right{justify-content:flex-end}.hud-card,.life-meter,.icon-button{min-height:40px;border:0;background-color:var(--panel);background-image:url(/assets/hud-plaque-D15B0bkd.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:0 5px #3e7baa38,0 10px 20px #1640681f}.hud-card{display:grid;min-width:76px;padding:6px 11px 8px;border-radius:12px;line-height:1}.hud-label{margin-bottom:2px;color:#264a6ac7;font-size:10px;font-weight:800;text-transform:uppercase}.hud-card strong{overflow:hidden;color:#173957;font-size:clamp(19px,2.1vw,26px);font-weight:900;white-space:nowrap;text-overflow:ellipsis}.life-meter{display:flex;flex:0 0 184px;align-items:center;gap:6px;height:40px;width:184px;min-width:184px;padding:0 15px 2px;border-radius:12px;background-image:url(/assets/life-tray-B5Op2PfO.png)}.life{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;color:#3a5f7d3d;font-size:24px;line-height:1;text-shadow:0 2px 0 rgba(255,255,255,.32)}.life:before{content:"♥"}.life.is-filled{color:var(--red);filter:drop-shadow(0 2px 0 rgba(119,22,22,.18))}.icon-button{display:grid;width:42px;height:40px;place-items:center;padding:0;border-radius:12px;color:var(--blue-dark);font-size:19px;font-weight:900;cursor:pointer;pointer-events:auto}.icon-button:hover{filter:brightness(1.06)}.icon-button.is-active{color:#fff;background-color:var(--blue);background-image:none}body.theme-rooftop .hud-card,body.theme-rooftop .life-meter,body.theme-rooftop .icon-button{border:1px solid rgba(91,236,255,.52);background-color:#04112ec2;background-image:linear-gradient(180deg,#517eff47,#050d23b8);box-shadow:inset 0 0 0 1px #ffffff1f,0 0 18px #1fd7ff38,0 6px #060b2073;color:#dffbff}body.theme-rooftop .hud-label{color:#74e9ff}body.theme-rooftop .hud-card strong{color:#fff;text-shadow:0 0 10px rgba(83,226,255,.64)}body.theme-rooftop .life:before{content:"◆"}body.theme-rooftop .life{color:#72aedd47;text-shadow:0 0 8px rgba(68,216,255,.2)}body.theme-rooftop .life.is-filled{color:#ffdf67;filter:drop-shadow(0 0 8px rgba(255,219,84,.62))}body.theme-rooftop .progress-shell{height:6px;border:1px solid rgba(104,226,255,.28);background:#050e28b8;box-shadow:0 0 18px #40e0ff2e}body.theme-rooftop .progress-fill{background:linear-gradient(90deg,#57f4ff,#9a7dff,#ff4fd8);box-shadow:0 0 16px #5becff94}body.theme-rooftop .screen-panel{border:1px solid rgba(96,229,255,.6);background-color:#050e26e0;background-image:linear-gradient(135deg,#2959cd52,#ff49db2e),linear-gradient(180deg,#ffffff14,#fff0);box-shadow:0 0 0 1px #ffffff14,0 0 34px #45e0ff42,0 16px 42px #01071980}body.theme-rooftop .screen-panel h1,body.theme-rooftop .screen-panel h2{color:#f4fdff;text-shadow:0 0 16px rgba(87,244,255,.52)}body.theme-rooftop .screen-copy{color:#e2f5ffd1}body.theme-rooftop .kicker{color:#ffdf67}body.theme-rooftop .primary-button{background-color:#49e8ff;background-image:linear-gradient(180deg,#69f8ff,#4f76ff 54%,#ff55cf);box-shadow:0 5px #06174c9e,0 0 22px #50ecff5c;color:#061431}body.theme-reef .hud-card,body.theme-reef .life-meter,body.theme-reef .icon-button{border:1px solid rgba(187,255,250,.68);background-color:#d8fffbc7;background-image:radial-gradient(circle at 22% 18%,rgba(255,255,255,.86),transparent 18%),linear-gradient(180deg,#a8f5ffd6,#22a2cf94);box-shadow:inset 0 -5px 12px #00699329,0 6px #0d6c9247,0 12px 26px #004d6b33}body.theme-reef .hud-label{color:#086077}body.theme-reef .hud-card strong{color:#073a5a;text-shadow:0 2px 0 rgba(255,255,255,.48)}body.theme-reef .life:before{content:"●"}body.theme-reef .life{color:#04688438}body.theme-reef .life.is-filled{color:#7ef7ff;filter:drop-shadow(0 0 7px rgba(255,255,255,.8)) drop-shadow(0 2px 0 rgba(0,88,122,.22))}body.theme-reef .progress-shell{height:9px;border:1px solid rgba(220,255,250,.54);background:#08597b57;box-shadow:inset 0 2px 7px #003f5438}body.theme-reef .progress-fill{background:linear-gradient(90deg,#81fff3,#43d6ff,#d58cff);box-shadow:0 0 16px #82fff380}body.theme-reef .screen-panel{border:1px solid rgba(225,255,248,.74);background-color:#defffae6;background-image:radial-gradient(circle at 18% 18%,rgba(255,255,255,.92),transparent 16%),linear-gradient(180deg,#d1fff8eb,#58cee26b);box-shadow:inset 0 -8px 22px #00698829,0 12px 42px #00496752}body.theme-reef .screen-panel h1,body.theme-reef .screen-panel h2{color:#07547d;text-shadow:0 2px 0 rgba(255,255,255,.64)}body.theme-reef .screen-copy{color:#053f56c7}body.theme-reef .kicker{color:#0c8c8f}body.theme-reef .primary-button{background-color:#71fff1;background-image:linear-gradient(180deg,#b4fff8,#43d6ff 58%,#a985ff);box-shadow:0 5px #00698b4d,0 13px 24px #004e7033;color:#05384f}.progress-shell{position:absolute;top:clamp(54px,6.6vw,66px);left:clamp(12px,1.2vw,16px);right:clamp(12px,1.2vw,16px);z-index:4;height:7px;overflow:hidden;border-radius:99px;background:#ffffff70}.progress-fill{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe27a,#ffad35,#e68f2a);transition:width .14s ease-out}.loading-screen{position:absolute;inset:0;z-index:14;display:grid;place-items:center;padding:20px;background:#09263757;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-screen.is-hidden{display:none}.loading-panel{width:min(84%,380px);padding:24px 28px 26px;border:2px solid rgba(255,255,255,.62);border-radius:14px;background:linear-gradient(180deg,#dbf8fff0,#8bddeee6);box-shadow:0 12px 32px #08304547;text-align:center}.loading-panel h1{margin:2px 0 16px;color:var(--blue-dark);font-size:clamp(2rem,4.5vw,3rem);line-height:1;letter-spacing:0;text-shadow:0 2px 0 rgba(255,255,255,.62)}.loading-meter{width:min(100%,320px);height:20px;margin:0 auto;overflow:hidden;border:3px solid rgba(151,102,28,.28);border-radius:999px;background:#ffffffad;box-shadow:inset 0 3px 6px #593f1c24}.loading-fill{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe27a,#ffb347 54%,#ff8a3d);box-shadow:inset 0 2px #ffffff6b;transition:width .16s ease-out}.loading-percent{display:block;margin-top:12px;color:var(--blue-dark);font-size:clamp(1.25rem,3vw,1.7rem);line-height:1}.screen-layer{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:20px;background:linear-gradient(180deg,#305b7624,#173b3761)}.menu-screen{place-items:stretch;padding:clamp(14px,2.5vw,34px);background-color:#8dd0df;background:linear-gradient(180deg,#12445d4d,#10463a7a),url(/assets/garden-playfield-BKPGZl1K.png);background-position:center;background-size:cover}.screen-layer.is-hidden{display:none}.screen-panel{width:min(92%,450px);padding:clamp(24px,4vw,38px) clamp(26px,4.4vw,44px);border:0;border-radius:18px;background-color:var(--paper);background-image:linear-gradient(180deg,#fff6cacc,#ecab462e),url(/assets/modal-panel-Chy3FtRi.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:0 9px #915a1a3d,0 24px 52px #1430503d;text-align:center}.menu-panel{display:grid;align-content:center;width:min(100%,1260px);margin:0 auto;gap:clamp(14px,2.2vw,24px)}.menu-heading{max-width:640px;color:#fff;text-shadow:0 3px 14px rgba(0,34,64,.35)}.menu-heading h1,.menu-heading .kicker{color:#fff}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,16px)}.game-card{position:relative;display:grid;align-content:end;min-height:clamp(160px,21vw,230px);overflow:hidden;border:2px solid rgba(255,255,255,.72);border-radius:8px;padding:14px;background-color:#5fb7d2;background-position:center;background-size:cover;box-shadow:0 7px #0c385333,0 18px 30px #08223a38;color:#fff;text-align:left;cursor:pointer;isolation:isolate}.game-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#081b2c05 25%,#061e30d6)}.game-card:hover{transform:translateY(-2px);filter:brightness(1.04)}.game-card-kicker{margin-bottom:4px;color:#ffe78bf5;font-size:11px;font-weight:900;text-transform:uppercase}.game-card strong{font-size:clamp(20px,2.4vw,30px);line-height:1;text-shadow:0 2px 8px rgba(0,22,45,.35)}.game-card span:last-child{margin-top:7px;max-width:25ch;color:#ffffffe0;font-size:clamp(12px,1.2vw,15px);font-weight:700;line-height:1.25}.game-card-carrot{background-image:url(/assets/garden-playfield-BKPGZl1K.png)}.game-card-rooftop{background-image:url(/assets/moon-rooftop-run-Cr2dY2ai.png)}.game-card-reef{background-image:url(/assets/coral-reef-guardian-CoH_irfE.png)}.game-card-locked{cursor:default;filter:saturate(.72) brightness(.88)}.game-card-locked:hover{transform:none;filter:saturate(.72) brightness(.88)}.screen-panel-small{width:min(90%,360px);padding-block:clamp(22px,3.4vw,32px)}.kicker{margin:0 0 8px;color:#b86f18;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;color:#184f8f;font-size:clamp(32px,5vw,52px);line-height:.98;text-shadow:0 3px 0 rgba(255,255,255,.52)}h2{font-size:clamp(30px,4.8vw,48px)}.screen-copy{margin:14px auto 22px;max-width:34ch;color:#443d26c7;font-size:clamp(15px,2vw,18px);line-height:1.4}.rules-list{display:grid;gap:8px;margin:-8px auto 22px;padding:0;max-width:36ch;list-style:none;text-align:left}.rules-list li{position:relative;padding-left:22px;color:#2f363fd6;font-size:clamp(13px,1.55vw,16px);font-weight:800;line-height:1.25}.rules-list li:before{content:"";position:absolute;top:.42em;left:0;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #ffffff70}body.theme-rooftop .rules-list li{color:#e2f5ffe6}body.theme-rooftop .rules-list li:before{border-radius:2px;background:#57f4ff;box-shadow:0 0 12px #57f4ffad;transform:rotate(45deg)}body.theme-reef .rules-list li{color:#053f56db}body.theme-reef .rules-list li:before{background:#7ef7ff;box-shadow:inset 0 0 0 2px #ffffffd1,0 0 10px #7ef7ff9e}.primary-button{min-width:144px;min-height:48px;padding:0 24px 2px;border:0;border-radius:14px;background-color:var(--yellow);background-image:url(/assets/primary-button-CQWa6dnC.png),linear-gradient(180deg,#ffdf67,#ff9d2f);background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:0 5px #b260165c,0 12px 20px #7544102e;color:#4c2a00;font-size:18px;font-weight:900;cursor:pointer}.primary-button:hover{filter:brightness(1.04)}.primary-button:active{transform:translateY(1px)}@media(max-width:700px){.app-shell{padding:0}.game-shell{width:100vw;height:100vh;max-width:none;border:0;border-radius:0}.hud{align-items:flex-start}.hud-card{min-width:68px;min-height:45px;padding:6px 9px 8px}.hud-label{font-size:9px}.life-meter{order:3;flex-basis:174px;width:174px;min-width:174px;justify-content:center;margin-left:auto;padding-right:12px;padding-left:12px;box-shadow:0 4px #3e7baa2e}.life{flex-basis:20px;width:20px;height:20px;font-size:20px}.menu-screen{overflow-y:auto;place-items:start stretch;padding:12px}.menu-panel{align-content:start}.menu-heading h1{font-size:clamp(30px,10vw,42px)}.game-grid{grid-template-columns:1fr}.game-card{min-height:126px}}