:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#141414;color:#f5f5f7}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden}button{font:inherit;background:#ff6b35;color:#fff;border:0;border-radius:999px;padding:12px 24px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app{display:flex;flex-direction:column;height:100%;width:100%}.spike{display:grid;grid-template-rows:auto 1fr;height:100%}.spike header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#15151a;border-bottom:1px solid #26262e}.spike header h1{margin:0;font-size:16px;letter-spacing:.04em;text-transform:uppercase}.spike .stage{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:0}@media(max-width:720px){.spike .stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}}.video-wrap{position:relative;background:#000;overflow:hidden}.video-wrap video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-wrap .badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:999px;background:#0009;font-size:12px;font-variant-numeric:tabular-nums}.overlay{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;background:#0a0a0cd9;text-align:center;padding:24px}.overlay-spinner{width:32px;height:32px;border-radius:50%;border:3px solid #26262e;border-top-color:#ff6b35;animation:spin .8s linear infinite}.overlay-msg{font-size:15px;color:#f5f5f7}.overlay-detail{font-size:13px;color:#a0a0aa;max-width:320px}.overlay--error .overlay-msg{color:#ff6b6b}@keyframes spin{to{transform:rotate(360deg)}}.debug-overlay{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;pointer-events:none;color:#c5c5cf;max-width:60%}.debug-row{display:flex;justify-content:space-between;gap:8px}.debug-row--hit{color:#06d6a0}.debug-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-val{flex-shrink:0}.panel{background:#101015;border-left:1px solid #26262e;padding:12px 14px;overflow-y:auto}@media(max-width:720px){.panel{border-left:0;border-top:1px solid #26262e;max-height:40vh}}.panel h2{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8a8a95}.bs-row{display:grid;grid-template-columns:1fr 36px;align-items:center;gap:8px;padding:4px 0;font-size:13px}.bs-row .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-row .bar{grid-column:1 / -1;height:4px;background:#26262e;border-radius:2px;overflow:hidden}.bs-row .bar>span{display:block;height:100%;background:linear-gradient(90deg,#ff6b35,#ffd166);transition:width 80ms linear}.bs-row .val{font-variant-numeric:tabular-nums;text-align:right;color:#c5c5cf}.center{display:grid;place-items:center;height:100%;text-align:center;padding:24px}.error{color:#ff6b6b;margin-top:8px;font-size:14px}.caricature{display:flex;flex-direction:column;align-items:center;padding:8px 0 16px;border-bottom:1px solid #26262e;margin-bottom:16px}.caricature-emoji{font-size:96px;line-height:1}.caricature-photo{width:144px;height:144px;border-radius:12px;object-fit:cover;background:#1a1a22}.caricature-label{margin-top:8px;font-size:13px;color:#a0a0aa;letter-spacing:.04em;text-transform:uppercase}.caricature-nav{display:flex;gap:8px;margin-top:12px}.btn-ghost{background:transparent;color:#c5c5cf;border:1px solid #26262e;padding:6px 14px;font-size:16px;border-radius:8px}.btn-ghost:hover{background:#1a1a22}.meter{position:relative;height:14px;background:#1a1a22;border-radius:7px;overflow:hidden;margin-top:4px}.meter-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#ffd166);transition:width 60ms linear}.meter-fill--hot{background:linear-gradient(90deg,#ffd166,#06d6a0)}.meter-threshold{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;opacity:.6;transform:translate(-1px)}.meter-peak{position:absolute;top:-4px;bottom:-4px;width:2px;background:#06d6a0;transform:translate(-1px);transition:left 80ms linear}.meter-readout{display:flex;justify-content:space-between;font-size:12px;color:#8a8a95;margin-top:6px;font-variant-numeric:tabular-nums}.hint{margin-top:16px;font-size:12px;color:#666}.locked{margin-top:12px;padding:8px 12px;border-radius:8px;background:#06d6a01f;border:1px solid rgba(6,214,160,.4);display:flex;align-items:center;justify-content:space-between;gap:8px}.locked-title{font-size:14px;font-weight:700;letter-spacing:.06em;color:#06d6a0}.locked-sub{font-size:12px;color:#8a8a95}.intro{display:grid;place-items:center;height:100%;width:100%;padding:32px 20px;background:#141414;overflow-y:auto;font-family:Special Gothic,system-ui,sans-serif}.intro-inner{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:402px;width:100%}.intro-hero{margin:0;display:flex;flex-direction:column;align-items:center;font-family:Special Gothic Expanded One,Special Gothic,system-ui,sans-serif;font-weight:400;font-size:clamp(28px,9vw,36px);line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#fff;text-align:center}.intro-hero-accent{color:#f4900c}.intro-hero-row{display:flex;gap:16px;justify-content:center;margin:8px 0}.intro-hero-card{width:130px;height:130px;border-radius:20px;overflow:hidden;background:#ffffff0f}.intro-hero-card img,.intro-hero-card video{width:100%;height:100%;object-fit:cover;display:block}.intro-tagline{margin:0;font-family:Special Gothic,system-ui,sans-serif;font-weight:500;font-size:18px;line-height:1.3;color:#fff;text-align:center;max-width:327px}.intro-cta{font-family:Special Gothic Expanded One,Special Gothic,system-ui,sans-serif;font-weight:400;font-size:20px;line-height:.95;letter-spacing:0;text-transform:none;padding:16px 32px;border-radius:36px;background:#f4900c;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 11.5px #f4900c80;cursor:pointer;margin-top:4px}.intro-cta:hover{filter:brightness(1.05)}.intro-tip{margin:40px 0 0;font-family:Special Gothic,system-ui,sans-serif;font-weight:600;font-size:16px;line-height:1.3;color:#f4900c;text-align:center}.intro-foot{margin:0;font-family:Special Gothic,system-ui,sans-serif;font-weight:400;font-size:14px;line-height:1.3;color:#ffffff80;text-align:center;max-width:361px}.round{position:relative;width:100%;height:100%;background:#000;overflow:hidden;font-family:Special Gothic,system-ui,sans-serif}.round-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.round-landmarks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.round-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.round-strip{display:flex;gap:6px;background:#00000080;padding:6px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.round-dot{width:10px;height:10px;border-radius:50%;background:#444}.round-dot--upcoming{background:#fff3}.round-dot--done{background:#06d6a0}.round-dot--missed{background:#ff3b3b}.round-dot--current{background:#ff6b35;box-shadow:0 0 0 3px #ff6b354d;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #ff6b354d}50%{box-shadow:0 0 0 6px #ff6b351a}}.round-timer{font:600 18px ui-monospace,SFMono-Regular,Menlo,monospace;background:#0000008c;padding:6px 12px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums}.round-badge{position:absolute;width:40vmin;height:40vmin;z-index:3;transition:top .2s ease,left .2s ease,right .2s ease,bottom .2s ease,transform .25s ease}.round-badge--tl{top:64px;left:16px}.round-badge--tr{top:64px;right:16px}.round-badge--bl{bottom:110px;left:16px}.round-badge--br{bottom:110px;right:16px}.round-badge--burst{inset:50% auto auto 50%!important;transform:translate(-50%,-50%) scale(2);z-index:6}.round-badge-ring{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;padding:6%}.round-badge-inner{width:100%;height:100%;border-radius:50%;background:#0a0a0c;overflow:hidden;display:grid;place-items:center}.round-badge-photo{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.round-badge-emoji{font-size:8vmin}.round-hint{position:absolute;left:50%;bottom:96px;transform:translate(-50%);background:#0009;color:#ffd166;font-size:24px;font-weight:600;padding:10px 18px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;white-space:nowrap}.round-meter-wrap{position:absolute;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:4}.round-meter-labels{display:flex;justify-content:space-between;font-size:16px;color:#ffffffc7;text-transform:uppercase;margin-bottom:8px;font-weight:600;font-family:Special Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.6)}.round-meter-labels-right{display:inline-flex;align-items:center;gap:6px}.round-meter{position:relative;height:24px;background:#0000008c;border-radius:9px;overflow:hidden}.round-meter-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#ffd166);transition:width 60ms linear}.round-meter-fill--hot{background:linear-gradient(90deg,#ffd166,#06d6a0)}.round-meter-threshold{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;opacity:.7}.round-debug{position:absolute;left:12px;right:12px;bottom:50px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;background:#0000008c;color:#c5c5cf;padding:6px 8px;border-radius:6px;z-index:4;word-break:break-all}.results{height:100%;width:100%;overflow-y:auto;background:#141414;font-family:Special Gothic,system-ui,sans-serif}.results-inner{max-width:402px;margin:0 auto;padding:16px 20px 40px;display:flex;flex-direction:column;align-items:center;gap:0}.results-brand{margin:0;font-family:Special Gothic Expanded One,Special Gothic,system-ui,sans-serif;font-size:16px;line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#fff;text-align:center}.results-runtime{margin:44px 0 4px;font-family:Special Gothic,system-ui,sans-serif;font-weight:600;font-size:18px;line-height:1.3;color:#f4900c;text-align:center}.results-cleared{margin:0 0 28px;font-family:Special Gothic Expanded One,Special Gothic,system-ui,sans-serif;font-weight:400;font-size:32px;line-height:1;letter-spacing:-.03em;color:#fff;text-align:center}.results-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:8px;row-gap:8px;width:100%;margin-bottom:28px}.results-pair{display:flex;gap:5px;align-items:center}.results-cell{position:relative;flex:1 1 0;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#ffffff0f}.results-cell img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.results-cell--player img{transform:scaleX(-1)}.results-cell-empty{width:100%;height:100%}.results-pair--missed .results-cell--player{background:#ff3c3c2e}.results-cell-x{position:absolute;inset:0;display:grid;place-items:center;font-size:44px;color:#ff3b3b;font-weight:800;font-family:Special Gothic,system-ui,sans-serif;pointer-events:none}.results-btn{width:270px;max-width:100%;padding:16px 32px;border-radius:36px;font-family:Special Gothic Expanded One,Special Gothic,system-ui,sans-serif;font-weight:400;font-size:20px;line-height:1;letter-spacing:0;text-transform:none;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);cursor:pointer}.results-btn--primary{background:#f4900c;box-shadow:0 0 11.5px #f4900c80}.results-btn--primary:hover:not(:disabled){filter:brightness(1.05)}.results-btn--primary:disabled{opacity:.7;cursor:progress}.results-btn--secondary{background:#ffffff0f;margin-top:12px}.results-btn--secondary:hover{background:#ffffff1a}.results-more{margin:32px 0 0;font-family:Special Gothic,system-ui,sans-serif;font-weight:600;font-size:18px;line-height:1.3;color:#fff;text-align:center}.results-more a{color:#f4900c;text-decoration:none}.results-more a:hover{text-decoration:underline}@keyframes resultsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.results-fade{opacity:0;animation:resultsFadeIn .36s ease-out forwards}.extract{display:grid;grid-template-rows:auto 1fr;height:100%}.extract header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#15151a;border-bottom:1px solid #26262e}.extract header h1{margin:0;font-size:16px;letter-spacing:.04em;text-transform:uppercase}.extract-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:0}.extract-drop{position:relative;display:grid;place-items:center;background:#000;overflow:auto}.extract-canvas{max-width:100%;max-height:100%;display:block}.extract-pick{position:absolute;inset:24px;display:grid;place-items:center;border:2px dashed #26262e;border-radius:12px;color:#8a8a95;cursor:pointer;font-size:14px}.extract-pick:hover{border-color:#ff6b35;color:#f5f5f7}.extract-panel{background:#101015;border-left:1px solid #26262e;padding:12px 14px;overflow-y:auto}.extract-panel h2{margin:0 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8a8a95}.extract-keys{width:100%;background:#0a0a0c;color:#f5f5f7;border:1px solid #26262e;border-radius:6px;padding:6px 8px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.extract-snippet{background:#0a0a0c;border:1px solid #26262e;border-radius:6px;padding:8px 10px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#c5c5cf;white-space:pre;overflow-x:auto;max-height:50vh}