*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;height:100%;overflow:hidden}body{color:#fff;background:#0a0a12;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{width:100%;height:100dvh;position:relative;overflow:hidden}.camera-video{object-fit:cover;z-index:0;opacity:0;width:100%;height:100%;position:absolute;inset:0;pointer-events:none!important}.camera-video--visible{opacity:1}.result-wrapper{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.result-wrapper>*{pointer-events:auto}.back-button{bottom:max(24px, env(safe-area-inset-bottom));z-index:30;color:#fffc;cursor:pointer;touch-action:manipulation;background:#00000080;border:1px solid #ffffff4d;border-radius:999px;padding:10px 24px;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}.back-button:active{background:#ffffff26}.virtual-controls{z-index:100;padding:12px 20px max(16px, env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.joystick-base{-webkit-backdrop-filter:blur(6px);touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#00000073;border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;width:140px;height:140px;position:relative}.joystick-base:before{content:"";pointer-events:none;width:2px;height:2px;position:absolute;inset:50%;transform:translate(-50%,-50%);box-shadow:0 -36px #ffffff14,0 36px #ffffff14,-36px 0 #ffffff14,36px 0 #ffffff14}.joystick-knob{pointer-events:none;will-change:transform;background:linear-gradient(145deg,#ffffff59,#ffffff1f);border:2px solid #ffd93db3;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;box-shadow:0 2px 12px #0006}.fire-btn{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ff6b6b,#f46);border:3px solid #ff6b6b;border-radius:50%;flex-shrink:0;width:88px;height:88px;margin-bottom:20px;font-size:20px;font-weight:800;box-shadow:0 4px 20px #ff446680}.fire-btn:active{transform:scale(.93);box-shadow:0 2px 10px #f466}.game-screen{z-index:10;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.game-canvas{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.game-hud{z-index:10;padding:max(16px, env(safe-area-inset-top)) 20px 16px;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:0;left:0;right:0}.hud-item{-webkit-backdrop-filter:blur(8px);background:#00000073;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;align-items:center;padding:8px 20px;display:flex}.hud-label{color:#fff9;text-transform:uppercase;letter-spacing:1px;font-size:12px}.hud-value{color:#ffd93d;font-size:28px;font-weight:800;line-height:1.2}.result-screen{z-index:20;-webkit-backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.result-content{text-align:center;background:#141428e6;border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:320px;padding:40px 32px}.result-title{margin-bottom:8px;font-size:28px;font-weight:700}.result-grade{color:#ffd93d;margin-bottom:24px;font-size:18px}.result-score{background:linear-gradient(135deg,#ffd93d,#ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:800;line-height:1}.result-label{color:#ffffff80;margin-top:4px;margin-bottom:32px;font-size:14px}.result-button{color:#1a1a2e;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#ffd93d,#ff6b6b);border:none;border-radius:999px;width:100%;padding:16px 32px;font-size:18px;font-weight:700}.result-button:active{transform:scale(.97)}.start-screen{z-index:20;background:linear-gradient(160deg,#0f0c29 0%,#302b63 50%,#24243e 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:absolute;inset:0}.start-content{text-align:center;max-width:360px}.start-title{background:linear-gradient(135deg,#ff6b6b,#ffd93d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:48px;font-weight:800}.start-subtitle{color:#ffffffbf;margin-bottom:32px;font-size:16px;line-height:1.5}.start-rules{text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:32px;padding:16px 20px;list-style:none}.start-rules li{color:#ffffffa6;padding:6px 0 6px 16px;font-size:14px;position:relative}.start-rules li:before{content:"•";color:#ffd93d;position:absolute;left:0}.start-warning,.start-warning:before{color:#ff6b6b!important}.start-error{color:#ff6b6b;margin-bottom:16px;font-size:14px;line-height:1.5}.start-button{color:#1a1a2e;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#ffd93d,#ff6b6b);border:none;border-radius:999px;width:100%;padding:16px 32px;font-size:18px;font-weight:700;transition:transform .15s,opacity .15s}.start-button:active:not(:disabled){transform:scale(.97)}.start-button:disabled{opacity:.6;cursor:not-allowed}