:root{--pink:#ff7fa5;--pink-deep:#e85d8a;--plum:#6d4356;--plum-soft:#8a4f63;--cream:#fff6ee;--sky:#cfe9ff;--card:#fff6eef0;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{overscroll-behavior:none;background:#ffe4ef;width:100%;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;position:absolute;inset:0}#ui-root button{pointer-events:auto;cursor:pointer;border:none;font-family:inherit}.hud{padding-top:calc(var(--safe-top) + 10px);display:none;position:absolute;inset:0}.hud.visible{display:block}.hud-score{top:calc(var(--safe-top) + 12px);color:var(--plum);text-shadow:0 2px #ffffffb3;font-size:34px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.hud-strawberries{top:calc(var(--safe-top) + 14px);color:var(--plum);background:var(--card);border-radius:999px;padding:6px 14px;font-size:20px;font-weight:700;position:absolute;left:14px;box-shadow:0 2px 8px #6d435626}.hud-buttons{top:calc(var(--safe-top) + 10px);gap:8px;display:flex;position:absolute;right:10px}.hud-btn{background:var(--card);width:46px;height:46px;color:var(--plum);border-radius:50%;font-size:22px;box-shadow:0 2px 8px #6d43562e}.hud-combo{top:calc(var(--safe-top) + 64px);color:var(--pink-deep);text-shadow:0 2px #fff;font-size:26px;font-weight:900;transition:transform .18s cubic-bezier(.34,1.56,.64,1);position:absolute;left:50%;transform:translate(-50%)scale(0)}.hud-combo.pop{animation:1s ease-in-out infinite heartPulse;transform:translate(-50%)scale(1)}@keyframes heartPulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.14)}}.hud-blush{pointer-events:none;opacity:0;transition:opacity .45s;position:absolute;inset:0;box-shadow:inset 0 0 90px 34px #ff69a052}.hud-blush.visible{opacity:1;animation:1.1s ease-in-out infinite blushBreathe}@keyframes blushBreathe{0%,to{opacity:.75}50%{opacity:1}}.hud-vehicle{bottom:calc(var(--safe-bottom) + 18px);color:var(--plum);background:var(--card);border-radius:999px;padding:8px 16px;font-size:17px;font-weight:800;display:none;position:absolute;overflow:hidden;box-shadow:0 2px 8px #6d43562e}.hud-vehicle .vfill{background:linear-gradient(#ff69a061,#ff69a038);width:100%;transition:width .2s linear;position:absolute;top:0;bottom:0;left:0}.hud-vehicle .vlabel{position:relative}.hud-vehicle.ending .vfill{animation:.45s linear infinite endingBlink}@keyframes endingBlink{50%{opacity:.15}}.hud-vehicle.visible{display:block}.hud-vehicle.left{left:14px}.hud-vehicle.right{right:14px}.power-meter{top:calc(var(--safe-top) + 106px);background:var(--card);border-radius:999px;align-items:center;gap:9px;padding:7px 14px;display:none;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #6d43562e}.power-meter.visible{display:flex}.pm-icon{font-size:21px;line-height:1}.pm-track{background:#6d435624;border-radius:999px;width:42vw;max-width:210px;height:12px;overflow:hidden}.pm-fill{background:linear-gradient(90deg,#ff8fb8,#ffd54a);border-radius:999px;height:100%;transition:width .2s linear}.power-meter.low .pm-fill{background:#f55}.power-meter.low{animation:.38s ease-in-out infinite pmPulse}@keyframes pmPulse{50%{transform:translate(-50%)scale(1.1)}}.hud-toast{color:var(--pink-deep);text-shadow:0 2px #fff;opacity:0;pointer-events:none;white-space:nowrap;font-size:30px;font-weight:900;transition:opacity .15s;position:absolute;top:30%;left:50%;transform:translate(-50%)}.hud-toast.show{opacity:1}.hud-countdown{color:#fff;text-shadow:0 4px 0 var(--pink-deep), 0 0 24px #ff69a099;opacity:0;pointer-events:none;font-size:96px;font-weight:900;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)scale(.3)}.hud-countdown.show{animation:.62s ease-out countPop}@keyframes countPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}60%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.panel{padding:calc(var(--safe-top) + 20px) 24px calc(var(--safe-bottom) + 30px);text-align:center;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:none;position:absolute;inset:0}.panel.visible{display:flex}.title-panel{pointer-events:none;justify-content:space-between;gap:0}.title-top,.title-bottom{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.title-top{gap:4px}.title-bottom{pointer-events:auto}.panel-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffd6e5e0}.title-logo{color:var(--plum);text-shadow:0 3px #fffc;font-size:44px;font-weight:900;line-height:1.15}.title-sub{color:var(--plum-soft);font-size:19px;font-weight:700}.title-bears{letter-spacing:6px;font-size:64px}.controls-hint{gap:14px;margin-top:6px;display:flex}.controls-hint .half{background:var(--card);color:var(--plum);border-radius:18px;padding:12px 18px;font-size:15px;font-weight:600;line-height:1.5;box-shadow:0 3px 10px #6d435624}.btn{background:var(--pink);color:#fff;box-shadow:0 5px 0 var(--pink-deep);border-radius:999px;padding:16px 44px;font-size:22px;font-weight:800;transition:transform 80ms}.btn:active{box-shadow:0 2px 0 var(--pink-deep);transform:translateY(3px)}.btn.secondary{background:var(--card);color:var(--plum);padding:12px 32px;font-size:18px;box-shadow:0 4px #6d435640}.stat-line{color:var(--plum-soft);font-size:17px;font-weight:700}.gameover-card{background:var(--card);border-radius:28px;flex-direction:column;align-items:center;gap:10px;max-width:340px;padding:26px 34px;display:flex;box-shadow:0 10px 40px #6d435640}.gameover-hug{font-size:58px}.gameover-auuu{color:var(--plum-soft);letter-spacing:2px;font-size:20px;font-weight:700}.gameover-score{color:var(--plum);font-size:52px;font-weight:900}.new-best{color:var(--pink-deep);font-size:18px;font-weight:900;animation:.8s infinite alternate bounce}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.12)}}.btn.mini{padding:10px 18px;font-size:15px}.meta-list{flex-direction:column;gap:10px;width:min(360px,88vw);display:flex}.meta-row{background:var(--card);color:var(--plum);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:700;display:flex;box-shadow:0 2px 8px #6d435624}.meta-row.done{opacity:.65}.meta-row .btn.mini{pointer-events:auto;cursor:pointer;border:none;font-family:inherit}.coach{text-align:center;width:34%;color:var(--plum);pointer-events:none;will-change:transform;background:#fff6eeeb;border-radius:14px;padding:8px 6px;font-size:14px;font-weight:800;line-height:1.3;animation:.8s infinite alternate coachPulse;display:none;position:absolute;top:46%}.coach.visible{display:block}.coach.left{left:6%}.coach.right{right:6%}.coach-arrow{font-size:22px;line-height:1.1}@keyframes coachPulse{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.online-input{pointer-events:auto;-webkit-user-select:text;user-select:text;background:var(--card);width:min(320px,84vw);color:var(--plum);text-align:center;border:2px solid #6d435640;border-radius:14px;outline:none;padding:12px 16px;font-family:inherit;font-size:17px;font-weight:600}.online-input:focus{border-color:var(--pink)}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lobby-cards{justify-content:center;gap:16px;margin:18px 0 8px;display:flex}.lobby-card{background:var(--card);cursor:pointer;-webkit-user-select:none;user-select:none;border:3px solid #0000;border-radius:22px;width:132px;padding:16px 10px 12px;transition:transform .12s,border-color .12s,box-shadow .12s;box-shadow:0 5px #6d43562e}.lobby-card:active{transform:translateY(2px)scale(.98)}.lobby-card.mine{border-color:var(--pink);box-shadow:0 5px 0 var(--pink-deep), 0 0 22px #ff7fa58c;transform:translateY(-2px)}.lobby-card.partner{border-color:#9fd0ff}.lobby-card.mine.partner{border-color:var(--pink)}.lobby-emoji{text-align:center;font-size:56px;line-height:1}.lobby-name{text-align:center;color:var(--plum);margin-top:8px;font-size:20px;font-weight:800}.lobby-badge{text-align:center;min-height:20px;color:var(--pink-deep);margin-top:6px;font-size:13px;font-weight:700}.premium-price{color:var(--pink-deep);margin:12px 0 2px;font-size:26px;font-weight:800}.fine-print{color:var(--plum-soft);opacity:.72;max-width:330px;margin:8px auto 2px;font-size:11px;line-height:1.35}