.shake-race-card{--shake-card-progress:0deg;color:#f7f5ff;background:radial-gradient(circle at 50% 15%,#855cff40,#0000 36%),radial-gradient(circle at 100% 52%,#18c2de1f,#0000 32%),linear-gradient(165deg,#131433fa,#090b1dfa);border:1px solid #9d8bff42;border-radius:28px;width:min(100%,620px);margin:0 auto;padding:clamp(20px,5vw,30px);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;box-shadow:0 28px 90px #00000061,inset 0 1px #ffffff0f}.shake-race-card *,.shake-race-card :before,.shake-race-card :after{box-sizing:border-box}.shake-race-card button{font:inherit;-webkit-tap-highlight-color:transparent}.shake-race-card__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.shake-race-card__header p{color:#ad9bff;letter-spacing:.2em;margin:0 0 5px;font-size:10px;font-weight:900}.shake-race-card__header h2{letter-spacing:-.045em;margin:0;font-size:clamp(25px,7vw,36px)}.shake-race-card__timer{text-align:right;min-width:94px;display:grid}.shake-race-card__timer span{color:#8e98b8;font-size:10px}.shake-race-card__timer strong{color:#d8d2ff;font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:24px}.shake-race-card--results .shake-race-card__timer strong{color:#ffd37a;letter-spacing:.06em;font-size:18px}.shake-race-connection{color:#a8f0d5;background:#49dda612;border:1px solid #49dda62e;border-radius:14px;align-items:center;gap:10px;margin:20px 0;padding:10px 12px;display:flex}.shake-race-connection>i{background:#4bdca8;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 16px #4bdca8}.shake-race-connection>span{min-width:0;display:grid}.shake-race-connection strong,.shake-race-connection small{line-height:1.35}.shake-race-connection strong{font-size:12px}.shake-race-connection small{opacity:.72;font-size:10px}.shake-race-connection--degraded{color:#ffe1a3;background:#ffbe4a14;border-color:#ffbe4a3d}.shake-race-connection--degraded>i{background:#ffc45d;animation:1.2s ease-in-out infinite shake-card-network;box-shadow:0 0 16px #ffc45d}.shake-race-connection--offline{color:#ffc0c7;background:#ff697917;border-color:#ff697947}.shake-race-connection--offline>i{background:#ff6979;box-shadow:0 0 16px #ff6979}.shake-race-card__score{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:22px;margin:18px 0 22px;display:grid}.shake-race-score-ring{background:conic-gradient(#8e78ff var(--shake-card-progress), #ffffff14 0);border-radius:50%;place-items:center;width:132px;height:132px;padding:7px;display:grid;box-shadow:0 0 34px #7e65ff33}.shake-race-score-ring>div{text-align:center;background:#0e1130;border:1px solid #ad9dff33;border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.shake-race-score-ring strong{font-variant-numeric:tabular-nums;font-size:38px;line-height:.95}.shake-race-score-ring span{color:#9ba5c1;margin-top:4px;font-size:10px}.shake-race-card__identity{display:grid}.shake-race-card__identity>span{color:#9ea8c4;font-size:12px}.shake-race-card__identity>strong{margin:3px 0 5px;font-size:clamp(24px,7vw,36px);line-height:1}.shake-race-card__identity>small{color:#adb6cf;line-height:1.5}.shake-race-motion-panel{background:#ffffff09;border:1px solid #ffffff17;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.shake-race-motion-panel>div{align-items:center;gap:12px;min-width:0;display:flex}.shake-race-motion-panel>div>div{min-width:0;display:grid}.shake-race-motion-panel strong{font-size:12px}.shake-race-motion-panel small{color:#8f99b5;margin-top:3px;font-size:10px;line-height:1.45}.shake-race-motion-panel>button{color:#ece8ff;cursor:pointer;background:#8068ff2b;border:1px solid #9e89ff6b;border-radius:10px;flex:none;min-height:38px;padding:0 12px;font-size:11px;font-weight:800}.shake-race-motion-panel>button:disabled{cursor:wait;opacity:.5}.shake-race-motion-icon{background:#8068ff1f;border:1px solid #9e89ff57;border-radius:12px;flex:none;width:36px;height:36px;position:relative}.shake-race-motion-icon:before,.shake-race-motion-icon:after{content:"";background:#b9aaff;border-radius:999px;width:10px;height:2px;position:absolute;top:50%}.shake-race-motion-icon:before{left:7px;transform:rotate(-36deg)}.shake-race-motion-icon:after{right:7px;transform:rotate(36deg)}.shake-race-motion-icon.is-granted{background:#49dda61a;border-color:#49dda659;animation:1.1s ease-in-out infinite shake-card-sensor}.shake-race-motion-icon.is-denied,.shake-race-motion-icon.is-unavailable{background:#ff697917;border-color:#ff69794d}.shake-race-tap-button{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#cb52ff61,#0000 52%),linear-gradient(135deg,#654cff,#9d4bdf);border:1px solid #9d87ff8a;border-radius:22px;place-content:center;width:100%;min-height:108px;margin-top:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #5d40ff3d,inset 0 1px #fff3}.shake-race-tap-button:after{content:"";pointer-events:none;border:1px solid #ffffff26;border-radius:18px;position:absolute;inset:5px}.shake-race-tap-button:active:not(:disabled){transform:scale(.982)}.shake-race-tap-button span,.shake-race-tap-button small{z-index:1;position:relative}.shake-race-tap-button span{letter-spacing:-.035em;font-size:24px;font-weight:900}.shake-race-tap-button small{color:#ffffffc2;margin-top:5px;font-size:10px}.shake-race-tap-button:disabled{color:#8f96ad;box-shadow:none;cursor:not-allowed;background:#171a2a;border-color:#ffffff14}.shake-race-receipt{color:#b2bad1;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;margin-top:15px;padding:12px;display:grid}.shake-race-receipt>span{color:#b9aaff;letter-spacing:.1em;background:#8068ff21;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}.shake-race-receipt>div{display:grid}.shake-race-receipt strong{font-size:11px}.shake-race-receipt small{color:#818ba6;margin-top:2px;font-size:9px}.shake-race-receipt--confirmed{color:#a8f0d5;background:#49dda60f;border-color:#49dda633}.shake-race-receipt--confirmed>span{color:#9eebce;background:#49dda61f}.shake-race-receipt--rejected{color:#ffc0c7;background:#ff697912;border-color:#ff69793d}.shake-race-receipt--retrying,.shake-race-receipt--queued,.shake-race-receipt--sending{color:#ffe1a3;background:#ffbe4a0f;border-color:#ffbe4a33}@keyframes shake-card-sensor{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes shake-card-network{50%{opacity:.35}}@media (width<=470px){.shake-race-card{border-radius:0;padding:20px}.shake-race-card__score{grid-template-columns:108px minmax(0,1fr);gap:16px}.shake-race-score-ring{width:108px;height:108px}.shake-race-score-ring strong{font-size:30px}.shake-race-motion-panel{flex-direction:column;align-items:stretch}.shake-race-motion-panel>button{width:100%}}@media (prefers-reduced-motion:reduce){.shake-race-card *,.shake-race-card :before,.shake-race-card :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--event-stage-brand:#2563eb;--event-stage-accent:#7c3aed;--event-stage-background:#f8fafc;--event-stage-surface:#fff;--event-stage-text:#0f172a;--event-stage-muted:#64748b;--event-stage-border:#dbe3ef;--event-stage-success:#15803d;--event-stage-warning:#b45309;--event-stage-danger:#b91c1c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.event-stage-theme{background:var(--event-stage-background);min-height:100%;color:var(--event-stage-text);font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.event-stage-theme[data-theme=dark],.event-stage-theme[data-theme=stage]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.event-stage-test-badge,.event-stage-status-chip{border:1px solid var(--event-stage-border);white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.event-stage-test-badge{border-color:color-mix(in srgb, var(--event-stage-warning) 45%, transparent);background:color-mix(in srgb, var(--event-stage-warning) 12%, transparent);color:var(--event-stage-warning);letter-spacing:.04em;padding:.375rem .625rem}.event-stage-status-chip{background:var(--event-stage-surface);color:var(--event-stage-muted);text-transform:capitalize;padding:.3125rem .5625rem}.event-stage-status-chip[data-tone=info]{border-color:color-mix(in srgb, var(--event-stage-brand) 40%, transparent);color:var(--event-stage-brand)}.event-stage-status-chip[data-tone=success]{border-color:color-mix(in srgb, var(--event-stage-success) 40%, transparent);color:var(--event-stage-success)}.event-stage-status-chip[data-tone=warning]{border-color:color-mix(in srgb, var(--event-stage-warning) 40%, transparent);color:var(--event-stage-warning)}.event-stage-status-chip[data-tone=danger]{border-color:color-mix(in srgb, var(--event-stage-danger) 40%, transparent);color:var(--event-stage-danger)}:root{color:#f6f7fb;font-synthesis:none;background:#090d1a;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.audience-shell{min-height:100vh;padding:max(24px, env(safe-area-inset-top)) 20px max(32px, env(safe-area-inset-bottom));background:radial-gradient(circle at 15% 5%,#6366f13d,#0000 35%),radial-gradient(circle at 90% 30%,#17d3b524,#0000 30%),#090d1a}.audience-shell--centered{place-items:center;display:grid}.join-card,.interaction-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#11172adb;border:1px solid #ffffff1f;border-radius:28px;width:min(100%,520px);padding:28px;box-shadow:0 24px 80px #00000052}.brand-mark{background:linear-gradient(135deg,#8174ff,#33d6c3);border-radius:18px;place-items:center;width:54px;height:54px;font-weight:900;display:grid}.eyebrow{color:#8e9bb7;letter-spacing:.16em;text-transform:uppercase;margin:20px 0 8px;font-size:12px;font-weight:800}h1,h2{letter-spacing:-.03em;margin:0}h1{font-size:clamp(30px,8vw,44px)}h2{font-size:clamp(26px,7vw,38px)}.muted,.privacy-note{color:#a7b0c5;line-height:1.65}.privacy-note{margin:18px 0 0;font-size:12px}.field{color:#cfd5e3;gap:8px;margin:20px 0;font-size:14px;display:grid}.field input{color:#fff;background:#0d1324;border:1px solid #303a55;border-radius:14px;outline:none;width:100%;padding:14px 16px}.field input:focus{border-color:#8174ff;box-shadow:0 0 0 3px #8174ff33}.primary-button,.secondary-button{color:#fff;cursor:pointer;border:0;border-radius:15px;justify-content:center;width:100%;padding:15px 18px;font-weight:800;text-decoration:none;display:inline-flex}.primary-button{background:linear-gradient(135deg,#7868ff,#4c9dff)}.secondary-button{background:#202943}.primary-button:disabled,.primary-button--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.event-header{justify-content:space-between;align-items:flex-start;width:min(100%,720px);margin:0 auto 24px;display:flex}.event-header .eyebrow{margin-top:0}.welcome-line{color:#aab4c9;width:min(100%,720px);margin:0 auto 16px}.interaction-card{width:min(100%,720px);margin:0 auto}.interaction-card--waiting{text-align:center;align-content:center;min-height:360px;display:grid}.option-list{gap:12px;margin:28px 0;display:grid}.option-button{color:#e8ebf2;text-align:left;cursor:pointer;background:#10172a;border:1px solid #303a55;border-radius:16px;align-items:center;gap:14px;width:100%;padding:15px;display:flex}.option-button--selected{background:#8174ff29;border-color:#8174ff}.option-index{background:#26304b;border-radius:11px;flex:0 0 36px;place-items:center;height:36px;font-weight:900;display:grid}.receipt{border-radius:16px;gap:4px;width:min(100%,720px);margin:16px auto 0;padding:16px 18px;display:grid}.receipt--success{color:#9df0d0;background:#27c18c24}.receipt--error{color:#ffbac0;background:#ff637024}.receipt span{opacity:.82;font-size:13px}.pulse-orbit{border:1px solid #8174ff66;border-radius:50%;place-items:center;width:92px;height:92px;margin:0 auto;animation:2s ease-in-out infinite pulse;display:grid}.pulse-orbit span{background:#8174ff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 36px #8174ff}@keyframes pulse{50%{opacity:.72;transform:scale(1.08)}}@media (width>=720px){.audience-shell{padding-inline:40px}.join-card,.interaction-card{padding:36px}}