@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}._container_13btu_3{display:flex;justify-content:center;align-items:center;pointer-events:none}._glassCard_13btu_10{position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#0a0a0a80,#050508a6);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:50%;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.02);box-shadow:0 -8px 30px -8px #50dcff0f,0 12px 40px #0006,inset 0 1px #ffffff0f}._svg_13btu_29{position:absolute}._bgCircle_13btu_33{fill:none;stroke:#ffffff0f}._progressCircle_13btu_38{fill:none;stroke:#4a9baf;stroke-linecap:round;transition:stroke-dashoffset .3s ease;filter:drop-shadow(0 0 6px rgba(100,220,255,.3))}._stopwatchCircle_13btu_46{fill:none;stroke:#4a9baf;stroke-linecap:round;animation:_pulse_13btu_1 3s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(100,220,255,.3))}@keyframes _pulse_13btu_1{0%,to{opacity:.5;stroke:#4a9baf;filter:drop-shadow(0 0 4px rgba(100,220,255,.2))}50%{opacity:1;stroke:#7dd3e8;filter:drop-shadow(0 0 8px rgba(100,220,255,.4))}}._timerText_13btu_67{position:absolute;font-family:Silkscreen,monospace;font-weight:400;color:#fff;letter-spacing:.05em;text-shadow:0 1px 4px rgba(0,0,0,.4)}._container_royi8_3{padding:24px 20px;height:100%;display:flex;flex-direction:column;color:#fff;box-sizing:border-box;position:relative;font-family:Inter,system-ui,sans-serif;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#0a0a0aa6,#050508cc);backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.02);border-radius:16px;box-shadow:0 -15px 60px -15px #50dcff0f,0 20px 60px #00000080,inset 0 1px #ffffff14}._container_royi8_3:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(100,220,255,.5) 50%,transparent 100%);pointer-events:none;z-index:10}._container_royi8_3:after{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none;z-index:0}._resizeHandle_royi8_57{position:absolute;top:0;right:0;width:5px;height:100%;cursor:ew-resize;background:transparent;transition:background .2s ease;z-index:10}._resizeHandle_royi8_57:hover{background:#64dcff33}._header_royi8_74{position:relative;z-index:1;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}._title_royi8_82{font-size:1.2rem;margin:0;font-weight:700;color:#fff;letter-spacing:-.01em}._subtitle_royi8_90{font-size:.75rem;color:#fff6;margin-top:4px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}._modeSection_royi8_100{position:relative;z-index:1;margin-bottom:8px}._timerSection_royi8_107{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:20px 0 16px}._timer_royi8_107{font-family:Silkscreen,monospace;font-size:3.5rem;font-weight:400;letter-spacing:.05em;color:#fff}._statusBadge_royi8_124{margin-top:10px;background:#ffffff0d;padding:5px 14px;border-radius:8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#fff6;font-weight:500}._cadenceSection_royi8_137{position:relative;z-index:1;margin-bottom:12px}._sectionLabel_royi8_143{display:block;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-weight:500}._cadenceButtons_royi8_154{display:flex;gap:8px;margin-bottom:12px}._cadenceBtn_royi8_160{flex:1;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#fff6;font-size:.8rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:inherit}._cadenceBtn_royi8_160:hover{background:#ffffff0f;color:#fff9}._cadenceBtn_royi8_160._active_royi8_179{background:#ffffff14;border-color:#ffffff1f;color:#fff}._customInput_royi8_186{width:100%;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;font-size:.95rem;outline:none;box-sizing:border-box;font-family:inherit;font-variant-numeric:tabular-nums;transition:all .15s ease}._customInput_royi8_186:focus{border-color:#ffffff2e}._controlsSection_royi8_206{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}._primaryButton_royi8_216{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1);padding:12px 16px;font-size:.9rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .15s ease;font-family:inherit;letter-spacing:.01em}._primaryButton_royi8_216:hover{background:#ffffff24;border-color:#ffffff26}._secondaryButton_royi8_236{background:#ffffff0a;color:#ffffff80;border:1px solid rgba(255,255,255,.06);padding:10px 14px;font-size:.85rem;font-weight:500;border-radius:10px;cursor:pointer;font-family:inherit;transition:all .15s ease}._secondaryButton_royi8_236:hover{background:#ffffff12;color:#ffffffb3}._cardsSection_royi8_255{position:relative;z-index:1;margin-top:auto;display:flex;flex-direction:column;gap:12px;flex-shrink:0;padding-bottom:8px}._card_royi8_255{background:linear-gradient(180deg,#0a0a0a80,#050508a6);border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.01);padding:16px;border-radius:12px;position:relative;overflow:hidden}._card_royi8_255:before{content:"";position:absolute;top:0;left:0;width:80px;height:80px;background:radial-gradient(circle at top left,rgba(100,220,255,.08) 0%,transparent 70%);pointer-events:none;z-index:0;border-radius:12px 0 0}._card_royi8_255 h3{margin:0 0 12px;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-weight:500;position:relative;z-index:1}._statsGrid_royi8_304{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}._statItem_royi8_312{background:#ffffff08;border-radius:8px;padding:12px;box-shadow:inset 0 0 0 1px #ffffff0a}._statLabel_royi8_319{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-bottom:4px}._statValue_royi8_328{font-size:1.5rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}._card_royi8_255 p{margin:0 0 4px;font-size:.85rem;color:#ffffff80}._minimizeBtn_royi8_344{display:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#000;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}.app-container{display:flex;width:100vw;height:100vh;background-color:#141414}.side-dock{width:55px;height:100%;background:linear-gradient(180deg,#0a0a0acc,#050508e6);border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;align-items:center;flex-shrink:0;z-index:20;position:relative}.dock-logo{width:32px;height:32px;background:transparent;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.left-panel{position:fixed;left:67px;top:12px;bottom:12px;width:350px;z-index:50;background-color:#242424;border-radius:16px;overflow:hidden;transform:translate(calc(-100% - 67px));transition:transform .4s cubic-bezier(.32,.72,0,1),opacity .4s ease;pointer-events:none}.left-panel.expanded{transform:translate(0);pointer-events:auto}.game-layer{position:fixed;inset:0;z-index:1}.game-layer canvas{display:block}.game-frame-border{position:fixed;inset:12px 12px 12px 67px;border-radius:16px;box-shadow:0 0 0 9999px #141414;pointer-events:none;z-index:5;transition:left .4s cubic-bezier(.32,.72,0,1);will-change:left}.game-frame-border.panel-open{left:429px}.game-toggle-btn{position:fixed;top:24px;left:79px;z-index:10;background:#1a1a1ae6;border:1px solid rgba(255,255,255,.1);color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.game-toggle-btn:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 #22c55e99}50%{opacity:.7;box-shadow:0 0 0 6px #22c55e00}}.pulse-live{animation:pulse-live 2s ease-in-out infinite}@keyframes insights-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.insights-skeleton-bar{position:relative;overflow:hidden;border-radius:4px}.insights-skeleton-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(100,220,255,.04) 40%,rgba(100,220,255,.08) 50%,rgba(100,220,255,.04) 60%,transparent 100%);animation:insights-shimmer 3s ease-in-out infinite}@keyframes insights-fade-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes slide-in-right{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(110%);opacity:0}}@keyframes pts-float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes pts-bar-glow{0%{box-shadow:0 0 4px #64dcff4d}50%{box-shadow:0 0 12px #64dcff99}to{box-shadow:0 0 4px #64dcff4d}}@keyframes pts-content-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,#0a0a0af7,#050508fc);border-top:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:30;align-items:center;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}@media(max-width:767px){.side-dock-wrapper{display:none!important}.mobile-bottom-nav{display:flex}.left-panel{inset:0 0 60px!important;width:100%!important;height:auto!important;border-radius:0!important;transform:translateY(110vh)!important}.left-panel.expanded{transform:translateY(0)!important}.game-frame-border{inset:0 0 60px!important;border-radius:0!important}.game-frame-border.panel-open{left:0!important}.game-toggle-btn,.panel-minimize-btn{display:none!important}}