:root{--wood:#c8a86a;--ink:#2c2213;--cream:#f6f0e2;--grass:#5f9a4f;--accent:#d9772b;--card:#1c2216b8;color:var(--cream);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#bfe3f2}button{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:.85rem 1.2rem;transition:transform 50ms,filter .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#fff;font-weight:700}button.secondary{color:var(--cream);background:#ffffff24}button.primary:not(:disabled):hover,button.secondary:not(:disabled):hover{filter:brightness(1.08)}.menu{background:linear-gradient(160deg,#7cc0e8 0%,#9fd07f 100%);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;height:100dvh;padding:1.5rem;display:flex}.title{color:var(--ink);letter-spacing:.03em;text-shadow:0 2px #fff6;margin:0;font-size:clamp(3rem,12vw,5rem)}.subtitle{color:var(--ink);opacity:.8;margin:0 0 1.5rem}.menu-card{background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;flex-direction:column;gap:.8rem;width:min(360px,90vw);padding:1.5rem;display:flex}.menu-card label{opacity:.9;flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.menu-card input{font:inherit;color:var(--ink);background:#ffffffe6;border:1px solid #fff3;border-radius:10px;padding:.6rem .8rem}.account{border-top:1px solid #ffffff24;flex-direction:column;align-items:center;gap:.6rem;margin-top:.4rem;padding-top:.9rem;display:flex}.account-hint{opacity:.75;text-align:center;margin:0;font-size:.78rem}.account-chip{justify-content:space-between;align-items:center;gap:.6rem;width:100%;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}button.link{opacity:.75;background:0 0;flex-shrink:0;padding:.2rem .1rem;font-size:.8rem;text-decoration:underline}button.link:not(:disabled):hover{opacity:1}.account-error{text-align:center;color:#ffb4a8;cursor:pointer;margin:0;font-size:.78rem}.searching-title{opacity:.9;text-align:center;margin:0;font-size:1.1rem;font-weight:600}.searching-elapsed{text-align:center;color:var(--accent);font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:800}.game-root{width:100%;height:100dvh;position:relative;overflow:hidden}.hud{padding:env(safe-area-inset-top,.5rem) .6rem .5rem;pointer-events:none;z-index:10;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hud-scores{background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0 0 16px 16px;align-items:center;gap:.8rem;padding:.5rem .9rem;display:flex}.hud-target{opacity:.6;font-size:.8rem}.scorecard{text-align:center;border-radius:12px;min-width:74px;padding:.2rem .4rem;transition:background .2s}.scorecard.active{box-shadow:inset 0 0 0 2px var(--accent);background:#d9772b59}.scorecard-name{opacity:.85;white-space:nowrap;text-overflow:ellipsis;max-width:90px;font-size:.78rem;overflow:hidden}.scorecard-score{font-size:1.7rem;font-weight:800;line-height:1.1}.pips{justify-content:center;gap:4px;display:inline-flex}.pip{background:#ffffff40;border-radius:50%;width:8px;height:8px}.pip.filled{background:#e2554a}.hud-banner{color:#fff;pointer-events:none;background:#d9552bd9;border-radius:999px;margin-top:.4rem;padding:.35rem .9rem;font-size:.8rem;font-weight:600}.hud-tools{top:env(safe-area-inset-top,.5rem);pointer-events:auto;flex-direction:column;gap:.5rem;display:flex;position:absolute;right:.6rem}.tool{background:var(--card);color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;width:42px;height:42px;padding:0;font-size:1.1rem;font-weight:700}.tool.active{box-shadow:inset 0 0 0 2px var(--accent);background:#d9772b8c}.hint{bottom:max(2rem, env(safe-area-inset-bottom,2rem));background:var(--card);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:.6rem 1rem;font-size:.9rem;position:absolute;left:50%;transform:translate(-50%)}.aim-arrow{pointer-events:none;position:absolute;inset:0}.power-readout{bottom:max(2rem, env(safe-area-inset-bottom,2rem));background:var(--card);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;min-width:220px;padding:.5rem 1rem;font-size:.9rem;position:absolute;left:50%;transform:translate(-50%)}.power-bar{background:#fff3;border-radius:999px;height:8px;margin-top:.4rem;overflow:hidden}.power-fill{background:var(--accent);height:100%}.emote-tools{top:calc(env(safe-area-inset-top,.5rem) + 6.4rem);z-index:12;pointer-events:auto;position:absolute;right:.6rem}.emote-palette{background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;flex-direction:column;gap:.3rem;padding:.4rem;display:flex;position:absolute;top:0;right:52px}.emote-option{color:var(--cream);text-align:left;white-space:nowrap;background:#ffffff1a;border-radius:10px;padding:.45rem .7rem;font-size:.85rem}.emote-option:hover{filter:brightness(1.15)}.emote-bubble{top:calc(env(safe-area-inset-top,.5rem) + 6.4rem);z-index:15;pointer-events:none;background:var(--cream);color:var(--ink);white-space:nowrap;border-radius:16px;padding:.5rem .9rem;font-size:.95rem;font-weight:700;animation:2.8s ease-out forwards emote-pop;position:absolute;left:50%;box-shadow:0 4px 14px #00000040}.emote-bubble.left{border-top-left-radius:4px;translate:calc(-100% - 8px)}.emote-bubble.right{border-top-right-radius:4px;translate:8px}@keyframes emote-pop{0%{opacity:0;transform:translateY(8px)scale(.85)}8%{opacity:1;transform:none}82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.score-popup{z-index:15;pointer-events:none;color:#ffd447;text-shadow:0 2px 10px #00000080;font-size:3.2rem;font-weight:800;animation:1.3s ease-out forwards score-pop;position:absolute;top:36%;left:50%}.score-popup.miss{color:#ff8a73;font-size:2rem}.long-shot-popup{z-index:15;pointer-events:none;white-space:nowrap;letter-spacing:.02em;color:#8fd8ff;text-shadow:0 2px 8px #00000080;background:#0c1822c7;border:1px solid #8fd8ff73;border-radius:999px;padding:8px 18px;font-size:1.3rem;font-weight:800;animation:1.8s ease-out forwards score-pop;position:absolute;top:48%;left:50%}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}15%{opacity:1;transform:translate(-50%,-10px)scale(1.05)}30%{opacity:1;transform:translate(-50%,-16px)scale(1)}to{opacity:0;transform:translate(-50%,-80px)scale(1)}}.overlay{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141e10d1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.overlay-card{background:var(--card);text-align:center;border-radius:22px;flex-direction:column;gap:.9rem;width:min(360px,92vw);padding:2rem;display:flex}.overlay-card h2{opacity:.85;margin:0;font-size:1.3rem;font-weight:600}.overlay-name{color:var(--accent);font-size:2.2rem;font-weight:800}.overlay-note{opacity:.85;margin:0}.final-scores{flex-direction:column;gap:.4rem;margin:.4rem 0;display:flex}.final{background:#ffffff14;border-radius:10px;justify-content:space-between;padding:.5rem .9rem;display:flex}.final.winner{box-shadow:inset 0 0 0 2px var(--accent);background:#d9772b4d}