:root{--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Nunito", "Avenir Next", system-ui, sans-serif;--font-pixel: "Press Start 2P", ui-monospace, monospace;--font-timer: "Press Start 2P", ui-monospace, monospace;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--ease-panel: cubic-bezier(.32, .72, 0, 1);--shadow-pixel: 3px 3px 0;--z-toast: 9000;--z-modal: 9999;--xp-gold: #f0c030;--xp-gold-dim: rgba(240, 192, 48, .35);--xp-gold-mid: rgba(240, 192, 48, .7)}:root,:root[data-theme=paper],:root[data-theme=light]{color-scheme:light;--bg-app: #ece8de;--bg-texture: radial-gradient(circle, rgba(80, 65, 42, .14) 1.2px, transparent 1.2px);--bg-dot-size: 18px 18px;--bg-glow: radial-gradient(ellipse 70% 55% at 50% -10%, rgba(30, 53, 101, .05) 0%, transparent 70%);--scrim: rgba(58, 48, 32, .35);--surface: #f4f0e8;--surface-raised: #eae6dc;--surface-sunken: #e4e0d4;--surface-hover: #e2ded4;--border: #d0ccc0;--border-strong: #c0bab0;--text-primary: #1c1810;--text-secondary: #6e6455;--text-muted: #a89e8e;--text-faint: #bfbab0;--text-on-accent: #e8f0fc;--accent: #1e3565;--accent-strong: #2a52a0;--accent-ink: #1e3565;--accent-soft: rgba(30, 53, 101, .07);--accent-border: rgba(30, 53, 101, .25);--accent-bright: #2a52a0;--accent-hover: #3060b8;--success: #3d6e2e;--success-strong: #2a5020;--success-soft: rgba(61, 110, 46, .1);--success-border: rgba(61, 110, 46, .25);--warn: #7a6820;--warn-soft: rgba(122, 104, 32, .1);--warn-border: rgba(122, 104, 32, .25);--danger: #8a2828;--danger-soft: rgba(138, 40, 40, .08);--danger-border: rgba(138, 40, 40, .25);--gain: #3d6e2e;--gain-light: #5aaa40;--gain-soft: rgba(61, 110, 46, .07);--gain-border: rgba(61, 110, 46, .25);--loss: #8a2828;--loss-light: #c05050;--loss-soft: rgba(138, 40, 40, .07);--loss-border: rgba(138, 40, 40, .25);--caution: #7a6820;--caution-light: #8ac028;--caution-soft: rgba(122, 104, 32, .07);--caution-border: rgba(122, 104, 32, .22);--focus-color: #1e3565;--focus-soft: rgba(30, 53, 101, .1);--break-color: #3d6e2e;--break-soft: rgba(61, 110, 46, .1);--pause-color: #7a6820;--pause-soft: rgba(122, 104, 32, .1);--chart-timing: #7a6820;--chart-focus: #1e3565;--chart-consistency: #3d6e2e;--chart-grid: rgba(80, 65, 42, .1);--chart-line: #1e3565;--chart-area-from: rgba(30, 53, 101, .13);--chart-area-to: rgba(30, 53, 101, 0);--chart-dot-gain: #3d6e2e;--chart-dot-xp: #f0c030;--hm-0: #dedad0;--hm-1: #bacad8;--hm-2: #7a9aba;--hm-3: #1e3565;--btn-primary-bg: #2a52a0;--btn-primary-hover: #3060b8;--btn-primary-border: #1e3565;--btn-primary-shadow: #152848;--btn-primary-text: #e8f0fc;--dock-bg: #dedad0;--dock-icon-bg: #1e3565;--nav-active-border: #1e3565;--nav-active-bg: rgba(30, 53, 101, .1);--nav-active-bar: #1e3565;--nav-inactive-border: #ccc8be;--timer-track: #ccc8be;--timer-arc: #1e3565;--timer-face: #eae6dc;--timer-digits: #1c1810;--timer-label: #1e3565;--xp-seg-dim: rgba(240, 192, 48, .35);--xp-seg-mid: rgba(240, 192, 48, .7);--xp-seg-full: #f0c030;--xp-seg-empty: rgba(80, 65, 42, .12);--xp-gold-text: #8a6914;--room-selected-border: #1e3565;--room-selected-shadow: 0 2px 16px rgba(30, 53, 101, .18);--room-info-bg: #f4f0e8;--room-name: #1c1810;--room-name-unselected: #6e6455;--shadow-dock: 0 4px 20px rgba(50, 38, 22, .14);--shadow-panel: 0 1px 2px rgba(50, 38, 22, .05), 0 8px 24px -8px rgba(50, 38, 22, .12);--shadow-card: 0 1px 2px rgba(50, 38, 22, .05), 0 4px 16px -6px rgba(50, 38, 22, .1);--shadow-pop: 0 2px 0 rgba(255, 255, 255, .6), 0 12px 40px rgba(50, 38, 22, .1);--shadow-modal: 0 2px 0 rgba(255, 255, 255, .6), 0 12px 40px rgba(50, 38, 22, .1)}:root[data-theme=dusk],:root[data-theme=dark]{color-scheme:dark;--bg-app: #0a0a0a;--bg-texture: radial-gradient(circle, rgba(255, 255, 255, .028) 1.2px, transparent 1.2px);--bg-dot-size: 18px 18px;--bg-glow: radial-gradient(ellipse 70% 55% at 50% -10%, rgba(52, 104, 200, .07) 0%, transparent 70%);--scrim: rgba(5, 6, 10, .62);--surface: #191919;--surface-raised: #20242c;--surface-sunken: #101010;--surface-hover: #22262f;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text-primary: #dce8f8;--text-secondary: #92a6c4;--text-muted: #6f7c8c;--text-faint: #565f6b;--text-on-accent: #eaf1fc;--accent: #3468c8;--accent-strong: #2a52a0;--accent-ink: #8fb4ec;--accent-soft: rgba(52, 104, 200, .12);--accent-border: rgba(52, 104, 200, .35);--accent-bright: #2a52a0;--accent-hover: #3060b8;--success: #5aaa40;--success-strong: #3a6e2a;--success-soft: rgba(90, 170, 64, .12);--success-border: rgba(90, 170, 64, .32);--warn: #d6b24e;--warn-soft: rgba(214, 178, 78, .12);--warn-border: rgba(214, 178, 78, .32);--danger: #d06a6a;--danger-soft: rgba(208, 106, 106, .12);--danger-border: rgba(208, 106, 106, .32);--gain: #5aaa40;--gain-light: #76c85c;--gain-soft: rgba(90, 170, 64, .1);--gain-border: rgba(90, 170, 64, .3);--loss: #d06a6a;--loss-light: #e08888;--loss-soft: rgba(208, 106, 106, .1);--loss-border: rgba(208, 106, 106, .3);--caution: #d6b24e;--caution-light: #e6c870;--caution-soft: rgba(214, 178, 78, .1);--caution-border: rgba(214, 178, 78, .3);--focus-color: #3468c8;--focus-soft: rgba(52, 104, 200, .13);--break-color: #5aaa40;--break-soft: rgba(90, 170, 64, .13);--pause-color: #d6b24e;--pause-soft: rgba(214, 178, 78, .13);--chart-timing: #d6b24e;--chart-focus: #3468c8;--chart-consistency: #5aaa40;--chart-grid: rgba(52, 104, 200, .12);--chart-line: #3468c8;--chart-area-from: rgba(52, 104, 200, .2);--chart-area-to: rgba(52, 104, 200, 0);--chart-dot-gain: #5aaa40;--chart-dot-xp: #f0c030;--hm-0: #0c1628;--hm-1: #1a2e50;--hm-2: #2448a0;--hm-3: #3468c8;--btn-primary-bg: #2a52a0;--btn-primary-hover: #3060b8;--btn-primary-border: #3468c8;--btn-primary-shadow: #1e3a80;--btn-primary-text: #eaf1fc;--dock-bg: #111111;--dock-icon-bg: #3468c8;--nav-active-border: #3468c8;--nav-active-bg: rgba(52, 104, 200, .15);--nav-active-bar: #3468c8;--nav-inactive-border: rgba(52, 104, 200, .15);--timer-track: rgba(52, 104, 200, .2);--timer-arc: #3468c8;--timer-face: #0c1628;--timer-digits: #dce8f8;--timer-label: #3468c8;--xp-seg-dim: rgba(240, 192, 48, .3);--xp-seg-mid: rgba(240, 192, 48, .65);--xp-seg-full: #f0c030;--xp-seg-empty: rgba(52, 104, 200, .1);--xp-gold-text: #f0c030;--room-selected-border: #3468c8;--room-selected-shadow: 0 2px 20px rgba(52, 104, 200, .25);--room-info-bg: #111e34;--room-name: #dce8f8;--room-name-unselected: #92a6c4;--shadow-dock: 0 4px 24px rgba(0, 0, 0, .5);--shadow-panel: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px -8px rgba(0, 0, 0, .5);--shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 6px 18px -8px rgba(0, 0, 0, .45);--shadow-pop: 0 24px 64px rgba(0, 0, 0, .55);--shadow-modal: 0 24px 64px rgba(0, 0, 0, .55)}:root{font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-app);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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}._container_10yeq_3{display:flex;justify-content:center;align-items:center;pointer-events:none}._glassCard_10yeq_10{position:relative;display:flex;justify-content:center;align-items:center;background:var(--timer-face);border-radius:50%;border:1px solid var(--border);box-shadow:var(--shadow-card)}._svg_10yeq_21{position:absolute}._bgCircle_10yeq_25{fill:none;stroke:var(--timer-track)}._progressCircle_10yeq_30{fill:none;stroke:var(--timer-arc);stroke-linecap:round;transition:stroke-dashoffset .3s ease}._stopwatchCircle_10yeq_37{fill:none;stroke:var(--timer-arc);stroke-linecap:round;animation:_pulse_10yeq_1 3s ease-in-out infinite}@keyframes _pulse_10yeq_1{0%,to{opacity:.5}50%{opacity:1}}._faceText_10yeq_49{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px}._timerText_10yeq_57{font-family:var(--font-timer);font-weight:400;color:var(--timer-digits);letter-spacing:.01em;font-variant-numeric:tabular-nums;line-height:1}._pixelLabel_10yeq_66{font-family:var(--font-pixel);font-size:8px;letter-spacing:2px;color:var(--timer-label);line-height:1}._container_g8491_3{padding:24px 20px;height:100%;display:flex;flex-direction:column;color:var(--text-primary);box-sizing:border-box;position:relative;font-family:var(--font-body);overflow-y:auto;overflow-x:hidden;background-color:var(--surface);background-image:var(--bg-texture);background-size:var(--bg-dot-size);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}._resizeHandle_g8491_24{position:absolute;top:0;right:0;width:5px;height:100%;cursor:ew-resize;background:transparent;transition:background .2s ease;z-index:10}._resizeHandle_g8491_24:hover{background:var(--accent-border)}._header_g8491_41{position:relative;z-index:1;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}._title_g8491_49{font-family:var(--font-display);font-size:1.2rem;margin:0;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}._subtitle_g8491_58{font-size:.72rem;color:var(--text-muted);margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}._modeSection_g8491_68{position:relative;z-index:1;margin-bottom:8px}._timerSection_g8491_75{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:20px 0 16px}._timer_g8491_75{font-family:var(--font-timer);font-size:3.5rem;font-weight:500;letter-spacing:.02em;color:var(--text-primary);font-variant-numeric:tabular-nums}._statusBadge_g8491_93{margin-top:10px;background:var(--surface-sunken);border:1px solid var(--border);padding:5px 14px;border-radius:var(--radius-pill);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}._cadenceSection_g8491_107{position:relative;z-index:1;margin-bottom:12px}._sectionLabel_g8491_113{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-weight:600}._cadenceButtons_g8491_124{display:flex;gap:8px;margin-bottom:12px}._cadenceBtn_g8491_130{flex:1;padding:8px 12px;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;font-family:inherit}._cadenceBtn_g8491_130:hover{background:var(--surface-hover);color:var(--text-secondary)}._cadenceBtn_g8491_130._active_g8491_149{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-ink)}._customInput_g8491_156{width:100%;padding:10px 14px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;outline:none;box-sizing:border-box;font-family:inherit;font-variant-numeric:tabular-nums;transition:all .15s ease}._customInput_g8491_156:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}._controlsSection_g8491_177{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}._primaryButton_g8491_187{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:2px solid var(--btn-primary-border);padding:13px 14px;font-size:.5rem;font-weight:400;line-height:1.5;border-radius:0;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;font-family:var(--font-pixel);letter-spacing:.02em;text-transform:uppercase;box-shadow:var(--shadow-pixel) var(--btn-primary-shadow)}._primaryButton_g8491_187:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:4px 4px 0 var(--btn-primary-shadow)}._primaryButton_g8491_187:active{transform:translateY(1px);box-shadow:2px 2px 0 var(--btn-primary-shadow)}._secondaryButton_g8491_216{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);padding:10px 14px;font-size:.85rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;transition:all .15s ease}._secondaryButton_g8491_216:hover{background:var(--surface-hover);color:var(--text-primary)}._cardsSection_g8491_235{position:relative;z-index:1;margin-top:auto;display:flex;flex-direction:column;gap:12px;flex-shrink:0;padding-bottom:8px}._card_g8491_235{background:var(--surface-sunken);border:1px solid var(--border);padding:16px;border-radius:var(--radius-md);position:relative;overflow:hidden}._card_g8491_235 h3{margin:0 0 12px;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;position:relative;z-index:1}._statsGrid_g8491_267{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}._statItem_g8491_275{background:var(--surface);border-radius:var(--radius-sm);padding:12px;box-shadow:inset 0 0 0 1px var(--border)}._statLabel_g8491_282{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:4px}._statValue_g8491_291{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em}._card_g8491_235 p{margin:0 0 4px;font-size:.85rem;color:var(--text-secondary)}._minimizeBtn_g8491_308{display:none}:root{font-family:var(--font-body);line-height:1.5;font-weight:400;background-color:var(--bg-app);color:var(--text-primary);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:var(--bg-app)}.side-dock{width:55px;height:100%;background-color:var(--dock-bg);background-image:var(--bg-texture);background-size:var(--bg-dot-size);border-right:1px solid var(--border-strong);display:flex;flex-direction:column;align-items:center;flex-shrink:0;z-index:20;position:relative}.dock-item{position:relative}.dock-item.active:before{content:"";position:absolute;left:-5px;top:9px;bottom:9px;width:3px;border-radius:0 2px 2px 0;background:var(--nav-active-bar)}.pixel-btn{font-family:var(--font-pixel);font-size:.5625rem;line-height:1.4;letter-spacing:.02em;color:var(--btn-primary-text);background:var(--btn-primary-bg);border:2px solid var(--btn-primary-border);border-radius:0;box-shadow:var(--shadow-pixel) var(--btn-primary-shadow);padding:12px 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.pixel-btn:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:4px 4px 0 var(--btn-primary-shadow)}.pixel-btn:active{transform:translateY(1px);box-shadow:2px 2px 0 var(--btn-primary-shadow)}.pixel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-pixel) var(--btn-primary-shadow)}.dot-grid{background-image:var(--bg-texture);background-size:var(--bg-dot-size)}.dock-logo{width:32px;height:32px;background:transparent;color:var(--text-primary);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:var(--surface);border-radius:var(--radius-lg);overflow:hidden;transform:translate(calc(-100% - 67px));transition:transform .4s var(--ease-panel),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:var(--radius-lg);box-shadow:0 0 0 9999px var(--bg-app),inset 0 0 0 1px var(--border);pointer-events:none;z-index:5;transition:left .4s var(--ease-panel);will-change:left}.game-frame-border.panel-open{left:429px}.game-toggle-btn{position:fixed;top:24px;left:79px;z-index:10;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-sm);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.game-toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary)}@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 0 0 var(--success-border)}50%{opacity:.7;box-shadow:0 0 0 6px transparent}}.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%,var(--accent-soft) 50%,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 var(--accent-soft)}50%{box-shadow:0 0 12px var(--accent-border)}to{box-shadow:0 0 4px var(--accent-soft)}}@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:var(--surface);border-top:1px solid var(--border);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}}