body{color:#fff;background-color:#050510;margin:0;font-family:Inter,sans-serif;overflow:hidden}#game-container{background:radial-gradient(circle,#1a1a2e 0%,#050510 100%);width:100vw;height:100vh;position:relative}#webcam{display:none}#game-canvas{object-fit:cover;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}#ui-layer{z-index:20;pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.status-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;pointer-events:auto;background:#000000b3;border:1px solid #fff3;border-radius:12px;padding:1rem 2rem;transition:all .3s}#level-switcher{pointer-events:auto;cursor:pointer}.recording{border-color:#ef4444;box-shadow:0 0 20px #ef444480}.playing{border-color:#06b6d4;box-shadow:0 0 20px #06b6d480}@keyframes brief-scoop-path{0%,8%{opacity:1;transform:translate(118px,108px)scale(1)}18%{transform:translate(108px,92px)scale(1.05)}28%,36%{transform:translate(102px,86px)scale(.92)}58%{transform:translate(232px,126px)scale(1)}68%,78%{opacity:1;transform:translate(248px,142px)scale(.86)}88%,to{opacity:0;transform:translate(118px,108px)scale(1)}}@keyframes brief-thumb-pinch{0%,12%{transform:rotate(-32deg)translate(0)}22%,36%{transform:rotate(-14deg)translate(8px,-10px)}50%,to{transform:rotate(-32deg)translate(0)}}@keyframes brief-index-pinch{0%,12%{transform:translate(0)}22%,36%{transform:translate(-6px,12px)}50%,to{transform:translate(0)}}@keyframes brief-hand-carry{0%,28%{opacity:1;transform:translate(0)}58%{opacity:1;transform:translate(108px,6px)}72%,to{opacity:.3;transform:translate(108px,6px)}}@keyframes brief-ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.1)}}@keyframes brief-spark-pop{0%,18%{opacity:0;transform:scale(.4)}24%{opacity:1;transform:scale(1.2)}34%{opacity:.85;transform:scale(1)}42%,to{opacity:0;transform:scale(.5)}}.brief-scoop{transform-box:fill-box;transform-origin:50%;animation:4.4s cubic-bezier(.4,.1,.3,1) infinite brief-scoop-path}.brief-hand{transform-box:fill-box;transform-origin:50%;animation:4.4s cubic-bezier(.4,.1,.3,1) infinite brief-hand-carry}.brief-thumb{transform-box:fill-box;transform-origin:50%;animation:4.4s cubic-bezier(.4,.1,.3,1) infinite brief-thumb-pinch}.brief-index{transform-box:fill-box;transform-origin:50%;animation:4.4s cubic-bezier(.4,.1,.3,1) infinite brief-index-pinch}.brief-ring{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite brief-ring-pulse}.brief-spark{transform-box:fill-box;transform-origin:50%;animation:4.4s ease-out infinite brief-spark-pop}@media (prefers-reduced-motion:reduce){.brief-scoop,.brief-hand,.brief-thumb,.brief-index,.brief-ring,.brief-spark{animation:none!important}}.account-hud{z-index:30;color:#fff;pointer-events:auto;background:#101525e8;border-radius:12px;flex-wrap:wrap;gap:8px;max-width:min(480px,95vw);padding:10px;font:14px system-ui;display:flex;position:fixed;top:90px;right:16px}.account-hud span:nth-child(2){color:#fbbf24}.account-hud button,.account-panel button{color:#fff;cursor:pointer;background:#24304c;border:1px solid #64748b;border-radius:8px;padding:7px 12px}.account-panel{z-index:100;color:#fff;background:#101525;border:1px solid #64748b;border-radius:18px;width:min(540px,94vw);max-height:85vh;margin:auto;padding:24px;font:16px system-ui;overflow:auto}.account-panel::backdrop{background:#0009}.account-panel h2{margin-bottom:16px;font-size:24px}.account-panel p{margin:12px 0}.account-panel form{gap:12px;margin-top:20px;display:grid}.account-panel input{color:#fff;background:#1e293b;border:1px solid #64748b;border-radius:8px;padding:12px}.account-panel table{text-align:left;border-collapse:collapse;width:100%;margin:20px 0}.account-panel td,.account-panel th{border-bottom:1px solid #334155;padding:8px}.account-panel .is-me{color:#67e8f9}.account-panel [hidden],.account-hud [hidden]{display:none}.dwell-cursor{z-index:1000;pointer-events:none;border:3px solid #67e8f9;border-radius:50%;width:24px;height:24px;position:fixed;transform:translate(-50%,-50%)}#mode-indicator{align-self:flex-start;padding:12px 24px}.account-hud{top:104px}