:root{--ink:#264653;--pink:#ef476f;--yellow:#ffd166;--blue:#118ab2;--green:#06d6a0;--font:"Arial Black", "Arial Rounded MT Bold", "Helvetica Neue", Arial, sans-serif;--gut-t:max(12px, env(safe-area-inset-top));--gut-r:max(12px, env(safe-area-inset-right));--gut-b:max(12px, env(safe-area-inset-bottom));--gut-l:max(12px, env(safe-area-inset-left));--outline:.05em 0 0 var(--ink), -.05em 0 0 var(--ink), 0 .05em 0 var(--ink), 0 -.05em 0 var(--ink), .035em .035em 0 var(--ink), -.035em .035em 0 var(--ink), .035em -.035em 0 var(--ink), -.035em -.035em 0 var(--ink), 0 .1em 0 var(--ink)}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#0c1a2b;margin:0;overflow:hidden}[hidden]{display:none!important}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#video{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}#preview{top:var(--gut-t);right:var(--gut-r);z-index:3;background:#000;border:3px solid #fff;border-radius:14px;width:22vmin;min-width:96px;height:auto;display:block;position:fixed;box-shadow:0 4px 14px #26465359}#ui{z-index:2;pointer-events:none;position:fixed;inset:0}.screen,.overlay-layer{padding:var(--gut-t) var(--gut-r) var(--gut-b) var(--gut-l);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen{pointer-events:auto}.card{text-align:center;background:#fffffff0;border-radius:24px;width:min(560px,100%);max-height:100%;padding:clamp(16px,4vmin,32px);position:relative;overflow-y:auto;box-shadow:0 6px #26465340,0 12px 32px #26465340}.btn{font:inherit;cursor:pointer;pointer-events:auto;border:0;border-radius:999px;padding:.6em 1.4em;font-size:clamp(16px,3.4vmin,22px);transition:transform 80ms;box-shadow:0 4px #26465359}.btn:active{transform:translateY(2px);box-shadow:0 2px #26465359}.btn:focus-visible,.count-btn:focus-visible,.name-input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.btn-primary{background:var(--pink);color:#fff}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{color:var(--ink);border:3px solid var(--ink);background:#fff}.welcome-card,.setup-card{flex-direction:column;align-items:center;gap:clamp(14px,3vmin,22px);padding:clamp(24px,5vmin,40px);display:flex}.setup-card .count-row,.setup-card .name-list{width:100%}.step-dots{justify-content:center;gap:8px;margin-bottom:clamp(2px,1vmin,8px);display:flex}.step-dots i{background:#26465333;border-radius:50%;width:10px;height:10px}.step-dots i.on{background:var(--pink)}.welcome-emoji{font-size:clamp(48px,12vmin,88px);line-height:1}.step-title{color:var(--ink);margin:0;font-size:clamp(22px,5vmin,34px);line-height:1.1}.setup-title:focus,.step-title:focus{outline:none}.welcome-text{margin:0;font-family:system-ui,sans-serif;font-size:clamp(15px,3vmin,18px);line-height:1.4}.welcome-text.accent{color:var(--blue);font-weight:700}.welcome-text.tip{color:#264653cc;font-size:clamp(13px,2.6vmin,15px)}.welcome-text.error{color:var(--pink);font-weight:700}.welcome-btn{min-width:min(100%,240px);min-height:52px}.back-btn{font:inherit;min-height:44px;color:var(--blue);cursor:pointer;background:0 0;border:0;align-self:center;padding:0 1em;font-size:clamp(14px,3vmin,17px);text-decoration:underline}.back-btn:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:8px}.how-list,.check-list{text-align:left;flex-direction:column;gap:clamp(10px,2.4vmin,16px);width:100%;margin:0;padding:0;list-style:none;display:flex}.how-row{align-items:center;gap:12px;font-family:system-ui,sans-serif;font-size:clamp(14px,3vmin,17px);line-height:1.3;display:flex}.how-icon{background:#fff3cf;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.check-list{background:#eaf8f3;border-radius:12px;gap:6px;padding:12px 16px;font-family:system-ui,sans-serif;font-size:clamp(14px,2.8vmin,16px)}.check-list li:before{content:"✓ ";color:#04a07a;font-weight:700}.cam-box{background:#1d2a33;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:96px;display:flex;overflow:hidden}.cam-placeholder{color:var(--green);margin:0;padding:8px 12px;font-family:system-ui,sans-serif;font-size:14px}.cam-canvas{object-fit:contain;width:100%;max-height:clamp(120px,28vh,280px);display:block}.cam-status:empty{display:none}.setup-title{color:#fff;text-shadow:var(--outline);letter-spacing:.01em;margin:0;font-size:clamp(32px,8vmin,60px);line-height:1.05}.setup-label{margin:0;font-size:clamp(16px,3.4vmin,22px)}.count-row{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.count-btn{font:inherit;border:3px solid var(--ink);height:clamp(40px,8vmin,52px);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;font-size:clamp(16px,3.6vmin,22px)}.count-btn.selected{background:var(--yellow)}.name-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:10px;display:grid}.name-input{font:inherit;width:100%;min-width:0;color:var(--ink);background:#fff;border:3px solid #26465359;border-radius:12px;padding:10px 14px;font-size:16px;font-weight:400}.name-input::placeholder{color:#26465373}.start-btn{align-self:center;padding:.5em 2.2em;font-size:clamp(20px,4.4vmin,28px)}@media (width<=420px){.count-row{grid-template-columns:repeat(4,1fr)}}.message-card{flex-direction:column;align-items:center;gap:16px;display:flex}.message-text{margin:0;font-size:clamp(18px,4vmin,26px);line-height:1.3}.hud{top:var(--gut-t);left:var(--gut-l);color:#fff;max-width:calc(100% - 22vmin - 48px);text-shadow:var(--outline);line-height:1;position:absolute}.hud-score{font-variant-numeric:tabular-nums;font-size:clamp(36px,9vmin,88px)}.hud-name{white-space:nowrap;text-overflow:ellipsis;margin-top:.35em;font-size:clamp(16px,3.6vmin,30px);overflow:hidden}.prompt-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#26465399;flex-direction:column;align-items:center;gap:clamp(8px,2vmin,14px);display:flex}.prompt-title,.caught-title,.final-title{color:#fff;text-shadow:var(--outline);overflow-wrap:anywhere;margin:0;line-height:1.1}.prompt-title{font-size:clamp(24px,6vmin,52px)}.prompt-sub{margin:0;font-size:clamp(16px,3.6vmin,28px);line-height:1.25}.ring{aspect-ratio:1;width:clamp(72px,16vmin,140px);position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:10px}.ring-track{stroke:#ffffff4d}.ring-arc{stroke:var(--green);stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100px}.ring-count{color:#fff;text-shadow:var(--outline);justify-content:center;align-items:center;font-size:clamp(28px,7vmin,60px);display:flex;position:absolute;inset:0}.shout{text-align:center;color:#fff;text-shadow:var(--outline);font-size:clamp(32px,9vmin,96px);line-height:1.1}.shout.go{color:var(--yellow);font-size:clamp(64px,20vmin,200px)}.shout.pump-hint{color:var(--yellow);align-self:flex-end;margin-bottom:4vh;font-size:clamp(28px,7vmin,72px);animation:.5s ease-in-out infinite alternate pump-pulse}@keyframes pump-pulse{to{transform:scale(1.08)}}.danger{opacity:0;background:radial-gradient(#0000 45%,#ef476fbf 100%);transition:opacity .15s linear;position:absolute;inset:0}.caught-title{color:var(--pink);font-size:clamp(44px,12vmin,120px)}.caught-score{overflow-wrap:anywhere;margin:0;font-size:clamp(22px,5vmin,44px)}.standings{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.standing{text-align:left;background:#ffffff29;border-radius:12px;grid-template-columns:2.2em 1fr auto;align-items:center;gap:10px;padding:.35em .8em;display:grid}.standing-rank{text-align:center}.standing-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.35em;min-width:0;display:flex;overflow:hidden}.standing-score{font-variant-numeric:tabular-nums}.standings.compact{max-width:420px;font-size:clamp(14px,2.8vmin,20px)}.final-card{flex-direction:column;align-items:center;gap:clamp(10px,2.2vmin,18px);display:flex}.final-title{font-size:clamp(30px,7vmin,64px)}.standings.final{font-size:clamp(16px,3.6vmin,26px)}.standings.final .standing{background:#26465314}.standings.final .standing.first{background:var(--yellow)}.crown{fill:#f4a259;width:1.2em;height:.9em;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round;flex:none}.final-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.final-hint{justify-content:center;align-items:center;gap:12px;display:flex}.final-hint .ring{width:clamp(44px,9vmin,72px)}.final-hint .ring-track{stroke:#26465326}.final-hint .ring-count{font-size:clamp(18px,4vmin,30px)}.final-hint .prompt-sub{font-size:clamp(14px,3vmin,20px)}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{top:-20px;left:var(--x);width:10px;height:16px;animation:confetti-fall var(--dur) linear var(--delay) infinite;border-radius:2px;position:absolute}.confetti i:nth-child(3n){border-radius:50%;width:8px;height:8px}@keyframes confetti-fall{0%{transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--drift), calc(100vh + 40px), 0) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.shout.pump-hint{animation:none}.btn{transition:none}}.final-card{pointer-events:auto}