:root{--font-heading:"Lilita One", cursive, sans-serif;--font-body:"Fredoka", "Nunito", -apple-system, sans-serif;--pastel-cream:#fdfaf6;--pastel-card:#ffffffe6;--pastel-border:#fffffff2;--pastel-blue-bg:#e0f2fe;--pastel-blue-text:#0284c7;--pastel-blue-border:#bae6fd;--pastel-gold-bg:#fef3c7;--pastel-gold-text:#d97706;--pastel-gold-border:#fde68a;--pastel-red-bg:#ffe4e6;--pastel-red-text:#e11d48;--pastel-red-border:#fecdd3;--pastel-green-bg:#dcfce7;--pastel-green-text:#16a34a;--pastel-green-border:#bbf7d0;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-pill:999px;--shadow-cartoon:0 8px 24px #0000001f, 0 2px 6px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:#1e293b;-webkit-user-select:none;user-select:none;background-color:#0c121e;min-height:100vh;position:relative;overflow:hidden}#app{flex-direction:column;gap:.45rem;width:100vw;height:100vh;padding:.5rem 1rem .4rem;display:flex;position:relative}.app-header{background:var(--pastel-card);-webkit-backdrop-filter:blur(24px);border:3px solid var(--pastel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-cartoon);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1.25rem;display:flex}.brand{align-items:center;gap:.65rem;display:flex}.game-logo{object-fit:contain;filter:drop-shadow(0 4px 8px #e11d484d);width:38px;height:38px;animation:2.4s ease-in-out infinite cute-bob;transform:scaleX(-1)}@keyframes cute-bob{0%,to{transform:scaleX(-1)translateY(0)rotate(0)}50%{transform:scaleX(-1)translateY(-4px)rotate(-4deg)}}.game-title{font-family:var(--font-heading);letter-spacing:.5px;background:linear-gradient(135deg,#e11d48,#ea580c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.45rem}.hud-center{align-items:center;gap:.6rem;display:flex}.stat-badge{border-radius:var(--radius-pill);border:2px solid #0000;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000d}.stat-badge .label{font-family:var(--font-heading);letter-spacing:.5px;opacity:.85;font-size:.8rem}.stat-badge .value{font-size:1.05rem;font-weight:700}.badge-level{background:var(--pastel-blue-bg);color:var(--pastel-blue-text);border-color:var(--pastel-blue-border)}.badge-score{background:var(--pastel-gold-bg);color:var(--pastel-gold-text);border-color:var(--pastel-gold-border);padding:.35rem 1.1rem}.badge-birds{background:var(--pastel-red-bg);color:var(--pastel-red-text);border-color:var(--pastel-red-border)}.badge-pigs{background:var(--pastel-green-bg);color:var(--pastel-green-text);border-color:var(--pastel-green-border)}.header-controls{align-items:center;gap:.6rem;display:flex}.gesture-badge{border-radius:var(--radius-pill);font-size:.8rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.5px;color:#475569;background:#f1f5f9;border:2px solid #e2e8f0;align-items:center;gap:.45rem;padding:.4rem .85rem;display:flex}.gesture-badge.ready{background:var(--pastel-green-bg);border-color:var(--pastel-green-border);color:var(--pastel-green-text)}.gesture-badge.pinching{background:var(--pastel-red-bg);border-color:var(--pastel-red-border);color:var(--pastel-red-text)}.gesture-badge .dot{background:#cbd5e1;border-radius:50%;width:9px;height:9px}.gesture-badge.ready .dot{background:#22c55e;box-shadow:0 0 6px #22c55e80}.gesture-badge.pinching .dot{background:#ef4444;box-shadow:0 0 6px #ef444480}.btn{font-family:var(--font-heading);letter-spacing:.5px;border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.9rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #00000014}.btn:active{transform:scale(.95)}.btn-restart{color:#9a3412;background:linear-gradient(135deg,#fed7aa,#fdba74);border:2px solid #ffedd5}.btn-restart:hover{background:linear-gradient(135deg,#fdba74,#fb923c);transform:translateY(-1px)}.btn-primary{color:#065f46;background:linear-gradient(135deg,#a7f3d0,#6ee7b7);border:2px solid #ecfdf5}.btn-primary:hover{background:linear-gradient(135deg,#6ee7b7,#34d399);transform:translateY(-1px)}.btn-icon{color:#64748b;border-radius:var(--radius-pill);background:#f8fafc;border:2px solid #e2e8f0;padding:.45rem .65rem}.btn-icon:hover{color:#0f172a;background:#f1f5f9}.btn-icon.active{background:var(--pastel-blue-bg);border-color:var(--pastel-blue-border);color:var(--pastel-blue-text)}.ar-viewport{border-radius:var(--radius-lg);width:100%;min-height:0;box-shadow:var(--shadow-cartoon);background:#020306;border:3px solid #ffffff26;flex:1;position:relative;overflow:hidden}#webcamVideo{object-fit:cover;z-index:0;filter:brightness(.9)contrast(1.05);width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#handCanvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#gameContainer{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}#gameContainer canvas{display:block;object-fit:fill!important;background:0 0!important;width:100%!important;height:100%!important}.camera-prompt-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#0f172ad9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.camera-prompt-overlay.hidden{display:none}.camera-prompt-card{border-radius:var(--radius-lg);text-align:center;background:#fff;border:3px solid #f1f5f9;flex-direction:column;align-items:center;gap:1.1rem;max-width:400px;padding:2.2rem;display:flex;box-shadow:0 20px 40px #0003}.prompt-icon{color:#0284c7;background:var(--pastel-blue-bg);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.camera-prompt-card h3{font-family:var(--font-heading);color:#0f172a;font-size:1.45rem}.camera-prompt-card p{color:#64748b;font-size:.92rem;line-height:1.5}.app-footer{text-align:center;z-index:5;padding:.15rem .5rem}.app-footer p{color:#fff9;letter-spacing:.2px;font-size:.68rem;line-height:1.3}