:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%;min-height:100vh}*,:before,:after{box-sizing:border-box}:root{--color-primary:#00d4ff;--color-secondary:#7b2cbf;--color-bg-dark:#000000b3;--color-bg-medium:#303030;--color-bg-light:#404040;--color-bg-chart:#1e1e1e;--color-text:#fff;--color-text-muted:#8892b0;--color-accent:#ff6b6b;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition:all .2s ease-in-out;--transition-slow:all .6s ease-in-out;--shadow:0 0 16px #ffffff80;--shadow-hover:-4px 12px 24px #0000001f, 0 0 16px #ffffff80}body{color:var(--color-text);background:0 0;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}h1{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));letter-spacing:.25rem;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:300}h3{color:var(--color-primary);margin:0 0 var(--space-md);font-size:1.5rem;font-weight:200}p{color:var(--color-text-muted);margin:0}.container{background:var(--color-bg-dark);border-radius:var(--radius-lg);padding:var(--space-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.container:before{content:"";border-radius:var(--radius-lg);background:radial-gradient(circle at 10% 10%, #fff 0%, var(--color-bg-dark) 15%, #fff0 60%, transparent 100%), radial-gradient(circle at 90% 90%, #ffffff80 0%, var(--color-bg-dark) 15%, #fff0 60%, transparent 100%);filter:drop-shadow(-4px -4px 10px #ffffff4d)drop-shadow(4px 4px 10px #ffffff4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;pointer-events:none;padding:1.5px;position:absolute;inset:-1.5px;-webkit-mask-composite:xor;mask-composite:exclude}.container.lg{padding:var(--space-lg)}.app{min-height:100vh;padding:var(--space-lg)}header{margin-bottom:var(--space-lg);text-align:center;justify-content:center;display:flex}.content-wrapper{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:1.857fr 1fr;align-items:stretch;display:grid}.left-column,.right-column{gap:var(--space-lg);flex-direction:column;display:flex}@media (width<=900px){.content-wrapper{grid-template-columns:1fr}}.widget{background:var(--color-bg-medium);border-radius:var(--radius-md);padding:var(--space-md);transform-style:preserve-3d;perspective:1000px;text-align:center;aspect-ratio:1;border:1px solid #96969633;flex-direction:column;justify-content:center;align-items:center;min-height:140px;display:flex}.widget,.widget.calorie,.widget.chart,.widget-label,.widget-value{transition:var(--transition-slow);text-shadow:2px 2px 4px #000}.widget:hover{box-shadow:var(--shadow-hover);border-color:#96969666}.widget-label{color:var(--color-text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.widget-value{color:var(--color-text);font-size:1.5rem;font-weight:200}.widget-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.widget-grid{grid-template-columns:1fr}}.widget.chart{padding:.75rem}.widget.calorie{aspect-ratio:auto;min-height:180px}.widget-header{margin-bottom:var(--space-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.player-nav{align-items:center;gap:var(--space-sm);display:flex}.player-name{color:var(--color-text);text-align:center;min-width:100px;font-size:.875rem;font-weight:600}.calorie-chart-wrapper{justify-content:flex-start;align-items:center;gap:var(--space-sm);flex-direction:column;flex:1;width:100%;display:flex}.calorie-chart{justify-content:center;align-items:flex-end;width:100%;display:flex}.calorie-percent{color:var(--color-primary);margin:0;font-size:1.25rem;font-weight:200}.calorie-info{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);flex-direction:column;font-size:.7rem;display:flex}.calorie-burned{color:var(--color-primary);font-size:.8rem}.calorie-max{font-size:.7rem}button{background:var(--color-bg-medium);color:var(--color-text-muted);border:1px solid var(--color-bg-light);border-radius:var(--radius-sm);cursor:grab;pointer-events:all;transition:var(--transition);z-index:100;-webkit-user-select:none;user-select:none;padding:.4rem .75rem;font-size:.75rem}button:hover:not(:disabled){background:var(--color-bg-light);color:var(--color-text);border-color:var(--color-primary)}button:disabled{opacity:.5;cursor:not-allowed}button.active{background:var(--color-primary);color:var(--color-bg-dark);border-color:var(--color-primary)}.chart-section{flex-direction:column;flex:1;display:flex}.splits-chart-container{flex-direction:column;flex:1;width:100%;min-height:400px;display:flex}.chart-controls{margin-bottom:var(--space-md)}.metric-toggles{gap:var(--space-xs);flex-wrap:wrap;display:flex}.chart-wrapper{background:var(--color-bg-chart);border-radius:var(--radius-md);padding:var(--space-md);flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=900px){.chart-wrapper{height:400px!important}}table{border-collapse:collapse;background:var(--color-bg-chart);border-radius:var(--radius-md);width:100%;font-size:.875rem;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--color-bg-medium);padding:.5rem .5rem .5rem 1rem}th{background:var(--color-bg-medium);color:var(--color-text);font-size:.75rem;font-weight:600}tr:last-child td{border-bottom:none}tr:hover{background:#2a2a3a;transform:translate(2%)}tr{transition:var(--transition)}tr.winner{border-left:4px solid var(--color-primary);background:#00d4ff1a}@keyframes character-roll{0%{transform:translateY(0)}to{transform:translateY(calc(var(--offset-em) * -1em))}}.odometer{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";line-height:1;display:inline-block}.odometer-char{vertical-align:bottom;height:1em;display:inline-block;position:relative;overflow:hidden}.odometer-digit{height:1em;line-height:1;display:block}.odometer-char-inner{animation:character-roll var(--animation-duration,1.5s) cubic-bezier(.25, .46, .45, .94) forwards;animation-delay:var(--animation-delay,0s);line-height:1;display:block}.error-banner{background:var(--color-accent);color:#fff;padding:var(--space-md);border-radius:var(--radius-md);text-align:center;margin-bottom:1.5rem}.loading{text-align:center;color:var(--color-text-muted);padding:3rem}.instructions code{background:var(--color-bg-chart);padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-md);font-family:Courier New,monospace;display:block;overflow-x:auto}