:root{color:#f6efe3;background:#10130f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,select{min-width:84px;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:8px;color:#fff8ec;background:#0f1210b3;font:inherit;font-size:.9rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s ease,border-color .2s ease,transform .1s ease}button{cursor:pointer}select{min-width:132px;padding:0 12px}select option{background:#161a14;color:#fff8ec}button:hover,select:hover{background:#ffffff1f;border-color:#ffffff2e}.app-shell{width:100vw;height:100vh;background:#10130f}.race-stage{position:relative;width:100%;height:100%;overflow:hidden}.race-viewport{width:100%;height:100%}.race-hud{position:absolute;top:20px;left:20px;right:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}.race-hud h1,.race-hud p{margin:0;text-shadow:0 2px 18px rgba(0,0,0,.45)}.race-hud h1{font-size:clamp(1.4rem,2.6vw,2.7rem);line-height:1;letter-spacing:0}.eyebrow{margin-bottom:6px;color:#e7d17c;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.eyebrow-link{color:inherit;text-decoration:none;pointer-events:auto}.eyebrow-link:hover{text-decoration:underline}.race-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;pointer-events:auto}.perf-panel{position:absolute;right:20px;bottom:20px;min-width:116px;padding:10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#fff8ec;background:#0f1210b3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.74rem;line-height:1.45;text-align:right;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.perf-panel strong{color:#e7d17c;font-weight:700}.controls-pane{display:flex;flex-direction:column;background:#0f1210b3;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto;gap:14px;box-shadow:0 8px 32px #00000073;min-width:330px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.control-row:last-child{border-bottom:none;padding-bottom:0}.control-row .control-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff73;white-space:nowrap}.control-row select{background:transparent;border:none;color:#fff;font-size:.82rem;font-weight:500;cursor:pointer;outline:none;padding-right:4px;min-width:unset;height:auto;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:right;text-align-last:right}.control-row select option{background:#121612;color:#fff}.time-inputs{display:flex;align-items:center;gap:12px}.clock-display{color:#e7d17c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.15rem;font-weight:700;text-shadow:0 0 10px rgba(231,209,124,.35);min-width:60px;text-align:center}.time-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:6px;border-radius:3px;background:#fff3;outline:none;cursor:pointer}.time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#e7d17c;cursor:pointer;box-shadow:0 0 8px #e7d17c99;transition:transform .1s ease}.time-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.time-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#e7d17c;cursor:pointer;box-shadow:0 0 8px #e7d17c99;transition:transform .1s ease}.time-row input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}@media(max-width:640px){.race-hud{top:14px;left:14px;right:14px;flex-direction:column}.controls-pane{align-items:stretch;width:100%;min-width:unset}.race-actions{justify-content:flex-start}.perf-panel{right:14px;bottom:14px}}.horse-info-tag{position:absolute;transform:translate(-50%,-115%);z-index:10;width:220px;background:#10140fe0;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 8px 32px #0000008c,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;animation:horseTagFadeIn .2s cubic-bezier(.16,1,.3,1) forwards;-webkit-user-select:none;user-select:none}@keyframes horseTagFadeIn{0%{opacity:0;transform:translate(-50%,-100%) scale(.92)}to{opacity:1;transform:translate(-50%,-115%) scale(1)}}.horse-info-tag:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:rgba(16,20,15,.88) transparent transparent;display:block;width:0}.tag-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);border-left:4px solid #fff;border-top-left-radius:4px;border-bottom-left-radius:4px}.header-main{display:flex;flex-direction:column;gap:2px}.horse-name{font-weight:700;font-size:.95rem;color:#fff}.lane-badge{font-size:.72rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.close-tag-btn{background:transparent;border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer;padding:0 4px;height:auto;min-width:auto;line-height:1}.close-tag-btn:hover{color:#fff;background:transparent}.tag-body{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.stat-label{color:#ffffff80}.stat-val{font-weight:500;color:#fff8ec}.font-mono{font-family:monospace}.color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;border:1px solid rgba(255,255,255,.2)}.camera-row{margin-top:4px}.view-btns{display:flex;gap:2px;background:#ffffff0d;padding:2px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.cam-btn{background:transparent;border:none;color:#ffffffb3;padding:4px 8px;font-size:.72rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:auto;height:auto;line-height:1}.cam-btn:hover{color:#fff;background:#ffffff14}.cam-btn.active{background:#e7d17c;color:#121612;box-shadow:0 2px 4px #0003}.live-race-panel{position:absolute;top:20px;left:20px;max-height:calc(100vh - 40px);width:481px;background:#10140fd1;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;display:flex;flex-direction:column;color:#fff8ec;pointer-events:auto;animation:panelFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes panelFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.panel-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.header-top-row{display:flex;align-items:center;justify-content:space-between}.scene-condition-icons{display:flex;align-items:center;gap:8px}.location-pin-icon{font-size:1rem;line-height:1}.location-mini-select{background:transparent;border:none;color:#fff8ec;font-size:.76rem;font-weight:600;cursor:pointer;outline:none;padding:0;min-width:unset;height:auto;-webkit-backdrop-filter:none;backdrop-filter:none}.location-mini-select option{background:#121612;color:#fff}.weather-icon{font-size:1.15rem;line-height:1}.panel-header h2{margin:6px 0 2px;font-size:1.25rem;font-weight:700;line-height:1.2}.join-code-badge{font-size:.76rem;color:#e7d17c;letter-spacing:.05em;margin:0}.live-indicator-wrapper{display:flex;align-items:center;gap:8px}.status-text{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.pending{background-color:#f1c40f;box-shadow:0 0 8px #f1c40f}.status-dot.live{background-color:#e74c3c;box-shadow:0 0 8px #e74c3c;animation:statusBlink 1s infinite alternate}@keyframes statusBlink{0%{opacity:.3}to{opacity:1}}.status-dot.finished{background-color:#2ecc71;box-shadow:0 0 8px #2ecc71}.panel-body{flex:1;padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.time-left-display{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px}.time-label{font-size:.8rem;color:#ffffff80}.time-val{font-size:1.1rem;font-weight:700;color:#e7d17c}.leaderboard-container h3{margin:0 0 10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:#fff9}.no-racers{font-size:.82rem;color:#fff6;font-style:italic;text-align:center;padding:20px 0}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.82rem}.leaderboard-table th{text-align:center;padding-bottom:8px;color:#fff6;font-weight:500;border-bottom:1px solid rgba(255,255,255,.06)}.leaderboard-table td{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.leaderboard-table tr.is-leader td{color:#e7d17c}.col-rank{width:32px;font-weight:700}.col-level{width:46px;text-align:center}.level-badge{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1;font-weight:700;color:#e7d17c;background:#e7d17c26;border:1px solid rgba(231,209,124,.3);border-radius:3px;padding:2px 4px;vertical-align:middle}.level-label{font-size:.55rem;font-weight:600;opacity:.8}.level-num{font-size:.82rem}.col-name{display:flex;align-items:center;gap:8px}.horse-names-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.horse-display-name{font-weight:600;line-height:1.2}.user-display-name{font-size:.7rem;color:#fff6;line-height:1}.leaderboard-table tr.is-inactive-row td{opacity:.55;transition:opacity .5s ease}.inactive-badge{font-size:.65rem;color:#a8e6cf;background:#a8e6cf26;border:1px solid rgba(168,230,207,.3);border-radius:4px;padding:0 4px;margin-left:4px;display:inline-flex;align-items:center;gap:2px}td.col-tokens{text-align:right;padding-left:12px;position:relative;min-width:12ch}.tokens-count{transition:opacity .2s ease}.tokens-count.is-dimmed{opacity:.15}.token-rate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;color:#2ecc71;font-weight:700;background:#0c120eeb;border-radius:4px;padding:1px 6px;z-index:2}.rate-arrow{display:inline-block;margin-right:2px}.rate-flip-enter-active,.rate-flip-leave-active{transition:opacity .25s ease}.rate-flip-enter-from,.rate-flip-leave-to{opacity:0}.leave-btn{margin:16px 20px;border:1px solid rgba(231,76,60,.3);background:#e74c3c1a;color:#ff9f93;width:calc(100% - 40px);border-radius:8px}.leave-btn:hover{background:#e74c3c38;border-color:#e74c3c73}.join-input-group{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:2px 4px 2px 8px}.join-input-group input{width:90px;height:28px;border:none;background:transparent;color:#fff8ec;padding:0;font:inherit;font-size:.9rem;text-transform:uppercase;text-align:center;outline:none}.join-btn{border:1px solid rgba(231,209,124,.3);background:#e7d17c1a;color:#e7d17c;border-radius:6px;height:28px;min-width:68px;font-size:.8rem;padding:0 10px;transition:background .2s ease,border-color .2s ease;-webkit-backdrop-filter:none;backdrop-filter:none}.join-btn:hover{background:#e7d17c38;border-color:#e7d17c73}.active-code{width:90px;height:28px;display:flex;align-items:center;justify-content:center;color:#e7d17c;font-size:.95rem;font-weight:700;letter-spacing:.05em}.leave-btn-mini{border-color:#e74c3c4d!important;background:#e74c3c1a!important;color:#ff9f93!important}.leave-btn-mini:hover{background:#e74c3c38!important;border-color:#e74c3c73!important}.hud-error-message{color:#e74c3c;font-size:.8rem;margin-top:-4px;text-shadow:0 1px 8px rgba(0,0,0,.5);pointer-events:auto}@media(max-width:640px){.live-race-panel{top:90px;left:14px;right:14px;max-height:calc(100vh - 104px);width:auto}}.achievement-toasts-container{position:absolute;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:12px;max-width:320px;pointer-events:none}.achievement-toast-card{pointer-events:auto;display:flex;align-items:center;gap:12px;background:#121216e0;border:1px solid rgba(255,255,255,.08);border-left-width:5px;border-left-style:solid;border-radius:8px;padding:12px 16px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%}.toast-xp-badge{display:flex;align-items:center;justify-content:center;font-family:monospace;font-weight:700;font-size:.8rem;color:#fff;padding:4px 8px;border-radius:4px;box-shadow:0 2px 8px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.5);flex-shrink:0}.toast-content{display:flex;flex-direction:column;gap:2px}.toast-title{font-size:.88rem;font-weight:700;color:#fff;margin:0}.toast-desc{font-size:.76rem;color:#a0a0b0;margin:0}td.col-xp,td.col-xp-gain{text-align:right;padding-left:10px}.zero-xp-gain{color:#fff3;font-size:.8rem}.live-xp-badge{display:inline-block;font-size:.7rem;font-weight:700;color:#2ecc71;background:#2ecc7126;border:1px solid rgba(46,204,113,.3);border-radius:3px;padding:0 4px;margin-left:6px;vertical-align:middle;animation:pulseXp 2s infinite alternate}@keyframes pulseXp{0%{box-shadow:0 0 2px #2ecc7133}to{box-shadow:0 0 8px #2ecc7199}}.toast-fade-enter-active,.toast-fade-leave-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.toast-fade-enter-from{opacity:0;transform:translateY(30px) scale(.85)}.toast-fade-leave-to{opacity:0;transform:translate(100px)}.toast-fade-leave-active{position:absolute}.podium-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0c0ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.podium-modal{background:#121612e6;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 24px 64px #000c;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;padding:32px;color:#fff;position:relative;animation:modalScaleIn .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.podium-modal h2{font-size:1.8rem;font-weight:800;color:#e7d17c;text-align:center;margin-top:0;margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 10px rgba(231,209,124,.25)}.podium-pedestals{display:flex;align-items:flex-end;justify-content:center;gap:16px;margin-bottom:32px;padding-top:110px}.podium-column{display:flex;flex-direction:column;align-items:center;width:200px;position:relative}.podium-column.first{order:2}.podium-column.second{order:1}.podium-column.third{order:3}.podium-badge{font-size:2.2rem;margin-bottom:4px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.podium-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-top:4px solid #fff;border-radius:12px;padding:16px;width:100%;text-align:center;box-shadow:0 4px 20px #0006;margin-bottom:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.podium-place-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff6}.podium-horse-name{font-size:1.1rem;font-weight:700;margin:6px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-jockey-name{font-size:.76rem;color:#ffffff80;margin:0 0 10px}.podium-tokens-count{font-size:.84rem;color:#e7d17c;margin-bottom:12px}.podium-xp-awards{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.podium-level-chip{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1;background:#ffffff1a;font-weight:700;padding:2px 6px;border-radius:4px}.podium-xp-gained{color:#2ecc71;font-weight:700;font-size:.76rem}.podium-xp-bar{background:#ffffff14;height:6px;border-radius:3px;width:100%;overflow:hidden;margin-bottom:4px}.podium-xp-bar-fill{background:#2ecc71;height:100%;width:0;border-radius:3px}.animate-fill{animation:fillBar 1.2s ease-out .4s forwards}@keyframes fillBar{to{width:var(--target-width)}}.podium-xp-text{font-size:.68rem;color:#fff6}.podium-level-up{background:linear-gradient(135deg,#f1c40f,#e67e22);color:#000;font-weight:800;font-size:.68rem;padding:2px 8px;border-radius:10px;margin-top:10px;display:inline-block;animation:pulseScale 1s infinite alternate}@keyframes pulseScale{0%{transform:scale(1)}to{transform:scale(1.08)}}.podium-pillar{width:70%;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #fff3,0 8px 24px #00000080}.podium-column.first .podium-pillar{height:140px;background:linear-gradient(to top,#cda72c,#f3d978)}.podium-column.second .podium-pillar{height:90px;background:linear-gradient(to top,#7d848f,#bcc4d1)}.podium-column.third .podium-pillar{height:60px;background:linear-gradient(to top,#aa6321,#e8a86c)}.pillar-number{font-size:3rem;font-weight:900;color:#0a0f0a4d}.podium-close-btn{margin:24px auto 0;background:#e7d17c;color:#121612;font-weight:700;border:none;border-radius:8px;padding:10px 32px;font-size:.92rem;cursor:pointer;transition:transform .2s,background-color .2s;box-shadow:0 4px 15px #e7d17c4d;display:block}.podium-close-btn:hover{background:#f3d978;transform:translateY(-2px)}.confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1005}.podium-horse-svg{width:76px;height:auto;margin:4px auto 12px;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.podium-horse-canvas{width:calc(100% + 32px);height:220px;margin-top:-110px;display:block;filter:drop-shadow(0 12px 24px rgba(0,0,0,.65));position:relative;z-index:2}.podium-badge-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:8px;margin-bottom:12px}.podium-rest-container{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:8px;width:100%}.podium-rest-table{width:100%;border-collapse:collapse;font-size:.8rem}.podium-rest-table th{color:#fff6;font-weight:500;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.podium-rest-table td{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.text-left{text-align:left}.text-right{text-align:right}.text-green{color:#2ecc71}.level-cell{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.1}.jockey-sub{font-size:.72rem;font-weight:400}.show-standings-btn{margin:10px 20px 20px;background:#e7d17c26;border:1px solid rgba(231,209,124,.4);color:#e7d17c;font-weight:700;width:calc(100% - 40px);padding:10px;border-radius:6px;cursor:pointer;transition:background-color .2s,transform .2s;pointer-events:auto}.show-standings-btn:hover{background:#e7d17c4d;transform:translateY(-1px)}.camera-locked-banner{position:absolute;top:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#0f172aa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(239,68,68,.45);box-shadow:0 0 16px #ef444426,inset 0 0 8px #ef44440d;color:#fca5a5;padding:10px 18px;border-radius:99px;font-family:Outfit,Inter,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.08em;z-index:1000;pointer-events:none;animation:pulse-border 2s infinite ease-in-out}.lock-icon{width:16px;height:16px;stroke:#ef4444}@keyframes pulse-border{0%,to{border-color:#ef444473;box-shadow:0 0 16px #ef444426}50%{border-color:#ef4444d9;box-shadow:0 0 24px #ef444459}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.pill-buttons{display:flex;gap:6px}.action-btn{border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff8ec;border-radius:6px;height:28px;min-width:60px;font-size:.8rem;padding:0 10px;transition:background .2s ease,border-color .2s ease;-webkit-backdrop-filter:none;backdrop-filter:none}.action-btn:hover{background:#ffffff29;border-color:#ffffff4d}.action-btn:disabled{opacity:.4;cursor:not-allowed;background:#ffffff05;border-color:#ffffff14}