:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e0f2fe;--panel:#fff;--text:#0f172a;--muted:#64748b;--primary:#3b82f6;--primary-2:#2563eb;--accent:#fbbf24;--pink:#f472b6;--green:#22c55e;--radius:20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;background:radial-gradient(900px 500px at 10% -10%, #93c5fd 0%, transparent 50%), radial-gradient(800px 400px at 100% 0%, #fde68a 0%, transparent 45%), radial-gradient(600px 400px at 50% 100%, #fbcfe8 0%, transparent 50%), var(--bg);min-height:100dvh;color:var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;overflow-x:hidden}.hidden{display:none!important}.screen{min-height:100vh;padding:20px}.screen-enter .menu-panel,.screen-enter .hero-bp{animation:.45s cubic-bezier(.22,1,.36,1) both panelIn}@keyframes panelIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-y{animation:2.8s ease-in-out infinite floatY}@keyframes pulseSoft{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.pulse-soft{animation:2.2s ease-in-out infinite pulseSoft}@keyframes btnPulse{0%,to{box-shadow:0 10px 28px #2563eb59}50%{box-shadow:0 12px 36px #2563eb8c,0 0 0 6px #3b82f626}}.btn-pulse{animation:1.8s ease-in-out infinite btnPulse}.top{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-img{object-fit:cover;border-radius:14px;width:56px;height:56px;box-shadow:0 8px 20px #2563eb40}.brand strong{font-size:1.15rem;display:block}.brand small{color:var(--muted)}.landing-main{max-width:960px;margin:0 auto}.landing-hero-card{background:#0f172a;border-radius:28px;min-height:280px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0f172a26}.landing-hero-img{object-fit:cover;opacity:.92;width:100%;height:min(42vh,380px);display:block}.landing-hero-overlay{color:#fff;background:linear-gradient(#0000 20%,#0f172ae0 100%);flex-direction:column;justify-content:flex-end;padding:22px 24px 26px;display:flex;position:absolute;inset:0}.landing-hero-overlay h1{letter-spacing:-.02em;margin:8px 0 14px;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.15}.landing-hero-overlay .btn{align-self:flex-start}.badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-block}.feature-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.feature-card{text-align:center;background:#fffffff2;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex;box-shadow:0 8px 20px #0f172a0f}.feature-card img{object-fit:contain;background:linear-gradient(#eff6ff,#fef3c7);border-radius:14px;width:72px;height:72px}.feature-card strong{color:var(--text);font-size:.95rem}.feature-card span{color:var(--muted);font-size:.8rem;font-weight:600}.privacy-note{color:var(--muted);font-size:.95rem}.privacy-note.center{text-align:center;margin:8px 0 0}@media (max-width:700px){.feature-row{grid-template-columns:1fr}.feature-card{text-align:left;flex-direction:row;gap:12px}.feature-card img{width:56px;height:56px}}.btn{cursor:pointer;border:0;border-radius:14px;padding:14px 22px;font-size:1.05rem;font-weight:800;transition:transform .12s,filter .12s,box-shadow .12s}.btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn.primary{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;box-shadow:0 10px 28px #2563eb59}.btn.ghost{color:var(--text);background:#f1f5f9;border:1px solid #e2e8f0}.btn.big{margin-top:8px;padding:16px 28px;font-size:1.2rem}.btn.small{padding:8px 12px;font-size:.9rem}.panel{background:var(--panel);border-radius:24px;max-width:520px;margin:40px auto;padding:28px 24px;box-shadow:0 20px 50px #0f172a1a}.panel-wide{max-width:900px}.menu-panel{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #ffffffe6}.panel h1{margin:0 0 8px;font-size:1.8rem}.sub{color:var(--muted);margin:0 0 20px}.step-dots{justify-content:center;align-items:center;gap:0;margin-bottom:8px;display:flex}.step-dot{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:900;display:inline-flex}.step-dot.on{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #2563eb59}.step-dot.done{color:#fff;background:#22c55e}.step-line{background:#e2e8f0;border-radius:4px;width:40px;height:4px}.step-line.on{background:linear-gradient(90deg,#22c55e,#3b82f6)}.step-label{text-align:center;color:var(--primary);margin:0 0 10px;font-size:.9rem;font-weight:800}.field{color:var(--muted);flex-direction:column;gap:6px;margin-bottom:14px;font-weight:600;display:flex}.field input{color:var(--text);border:2px solid #e2e8f0;border-radius:12px;padding:12px 14px;font-size:1.1rem;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 4px #3b82f626}.hint-box{color:#92400e;background:linear-gradient(90deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:12px;margin-bottom:16px;padding:10px 14px;font-weight:700}.label-strong{margin:8px 0;font-weight:800}.choice-row{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.choice{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;flex:1;min-width:100px;padding:14px;font-size:1rem;font-weight:800;transition:transform .12s,border-color .12s,background .12s}.choice:hover{border-color:#93c5fd;transform:translateY(-1px)}.choice-emoji{flex-direction:column;align-items:center;gap:4px;display:flex}.choice-ico{font-size:1.5rem;line-height:1}.choice.active{border-color:var(--primary);color:#1d4ed8;background:#dbeafe;transform:scale(1.03);box-shadow:0 0 0 3px #3b82f633}.cta-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.char-select-panel{max-width:960px}.char-select-layout{grid-template-columns:minmax(200px,280px) 1fr;align-items:start;gap:18px;margin-bottom:8px;display:grid}.char-preview{text-align:center;background:linear-gradient(165deg,#eff6ff 0%,#fff 55%,#fef3c7 100%);border:3px solid #93c5fd;border-radius:22px;padding:14px;transition:border-color .25s,box-shadow .25s,background .25s;position:sticky;top:12px;box-shadow:0 12px 32px #2563eb1f}.char-preview[data-id=luna]{background:linear-gradient(165deg,#fef2f2 0%,#fff 55%,#fee2e2 100%);border-color:#fca5a5;box-shadow:0 12px 32px #ef44441f}.char-preview[data-id=pip]{background:linear-gradient(165deg,#fffbeb 0%,#fff 55%,#fef3c7 100%);border-color:#fcd34d;box-shadow:0 12px 32px #f59e0b24}.char-preview[data-id=mimi]{background:linear-gradient(165deg,#f5f3ff 0%,#fff 55%,#ede9fe 100%);border-color:#c4b5fd;box-shadow:0 12px 32px #8b5cf624}.char-preview-canvas{touch-action:none;background:radial-gradient(circle at 50% 70%,#dbeafe 0%,#eff6ff 45%,#fef3c7 100%);border-radius:16px;width:100%;height:260px;display:block}.char-select-v2 .char-preview{position:relative}.char-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.char-grid-v2 .char-card img{background:linear-gradient(#eff6ff,#fef9c3);height:100px}.mode-cards-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}@media (max-width:600px){.mode-cards-row{grid-template-columns:1fr}}.mode-card-img{justify-content:flex-start;text-align:left!important;flex-direction:row!important;gap:14px!important;margin-bottom:0!important;padding:14px 16px!important}#world-container{position:absolute;inset:0}#world-container canvas{display:block;width:100%!important;height:100%!important}#world-topbar{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;left:10px;right:10px}#world-topbar .btn{pointer-events:auto;background:#ffffffeb}#world-status{color:#fff;background:#00000080;border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:700}.world-hud{z-index:35;text-align:center;pointer-events:none;position:absolute;bottom:120px;left:0;right:0}.world-objective{color:#fef9c3;background:#0f172ab8;border:2px solid #fde04773;border-radius:16px;max-width:min(92vw,420px);padding:10px 18px;font-size:1.05rem;font-weight:800;display:inline-block}.world-hint{color:#fff;text-shadow:0 1px 4px #000a;opacity:.85;margin:8px 0 0;font-size:.85rem;font-weight:600}.world-touch-zone{z-index:30;touch-action:none;height:45%;position:absolute;bottom:0;left:0;right:0}.world-joystick{pointer-events:none;background:#ffffff38;border:3px solid #ffffff73;border-radius:50%;width:110px;height:110px;position:absolute;bottom:28px;left:28px}.world-joystick-knob{background:#3b82f6d9;border:3px solid #fff;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;transition:transform 50ms linear;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #0004}.mode-card-thumb{object-fit:contain;background:#eff6ff;border-radius:14px;flex-shrink:0;width:64px;height:64px}.room-wait-img{object-fit:cover;border-radius:16px;width:72px;height:72px;margin-bottom:8px;box-shadow:0 6px 16px #0000001f}@keyframes charPop{0%{transform:scale(.85)}50%{transform:scale(1.08)}to{transform:scale(1)}}.char-selected-badge{z-index:2;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:800;animation:.45s cubic-bezier(.22,1,.36,1) badgeBounce;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #16a34a59}@keyframes badgeBounce{0%{opacity:0;transform:translate(-50%)scale(.6)}60%{opacity:1;transform:translate(-50%)scale(1.1)}to{transform:translate(-50%)scale(1)}}.char-preview-meta strong{margin-bottom:2px;font-size:1.55rem;display:block}.char-preview-role{color:#1d4ed8;background:#dbeafe;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:.85rem;font-weight:800;display:inline-block}.char-preview-blurb{color:var(--muted);margin:0;font-size:.92rem;line-height:1.4}.char-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.char-card{cursor:pointer;text-align:center;background:#fff;border:3px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:3px;padding:10px;transition:transform .15s,border-color .15s,box-shadow .15s;animation:.4s cubic-bezier(.22,1,.36,1) both cardIn;display:flex;position:relative;overflow:hidden}.char-card:first-child{animation-delay:50ms}.char-card:nth-child(2){animation-delay:.1s}.char-card:nth-child(3){animation-delay:.15s}.char-card:nth-child(4){animation-delay:.2s}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.char-card:hover{border-color:#93c5fd;transform:translateY(-3px)}.char-card img{object-fit:contain;background:linear-gradient(#f1f5f9,#e2e8f0);border-radius:12px;width:100%;height:120px}.char-card strong{font-size:1.12rem}.char-card small{color:var(--primary);font-weight:700}.char-card .blurb{color:var(--muted);font-size:.78rem;line-height:1.3}.char-card .char-check{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;font-weight:900;animation:.35s cubic-bezier(.22,1,.36,1) checkPop;display:none;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000026}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.char-card.active{border-color:var(--accent-border,var(--primary));background:linear-gradient(#fff,#eff6ff);transform:scale(1.02);box-shadow:0 0 0 3px #3b82f638,0 10px 24px #2563eb26}.char-card.active .char-check{display:flex}.char-card[data-id=leo].active{--accent-border:#3b82f6}.char-card[data-id=luna].active{--accent-border:#ef4444;background:linear-gradient(#fff,#fef2f2);box-shadow:0 0 0 3px #ef444438,0 10px 24px #dc26261f}.char-card[data-id=pip].active{--accent-border:#f59e0b;background:linear-gradient(#fff,#fffbeb);box-shadow:0 0 0 3px #f59e0b40,0 10px 24px #f59e0b1f}.char-card[data-id=mimi].active{--accent-border:#a78bfa;background:linear-gradient(#fff,#f5f3ff);box-shadow:0 0 0 3px #a78bfa47,0 10px 24px #8b5cf61f}.quality-block{border-top:1px solid #e2e8f0;margin-top:18px;padding-top:14px}.quality-choices .choice{flex:1;min-width:70px;padding:12px 8px;font-size:.95rem}.quality-hint{color:var(--muted);margin:8px 0 0;font-size:.88rem;font-weight:600}.multi-panel{max-width:720px}.mode-card{cursor:pointer;text-align:center;background:#fff;border:3px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:16px;padding:18px 14px;font-family:inherit;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.mode-card-solo{background:linear-gradient(#eff6ff,#fff);border-color:#93c5fd}.mode-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb1f}.mode-ico{font-size:2.2rem;line-height:1}.mode-card strong{color:var(--text);font-size:1.2rem}.mode-card small{color:var(--muted);font-size:.9rem;font-weight:600}.rooms-title{text-align:center;margin:4px 0 12px}.animal-rooms{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.animal-room-btn{cursor:pointer;background:#fff;border:3px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-family:inherit;font-weight:800;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.animal-room-btn:hover{border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b26}.animal-room-btn:disabled{opacity:.55;cursor:wait}.animal-room-btn .ar-emoji{font-size:1.8rem;line-height:1}.animal-room-btn .ar-name{color:var(--text);font-size:.85rem}.lobby-hint{color:var(--muted);margin:0 0 12px;font-size:.9rem;font-weight:600}.lobby-status{color:#1d4ed8;min-height:1.4em;margin:10px 0 0;font-weight:800}.room-wait{text-align:center;background:linear-gradient(#eff6ff,#fefce8);border:2px solid #93c5fd;border-radius:18px;margin-top:8px;padding:18px 14px}.room-code-label{color:var(--muted);margin:0;font-size:.9rem;font-weight:700}.room-animal{color:#1d4ed8;margin:6px 0 10px;font-size:2rem;font-weight:900;animation:1.6s ease-in-out infinite pulseSoft}.wait-dots{justify-content:center;gap:8px;margin:12px 0;display:flex}.wait-dots span{background:#3b82f6;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite waitDot}.wait-dots span:nth-child(2){animation-delay:.15s}.wait-dots span:nth-child(3){animation-delay:.3s}@keyframes waitDot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@media (max-width:720px){.animal-rooms{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:420px){.animal-rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}.hud-remote{text-overflow:ellipsis;white-space:nowrap;color:#ede9fe;background:#7c3aed8c;border:1px solid #c4b5fd80;border-radius:999px;max-width:min(46vw,220px);margin-top:4px;padding:4px 12px;font-size:.85rem;font-weight:800;overflow:hidden}.finish-vs{background:#ffffffe6;border:1px solid #e2e8f0;border-radius:14px;margin:0 0 12px;padding:10px 12px}.landing-best{color:#fef9c3;background:#0f172a8c;border:1px solid #fde04773;border-radius:999px;margin:8px 0 12px;padding:8px 14px;font-size:.95rem;font-weight:800;display:inline-block}.landing-best.hidden{display:none}.landing-best b{color:#fde047;font-variant-numeric:tabular-nums}.finish-best-line{color:#64748b;margin:0 0 10px;font-size:.88rem;font-weight:700}.finish-best-line b{color:#1d4ed8}.finish-best-line.hidden{display:none}.finish-overlay.finish-record .finish-card{border-color:#fbbf24;box-shadow:0 0 0 6px #fbbf2459,0 24px 60px #00000059}.finish-overlay.finish-win .finish-card{border-color:#4ade80;box-shadow:0 0 0 6px #4ade8047,0 24px 60px #00000059}.finish-overlay.finish-draw .finish-card{border-color:#93c5fd}.finish-vs-row.winner{background:#4ade802e;border-radius:10px;padding:4px 8px;font-weight:900}.finish-vs-row.loser{opacity:.72}.finish-vs-row{justify-content:space-between;align-items:center;padding:4px 0;font-weight:800;display:flex}.finish-vs-row.remote{color:#7c3aed}.finish-vs-result{color:#1d4ed8;margin:8px 0 0;font-size:1.1rem;font-weight:900}@media (max-width:720px){.char-select-layout{grid-template-columns:1fr}.char-preview{position:static}.char-preview-art img{height:150px}.char-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.char-card img{height:96px}.char-card .blurb{display:none}}.game-screen{width:100%;height:100%;height:100dvh;max-height:100dvh;padding:0;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);background:#0f172a;position:fixed;inset:0;overflow:hidden}#game-topbar{z-index:40;top:calc(8px + env(safe-area-inset-top,0px));left:calc(8px + env(safe-area-inset-left,0px));right:calc(8px + env(safe-area-inset-right,0px));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute}#game-topbar .btn{pointer-events:auto;background:#ffffffeb;min-width:44px;min-height:44px;padding:10px 16px;font-weight:800}#btn-howto{border-radius:999px;min-width:44px;padding:10px 14px;font-size:1.15rem;font-weight:900}#game-status{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0000008c;border-radius:999px;flex-shrink:1;max-width:min(52vw,420px);padding:6px 12px;font-size:.9rem;font-weight:700;overflow:hidden}.build-ver{color:#cbd5e1;pointer-events:none;opacity:.85;background:#00000059;border-radius:999px;padding:4px 8px;font-size:.65rem;font-weight:800}.fps-meter{color:#86efac;font-variant-numeric:tabular-nums;pointer-events:none;text-align:center;background:#00000080;border:1px solid #ffffff26;border-radius:999px;min-width:4.5ch;margin-left:auto;padding:4px 10px;font-size:.72rem;font-weight:800}.privacy-link{z-index:50;left:calc(10px + env(safe-area-inset-left,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));color:#1e40af;pointer-events:auto;background:#ffffffe0;border:1px solid #2563eb40;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:800;text-decoration:none;position:fixed;box-shadow:0 4px 12px #0002}.howto-overlay,.webgl-error{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.howto-overlay.hidden,.webgl-error.hidden{display:none!important}.howto-card{text-align:center;background:linear-gradient(#fff 0%,#eff6ff 60%,#fef9c3 100%);border:3px solid #93c5fd;border-radius:20px;width:100%;max-width:400px;padding:22px 18px 20px;box-shadow:0 20px 50px #0004}.howto-card h2{color:#1d4ed8;margin:0 0 12px;font-size:1.45rem}.howto-list{text-align:left;margin:0 0 14px;padding:0;list-style:none}.howto-list li{color:#0f172a;align-items:flex-start;gap:10px;margin:10px 0;font-size:.95rem;font-weight:600;display:flex}.howto-ico{flex-shrink:0;font-size:1.25rem;line-height:1.2}.howto-note{color:#64748b;margin:0 0 16px;font-size:.82rem;font-weight:600;line-height:1.4}.howto-card .btn{width:100%}.game-screen.racing .privacy-link{opacity:.35;padding:4px 8px;font-size:.62rem}body:has(#game-hud-bp:not(.hidden)) .privacy-link{opacity:.35;padding:4px 8px;font-size:.62rem}.cam-mute-btn{z-index:3;color:#fff;cursor:pointer;pointer-events:auto;background:#0000008c;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.85rem;display:flex;position:absolute;top:4px;right:4px}.cam-mute-btn:hover{background:#5b21b6d9}.hud-score-flash{color:#fca5a5;text-shadow:0 2px 8px #000a;margin:8px auto 0;font-size:1.35rem;font-weight:900;animation:1s both scoreFlashPop}.hud-score-flash.hidden{display:none}@keyframes scoreFlashPop{0%{opacity:0;transform:scale(.7)translateY(8px)}20%{opacity:1;transform:scale(1.15)translateY(0)}to{opacity:0;transform:scale(1)translateY(-12px)}}.fps-meter.fps-ok{color:#86efac}.fps-meter.fps-mid{color:#fde047}.fps-meter.fps-low{color:#fca5a5}#game-container{touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#game-container canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.game-hud-bp{z-index:35;padding:12px 16px calc(18px + env(safe-area-inset-bottom,0px));pointer-events:none;text-align:center;color:#fff;text-shadow:0 2px 8px #000a;position:absolute;bottom:0;left:0;right:0}.hud-score-big.hud-score-pop{animation:.28s hudScorePop}@keyframes hudScorePop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.hud-ss-top{top:calc(56px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));z-index:40;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed}.hud-mult-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#00000080,#0000004d);border:2px solid #ffdc508c;border-radius:16px;align-items:baseline;gap:10px;padding:8px 14px 6px;display:flex;box-shadow:0 6px 20px #0005}.hud-mult{color:#fde047;letter-spacing:.02em;font-size:1.35rem;font-weight:900}.hud-score-big{color:#fff;font-variant-numeric:tabular-nums;text-align:right;min-width:5ch;font-size:1.85rem;font-weight:900}.hud-coins-wrap{gap:10px;font-size:1.05rem;font-weight:800;display:flex}.hud-coins,.hud-lives{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border:1px solid #fff3;border-radius:999px;padding:4px 12px}.hud-row{justify-content:center;gap:24px;font-size:1.25rem;font-weight:800;display:flex}.hud-edu{color:#fde68a;margin-top:6px;font-weight:700}.hud-controls-hint{opacity:.9;font-size:.88rem;transition:opacity 1.2s}.hud-controls-hint.hud-hint-fade{opacity:0;pointer-events:none}.hud-pose{background:#0000007a;border:1px solid #ffffff1f;border-radius:999px;max-width:min(92vw,360px);margin-top:6px;padding:5px 12px;font-size:.88rem;font-weight:700;display:inline-block}.hud-pose.hidden,.hud-edu.hidden{display:none}.hud-calib{text-align:center;color:#fef08a;max-width:320px;margin:10px auto 0;font-size:.95rem;font-weight:700}.hud-calib-bar{background:#fff3;border:1px solid #ffffff59;border-radius:999px;height:12px;margin-bottom:6px;overflow:hidden}.hud-calib-fill{background:linear-gradient(90deg,#fbbf24,#22c55e);border-radius:999px;width:0%;height:100%;transition:width .15s}.cam-stack{z-index:45;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));left:calc(10px + env(safe-area-inset-left,0px));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:fixed}.cam-tile{aspect-ratio:4/3;border-radius:14px;flex-shrink:0;width:min(160px,28vw);position:relative;overflow:hidden;box-shadow:0 6px 18px #00000059}.cam-tile.cam-local{margin-left:auto}.cam-tile.cam-remote{background:#0f172a;border:3px solid #a78bfabf}.cam-tile.cam-local .cam-feed{border:3px solid #ffffff59}.cam-feed{object-fit:cover;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}#cam-video,#pose-overlay{transform:scaleX(-1)}#cam-remote{transform:none}.cam-label{z-index:2;color:#fff;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;background:#0000008c;border-radius:999px;max-width:calc(100% - 12px);padding:2px 8px;font-size:.68rem;font-weight:800;position:absolute;bottom:5px;left:6px;overflow:hidden}.cam-remote .cam-label{background:#5b21b6bf}.cam-stack:not(.multi-cams) .cam-remote{display:none!important}.cam-stack:not(.multi-cams){justify-content:flex-end;left:auto}.cam-stack.multi-cams .cam-label-you{display:inline-block!important}.cam-stack.multi-cams .cam-tile.cam-local{border:3px solid #38bdf88c}@media (max-width:720px){.cam-tile{border-radius:12px;width:min(100px,28vw)}.cam-stack{right:calc(6px + env(safe-area-inset-right,0px));bottom:calc(6px + env(safe-area-inset-bottom,0px));left:calc(6px + env(safe-area-inset-left,0px));gap:6px}.cam-label{padding:1px 6px;font-size:.6rem}.cam-tile.cam-local .cam-feed,.cam-tile.cam-remote{border-width:2px}.hud-ss-top{top:calc(48px + env(safe-area-inset-top,0px));right:calc(6px + env(safe-area-inset-right,0px));gap:4px}.hud-score-big{font-size:1.3rem}.hud-mult{font-size:1rem}.hud-coins-wrap{gap:6px;font-size:.88rem}.hud-coins,.hud-lives{padding:3px 8px;font-size:.85rem}.hud-pose{max-width:min(88vw,280px);padding:4px 8px;font-size:.75rem}.hud-controls-hint{font-size:.78rem}.game-hud-bp{padding:8px 10px calc(12px + env(safe-area-inset-bottom,0px))}#game-topbar{top:calc(6px + env(safe-area-inset-top,0px));left:calc(6px + env(safe-area-inset-left,0px));right:calc(6px + env(safe-area-inset-right,0px))}#game-topbar .btn{min-width:40px;min-height:40px;padding:8px 12px;font-size:.9rem}#game-status{max-width:min(58vw,240px);padding:5px 10px;font-size:.72rem}.animal-room-btn{min-height:52px;font-size:1rem}.mode-card{min-height:72px}.finish-card{max-width:min(96vw,420px);max-height:min(92dvh,640px);padding:16px 14px 18px;overflow-y:auto}.finish-score{font-size:2.2rem}.finish-overlay{padding:calc(12px + env(safe-area-inset-top,0px)) 10px calc(12px + env(safe-area-inset-bottom,0px));align-items:flex-start;overflow-y:auto}}@media (max-width:400px),(max-height:700px) and (orientation:portrait){.cam-tile{width:min(84px,24vw)}.hud-ss-top{top:calc(44px + env(safe-area-inset-top,0px))}#game-status{max-width:min(52vw,200px);font-size:.68rem}.hud-coins,.hud-lives{padding:2px 7px;font-size:.78rem}}@media (max-height:480px) and (orientation:landscape){.cam-tile{width:min(88px,18vw)}.cam-stack{bottom:calc(4px + env(safe-area-inset-bottom,0px))}.hud-ss-top{top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px))}.game-hud-bp{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}#game-status{max-width:min(40vw,280px)}}#pose-overlay{pointer-events:none;background:0 0;border-color:#0000}.finish-overlay{z-index:60;pointer-events:auto;background:radial-gradient(#0f172a8c 0%,#0f172ad1 100%);justify-content:center;align-items:center;padding:16px;animation:.35s both fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confetti-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:.95;border-radius:2px;width:10px;height:14px;animation:linear forwards confettiFall;position:absolute;top:-12px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.85;transform:translateY(110vh)rotate(720deg)}}.finish-card{z-index:2;text-align:center;background:linear-gradient(#fff 0%,#eff6ff 55%,#fef9c3 100%);border:3px solid #fde047;width:100%;max-width:420px;margin:0;animation:.55s cubic-bezier(.22,1,.36,1) both finishCardIn;position:relative;overflow:visible;box-shadow:0 0 0 6px #fde04740,0 24px 60px #00000059}@keyframes finishCardIn{0%{opacity:0;transform:scale(.7)translateY(30px)}60%{transform:scale(1.04)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.finish-crown{filter:drop-shadow(0 4px 8px #00000026);margin:-8px 0 4px;font-size:2.6rem;line-height:1;animation:1.6s ease-in-out infinite floatY}.finish-char-img{object-fit:contain;background:#fff;border:3px solid #93c5fd;border-radius:24px;width:110px;height:110px;margin:0 auto 8px;animation:.6s cubic-bezier(.22,1,.36,1) .15s both charPop;display:block;box-shadow:0 8px 20px #2563eb33}.finish-badge{color:#fff;letter-spacing:.04em;background:linear-gradient(90deg,#f59e0b,#ef4444,#a855f7);border-radius:999px;margin:0 0 8px;padding:6px 16px;font-size:.95rem;font-weight:900;animation:.5s .2s both badgeBounce,1.4s ease-in-out .7s infinite pulseSoft;display:inline-block;box-shadow:0 4px 16px #ef444459}.finish-card h2{background:linear-gradient(90deg,#2563eb,#7c3aed);color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 8px;font-size:1.75rem}.finish-stars{justify-content:center;gap:8px;min-height:2.2rem;margin:6px 0 10px;font-size:2rem;display:flex}.finish-stars .star-slot{opacity:.25;filter:grayscale();transition:all .25s;transform:scale(.85)}.finish-stars .star-slot.lit{opacity:1;filter:none;animation:.45s cubic-bezier(.22,1,.36,1) both starPop;transform:scale(1.15)}.finish-stars .star-slot.lit:nth-child(2){animation-delay:.12s}.finish-stars .star-slot.lit:nth-child(3){animation-delay:.24s}@keyframes starPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.35)}to{transform:scale(1.15)}}.finish-score{color:#1d4ed8;font-variant-numeric:tabular-nums;text-shadow:0 2px #bfdbfe;margin:0;font-size:2.6rem;font-weight:900;line-height:1.1}.finish-score-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:.95rem;font-weight:700}.finish-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px;display:grid}.finish-stat{background:#ffffffd9;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:2px;padding:10px 6px;display:flex}.finish-stat b{color:#0f172a;font-size:1.25rem}.finish-stat span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.finish-msg{font-weight:600;margin-bottom:4px!important}.finish-cta{justify-content:center}@media (max-width:800px){.hero-bp{grid-template-columns:1fr}.hero-art{max-height:220px}.finish-card{padding:22px 16px}.finish-score{font-size:2.1rem}}