@font-face{font-family:Michroma;src:url(/fonts/Michroma-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg: #f5f5f5;--color-surface: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-text: #111827;--color-text-secondary:#6b7280;--color-text-muted: #9ca3af;--color-primary: #111827;--color-primary-hover: #374151;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--max-width: 360px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: "Segoe UI", system-ui, sans-serif;--font-size-xs: .8rem;--font-size-sm: .85rem;--font-size-base: .95rem;--font-size-md: 1rem;--font-size-lg: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--color-nav-bg: #ffffff;--color-nav-border: #e5e7eb;--color-nav-text: #111827;--color-nav-text-muted: #6b7280;--shadow-card: 0 4px 24px rgba(0, 0, 0, .07);--shadow-md: 0 1px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--transition: .15s ease}.env-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-family);font-size:.6rem;font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;pointer-events:none}.env-badge.dev{background:#fbbf24;color:#1a1a1a}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--color-bg);font-family:var(--font-family)}.login-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl) var(--space-xl);width:100%;max-width:var(--max-width);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.login-logo{width:96px;height:96px;border-radius:var(--radius-lg)}.login-heading{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.login-heading h1{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.02em}.login-heading p{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase}.login-strava-hint{margin:var(--space-sm) 0 0;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:none;letter-spacing:normal;line-height:1.4;text-align:left;align-self:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-md)}.login-strava-hint p{margin:0}.login-strava-link{display:block;margin-top:var(--space-sm);text-align:right}.login-strava-logo{opacity:.8;transition:opacity var(--transition)}.login-strava-logo:hover{opacity:1}.login-divider{width:100%;height:1px;background:var(--color-border-light)}.login-error{width:100%;padding:.65rem var(--space-md);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.btn-primary{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:.75rem var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:.75rem var(--space-lg);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:border-color var(--transition),color var(--transition);box-sizing:border-box}.btn-outline:hover{border-color:#d1d5db;color:var(--color-text)}.login-invite-section{width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.login-invite-label{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.login-invite-input{width:100%;padding:.75rem var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;letter-spacing:.15em;box-sizing:border-box}.login-invite-input::placeholder{color:var(--color-text-muted);opacity:.4}.login-invite-input:focus{outline:none;border-color:var(--color-primary)}.promo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1500;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:promoFade .2s ease-in}@keyframes promoFade{0%{opacity:0}to{opacity:1}}.promo-card{position:relative;width:100%;max-width:calc(var(--max-width) - 2 * var(--space-lg));min-height:260px;box-sizing:border-box;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xl) var(--space-lg) var(--space-lg);font-family:var(--font-family);display:flex;flex-direction:column;align-items:center;text-align:center;animation:promoRise .25s ease-out}@keyframes promoRise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.promo-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);font-size:1.5rem;line-height:1;cursor:pointer}.promo-icon{font-size:2.5rem;line-height:1;margin-bottom:var(--space-sm)}.promo-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-sm)}.promo-body{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-lg);flex:1}.promo-actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.promo-cta{width:100%;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:background var(--transition)}.promo-cta:hover{background:var(--color-primary-hover)}.promo-dont-show{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:background var(--transition)}.promo-dont-show:hover{background:var(--color-bg)}.promo-later{border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:var(--font-family);padding:var(--space-xs);cursor:pointer}.settings-backdrop{position:absolute;top:56px;left:0;right:0;bottom:36px;background:#0006;z-index:98}.settings-panel{position:absolute;top:56px;right:0;bottom:36px;width:75%;max-width:var(--max-width);background:var(--color-bg);z-index:99;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideRight .25s ease-out;font-family:var(--font-family)}@keyframes slideRight{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-user-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.settings-user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.status-badge{font-size:.68rem;font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:10px;letter-spacing:.02em;flex-shrink:0}.status-badge--premium{background:#dcfce7;color:#15803d}.status-badge--normal{background:var(--color-border-light);color:var(--color-text-muted)}.status-badge--pro{background:#dbeafe;color:#1d4ed8}.status-badge--vip{background:#fef3c7;color:#b45309}.settings-tabs{display:flex;border-bottom:1px solid var(--color-border);padding:0 var(--space-md);gap:var(--space-xs)}.settings-tab{background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition),border-color var(--transition)}.settings-tab:active{color:var(--color-text)}.settings-tab--active{color:var(--color-text);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.settings-body{padding:var(--space-md);flex:1;overflow-y:auto;overscroll-behavior:contain}.settings-placeholder{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-xl) 0;margin:0}.settings-connect-strava{padding-top:8px}.settings-connect-strava-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:.6rem var(--space-md);background:#fc4c02;color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;min-height:44px}.settings-connect-strava-btn:active{opacity:.85}.settings-strava-icon{width:18px;height:18px;flex-shrink:0}.strava-profile-box{padding:var(--space-md);background:var(--color-border);border-radius:var(--radius-md)}.strava-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.strava-profile-avatar{width:40px;height:40px;border-radius:50%}.strava-profile-initials{display:flex;align-items:center;justify-content:center;background:var(--color-primary, #4a90d9);color:#fff;font-family:Michroma,sans-serif;font-size:.85rem;font-weight:600;flex-shrink:0}.strava-profile-logo{opacity:.8}.strava-profile-stats{display:flex;flex-direction:column;gap:2px}.strava-profile-label{font-size:var(--font-size-xs);color:var(--color-nav-text-muted)}.strava-profile-table{border-collapse:collapse;margin-top:2px}.strava-profile-key{font-size:var(--font-size-sm);color:var(--color-nav-text-muted);padding:1px var(--space-md) 1px 0;white-space:nowrap}.strava-profile-val{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);padding:1px 0}.strava-profile-hint{margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.strava-profile-reconnect{font-size:var(--font-size-xs);color:var(--color-warning, #f0ad4e);margin:0;line-height:1.3}.settings-app-download{padding:var(--space-md);background:var(--color-border);border-radius:var(--radius-md)}.settings-app-download-text{margin:0 0 var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-app-uptodate{color:#15803d;margin:0 0 var(--space-md);font-weight:var(--font-weight-semibold)}.settings-app-update-available{color:#e34402;font-weight:var(--font-weight-semibold)}.settings-app-version-info{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.settings-app-download-btn-secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.settings-app-download-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:.6rem var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;min-height:44px;text-decoration:none;box-sizing:border-box;justify-content:center}.settings-app-download-btn:active{opacity:.85}.settings-zhoomster-section{margin-top:8px;padding:var(--space-md);background:var(--color-border);border-radius:var(--radius-md)}.zhoomster-section-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.zhoomster-section-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-xs) 0 var(--space-sm);line-height:1.3}.zhoomster-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.zhoomster-field{display:flex;flex-direction:column;gap:2px}.zhoomster-field-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.zhoomster-field-input{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-nav-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);box-sizing:border-box}.zhoomster-field-input::placeholder{color:var(--color-text-muted);opacity:.5}.zhoomster-field-input:focus{outline:none;border-color:var(--color-primary)}.zhoomster-save-btn{margin-top:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition)}.zhoomster-save-btn:hover:not(:disabled){background:var(--color-primary-hover)}.zhoomster-save-btn:disabled{opacity:.6;cursor:not-allowed}.settings-loading{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-lg) 0}.settings-footer{display:flex;justify-content:flex-end;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border)}.settings-logout-btn{display:flex;align-items:center;gap:var(--space-xs);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;min-height:36px;transition:border-color var(--transition),color var(--transition)}.settings-logout-btn:active{border-color:var(--color-error);color:var(--color-error)}.app-preferences-section{margin-top:var(--space-md);padding:2px var(--space-md);background:var(--color-border);border-radius:var(--radius-md)}.app-preferences-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.preferences-hand-toggle{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.preferences-hand-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.preferences-hand-switch{display:flex;border:1px solid var(--color-nav-border);border-radius:var(--radius-sm);overflow:hidden}.preferences-hand-option{flex:1;padding:var(--space-xs) var(--space-md);background:var(--color-surface);border:none;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.preferences-hand-option--active{background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold)}.preferences-hand-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.invite-section{margin-top:var(--space-md);padding:2px var(--space-md);background:var(--color-border);border-radius:var(--radius-md)}.invite-create-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;min-height:36px;transition:background var(--transition)}.invite-create-btn:hover:not(:disabled){background:var(--color-primary-hover)}.invite-create-btn:disabled{opacity:.6;cursor:not-allowed}.invite-list{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.invite-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.invite-item-code{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:.08em}.invite-action-btn{padding:4px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center}.invite-action-btn:active{color:var(--color-primary)}.admin-wrapper{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-subtabs{display:flex;flex-wrap:wrap;gap:var(--space-xs);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-xs)}.admin-subtab{background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-xs) var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition),border-color var(--transition)}.admin-subtab:active{color:var(--color-text)}.admin-subtab--active{color:var(--color-text);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.admin-apis-tab{display:flex;flex-direction:column;gap:var(--space-md)}.admin-api-section{padding:var(--space-md);background:var(--color-border);border-radius:var(--radius-md)}.admin-api-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.admin-api-logo{height:16px;opacity:.8}.admin-api-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.admin-api-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;margin-left:auto}.admin-api-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xs)}.admin-api-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.admin-api-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text);font-variant-numeric:tabular-nums}.admin-api-bar{height:4px;background:var(--color-border-light);border-radius:2px;margin-top:3px;overflow:hidden}.admin-api-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.admin-api-note{margin-top:var(--space-sm);font-size:.65rem;color:var(--color-text-muted);font-style:italic;line-height:1.3}.admin-tab{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-search{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);outline:none;box-sizing:border-box}.admin-search:focus{border-color:var(--color-primary)}.admin-search::placeholder{color:var(--color-text-muted)}.admin-user-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.admin-user-row{display:flex;flex-direction:column;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light)}.admin-user-row:last-child{border-bottom:none}.admin-user-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:44px;cursor:pointer}.admin-user-expanded{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-xs) 0 var(--space-xs) var(--space-xs)}.admin-zhoomies-block{display:flex;flex-direction:column;gap:6px;width:100%}.admin-zhoomies-balance{font-size:.72rem;color:var(--color-text-secondary, #888)}.admin-zhoomies-balance strong{color:#fc4c02;font-weight:var(--font-weight-medium)}.admin-zhoomies-adjust{display:flex;align-items:center;gap:4px}.admin-zhoomies-input{width:84px;padding:4px 8px;font-family:var(--font-family);font-size:.72rem;border:1px solid var(--color-border, #ddd);border-radius:var(--radius-sm);background:var(--color-surface, #fff);color:var(--color-text, #222)}.admin-zhoomies-adjust .admin-grant-btn{padding:4px 10px}.admin-grant-btn--deduct{border-color:var(--color-danger, #d32f2f);color:var(--color-danger, #d32f2f)}.admin-grant-btn--deduct:active{background:var(--color-danger, #d32f2f);color:#fff}.admin-analyze-all-btn{border-color:var(--color-text-secondary, #888);color:var(--color-text-secondary, #888)}.admin-analyze-all-btn:active{background:var(--color-text-secondary, #888);color:#fff}.admin-grant-btn{background:none;border:1px solid #fc4c02;border-radius:var(--radius-sm);padding:4px 12px;font-family:var(--font-family);font-size:.7rem;font-weight:var(--font-weight-medium);color:#fc4c02;cursor:pointer}.admin-grant-btn:active{background:#fc4c02;color:#fff}.admin-grant-btn:disabled{opacity:.4;cursor:not-allowed}.admin-grant-flash{font-size:.7rem;font-weight:var(--font-weight-medium);color:#fc4c02;background:#fc4c0214;border-radius:var(--radius-sm);padding:3px 8px;animation:admin-grant-fade 2.5s ease forwards}@keyframes admin-grant-fade{0%{opacity:0;transform:translateY(3px)}10%,80%{opacity:1;transform:translateY(0)}to{opacity:0}}.admin-delete-btn{background:none;border:1px solid var(--color-danger, #d32f2f);border-radius:var(--radius-sm);padding:4px 12px;font-family:var(--font-family);font-size:.7rem;font-weight:var(--font-weight-medium);color:var(--color-danger, #d32f2f);cursor:pointer;margin-left:auto}.admin-delete-btn:active{background:var(--color-danger, #d32f2f);color:#fff}.admin-delete-btn:disabled{opacity:.3;cursor:not-allowed}.admin-delete-confirm{display:flex;align-items:center;gap:var(--space-sm)}.admin-delete-confirm-text{font-size:.7rem;color:var(--color-danger, #d32f2f);font-weight:var(--font-weight-medium)}.admin-delete-confirm-btn{background:var(--color-danger, #d32f2f);border:none;border-radius:var(--radius-sm);padding:4px 12px;font-family:var(--font-family);font-size:.7rem;font-weight:var(--font-weight-medium);color:#fff;cursor:pointer}.admin-delete-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.admin-delete-cancel-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 12px;font-family:var(--font-family);font-size:.7rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer}.admin-user-info{display:flex;flex-direction:column;min-width:0;flex:1}.admin-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-email{font-size:.7rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.admin-status-wrapper{position:relative}.admin-status-toggle{background:none;border:none;cursor:pointer;padding:2px;border-radius:var(--radius-sm)}.admin-status-toggle:active{background:var(--color-border-light)}.admin-status-toggle:disabled{opacity:.5;cursor:not-allowed}.admin-status-dropdown{position:absolute;top:100%;right:0;z-index:10;list-style:none;margin:4px 0 0;padding:4px 0;background:var(--color-surface, #fff);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000001f;min-width:100px}.admin-status-option{padding:6px 10px;cursor:pointer}.admin-status-option:active,.admin-status-option--active{background:var(--color-border-light)}.admin-impersonate-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;font-family:var(--font-family);font-size:.7rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.admin-impersonate-btn:active{border-color:var(--color-primary);color:var(--color-primary)}.admin-user-empty{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-lg) 0}.admin-promos-tab{display:flex;flex-direction:column;gap:var(--space-md)}.admin-promo-new-btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer}.promo-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:var(--color-bg);display:flex;flex-direction:column;font-family:var(--font-family);animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(2%);opacity:0}to{transform:translateY(0);opacity:1}}.promo-editor-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.promo-editor-back{border:none;background:transparent;color:var(--color-text);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 var(--space-xs)}.promo-editor-heading{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text)}.promo-editor-body{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.promo-editor-key{font-size:var(--font-size-xs);color:var(--color-text-muted)}.promo-editor-footer{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-border);background:var(--color-surface)}.promo-editor-footer .admin-promo-create-btn{flex:1}.admin-promo-preview-btn,.admin-promo-cancel-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer}.admin-promo-preview-btn:disabled{opacity:.5;cursor:default}.admin-promo-input,.admin-promo-textarea{width:100%;box-sizing:border-box;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-bg);color:var(--color-text)}.admin-promo-textarea{resize:vertical}.admin-promo-row{display:flex;gap:var(--space-sm)}.admin-promo-input--icon{width:40%}.admin-promo-input--priority{width:30%}.admin-promo-tiers{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.admin-promo-tiers-label{font-size:var(--font-size-xs);color:var(--color-text-muted);width:100%}.admin-promo-tier-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);padding:2px;cursor:pointer;opacity:.45;transition:opacity var(--transition),border-color var(--transition)}.admin-promo-tier-chip--on{opacity:1;border-color:var(--color-primary)}.admin-promo-create-btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer}.admin-promo-create-btn:disabled{opacity:.5;cursor:default}.admin-promo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.admin-promo-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-sm) var(--space-md)}.admin-promo-item-main{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-promo-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.admin-promo-item-audience{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.admin-promo-item-audience-label,.admin-promo-item-priority,.admin-promo-item-alltiers{font-size:var(--font-size-xs);color:var(--color-text-muted)}.admin-promo-item-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.admin-promo-show{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);cursor:pointer}.admin-promo-show:hover{background:var(--color-bg)}.admin-promo-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);cursor:pointer}.admin-promo-toggle--on{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.account-tab{display:flex;flex-direction:column;gap:var(--space-md)}.account-warning{font-size:var(--font-size-sm);color:var(--color-danger, #d32f2f);line-height:1.4;margin:0}.account-confirm-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-nav-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);box-sizing:border-box}.account-confirm-input::placeholder{color:var(--color-text-muted)}.account-delete-btn{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-danger, #d32f2f);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;min-height:44px}.account-delete-btn:disabled{opacity:.4;cursor:not-allowed}.account-error{font-size:.7rem;color:var(--color-danger, #d32f2f);margin:0}.account-log{background:#111827;color:#d1d5db;font-family:Courier New,Courier,monospace;font-size:.75rem;line-height:1.6;padding:var(--space-md);border-radius:var(--radius-sm);max-height:200px;overflow-y:auto}.account-log-line{white-space:pre-wrap;word-break:break-word}.account-log-spinner{animation:accountBlink 1s step-end infinite}@keyframes accountBlink{50%{opacity:0}}.account-countdown{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-sm) 0}.admin-engagement-tab{display:flex;flex-direction:column;gap:var(--space-md)}.engagement-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.engagement-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) var(--space-xs);background:var(--color-border);border-radius:var(--radius-md)}.engagement-card-val{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.engagement-card-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.engagement-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.engagement-events{display:flex;flex-direction:column;gap:var(--space-xs)}.engagement-event-row{display:grid;grid-template-columns:5.5rem 1fr 2rem;align-items:center;gap:var(--space-xs)}.engagement-event-label{font-size:var(--font-size-xs);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engagement-event-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.engagement-event-bar-fill{height:100%;background:var(--color-primary);border-radius:4px}.engagement-event-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-align:right}.engagement-user-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xs)}.engagement-user-row{background:var(--color-border);border-radius:var(--radius-md);overflow:hidden}.engagement-user-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer}.engagement-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.engagement-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engagement-user-sub{font-size:.65rem;color:var(--color-text-muted)}.engagement-user-last{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.engagement-user-last--never{opacity:.5;font-style:italic}.engagement-trail{display:flex;flex-direction:column;gap:2px;padding:var(--space-xs) var(--space-md) var(--space-sm);border-top:1px solid var(--color-border-light)}.engagement-trail-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-size:var(--font-size-xs)}.engagement-trail-event{color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engagement-trail-time{color:var(--color-text-muted);flex-shrink:0}.engagement-empty{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;padding:var(--space-xs) 0}html,body{overscroll-behavior:none}.dashboard-container{display:grid;grid-template-areas:"topbar" "main" "bottombar";grid-template-columns:1fr;grid-template-rows:56px 1fr 36px;height:100dvh;overflow:hidden;width:100%;position:relative}.top-bar{grid-area:topbar;background:var(--color-nav-bg);border-bottom:1px solid var(--color-nav-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);box-shadow:var(--shadow-md);z-index:100;position:relative}.nav-left,.nav-right{display:flex;align-items:center;gap:var(--space-sm);min-width:80px}.nav-right{justify-content:flex-end}.nav-center{position:relative;display:flex;align-items:center;justify-content:center;flex:1;width:60%;max-width:60vw}.nav-bg-title{position:absolute;bottom:5px;font-family:Michroma,sans-serif;font-weight:400;color:var(--color-border);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;max-width:100%;font-size:min(calc(var(--font-size-base) * 2),4.2vw)}.nav-logo{width:54px;height:54px;border-radius:var(--radius-sm);position:relative}.top-bar--impersonating{background:#fef3c7;border-bottom-color:#f59e0b}.btn-stop-impersonate{background:#dc2626;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;min-height:32px}.btn-stop-impersonate:active{background:#b91c1c}.menu-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:var(--space-sm);min-width:44px;min-height:44px;align-items:center;justify-content:center}.menu-toggle span{display:block;width:24px;height:4px;background:var(--color-nav-text-muted);border-radius:2px;transition:var(--transition)}.btn-icon{background:none;border:none;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-nav-text-muted);transition:background var(--transition),color var(--transition)}.btn-icon:hover{background:var(--color-border-light);color:var(--color-nav-text)}.side-menu{position:absolute;top:56px;left:0;bottom:36px;width:240px;z-index:99;background:var(--color-nav-bg);border-right:1px solid var(--color-nav-border);padding:var(--space-md) 0;transform:translate(0);transition:transform .25s ease;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.side-menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/HALF_CyHamster.svg) no-repeat bottom center;background-size:contain;opacity:.05;pointer-events:none;z-index:0}.menu-items{flex:1;position:relative;z-index:1}.menu-bottom{margin-top:auto;position:relative;z-index:1}.side-menu.collapsed{transform:translate(-100%);box-shadow:none}.menu-backdrop{position:absolute;top:56px;left:0;right:0;bottom:36px;background:#00000080;z-index:98}.menu-items{list-style:none;display:flex;flex-direction:column;gap:5px;margin:0;padding:0}.menu-item{display:flex;align-items:center;gap:var(--space-md);width:calc(100% - 2 * var(--space-md));padding:8px 5px;margin:5px var(--space-md);background:#ffffff80;border:1px solid var(--color-nav-border);border-radius:var(--radius-sm);color:var(--color-nav-text-muted);font-family:Michroma,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.menu-item:hover{background:var(--color-border-light);color:var(--color-nav-text)}.menu-icon{min-width:32px;width:32px;height:18px;flex-shrink:0}.menu-divider{height:1px;background:var(--color-nav-border);margin:var(--space-sm) var(--space-lg)}.menu-section-label{display:flex;align-items:center;gap:var(--space-md);justify-content:center;padding:var(--space-sm) var(--space-lg);margin:var(--space-xs) var(--space-md);font-family:Michroma,sans-serif;font-size:calc(var(--font-size-xs) * 1.2);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;list-style:none;border-bottom:1px solid var(--color-nav-border)}.menu-item.sub-item{padding-left:calc(var(--space-lg) + 18px + var(--space-md));gap:var(--space-sm)}.sub-item-chevron{font-size:1rem;line-height:1;opacity:.5;transition:opacity var(--transition)}.menu-item.sub-item:hover .sub-item-chevron{opacity:1}.main-area{grid-area:main;background:var(--color-bg);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-sm) var(--space-sm);font-family:var(--font-family)}.bottom-bar{grid-area:bottombar;background:var(--color-nav-bg);border-top:1px solid var(--color-nav-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-family);font-size:.68rem;font-weight:var(--font-weight-medium);color:var(--color-nav-text-muted);letter-spacing:.04em;gap:var(--space-sm)}.bottom-bar-dot{color:#fff3}.dash-page{margin:calc(-1 * var(--space-sm));padding:var(--space-sm);background:linear-gradient(#ffffff80,#ffffff80),url(/images/dashboard_background.webp) center center / cover no-repeat fixed;min-height:calc(100% + 2 * var(--space-sm));box-sizing:border-box}.dashboard-welcome{display:flex;flex-direction:column;gap:var(--space-md)}.dashboard-welcome h2{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.dashboard-welcome p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.getting-started{display:flex;flex-direction:column;gap:var(--space-md)}.getting-started-title,.dash-page h2{margin:0;font-family:Michroma,sans-serif;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center}.getting-started-intro{margin:0;font-size:var(--font-size-sm);color:#111827;line-height:1.5}.getting-started-steps{display:flex;flex-direction:column;gap:var(--space-md);background:#ffffff1a;border-radius:var(--radius-md);padding:var(--space-md) var(--space-sm)}.getting-started-step{display:flex;gap:var(--space-md);padding:var(--space-md);background:#ffffffe6;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.getting-started-step h3{margin:0 0 var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.getting-started-step p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5}.step-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fc4c02,#e34402);color:#fff;font-family:Michroma,sans-serif;font-size:.95rem;font-weight:700;box-shadow:0 4px 10px #fc4c0259,inset 0 1px #ffffff59,inset 0 -2px 4px #00000026;border:2px solid rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.25)}.getting-started-btn{position:relative;margin-top:var(--space-sm);padding:10px 20px;background:linear-gradient(135deg,#fc4c02,#e34402);color:#fff;border:none;border-radius:10px;font-family:Michroma,sans-serif;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,background .15s;box-shadow:0 4px 12px #fc4c024d,inset 0 1px #ffffff40;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;overflow:hidden;animation:strava-pulse 2.2s ease-in-out infinite}.getting-started-btn:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:skew(-20deg);animation:strava-shine 2.6s ease-in-out infinite;pointer-events:none}@keyframes strava-pulse{0%,to{box-shadow:0 4px 12px #fc4c024d,0 0 #fc4c0273,inset 0 1px #ffffff40}50%{box-shadow:0 6px 18px #fc4c0273,0 0 0 8px #fc4c0200,inset 0 1px #ffffff4d}}@keyframes strava-shine{0%{left:-60%}55%{left:120%}to{left:120%}}.getting-started-btn:hover{background:linear-gradient(135deg,#ff5a16,#fc4c02);box-shadow:0 6px 16px #fc4c0273,inset 0 1px #ffffff4d;transform:translateY(-1px)}.getting-started-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #fc4c024d,inset 0 1px #fff3}.getting-started-privacy{margin-top:var(--space-md);padding:var(--space-md);background:#fc4c0280;border:1px solid rgba(252,76,2,.35);border-radius:var(--radius-sm)}.getting-started-privacy p{margin:0;font-size:.92rem;color:#111827;line-height:1.6;font-weight:500}.athlete-dashboard{display:flex;flex-direction:column;gap:var(--space-md)}.dash-icon{width:20px;height:20px;flex-shrink:0}.dash-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,#e5e7ebbf,#ffffffbf);border:1px solid var(--color-text)}.dash-hero-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:.6rem;font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:10px;letter-spacing:.03em;text-transform:uppercase;z-index:1;cursor:pointer}.dash-badge--premium{background:#dcfce7;color:#15803d}.dash-badge--pro{background:#dbeafe;color:#1d4ed8}.dash-badge--vip{background:#fef3c7;color:#b45309}.dash-badge--admin{background:#fef3c7;color:#d97706}.dash-badge--normal{background:var(--color-border-light);color:var(--color-text-muted)}.dash-hero-content{position:relative;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md)}.dash-hero-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);box-shadow:0 2px 8px #0000001a;flex-shrink:0}.dash-hero-initials{display:flex;align-items:center;justify-content:center;background:var(--color-primary, #4a90d9);color:#fff;font-family:Michroma,sans-serif;font-size:1.1rem;font-weight:600}.dash-hero-info{display:flex;flex-direction:column;gap:2px}.dash-hero-name{margin:0;font-family:Michroma,sans-serif;font-size:1.1rem;font-weight:400;color:var(--color-text);letter-spacing:.02em}.dash-hero-since{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.dash-section{display:flex;flex-direction:column;gap:var(--space-sm);background:#ffffffbf;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.dash-section-title{margin:0;font-family:Michroma,sans-serif;font-size:.65rem;font-weight:400;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.dash-section--breakdown{position:relative}.dash-refresh-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;padding:0;background:#fc4c02;border:2px solid #111827;border-radius:12px;color:#fff;cursor:pointer;box-shadow:0 3px #111827,0 5px 10px #fc4c0259;transform:rotate(-3deg);transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.dash-refresh-btn:hover{background:#e34402;transform:rotate(-3deg) translateY(-1px);box-shadow:0 4px #111827,0 6px 12px #fc4c0266}.dash-refresh-btn:active{transform:rotate(-3deg) translateY(2px);box-shadow:0 1px #111827,0 2px 4px #fc4c024d}.dash-refresh-btn:disabled{cursor:default}.dash-refresh-btn svg{display:block;width:18px;height:18px}.dash-refresh-btn--spinning svg{animation:dash-refresh-spin .8s linear infinite;transform-origin:center}@keyframes dash-refresh-spin{to{transform:rotate(360deg)}}.dash-refresh-btn--stale:after{content:"";position:absolute;top:-4px;right:-4px;width:9px;height:9px;border-radius:50%;background:#fbbf24;border:1.5px solid #111827}.dash-highlights-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.dash-highlight{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ffffffe6;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow var(--transition)}.dash-highlight-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);flex-shrink:0}.dash-highlight-data{display:flex;flex-direction:column;min-width:0}.dash-highlight-value{font-size:1.15rem;font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.1;white-space:nowrap}.dash-highlight-unit{font-size:.65rem;font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.dash-highlight-label{font-size:.6rem;color:var(--color-text-muted);margin-top:1px}.dash-periods{display:flex;flex-direction:column;gap:var(--space-sm)}.dash-period-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dash-period-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light)}.dash-period-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.dash-period-rides{font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);background:var(--color-bg);padding:2px 8px;border-radius:10px}.dash-period-stats{display:flex;flex-direction:column;padding:0}.dash-compact-stat{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);background:#ffffffe6}.dash-compact-stat:not(:last-child){border-bottom:1px solid var(--color-border-light)}.dash-compact-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.dash-compact-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text)}.dash-compact-unit{font-size:.65rem;font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.membership-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:center;justify-content:center}.membership-overlay{background:var(--color-surface, #fff);border-radius:var(--radius-lg, 12px);width:calc(var(--max-width) - var(--space-lg) * 2);max-width:320px;max-height:80vh;overflow-y:auto;padding:var(--space-md);box-shadow:0 8px 32px #0000002e}.membership-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.membership-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.membership-close{width:24px;height:24px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:50%;font-size:.75rem;font-weight:var(--font-weight-bold);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);padding:0;flex-shrink:0}.membership-close:active{background:var(--color-border-light);color:var(--color-text)}.membership-tier{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.membership-tier .dash-hero-badge{position:static;font-size:.7rem}.membership-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.membership-rate{font-size:.7rem;color:var(--color-text-muted);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.membership-tier-group{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);padding-top:var(--space-md);margin-bottom:var(--space-sm)}.membership-tier-badge{position:absolute;top:-8px;right:var(--space-sm);font-size:.55rem;font-weight:var(--font-weight-bold);padding:1px 6px;border-radius:8px;letter-spacing:.03em;text-transform:uppercase}.membership-tier-badge--normal{background:var(--color-border-light);color:var(--color-text-muted)}.membership-tier-badge--premium{background:#dcfce7;color:#15803d}.membership-tier-badge--pro{background:#dbeafe;color:#1d4ed8}.membership-tier-badge--vip{background:#fef3c7;color:#b45309}.membership-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.membership-feature{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text)}.membership-feature--disabled{color:var(--color-text-muted);opacity:.5}.membership-feature-icon{font-size:.75rem;font-weight:var(--font-weight-bold);width:16px;text-align:center;flex-shrink:0}.membership-feature--disabled .membership-feature-icon{color:var(--color-text-muted)}.membership-feature-help{background:none;border:1px solid var(--color-border);border-radius:50%;width:18px;height:18px;font-size:.6rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.membership-feature-help:active{background:var(--color-border-light);color:var(--color-text)}.membership-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;background:#0006}.membership-help-card{background:var(--color-surface, #fff);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:var(--space-md);max-width:280px;box-shadow:0 4px 16px #00000026}.membership-help-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.membership-help-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.membership-help-text{font-size:.75rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.membership-loading{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-lg) 0}.strava-page{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-md);width:100%;max-width:var(--max-width);margin:0 auto}.strava-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.strava-loading{color:var(--color-text-muted);font-size:var(--font-size-sm)}.strava-error{padding:.65rem var(--space-md);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-sm)}.sync-flow{display:flex;align-items:flex-start;justify-content:center;gap:0;padding:var(--space-md) 0}.sync-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex-shrink:0}.sync-bubble{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #d1d5db;background:#f3f4f6;transition:all var(--transition)}.sync-bubble.complete{border-color:#22c55e;background:#22c55e}.sync-bubble-dot{width:10px;height:10px;border-radius:50%;background:#9ca3af}.sync-bubble.complete .sync-bubble-dot{background:#fff}.sync-label{font-size:.7rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center;max-width:70px;line-height:1.2}.sync-count{font-size:.65rem;color:var(--color-text-muted)}.sync-line{height:2px;flex:1;min-width:24px;max-width:60px;background:#d1d5db;margin-top:24px;transition:background var(--transition)}.sync-line.complete{background:#22c55e}.sync-actions{display:flex;gap:var(--space-sm)}.sync-actions .btn-primary,.sync-actions .btn-danger{flex:1}.btn-danger{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem var(--space-lg);background:transparent;color:var(--color-error);border:1px solid var(--color-error-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.btn-danger:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.strava-settings{display:flex;flex-direction:column;gap:var(--space-sm);border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md);padding:var(--space-md)}.autosync-toggle{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.autosync-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#22c55e;cursor:pointer}.btn-notifications{padding:.5rem var(--space-md);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border, #d1d5db);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.btn-notifications:hover:not(:disabled){background:var(--color-surface, #f3f4f6);border-color:var(--color-text-secondary)}.btn-notifications:disabled{color:#22c55e;border-color:#22c55e;cursor:default}.notifications-status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.notifications-status.enabled{color:#22c55e}.notifications-status.disabled{color:var(--color-text-muted)}.sync-log{background:#111827;color:#d1d5db;font-family:Courier New,Courier,monospace;font-size:.75rem;line-height:1.6;padding:var(--space-md);border-radius:var(--radius-sm);min-height:100px;max-height:200px;overflow-y:auto}.sync-log-line{white-space:pre-wrap;word-break:break-word}.sync-log-spinner{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.wind-section{margin:0 var(--space-md)}.wind-map-container{position:relative;width:100%;height:260px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-xs)}.wind-map-container .leaflet-container{width:100%;height:100%;border-radius:var(--radius-md)}.wind-map-attribution{position:absolute;top:8px;right:8px;z-index:500;padding:3px 8px;background:#ffffffe0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:4px;font-size:11px;color:var(--color-text-muted);pointer-events:none;box-shadow:0 1px 2px #00000014}.wind-legend{display:flex;align-items:center;gap:var(--space-xs);font-size:.7rem;color:var(--color-text-muted);padding:0 2px;margin-bottom:var(--space-md)}.wind-legend-bar{flex:1;height:8px;border-radius:4px;background:linear-gradient(to right,#dc2626,#f87171,#3b82f6,#4ade80,#22c55e)}.wind-legend-label{white-space:nowrap;font-size:.65rem}.wind-arrow{display:flex;align-items:center;justify-content:center;animation:wind-drift var(--drift-duration, 3s) linear infinite;--drift-x: 0px;--drift-y: 0px}@keyframes wind-drift{0%{transform:translate(0);opacity:.4}10%{opacity:1}70%{transform:translate(var(--drift-x),var(--drift-y));opacity:1}85%{transform:translate(var(--drift-x),var(--drift-y));opacity:0}86%{transform:translate(0);opacity:0}to{transform:translate(0);opacity:.4}}.wind-arrow svg{filter:drop-shadow(0 0 1px rgba(0,0,0,.3))}.wind-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin-bottom:var(--space-sm)}.wind-stat{background:var(--color-bg);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:2px}.wind-stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.wind-stat-label{font-size:.7rem;color:var(--color-text-muted)}.wind-bars{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-md)}.wind-bar-row{display:flex;align-items:center;gap:var(--space-xs);font-size:.7rem}.wind-bar-label{width:68px;text-align:right;color:var(--color-text-secondary);flex-shrink:0}.wind-bar-track{flex:1;height:10px;background:var(--color-border-light);border-radius:5px;overflow:hidden}.wind-bar-fill{height:100%;border-radius:5px;transition:width .3s ease}.wind-bar-fill.headwind{background:#dc2626}.wind-bar-fill.tailwind{background:#22c55e}.wind-bar-fill.crosswind{background:#3b82f6}.wind-bar-fill.calm{background:var(--color-border)}.wind-bar-pct{width:36px;text-align:right;color:var(--color-text-muted);font-size:.65rem}.wind-dominant{display:flex;align-items:center;gap:var(--space-xs);padding:6px 10px;background:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.wind-dominant-arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .3s ease}.wind-dominant-arrow svg{width:16px;height:16px}.wind-slider-container{display:flex;align-items:center;gap:6px;padding:4px 0;margin-bottom:var(--space-sm)}.wind-play-btn{width:32px;height:32px;border:none;background:var(--color-bg);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--color-text)}.wind-play-btn svg{width:16px;height:16px}.wind-play-btn:active{background:var(--color-border-light)}.wind-speed-btn{min-width:28px;height:24px;border:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-xs, 4px);font-size:.6rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;padding:0 4px}.wind-speed-btn:active{background:var(--color-border-light)}.wind-slider-wrap{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.wind-slider-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#3b82f6;outline:none;cursor:pointer}.wind-slider-track::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #6366f1;cursor:pointer;box-shadow:0 1px 3px #0003}.wind-slider-track::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #6366f1;cursor:pointer;box-shadow:0 1px 3px #0003}.wind-slider-labels{display:flex;justify-content:space-between;font-size:.6rem;color:var(--color-text-muted);padding:0 2px}.wind-slider-current{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.wind-info-panel{display:flex;align-items:center;gap:var(--space-sm);padding:8px 10px;background:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);animation:wind-info-fadein .3s ease}@keyframes wind-info-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wind-info-compass{position:relative;width:100px;height:100px;flex-shrink:0}.wind-info-compass svg{width:100%;height:100%}.wind-info-chevron{transition:transform .3s ease-out}.wind-info-chevron-fill{transition:fill .3s ease-out}.wind-info-stats{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.wind-info-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.7rem}.wind-info-label{color:var(--color-text-muted);font-size:.6rem}.wind-info-value{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm)}.wind-info-value.headwind{color:#dc2626}.wind-info-value.tailwind{color:#22c55e}.wind-info-value.crosswind{color:#3b82f6}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.tto-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1100;display:flex;justify-content:center;align-items:flex-end}.tto-sheet{background:var(--color-bg);width:100%;max-width:var(--max-width);height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;animation:ttoSlideUp .25s ease-out;display:flex;flex-direction:column}@keyframes ttoSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tto-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.tto-back-btn{background:none;border:none;color:#0891b2;font-size:1.1rem;cursor:pointer;padding:4px;display:flex;align-items:center}.tto-header-title{font-size:.9rem;font-weight:var(--font-weight-bold);color:var(--color-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tto-header-edit-icon{font-size:.7rem;color:var(--color-text-muted);margin-left:4px}.tto-header-rename-row{display:flex;align-items:center;gap:6px}.tto-header-rename{flex:1;min-width:0;font-size:.9rem;font-weight:var(--font-weight-bold);color:var(--color-text);border:none;border-bottom:2px solid #0891b2;background:none;padding:0 0 2px;outline:none;box-sizing:border-box}.tto-header-rename-save,.tto-header-rename-cancel{background:none;border:1px solid var(--color-border);border-radius:50%;width:24px;height:24px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.tto-header-rename-save{color:#16a34a;border-color:#16a34a}.tto-header-rename-cancel{color:var(--color-text-muted)}.tto-close-btn{width:24px;height:24px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:50%;font-size:.75rem;font-weight:var(--font-weight-bold);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0;padding:0}.tto-header-sub{font-size:.7rem;color:var(--color-text-muted)}.tto-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--space-md);padding-bottom:var(--space-xl)}.tto-map-container{position:relative;width:100%;height:200px;border-radius:var(--radius-card, var(--radius-md));overflow:hidden;margin-bottom:var(--space-md);border:1px solid var(--color-border)}.tto-map-container .leaflet-container{width:100%;height:100%}.tto-recalc-btn{width:100%;padding:.5rem;margin-bottom:var(--space-md);border:1px dashed var(--color-border);border-radius:var(--radius-card, var(--radius-md));background:transparent;color:var(--color-text-muted);font-size:.7rem;cursor:pointer;transition:all .15s}.tto-recalc-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.tto-recalc-btn:disabled{opacity:.5;cursor:wait}.tto-section-label{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.tto-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin-bottom:var(--space-md)}.tto-metric-item{padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.tto-metric-value{font-size:.95rem;font-weight:var(--font-weight-bold);color:var(--color-text)}.tto-metric-label{font-size:.65rem;color:var(--color-text-muted)}.tto-metric-sub{font-size:.6rem;color:var(--color-text-secondary)}.tto-metric-highlight{border-color:#0891b2}.tto-metric-highlight .tto-metric-value{color:#0891b2}.tto-best-date{font-size:.65rem;font-weight:var(--font-weight-normal);color:var(--color-text-muted);margin-left:auto}.tto-ride-list{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md)}.tto-ride-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.tto-ride-item.excluded{opacity:.5}.tto-ride-item.tto-ride-best{border:1.5px solid #d4a017;background:linear-gradient(to bottom,rgba(212,160,23,.04),var(--color-surface));margin-bottom:var(--space-md)}.tto-ride-best .tto-ride-metrics,.tto-ride-best .tto-ride-conditions{padding-left:var(--space-sm)}.tto-ride-best-icon{font-size:.85rem;flex-shrink:0}.tto-ride-strava{display:flex;justify-content:flex-end;padding:2px var(--space-sm) 6px;opacity:.6;transition:opacity var(--transition)}.tto-ride-strava:active{opacity:1}.tto-ride-profile-tag{font-size:.6rem;color:#0891b2;border:1px solid #0891b2;border-radius:8px;padding:0 5px;flex-shrink:0}.tto-ride-header{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-sm) 4px;font-size:.75rem}.tto-ride-activity-name{flex:1;font-size:.65rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tto-ride-activity-name.clickable{color:var(--color-primary, #0891b2);text-decoration:underline;cursor:pointer}.tto-ride-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px var(--space-xs);padding:4px var(--space-sm) 4px 28px}.tto-ride-metric{display:flex;flex-direction:column}.tto-ride-metric-val{font-size:.8rem;font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.2}.tto-ride-metric-val.wnpi{color:#059669}.tto-ride-metric-lbl{font-size:.55rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.tto-ride-conditions{display:flex;flex-wrap:wrap;gap:4px;padding:4px var(--space-sm) 6px 28px}.tto-ride-cond-tag{font-size:.6rem;padding:1px 6px;border-radius:8px;background:var(--color-border-light);color:var(--color-text-secondary)}.tto-ride-cond-tag.headwind{background:#fef2f2;color:#dc2626}.tto-ride-cond-tag.tailwind{background:#f0fdf4;color:#16a34a}.tto-ride-cond-tag.precision{background:#fffbeb;color:#d97706}.tto-ride-pending{font-size:.7rem;color:var(--color-text-muted);padding:4px var(--space-sm) 6px 28px}.tto-ride-row{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-sm);font-size:.75rem}.tto-ride-warnings{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-sm) 6px var(--space-sm);margin-left:28px}.tto-ride-warning{font-size:.65rem;line-height:1.3}.tto-ride-warning.drafting-warning{color:#dc2626}.tto-ride-warning.drift-warning{color:#d97706}.tto-ride-profile-row{padding:0 var(--space-sm) 6px;margin-left:28px}.tto-ride-profile-select{font-size:.65rem;padding:2px 20px 2px 6px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-secondary);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;cursor:pointer}.tto-ride-profile-select:focus{outline:none;border-color:#0891b2}.tto-ride-check{width:16px;height:16px;accent-color:#0891b2;flex-shrink:0}.tto-ride-date{color:var(--color-text-secondary);min-width:52px}.tto-ride-value{font-weight:var(--font-weight-semibold);color:var(--color-text)}.tto-ride-badge{font-size:.6rem;padding:1px 6px;border-radius:8px;margin-left:auto;flex-shrink:0}.tto-ride-badge.drafting{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.tto-ride-badge.low-precision{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.tto-ride-lap-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--color-surface-alt, #f8f9fa);border-bottom:1px solid var(--color-border-light, #eee);font-size:.7rem}.tto-ride-lap-label{font-weight:600;color:var(--color-primary, #0d9488)}.tto-ride-lap-hint{color:var(--color-text-muted, #999);font-style:italic}.tto-ride-badge.lap{background:none;color:var(--color-text-muted);font-size:.6rem;padding:0;border:none}.tto-ride-badge.no-wind{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.tto-ride-item.no-wind{opacity:.65}.tto-ride-refresh-wind{background:none;border:1px solid #d97706;border-radius:50%;width:20px;height:20px;font-size:.7rem;color:#d97706;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.tto-ride-refresh-wind:disabled{opacity:.5;cursor:not-allowed}.tto-ride-profile{font-size:.6rem;color:var(--color-text-muted)}.tto-ride-unmatch{background:none;border:none;color:var(--color-text-muted);font-size:.7rem;cursor:pointer;padding:2px 4px;flex-shrink:0}.tto-primary-btn{padding:10px;width:100%;background:#0891b2;color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-semibold);cursor:pointer;margin-bottom:var(--space-sm)}.tto-primary-btn:disabled{opacity:.5;cursor:not-allowed}.tto-secondary-btn{padding:10px;width:100%;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;margin-bottom:var(--space-sm)}.tto-danger-btn{padding:10px;width:100%;background:none;color:var(--color-error);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;margin-top:var(--space-md)}.tto-danger-btn:active{background:var(--color-error-bg)}.tto-insight-list{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-md)}.tto-insight-row{display:flex;align-items:baseline;gap:var(--space-sm);font-size:.75rem;color:var(--color-text-secondary);padding:4px 0}.tto-insight-icon{font-size:.65rem;flex-shrink:0}.tto-insight-value{font-weight:var(--font-weight-semibold);color:var(--color-text)}.tto-timeline-canvas{width:100%;height:120px;display:block;margin-bottom:var(--space-md)}.tto-form-group{margin-bottom:var(--space-md)}.tto-form-label{display:block;font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:4px}.tto-form-hint{font-size:.6rem;color:var(--color-text-muted);margin-bottom:4px}.tto-form-input{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text);background:var(--color-surface);box-sizing:border-box}.tto-form-input:focus{outline:none;border-color:#0891b2}.tto-form-select{width:100%;padding:8px 28px 8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text);background:var(--color-surface);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;box-sizing:border-box}.tto-form-error{font-size:.7rem;color:var(--color-error);margin-top:4px}.tto-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.tto-form-checkbox{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--color-text-secondary);cursor:pointer}.tto-form-checkbox input{accent-color:#0891b2}.tto-slider-group{margin-bottom:var(--space-md)}.tto-slider-label{font-size:.7rem;color:var(--color-text-secondary);margin-bottom:4px;display:flex;justify-content:space-between}.tto-slider-row{display:flex;align-items:center;gap:6px}.tto-slider{flex:1;min-width:0;accent-color:#0891b2}.tto-nudge-btn{width:32px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:.85rem;font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.tto-nudge-btn:active{border-color:#0891b2;color:#0891b2}.tto-preview-stats{display:flex;gap:var(--space-md);padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:.75rem}.tto-preview-stat{display:flex;flex-direction:column;gap:2px}.tto-preview-stat-value{font-weight:var(--font-weight-bold);color:var(--color-text)}.tto-preview-stat-label{font-size:.6rem;color:var(--color-text-muted)}.tto-bike-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.tto-bike-option{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition)}.tto-bike-option.selected{border-color:#0891b2;background:#0891b20a}.tto-bike-option:active{border-color:#0891b2}.tto-bike-radio{width:16px;height:16px;accent-color:#0891b2;flex-shrink:0}.tto-bike-name{font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--color-text)}.tto-bike-meta{font-size:.65rem;color:var(--color-text-muted)}.tto-search-input{width:100%;padding:10px var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);font-size:.8rem;margin-bottom:var(--space-sm);box-sizing:border-box}.tto-search-input::placeholder{color:var(--color-text-muted)}.tto-search-input:focus{outline:none;border-color:#0891b2}.tto-activity-picker{overflow-y:auto;margin-bottom:var(--space-md)}.tto-activity-option{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-sm);border-bottom:1px solid var(--color-border-light);cursor:pointer;font-size:.75rem}.tto-activity-option:active{background:var(--color-border-light)}.tto-activity-option-name{font-weight:var(--font-weight-semibold);color:var(--color-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tto-activity-option-date{color:var(--color-text-muted);font-size:.65rem;flex-shrink:0}.tto-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-muted);font-size:.8rem}.tto-empty{text-align:center;padding:var(--space-lg);color:var(--color-text-muted);font-size:.8rem}.card-flip-container{width:min(380px,100%);aspect-ratio:380 / 600;perspective:1000px;container-type:inline-size;position:relative}.card-flip-scaler{position:absolute;top:0;left:0;width:380px;height:600px;transform-origin:top left;transform:scale(calc(100cqi/380px));transform-style:preserve-3d}.card-flip-inner{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d}.card-flip-container.flipped .card-flip-inner{transform:rotateY(180deg)}.card-flip-face{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-flip-front{position:relative}.card-flip-back{position:absolute;top:0;left:0;right:0;bottom:0;transform:rotateY(180deg)}.tcard{position:relative;background:url(/images/BIG_CyHamster.svg) center bottom 40px / 115% no-repeat,linear-gradient(180deg,#1f2937,#111827 55%,#0f172a);width:380px;height:600px;padding:16px 22px 12px;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;box-sizing:border-box;color:#f3f4f6;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 0 2px #0006,0 8px 24px #00000059}.tcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 42%,#11182740,#0f172ab8 75%);pointer-events:none;z-index:0}.tcard>*{position:relative;z-index:1}.card-flip-back .tcard{height:100%}.tcard-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-shrink:0}.tcard-name{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.1rem;line-height:1.15;color:#f3f4f6;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0}.tcard-date{font-size:.75rem;color:#f3f4f68c;white-space:nowrap;flex-shrink:0}.tcard-strava-link{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#fc4c02;background:#ffffff14;border:1px solid rgba(252,76,2,.45);flex-shrink:0;transition:all .15s ease;text-decoration:none}.tcard-strava-link:hover{background:#fc4c0233;border-color:#fc4c02;color:#fff}.tcard-map-section{position:relative;flex-shrink:0}.tcard-map-wrap{width:100%;height:220px;border-radius:12px;overflow:hidden;background:#0a0a0a;border:1px solid rgba(255,255,255,.08)}.tcard-map-img{width:100%;height:100%;object-fit:cover;display:block}.tcard-avatar{position:absolute;top:-7px;left:-6px;width:48px;height:48px;border-radius:50%;border:2px solid #e34402;background:#111827;overflow:hidden;z-index:2;box-shadow:0 2px 6px #0009}.tcard-avatar img{width:100%;height:100%;object-fit:cover;display:block}.tcard-avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:.85rem;color:#f3f4f6;background:#1f2937}.tcard-map-empty{display:flex;align-items:center;justify-content:center;color:#f3f4f673;font-size:.8rem;height:100%;text-align:center;padding:20px}.tcard-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:14px;flex:1;align-content:start}.tcard-stat{display:flex;flex-direction:column;gap:1px;padding:5px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px}.tcard-stat-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.5px;color:#f3f4f680;font-weight:600}.tcard-stat-value{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:.95rem;color:#f3f4f6;line-height:1.1}.tcard-stat-value.is-na{color:#f3f4f64d;font-style:italic}.tcard-stat--clickable{cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.tcard-stat--clickable:hover{border-color:#fc4c0280;background:#fc4c0214}.tcard-stat--clickable:active{transform:scale(.96)}.tcard-stat--highlight{border-color:#fc4c02!important;background:#fc4c021f!important;box-shadow:0 0 8px #fc4c0240}.tcard-disabled-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background:#6b728073;z-index:10;pointer-events:none}.tcard-footer{margin-top:10px;flex-shrink:0;display:flex;justify-content:center}.tcard-flip-btn{display:inline-block;padding:6px 24px;background:#e3440214;border:1px solid rgba(227,68,2,.5);border-radius:6px;color:#e34402;font-family:Rajdhani,Segoe UI,sans-serif;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.tcard-flip-btn:hover{color:#fff;border-color:#e34402;background:#e3440240}.tcard-back-section{margin-top:12px;flex-shrink:0}.tcard-back-label{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:.85rem;color:#e34402e6;letter-spacing:1px;text-transform:uppercase;margin:0 0 6px;padding-bottom:3px;border-bottom:1px solid rgba(227,68,2,.35)}.tcard-origin{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1rem;color:#f3f4f6}.tcard-origin-subtitle{font-size:.75rem;color:#f3f4f680;margin-top:2px}.tcard-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tcard-history-item{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.8rem;color:#f3f4f6d9;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.tcard-history-reason{font-size:.65rem;text-transform:uppercase;color:#e34402bf;letter-spacing:.5px}.tcard-history-date{font-size:.7rem;color:#f3f4f680;white-space:nowrap}.tcard-back-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.share-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1100;display:flex;align-items:flex-end;justify-content:center;animation:shareFadeIn .2s ease-out}@keyframes shareFadeIn{0%{opacity:0}to{opacity:1}}.share-modal{width:100%;max-width:360px;background:#fff;border-radius:18px 18px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 32px #0000004d;animation:shareSlideUp .28s cubic-bezier(.16,1,.3,1);max-height:92vh;overflow-y:auto}@keyframes shareSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.share-modal-header h3{margin:0;font-size:17px;font-weight:700;color:#111827}.share-modal-close{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;font-size:14px;color:#6b7280;cursor:pointer}.share-modal-preview{position:relative;aspect-ratio:1 / 1;width:100%;border-radius:14px;overflow:hidden;background:#f8fafc;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.share-modal-preview img{width:100%;height:100%;object-fit:contain;transition:opacity .2s,filter .2s}.share-modal-preview img.stale{opacity:.45;filter:grayscale(.4)}.share-modal-placeholder{padding:24px;text-align:center;color:#9ca3af;font-size:13px}.share-modal-spinner{position:absolute;width:38px;height:38px;border:4px solid rgba(227,68,2,.25);border-top-color:#e34402;border-radius:50%;animation:shareSpin .8s linear infinite}@keyframes shareSpin{to{transform:rotate(360deg)}}.share-field{display:block;margin-bottom:14px}.share-field-label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.share-title-input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:15px;color:#111827;background:#fff}.share-title-input:focus{outline:none;border-color:#e34402}.share-moods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.share-mood{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.share-mood.active{border-color:#e34402;background:#e344020f}.share-mood-emoji{font-size:20px;line-height:1}.share-mood-label{font-size:10px;color:#6b7280}.share-modal-error{background:#fef2f2;color:#b91c1c;font-size:13px;padding:8px 10px;border-radius:8px;margin-bottom:12px}.share-modal-actions{display:flex;gap:8px;margin-top:4px}.share-btn{flex:1;padding:13px;border-radius:11px;border:1px solid #e5e7eb;background:#fff;font-size:15px;font-weight:600;color:#374151;cursor:pointer}.share-btn.primary{background:#e34402;border-color:#e34402;color:#fff}.share-btn:disabled{opacity:.6;cursor:default}.share-modal-hint{margin:12px 0 0;font-size:12px;color:#9ca3af;text-align:center}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;justify-content:center;align-items:flex-end;transition:background .25s ease-in}.overlay-backdrop.closing{background:#0000}.overlay-sheet{background:var(--color-bg);width:100%;max-width:var(--max-width);height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;animation:slideUp .25s ease-out;display:flex;flex-direction:column;will-change:transform}.overlay-sheet.dragging{transition:none!important}.overlay-sheet.snapping-back{transition:transform .2s ease-out}.overlay-sheet.closing-down{transition:transform .25s ease-in}.overlay-close-fab{position:absolute;bottom:40px;right:1px;width:48px;height:48px;border-radius:50%;background:#9ca3afcc;color:#111;border:1px solid rgba(0,0,0,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000059;z-index:1002;transform-origin:center bottom;animation:fabBounceIn 1s linear both;animation-delay:.3s}@keyframes fabBounceIn{0%{opacity:0;transform:translateY(80px) scaleX(1) scaleY(1)}18%{opacity:1;transform:translateY(0) scaleX(1.4) scaleY(.6)}28%{opacity:1;transform:translateY(-22px) scaleX(.8) scaleY(1.2)}42%{opacity:1;transform:translateY(0) scaleX(1.25) scaleY(.75)}52%{opacity:1;transform:translateY(-11px) scaleX(.88) scaleY(1.12)}64%{opacity:1;transform:translateY(0) scaleX(1.12) scaleY(.88)}73%{opacity:1;transform:translateY(-5px) scaleX(.95) scaleY(1.05)}82%{opacity:1;transform:translateY(0) scaleX(1.05) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleX(1) scaleY(1)}}.overlay-nav-fab{position:absolute;right:1px;width:48px;height:48px;border-radius:50%;background:#9ca3afcc;color:#111;border:1px solid rgba(0,0,0,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000059;z-index:1002;animation:navFabFadeIn .35s ease-out backwards}.overlay-nav-fab-prev{bottom:98px;animation-delay:1.35s}.overlay-nav-fab-next{bottom:156px;animation-delay:1.5s}.overlay-nav-fab-share{bottom:214px;background:#e34402eb;color:#fff;border-color:#0003;animation:navFabFadeIn .35s ease-out 1.65s backwards,shareFabJump 1s ease-in-out 2.1s 12}@keyframes shareFabJump{0%{transform:translateY(0)}12%{transform:translateY(-18px)}26%{transform:translateY(0)}38%{transform:translateY(-8px)}48%{transform:translateY(0)}56%{transform:translateY(-3px)}64%,to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.overlay-nav-fab-share{animation:navFabFadeIn .35s ease-out 1.65s backwards}}.overlay-nav-fab:disabled{background:#9ca3af33;border-color:transparent;color:#9ca3af80;cursor:default;box-shadow:none}@keyframes navFabFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:root[data-hand=left] .overlay-close-fab,:root[data-hand=left] .overlay-nav-fab{right:auto;left:1px}.overlay-content-inner{display:flex;flex-direction:column;flex:1;min-height:0}@keyframes slideContentOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideContentOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideContentInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideContentInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-out-left{animation:slideContentOutLeft .25s ease-in forwards}.slide-out-right{animation:slideContentOutRight .25s ease-in forwards}.slide-in-right{animation:slideContentInRight .26s ease-out both}.slide-in-left{animation:slideContentInLeft .26s ease-out both}.overlay-drag-handle{width:36px;height:4px;background:var(--color-text-muted);opacity:.35;border-radius:2px;margin:8px auto 0;flex-shrink:0}.overlay-header{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-md) var(--space-sm);background:var(--color-bg);flex-shrink:0;border-bottom:1px solid var(--color-border)}.overlay-strava-link{margin-left:auto;align-self:center;flex-shrink:0;padding:var(--space-xs) var(--space-sm);display:flex;align-items:center;justify-content:center;border:2px solid #FC4C02;border-radius:var(--radius-sm);opacity:.7;transition:opacity var(--transition)}.overlay-strava-link:active{opacity:1}.overlay-close{background:none;border:none;cursor:pointer;color:var(--color-text);padding:var(--space-xs);margin-top:2px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.overlay-close:active{background:var(--color-border-light)}.overlay-title-group{flex:1;min-width:0}.overlay-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);word-break:break-word}.overlay-subtitle{display:flex;align-items:center;gap:var(--space-sm);margin-top:2px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.overlay-sport-badge{background:var(--color-border-light);padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.overlay-virtual-badge{background:#dbeafe;color:#1d4ed8;padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:var(--font-weight-medium)}.overlay-scroll-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--space-sm);padding-top:5px;padding-bottom:var(--space-lg)}.overlay-map-container{position:relative;margin:0 var(--space-md);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);flex-shrink:0}.overlay-map{width:100%;height:200px}.overlay-map-badge{position:absolute;top:8px;right:8px;background:#e34402e6;color:#fff;font-size:.65rem;font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:4px;z-index:500;letter-spacing:.03em}.overlay-map-badge-towns{top:28px;background:#2c82c9e6}.overlay-map-wrap{position:relative}.overlay-map-card-badge{position:absolute;left:4px;bottom:-6px;z-index:500}.overlay-map-card-badge .minted-card-badge{position:static;width:34px;height:49px;transform:rotate(-6deg)}.overlay-map-card-badge .minted-card-badge:hover{transform:rotate(-4deg) scale(1.08)}.overlay-map-card-badge .minted-card-badge:active{transform:rotate(-6deg) scale(.94)}.overlay-virtual-notice{margin:0 var(--space-md);padding:var(--space-md);background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm);color:#1d4ed8;font-size:var(--font-size-xs);text-align:center}.overlay-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 var(--space-md);background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.overlay-metric{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-xs);background:var(--color-surface)}.overlay-metric-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.overlay-metric-label{font-size:.65rem;color:var(--color-text-muted);margin-top:1px}.overlay-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:0 var(--space-md)}.overlay-analyze-btn{width:100%;padding:.6rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;min-height:44px;transition:background var(--transition)}.overlay-analyze-btn:hover{background:var(--color-primary-hover)}.overlay-analyze-btn:disabled{opacity:.6;cursor:not-allowed}.overlay-analyzed-row{display:flex;gap:var(--space-sm);width:100%}.overlay-analyzed-badge{flex:1;padding:.6rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm);color:#15803d;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center}.overlay-refresh-btn{padding:.6rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;white-space:nowrap}.overlay-refresh-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.overlay-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.overlay-analyze-error{font-size:var(--font-size-xs);color:var(--color-error)}.overlay-elevation{margin:0 var(--space-md)}.overlay-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.overlay-elevation-canvas{width:100%;height:80px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.ride-slider-container{display:flex;align-items:center;gap:6px;padding:6px 0 2px}.ride-play-btn{width:28px;height:28px;border:none;background:var(--color-bg);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--color-text)}.ride-play-btn svg{width:14px;height:14px}.ride-play-btn:active{background:var(--color-border-light)}.ride-speed-btn{min-width:26px;height:22px;border:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-xs, 4px);font-size:.6rem;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;padding:0 3px}.ride-speed-btn:active{background:var(--color-border-light)}.ride-slider-wrap{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ride-slider-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--color-border);outline:none;cursor:pointer}.ride-slider-track::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #6366f1;cursor:pointer;box-shadow:0 1px 2px #00000026}.ride-slider-track::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #6366f1;cursor:pointer;box-shadow:0 1px 2px #00000026}.ride-slider-labels{display:flex;justify-content:space-between;font-size:.55rem;color:var(--color-text-muted);padding:0 2px}.ride-slider-current{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.overlay-sprints{margin:0 var(--space-md)}.overlay-sprint-tag-row{display:flex;align-items:center;gap:6px;margin-bottom:var(--space-xs)}.overlay-sprint-tag-label{font-size:.7rem;color:var(--color-text-secondary)}.overlay-sprint-tag{font-size:.7rem;padding:4px 12px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;font-weight:var(--font-weight-medium)}.overlay-sprint-tag.tagged{background:#e34402;color:#fff;border-color:#e34402}.overlay-sprint-tag-help{width:18px;height:18px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.6rem;font-weight:var(--font-weight-bold);line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0}.overlay-sprint-tag-help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.overlay-sprint-tag-help-sheet{background:var(--color-surface);border-radius:var(--radius-md);max-width:320px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #00000026}.overlay-sprint-tag-help-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);font-size:.85rem;font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border)}.overlay-sprint-tag-help-body{padding:var(--space-md);font-size:.7rem;line-height:1.6;color:var(--color-text-secondary)}.overlay-sprint-tag-help-body p{margin:0 0 8px}.overlay-sprint-canvas{width:100%;height:100px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.overlay-sprint-list{display:flex;flex-direction:column;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.overlay-sprint-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);font-size:var(--font-size-xs)}.sprint-card-num{color:var(--color-text-muted);font-weight:var(--font-weight-semibold);min-width:20px}.sprint-card-stat{color:var(--color-text-secondary)}.sprint-card-peak{color:#e34402;font-weight:var(--font-weight-semibold)}.overlay-analysis-notice{margin:0 var(--space-md);padding:var(--space-sm) var(--space-md);background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm);color:#92400e;font-size:var(--font-size-xs);text-align:center}.overlay-power{margin:0 var(--space-md)}.overlay-power-chart{margin-bottom:var(--space-sm)}.overlay-power-legend{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:4px}.opl-item{display:inline-flex;align-items:center;gap:4px}.opl-item i{width:10px;height:3px;border-radius:2px}.opl-item b{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-left:2px}.opl-time{margin-left:auto;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.overlay-power-canvas{width:100%;height:110px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.overlay-power-scrub{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--color-border);outline:none;cursor:pointer;margin-top:6px}.overlay-power-scrub::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #6366f1;cursor:pointer;box-shadow:0 1px 2px #00000026}.overlay-power-scrub::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #6366f1;cursor:pointer;box-shadow:0 1px 2px #00000026}.overlay-pm-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-sm)}.overlay-pm-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) 2px;background:var(--color-surface)}.opm-val{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.opm-lbl{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.overlay-pm-ftp-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.overlay-pm-ftp{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-border)}.overlay-pm-ftp.est{background:#eff6ff;color:#1d4ed8}.overlay-pm-ftp.warn{background:#fffbeb;color:#92400e}.overlay-pm-ftp-note{font-size:11px;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.overlay-pm-zonebar{display:flex;width:100%;height:14px;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-xs)}.overlay-pm-zoneseg{height:100%}.overlay-pm-zonelegend{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-sm)}.overlay-pm-zonerow{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs)}.overlay-pm-zonerow i{width:10px;height:10px;border-radius:2px;flex-shrink:0}.opm-zname{color:var(--color-text-secondary)}.opm-ztime{margin-left:auto;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.opm-zpct{color:var(--color-text-muted);min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.overlay-tt-section{margin:0 var(--space-md)}.overlay-tt-matches{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.overlay-tt-card{padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.overlay-tt-card.excluded{opacity:.5}.overlay-tt-card-header{display:flex;align-items:flex-start;gap:var(--space-sm)}.overlay-tt-check{width:16px;height:16px;accent-color:#0891b2;flex-shrink:0;margin-top:2px}.overlay-tt-card-info{flex:1;min-width:0}.overlay-tt-name{font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--color-text)}.overlay-tt-meta{font-size:.65rem;color:var(--color-text-muted);margin-bottom:4px}.overlay-tt-metrics{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:.75rem;color:var(--color-text-secondary);margin-top:4px;padding-left:24px}.overlay-tt-metric strong{color:#0891b2}.overlay-tt-drafting{font-size:.7rem;color:#dc2626;margin-top:4px;padding-left:24px}.overlay-tt-tag-row{display:flex;align-items:center;gap:6px;margin-bottom:var(--space-sm)}.overlay-tt-tag-label{font-size:.7rem;color:var(--color-text-secondary)}.overlay-tt-tag{font-size:.7rem;padding:4px 12px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;font-weight:var(--font-weight-medium)}.overlay-tt-tag.tagged{background:#0891b2;color:#fff;border-color:#0891b2}.overlay-tt-profile-row{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);font-size:.75rem}.overlay-tt-profile-label{color:var(--color-text-muted);flex-shrink:0}.overlay-tt-profile-name{font-weight:var(--font-weight-semibold);color:#0891b2;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay-tt-profile-edit{font-size:.65rem;color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:8px;padding:2px 8px;cursor:pointer;flex-shrink:0}.overlay-tt-profile-edit:active{border-color:#0891b2;color:#0891b2}.overlay-tt-pending{font-size:.7rem;color:var(--color-text-muted);padding-left:24px;margin-top:2px}.overlay-tt-empty{font-size:.75rem;color:var(--color-text-muted);text-align:center;padding:var(--space-sm) 0}.overlay-tt-create-btn{width:100%;padding:8px;border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:none;color:#0891b2;font-size:.75rem;font-weight:var(--font-weight-semibold);cursor:pointer;margin-top:var(--space-xs);transition:border-color var(--transition),background var(--transition)}.overlay-tt-create-btn:active{border-color:#0891b2;background:#0891b20a}.overlay-tt-actions{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.overlay-tt-actions .overlay-tt-create-btn{margin-top:0}.overlay-tt-match-btn{width:100%;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.overlay-tt-match-btn:active{border-color:#0891b2;color:#0891b2}.overlay-tt-manage-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1200;display:flex;align-items:flex-end;justify-content:center}.overlay-tt-manage-sheet{width:100%;max-width:var(--max-width);background:var(--color-bg, var(--color-background));border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-md);animation:slideUp .2s ease-out}.overlay-tt-manage-header{display:flex;align-items:center;justify-content:space-between;font-weight:var(--font-weight-bold);font-size:.9rem;color:var(--color-text);margin-bottom:var(--space-sm)}.overlay-tt-manage-header button{background:none;border:none;font-size:1.1rem;color:var(--color-text-muted);cursor:pointer;padding:4px}.overlay-tt-manage-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.overlay-tt-manage-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.overlay-tt-manage-info{flex:1;min-width:0;cursor:pointer}.overlay-tt-manage-info:active .overlay-tt-manage-name{color:#0891b2}.overlay-tt-manage-set{flex-shrink:0;font-size:.7rem;font-weight:var(--font-weight-semibold);padding:4px 12px;border:1px solid #0891b2;border-radius:10px;background:none;color:#0891b2;cursor:pointer}.overlay-tt-manage-set:active{background:#0891b2;color:#fff}.overlay-tt-manage-name{font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm)}.overlay-tt-manage-default{font-size:.6rem;font-weight:var(--font-weight-medium);color:#0891b2;border:1px solid #0891b2;border-radius:6px;padding:0 5px}.overlay-tt-manage-meta{font-size:.65rem;color:var(--color-text-muted);margin-top:2px}.overlay-tt-manage-create{width:100%;padding:10px;border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:none;color:#0891b2;font-size:.75rem;font-weight:var(--font-weight-semibold);cursor:pointer}.overlay-tt-manage-create:active{border-color:#0891b2;background:#0891b20a}.activities-page{display:flex;flex-direction:column;width:100%;max-width:var(--max-width);margin:0 auto;height:100%;overflow:hidden}.activities-page-bg{margin:calc(-1 * var(--space-sm));padding:var(--space-sm);background:linear-gradient(#ffffff80,#ffffff80),url(/images/activities_background.webp) center center / cover no-repeat fixed;height:calc(100% + 2 * var(--space-sm));box-sizing:border-box}.activities-header{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-md);padding:0 0 var(--space-sm)}.activities-title-row{display:flex;align-items:baseline;gap:var(--space-sm);position:relative}.activities-view-toggle{position:relative;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;max-height:55px;padding:0;background:#fc4c02;border:2px solid #111827;border-radius:14px;color:#fff;cursor:pointer;align-self:center;box-shadow:0 3px #111827,0 5px 10px #fc4c0259;transform:rotate(-3deg);transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.activities-view-toggle:hover{background:#e34402;transform:rotate(-3deg) translateY(-1px);box-shadow:0 4px #111827,0 6px 12px #fc4c0266}.activities-view-toggle:active{transform:rotate(-3deg) translateY(2px);box-shadow:0 1px #111827,0 2px 4px #fc4c024d}.activities-view-toggle svg{display:block;width:26px;height:26px}.activities-fetch-badge--view{background:#111827;color:#fc4c02;border:1px solid #fc4c02;font-weight:var(--font-weight-bold)}.activities-view-toggle .activities-fetch-btn-badge{top:auto;right:auto;bottom:-7px;left:-7px;transform:rotate(3deg)}.activities-back-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.88rem;height:2.88rem;margin-left:auto;margin-right:5px;align-self:flex-end;color:#6b7280e6;background:transparent;border:2px solid rgba(107,114,128,.9);border-radius:50%;text-decoration:none;cursor:pointer}.activities-back-btn:active{color:var(--color-primary);border-color:var(--color-primary)}.activities-title{margin:0;font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:3rem;line-height:1.2;font-style:italic;color:#6b7280e6}.activities-error{padding:.65rem var(--space-md);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-sm)}.activities-loading,.activities-empty{color:var(--color-text-muted);font-size:var(--font-size-sm)}.activities-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.activities-search-wrap{flex:1;position:relative}.activities-search{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color var(--transition);box-sizing:border-box}.activities-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.1rem;color:var(--color-text-muted);cursor:pointer;padding:0 4px;line-height:1}.activities-search-clear:hover{color:var(--color-text)}.activities-search:focus{border-color:var(--color-primary)}.activities-search::placeholder{color:var(--color-text-muted)}.activities-search-fields{display:flex;align-items:center;gap:.35rem;width:100%}.activities-search-fields-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-right:.1rem}.activities-search-field-pill{font-size:var(--font-size-xs);font-family:inherit;padding:.15rem .5rem;border-radius:var(--radius-full, 999px);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition)}.activities-search-field-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.activities-type-filter{position:relative}.activities-type-filter-btn{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit;background:var(--color-surface);color:var(--color-text);cursor:pointer;white-space:nowrap}.activities-type-dropdown{position:absolute;top:100%;right:0;z-index:100;margin-top:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:260px;overflow-y:auto;min-width:180px;padding:var(--space-xs) 0}.activities-type-option{display:flex;align-items:center;gap:var(--space-xs);padding:.4rem var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.activities-type-option:active{background:var(--color-bg)}.activities-type-option input[type=checkbox]{accent-color:var(--color-primary)}.activities-fetch-row{position:relative;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm)}.activities-fetch-badge{position:absolute;top:-8px;right:var(--space-sm);font-size:.55rem;font-weight:var(--font-weight-bold);padding:1px 6px;border-radius:8px;letter-spacing:.03em;text-transform:uppercase}.activities-fetch-badge--premium{background:#dcfce7;color:#15803d}.activities-fetch-badge--pro{background:#dbeafe;color:#1d4ed8}.activities-fetch-badge--vip{background:#fef3c7;color:#b45309}.activities-fetch-badge--admin{background:#fee2e2;color:#b91c1c}.activities-fetch-badge--grey{background:#e5e7eb;color:#374151;border:1px solid #9ca3af}.activities-fetch-btn{position:relative;padding:6px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.activities-fetch-btn-badge{position:absolute;top:-7px;right:-6px;font-size:.5rem;font-weight:var(--font-weight-bold);padding:1px 5px;border-radius:8px;letter-spacing:.03em;text-transform:uppercase;pointer-events:none}.activities-fetch-btn:active{border-color:var(--color-primary);color:var(--color-primary)}.activities-fetch-btn:disabled{opacity:.5;cursor:not-allowed}.activities-fetch-log{width:100%;background:#111827;color:#d1d5db;font-family:Courier New,Courier,monospace;font-size:.7rem;line-height:1.6;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.activities-fetch-log-line{white-space:pre-wrap;word-break:break-word}.activities-fetch-log-line--error{color:#f87171}.activities-fetch-log-countdown{color:#6b7280;text-align:right}.activities-fetch-spinner{animation:fetch-blink 1s step-end infinite}@keyframes fetch-blink{50%{opacity:0}}.activities-admin-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.activities-admin-note{font-size:.65rem;color:#000;width:100%}.activities-admin-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#b45309;flex-shrink:0}.activities-admin-btn{width:100%;padding:.5rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#b45309;cursor:pointer;min-height:36px;transition:border-color var(--transition),color var(--transition)}.activities-admin-btn:active{background:#fde68a;border-color:#d97706;color:#92400e}.activities-admin-btn:disabled{opacity:.5;cursor:not-allowed}.activities-admin-progress{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:.5rem;width:100%;text-align:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-sm);min-height:36px;display:flex;align-items:center;justify-content:center}.activities-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0;min-height:0}.activities-list{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:10px;padding-bottom:var(--space-md)}.activity-card{position:relative;padding:var(--space-sm) var(--space-md);background:#ffffffe6;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}.activity-card:active{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.activity-row-1{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-row-2{display:flex;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.activity-row-2 span{white-space:nowrap}.activity-row-3{display:flex;gap:var(--space-sm);font-size:.7rem;color:var(--color-text-muted)}.minted-card-badge{position:absolute;top:-6px;right:8px;width:26px;height:38px;padding:0;background:transparent;border:none;transform:rotate(7deg);z-index:2;cursor:pointer;filter:drop-shadow(0 2px 3px rgba(17,24,39,.35));transition:transform .12s ease,filter .12s ease}.minted-card-badge:hover{transform:rotate(5deg) scale(1.08);filter:drop-shadow(0 3px 5px rgba(17,24,39,.5))}.minted-card-badge:active{transform:rotate(7deg) scale(.94)}.minted-card-badge-inner{position:relative;display:block;width:100%;height:100%;background:radial-gradient(ellipse at 50% 35%,#11182733,#0f172acc 80%),linear-gradient(180deg,#1f2937,#111827 55%,#0f172a);border:1.5px solid #0f172a;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff1a}.minted-card-badge-inner:before{content:"";position:absolute;top:3px;left:3px;right:3px;height:2px;background:#fc4c02;border-radius:2px;opacity:.85}.minted-card-badge-inner:after{content:"";position:absolute;bottom:4px;left:4px;right:4px;height:1px;background:#fc4c0299;border-radius:1px}.activities-count{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:flex;padding:var(--space-xs) 0}.activities-sentinel{height:1px;width:100%}.activities-calendar{width:100%;max-width:344px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xs)}.cal-month-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:2px 0}.cal-nav-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffb3;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;padding:0}.cal-nav-btn:active{border-color:var(--color-primary);color:var(--color-primary)}.cal-month-pickers{display:flex;gap:6px;flex:1;justify-content:center}.cal-select{font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:4px 6px;background:#ffffffe6;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer}.cal-year-select{min-width:72px;text-align:center;text-align-last:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:#6b72802e;border:1px solid rgba(107,114,128,.25);border-radius:var(--radius-sm);padding:2px}.cal-weekday{text-align:center;font-size:.6rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:3px 0;background:#fff9;border-radius:calc(var(--radius-sm) - 2px)}.cal-day-cell{position:relative;height:58px;padding:2px 2px 2px 3px;background:#ffffffe6;border:none;border-radius:calc(var(--radius-sm) - 2px);font-family:inherit;color:var(--color-text);text-align:left;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:1px}.cal-day-cell:disabled{cursor:default;background:#ffffff8c}.cal-day-cell.cal-day--has-act:active{outline:2px solid var(--color-primary);outline-offset:-2px}.cal-day-cell.cal-day--other-month{background:#ffffff59;color:var(--color-text-muted)}.cal-day-cell.cal-day--today{background:#ffe4d1}.cal-day-cell.cal-day--today .cal-day-number{color:#c2410c;font-weight:var(--font-weight-bold)}.cal-day-number{font-size:.6rem;line-height:1;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.cal-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;flex:1;min-height:0;color:var(--color-text)}.cal-day--other-month .cal-icon-grid{color:var(--color-text-muted)}.cal-icon{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:0}.cal-icon svg{display:block}.cal-icon--more{font-size:.55rem;font-weight:var(--font-weight-bold);color:var(--color-primary);background:#ffffffe6;border:1px solid var(--color-primary);border-radius:3px;padding:0 2px;line-height:1}.day-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:day-popover-fade .15s ease-out}@keyframes day-popover-fade{0%{opacity:0}to{opacity:1}}.day-popover{width:100%;max-width:320px;max-height:70vh;display:flex;flex-direction:column;background:#fff;border:2px solid #111827;border-radius:18px;box-shadow:0 6px #111827,0 10px 24px #1118274d;overflow:hidden;transform:rotate(-1deg);animation:day-popover-pop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes day-popover-pop{0%{transform:rotate(-1deg) scale(.85);opacity:0}to{transform:rotate(-1deg) scale(1);opacity:1}}.day-popover-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:10px 14px;background:#fc4c02;color:#fff;border-bottom:2px solid #111827}.day-popover-date{font-size:.95rem;font-weight:var(--font-weight-bold);letter-spacing:.01em;text-transform:capitalize}.day-popover-close{background:#111827;color:#fff;border:2px solid #111827;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;padding:0;transition:transform .12s ease}.day-popover-close:active{transform:scale(.9)}.day-popover-comment{font-size:var(--font-size-xs);font-style:italic;color:#c2410c;background:#fff4ec;padding:8px 14px;border-bottom:1px dashed #fdba74;line-height:1.4}.day-popover-list{display:flex;flex-direction:column;overflow-y:auto;padding:8px;gap:6px}.day-popover-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:8px 10px;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;font-family:inherit;text-align:left;color:var(--color-text);cursor:pointer;transition:transform .1s ease,border-color .12s ease,background .12s ease}.day-popover-row:hover{background:#fff4ec;border-color:#fdba74}.day-popover-row:active{transform:scale(.98);background:#ffe4d1;border-color:#fc4c02}.day-popover-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#111827;color:#fc4c02;border-radius:8px;flex-shrink:0}.day-popover-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-popover-meta{font-size:.7rem;font-weight:var(--font-weight-semibold);color:#6b7280;white-space:nowrap}.day-popover-history{display:flex;flex-direction:column;gap:4px;padding:10px 14px 12px;border-top:1.5px dashed #e5e7eb;background:#fafafa}.day-popover-history-title{font-size:.65rem;font-weight:var(--font-weight-bold);color:#111827;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.day-popover-history-row{display:flex;align-items:baseline;gap:6px;font-size:.75rem}.day-popover-history-year{font-weight:var(--font-weight-bold);color:#fc4c02;flex-shrink:0}.day-popover-history-sep{color:#9ca3af}.day-popover-history-summary{color:var(--color-text-secondary)}.forecast-overlay-header{position:relative;padding:var(--space-md) var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.forecast-overlay-close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;border:none;background:transparent;font-size:1.6rem;line-height:1;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm)}.forecast-overlay-close:active{background:var(--color-background)}.forecast-overlay-title-block{padding-right:40px}.forecast-overlay-title{margin:0 0 var(--space-xs);font-size:1.05rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);overflow-wrap:anywhere}.forecast-overlay-subtitle{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:.75rem;color:var(--color-text-secondary)}.forecast-overlay-body{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.forecast-map-wrap{position:relative}.forecast-map-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);pointer-events:none}.forecast-map-overlay>*{pointer-events:auto}.forecast-load-btn{padding:10px 28px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 14px #00000040}.forecast-load-btn:active{opacity:.85}.forecast-load-hint{background:#ffffffe6;padding:3px 10px;border-radius:var(--radius-sm);font-size:.65rem;color:var(--color-text-secondary);text-align:center;white-space:nowrap;box-shadow:0 2px 6px #00000026}.forecast-loading{display:flex;align-items:center;gap:var(--space-sm);padding:8px 16px;background:#ffffffeb;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);box-shadow:0 2px 8px #0003}.forecast-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:forecast-spin .8s linear infinite}@keyframes forecast-spin{to{transform:rotate(360deg)}}.forecast-error{background:#ffffffeb;padding:6px 14px;border-radius:var(--radius-sm);color:#b91c1c;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;box-shadow:0 2px 6px #0003}.forecast-meta{font-size:.7rem;color:var(--color-text-secondary);text-align:center;padding:0 var(--space-sm)}.forecast-meta-target{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.forecast-horizon-selector{display:flex;gap:var(--space-xs);justify-content:center}.forecast-horizon-btn{flex:1;max-width:100px;padding:8px 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer}.forecast-horizon-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.forecast-temperature{display:flex;gap:var(--space-sm);justify-content:space-between}.forecast-temp-block{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.forecast-temp-label{font-size:.65rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.forecast-temp-value{font-size:1rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.analysis-sprints-page{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.sprints-page-header{display:flex;flex-direction:column;gap:var(--space-xs);padding:0 0 var(--space-sm);flex-shrink:0}.sprints-title-row{display:flex;align-items:baseline;gap:var(--space-sm)}.sprints-title{margin:0;font-family:Michroma,sans-serif;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.sprint-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0;gap:var(--space-xs);flex-shrink:0}.header-title{font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--color-text)}.header-btn{font-size:.75rem;font-weight:var(--font-weight-semibold);padding:4px 10px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.header-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.header-spacer{flex:1}.header-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:50%;transition:background var(--transition)}.header-icon-btn:active{background:var(--color-border-light)}.sprint-profile-bar{display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;max-height:0;transition:max-height .25s ease,padding .25s ease;padding:0;gap:4px;margin:0}.sprint-profile-bar.open{max-height:140px;padding:0 0 8px}.pb-row{display:grid;grid-template-columns:repeat(4,1fr) 48px;gap:4px;align-items:center}.pb-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;min-width:0}.pb-cell-clickable{cursor:pointer}.pb-row-label{display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:.08em;white-space:nowrap}.pb-dur{font-size:.65rem;color:var(--color-text-muted);font-weight:var(--font-weight-medium);line-height:1}.pb-val{font-size:.85rem;font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.3}.pb-wkg{font-size:.6rem;color:var(--color-text-secondary);line-height:1}.filter-row{display:flex;gap:var(--space-xs);padding:var(--space-xs) 0 10px;flex-shrink:0}.filter-chip{font-size:.7rem;padding:3px 10px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.filter-chip.active{background:#e34402;color:#fff;border-color:#e34402}.tag-help-btn{width:18px;height:18px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.6rem;font-weight:var(--font-weight-bold);line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0}.date-range-slider{padding:0 0 var(--space-xs);flex-shrink:0}.date-range-labels{display:flex;justify-content:space-between;font-size:.6rem;color:var(--color-text-muted);margin-bottom:2px}.date-range-track{position:relative;height:20px}.date-range-fill{position:absolute;top:8px;height:4px;background:#e34402;border-radius:2px;pointer-events:none}.date-range-input{position:absolute;top:0;left:0;width:100%;height:20px;margin:0;padding:0;background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-range-input::-webkit-slider-runnable-track{height:4px;background:var(--color-border);border-radius:2px}.date-range-input:first-of-type::-webkit-slider-runnable-track{background:var(--color-border)}.date-range-input:last-of-type::-webkit-slider-runnable-track{background:transparent}.date-range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#e34402;border:2px solid #fff;box-shadow:0 1px 3px #0003;margin-top:-5px;pointer-events:auto;cursor:pointer}.sprint-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-sm) 0 var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);-webkit-overflow-scrolling:touch}.sprint-loading,.sprint-error{text-align:center;padding:var(--space-xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}.sprint-error{color:var(--color-error)}.sprint-empty{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sprint-empty-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.sprint-summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.summary-pill{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:var(--color-surface)}.pill-val{font-size:.85rem;font-weight:var(--font-weight-bold);color:var(--color-text)}.pill-label{font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);overflow:hidden;flex-shrink:0}.chart-title-row{display:flex;align-items:center;gap:6px}.chart-title{font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.chart-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-xs)}.chart-empty p{margin:0}.chart-empty-btn{padding:6px 14px;font-size:.7rem;font-weight:var(--font-weight-semibold);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.chart-canvas{width:100%;height:180px;min-height:180px;display:block}.chart-canvas-sm{height:120px;min-height:120px}.chart-legend{display:flex;gap:var(--space-md);justify-content:center;margin-top:4px}.legend-item{display:flex;align-items:center;gap:4px;font-size:.6rem;color:var(--color-text-muted)}.legend-line{display:inline-block;width:14px;height:0;border-top:1.5px solid #e34402}.legend-line.median{border-top-style:dashed;opacity:.5}.progress-mode-row{flex-wrap:wrap;padding-bottom:0}.progress-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.progress-card{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:var(--color-surface);position:relative}.progress-help-btn{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.5rem;font-weight:var(--font-weight-bold);line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.progress-label{font-size:.6rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.progress-value{font-size:.85rem;font-weight:var(--font-weight-bold);color:var(--color-text)}.progress-trend{font-size:.65rem;font-weight:var(--font-weight-semibold)}.progress-legend{display:flex;align-items:center;gap:var(--space-sm);font-size:.6rem;color:var(--color-text-muted);padding:4px 0}.progress-legend-vs{font-style:italic}.timeline-section{display:flex;flex-direction:column;gap:var(--space-xs);flex-shrink:0}.timeline-card{position:relative;padding:8px var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.timeline-card:active{background:var(--color-border-light)}.timeline-row-1{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.timeline-name{font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.timeline-row-2{display:flex;gap:var(--space-sm);font-size:.65rem;color:var(--color-text-muted);margin-top:2px}.tag-chip{font-size:.6rem;padding:2px 6px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:all var(--transition)}.tag-chip.tagged{background:#e34402;color:#fff;border-color:#e34402}.timeline-pb-badge{position:absolute;top:4px;right:4px;font-size:.55rem;font-weight:var(--font-weight-bold);color:#e34402;background:#e344021a;padding:1px 4px;border-radius:4px}.reanalyze-bar{flex-shrink:0;padding:6px var(--space-md);font-size:.7rem;color:var(--color-text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.reanalyze-progress-track{height:3px;background:var(--color-border);border-radius:2px;margin-top:4px;overflow:hidden}.reanalyze-progress-fill{height:100%;background:#e34402;border-radius:2px;transition:width .3s ease}.help-backdrop,.sprint-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;justify-content:center;align-items:flex-end}.help-sheet,.sprint-settings-sheet{background:var(--color-bg);width:100%;max-width:var(--max-width);max-height:80vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUp .25s ease-out;display:flex;flex-direction:column;overflow:hidden}.help-header,.sprint-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);font-size:.85rem;font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border);flex-shrink:0}.help-close{width:24px;height:24px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:50%;font-size:.75rem;font-weight:var(--font-weight-bold);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);padding:0;flex-shrink:0}.help-body{padding:var(--space-md);overflow-y:auto;font-size:.75rem;line-height:1.5;color:var(--color-text-secondary)}.help-body p{margin:0 0 var(--space-sm)}.help-body strong{color:var(--color-text)}.inline-link{background:none;border:none;color:#e34402;font-size:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;padding:0;text-decoration:underline}.sprint-settings-help{padding:var(--space-sm) var(--space-md);font-size:.7rem;line-height:1.5;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);max-height:240px;overflow-y:auto}.sprint-settings-help p{margin:0 0 6px}.sprint-settings-help-note{margin-top:8px;color:var(--color-text-muted);font-style:italic}.sprint-settings-body{padding:var(--space-md);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm)}.sprint-settings-field{display:flex;flex-direction:column;gap:2px}.sprint-settings-field span{font-size:.7rem;color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.sprint-settings-field input{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color var(--transition)}.sprint-settings-field input:focus{border-color:var(--color-primary)}.sprint-settings-actions{display:flex;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-border);flex-shrink:0}.sprint-settings-actions .btn-secondary,.sprint-settings-actions .btn-primary{flex:1;padding:8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition);border:1px solid var(--color-border)}.sprint-settings-actions .btn-secondary{background:var(--color-surface);color:var(--color-text)}.sprint-settings-actions .btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sprint-settings-actions .btn-primary:disabled,.sprint-settings-actions .btn-secondary:disabled{opacity:.5;cursor:default}.sprint-settings-footnote{padding:0 var(--space-md) var(--space-md);font-size:.6rem;line-height:1.5;color:var(--color-text-muted)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.analysis-tt-page{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.tt-page-header{display:flex;flex-direction:column;gap:var(--space-xs);padding:0 0 var(--space-sm);flex-shrink:0}.tt-title-row{display:flex;align-items:baseline;gap:var(--space-sm)}.tt-title{margin:0;font-family:Michroma,sans-serif;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.tt-beta-badge{font-size:.55rem;font-weight:var(--font-weight-bold);color:#dc2626;border:1px solid #dc2626;border-radius:8px;padding:2px 8px;cursor:default;animation:tt-beta-blink 2s ease-in-out infinite}@keyframes tt-beta-blink{0%,to{opacity:1}50%{opacity:.4}}.tt-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0;gap:var(--space-xs);flex-shrink:0}.tt-header-title{font-family:Michroma,sans-serif;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.tt-filter-row{display:flex;gap:var(--space-xs);padding:var(--space-xs) 0 10px;flex-shrink:0;flex-wrap:wrap}.tt-filter-chip{font-size:.7rem;padding:3px 10px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition)}.tt-filter-chip.active{background:#0891b2;color:#fff;border-color:#0891b2}.tt-filter-select{font-size:.7rem;padding:3px 20px 3px 8px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.tt-profile-row{display:flex;gap:var(--space-xs);align-items:center;margin-bottom:var(--space-sm);flex-shrink:0}.tt-profile-select{flex:1;min-width:0;padding:12px var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);font-size:.85rem;font-weight:var(--font-weight-semibold);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%230891b2' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.tt-profile-select:focus{outline:none;border-color:#0891b2}.tt-new-profile-btn{flex-shrink:0;padding:12px var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap}.tt-new-profile-btn:active{border-color:#0891b2;color:#0891b2}.tt-profile-edit-btn{font-size:.65rem;color:#0891b2;background:none;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;padding:2px 8px;flex-shrink:0}.tt-profile-edit-btn:active{border-color:#0891b2;background:var(--color-border-light)}.tt-profile-config-meta{font-size:.7rem;color:var(--color-text-muted);padding:0 0 var(--space-xs)}.tt-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-xl)}.tt-summary-card{display:flex;flex-direction:column;gap:6px;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--space-sm)}.tt-summary-row{display:flex;align-items:baseline;gap:var(--space-sm)}.tt-summary-label{font-size:.7rem;color:var(--color-text-muted);min-width:48px}.tt-summary-value{font-size:1rem;font-weight:var(--font-weight-bold);color:var(--color-text)}.tt-summary-sub{font-size:.7rem;color:var(--color-text-secondary)}.tt-summary-trend{font-size:.75rem;font-weight:var(--font-weight-semibold);margin-left:auto}.tt-trend-up{color:#16a34a}.tt-trend-down{color:#dc2626}.tt-trend-flat{color:#6b7280}.tt-timeline-canvas{width:100%;height:140px;display:block;margin-bottom:var(--space-sm)}.tt-segments-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.tt-segment-card{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;transition:border-color var(--transition)}.tt-segment-card:active{border-color:#0891b2}.tt-seg-name{font-size:.85rem;font-weight:var(--font-weight-semibold);color:var(--color-text)}.tt-seg-meta{font-size:.7rem;color:var(--color-text-muted)}.tt-seg-best{font-size:.8rem;font-weight:var(--font-weight-bold);color:#0891b2}.tt-seg-actions{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.tt-seg-view-btn{font-size:.7rem;color:#0891b2;background:none;border:none;cursor:pointer;padding:2px 0;font-weight:var(--font-weight-semibold)}.tt-seg-match-btn{font-size:.65rem;color:#0891b2;background:none;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;padding:2px 8px}.tt-seg-match-btn:active{border-color:#0891b2}.tt-seg-match-btn:disabled{opacity:.5;cursor:not-allowed}.tt-seg-hide-btn{font-size:.65rem;color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;padding:2px 8px}.tt-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin-bottom:var(--space-sm)}.tt-progress-card{position:relative;padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:2px}.tt-progress-label{font-size:.65rem;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.tt-progress-value{font-size:.95rem;font-weight:var(--font-weight-bold);color:var(--color-text)}.tt-progress-tappable{cursor:pointer;transition:border-color var(--transition)}.tt-progress-tappable:active{border-color:#0891b2}.tt-progress-sub{font-size:.55rem;color:var(--color-text-muted)}.tt-progress-trend{font-size:.7rem;font-weight:var(--font-weight-semibold)}.tt-header-sub{font-size:.65rem;color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.tt-add-segment-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:10px;border:1px dashed var(--color-border);border-radius:var(--radius-card);background:none;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;margin-bottom:var(--space-sm);transition:border-color var(--transition),color var(--transition)}.tt-add-segment-btn:active{border-color:#0891b2;color:#0891b2}.tt-detect-btn{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;margin-bottom:var(--space-sm);transition:border-color var(--transition),color var(--transition)}.tt-detect-btn:active{border-color:#0891b2;color:#0891b2}.tt-detect-btn:disabled{opacity:.5;cursor:not-allowed}.tt-insight-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm)}.tt-insight-text{display:flex;gap:var(--space-sm);font-size:.75rem;line-height:1.5;color:var(--color-text-secondary)}.tt-insight-text strong{color:var(--color-text)}.tt-insight-good strong{color:#16a34a}.tt-insight-warn strong{color:#dc2626}.tt-insight-icon{flex-shrink:0;font-size:.85rem;line-height:1.4}.tt-insight-potential{font-size:.7rem;color:var(--color-text-muted);line-height:1.5;margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border-light)}.tt-insight-potential strong{color:#16a34a}.tt-insight-link{background:none;border:none;color:#0891b2;font-size:.7rem;font-weight:var(--font-weight-semibold);cursor:pointer;padding:0;margin-left:var(--space-xs)}.tt-profile-hint{text-align:center;font-size:.75rem;color:var(--color-text-muted);padding:var(--space-sm) 0 var(--space-md)}.tt-settings-section{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) 0}.tt-settings-btn{display:flex;align-items:center;gap:var(--space-xs);padding:10px var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;width:100%;text-align:left}.tt-settings-btn:active{background:var(--color-border-light)}.tt-help-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.6rem;font-weight:var(--font-weight-bold);cursor:pointer;padding:0;line-height:1;flex-shrink:0;vertical-align:middle;margin-left:4px}.tt-help-btn:active{background:var(--color-border-light)}.tt-help-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:9999;display:flex;align-items:flex-end;justify-content:center}.tt-help-sheet{width:100%;max-width:var(--max-width);background:#fff;border-radius:16px 16px 0 0;padding:var(--space-md);animation:tt-sheet-up .2s ease-out}@keyframes tt-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tt-help-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);font-weight:var(--font-weight-bold);font-size:.9rem;color:var(--color-text)}.tt-help-close{background:none;border:none;font-size:1.1rem;color:var(--color-text-muted);cursor:pointer;padding:4px}.tt-help-body{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.tt-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);text-align:center}.tt-empty-icon{font-size:2rem;opacity:.3}.tt-empty-text{font-size:.8rem;color:var(--color-text-muted);max-width:280px}.tt-setup-btn{padding:8px 20px;background:#0891b2;color:#fff;border:none;border-radius:12px;font-size:.75rem;font-weight:var(--font-weight-semibold);cursor:pointer}.tt-reanalyze-btn{padding:10px;width:100%;background:#0891b2;color:#fff;border:none;border-radius:var(--radius-card);font-size:.75rem;font-weight:var(--font-weight-semibold);cursor:pointer}.tt-reanalyze-btn:disabled{opacity:.5;cursor:not-allowed}.tt-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-muted);font-size:.8rem}.info-page{display:flex;flex-direction:column;gap:var(--space-md)}.info-title{margin:0;font-family:Michroma,sans-serif;font-size:var(--font-size-lg);font-weight:400;color:var(--color-text)}.info-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.info-heading{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.info-section p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.6}.game-page{margin:calc(-1 * var(--space-sm));padding:16px var(--space-sm) 40px;color:var(--color-text, #111827);background:linear-gradient(#ffffff80,#ffffff80),url(/images/game_background.webp) center center / cover no-repeat fixed;min-height:calc(100% + 2 * var(--space-sm));box-sizing:border-box}.game-page h1,.game-page h2{margin:0 0 8px;font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif)}.game-page h1{font-size:1.4rem}.game-page h2{font-size:1.05rem;margin-top:18px}.game-actions{display:grid;gap:10px;margin-bottom:18px}.game-btn{display:block;width:100%;padding:12px 14px;border-radius:10px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;text-align:center;text-decoration:none;transition:opacity .15s,transform .1s}.game-btn-primary{background:#fc4c02;color:#fff;border-color:#fc4c02;box-shadow:0 2px 6px #fc4c0240}.game-btn-primary:hover{background:#e34402;border-color:#e34402}.game-btn-primary:disabled{background:#d1d5db;color:#6b7280;border-color:#d1d5db;box-shadow:none;cursor:not-allowed}.game-btn-secondary{background:#fff;color:var(--color-text, #111827);border-color:var(--color-border, #e5e7eb)}.game-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.game-btn-secondary:disabled{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}.game-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;min-height:36px}.game-bar-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border, #e5e7eb);background:#fff;color:var(--color-text, #111827);cursor:pointer;transition:background .15s,border-color .15s,transform .1s;flex-shrink:0;padding:0}.game-bar-back:hover{background:#f3f4f6;border-color:#d1d5db}.game-bar-back:active{transform:scale(.95)}.game-page h1.game-bar-title{position:absolute;top:-6px;left:0;right:0;margin:0;font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:3rem;line-height:1.2;font-style:italic;color:#6b7280e6;white-space:nowrap;overflow:hidden;z-index:0}.game-bar-back~.game-bar-title{padding-left:46px}.game-bar-chips{position:relative;z-index:1;display:flex;gap:6px;align-items:center;flex-shrink:0;margin-left:auto;padding-left:14px;background:transparent}.game-bar-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;border:1px solid var(--color-border, #e5e7eb);background:#ffffffbf;color:var(--color-text, #111827);font-family:inherit;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s,border-color .15s}button.game-bar-chip:hover{background:#f9fafb;border-color:#d1d5db}.game-bar-chip svg{color:var(--color-text-secondary, #6b7280);flex-shrink:0}.game-bar-chip-history{padding:6px 8px}.game-bar-history-icon{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:.9rem;font-weight:700;line-height:1}.game-bar-chip-zhoomies{background:#0f172a;border-color:#0f172a;color:#fc4c02}button.game-bar-chip.game-bar-chip-zhoomies:hover{background:#1f2937;border-color:#1f2937}.game-bar-chip-zhoomies svg{color:#fc4c02}.game-bar-chip-num{display:inline-block;min-width:36px;text-align:right}.game-bar-chip-unit{color:#fc4c028c;font-size:.72rem;margin-left:1px}.game-bar-help{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border, #e5e7eb);background:#fff;color:var(--color-text-secondary, #6b7280);cursor:pointer;padding:0;transition:color .15s,border-color .15s,background .15s;flex-shrink:0}.game-bar-help:hover{color:var(--color-text, #111827);border-color:#d1d5db;background:#f9fafb}.zhoomies-help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;display:flex;align-items:flex-end;justify-content:center;animation:fadein .15s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.zhoomies-help-panel{position:relative;width:100%;max-width:420px;max-height:88vh;overflow-y:auto;background:#fff;color:var(--color-text, #111827);border-radius:18px 18px 0 0;padding:22px 20px 28px;box-shadow:0 -8px 30px #0f172a40;animation:slideup .2s ease}@keyframes slideup{0%{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}.zhoomies-help-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:1px solid var(--color-border, #e5e7eb);background:#fff;color:var(--color-text-secondary, #6b7280);font-size:1.1rem;cursor:pointer;line-height:1}.zhoomies-help-close:hover{color:var(--color-text, #111827)}.zhoomies-help-panel h2{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.15rem;margin:0 0 14px}.zhoomies-help-panel section{margin-bottom:14px}.zhoomies-help-panel section:last-child{margin-bottom:0}.zhoomies-help-panel h3{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#fc4c02;margin:0 0 4px;font-weight:700}.zhoomies-help-panel p{margin:0 0 6px;font-size:.9rem;line-height:1.5;color:var(--color-text, #111827)}.zhoomies-help-panel .zhoomies-help-subtle{color:var(--color-text-secondary, #6b7280);font-size:.82rem}.game-mint-wrap{display:flex;justify-content:space-evenly;align-items:flex-start;gap:8px;margin:24px 0 8px;padding:0 4px;flex-wrap:nowrap}.game-mint-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:none;padding:0;cursor:pointer;transform:rotate(7deg);transition:transform .2s ease}.game-mint-btn:hover{transform:rotate(4deg) scale(1.06)}.game-mint-btn:active{transform:rotate(7deg) scale(.94)}.mintcard{position:relative;width:68px;height:92px;border-radius:8px;background:radial-gradient(ellipse at 50% 130%,rgba(252,76,2,.25) 0%,transparent 55%),linear-gradient(180deg,#2a2e38,#0f172a 55%,#080d1a);border:1.5px solid rgba(252,76,2,.55);box-shadow:0 6px 16px #0f172a66,inset 0 0 0 1px #ffffff0a,0 0 16px #fc4c0226;overflow:hidden;display:flex;align-items:center;justify-content:center}.mintcard:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(252,76,2,.25);border-radius:5px;pointer-events:none}.mintcard-plus{position:relative;font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:2.2rem;font-weight:700;color:#fc4c02;line-height:1;text-shadow:0 0 12px rgba(252,76,2,.7),0 1px 2px rgba(0,0,0,.5);z-index:1}.mintcard-shine{position:absolute;top:-20%;left:-40%;width:40%;height:180%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.12) 40%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.12) 60%,transparent 100%);transform:rotate(20deg);animation:mint-shine 3.2s ease-in-out infinite;pointer-events:none}@keyframes mint-shine{0%,to{left:-40%;opacity:0}20%{opacity:1}60%{left:110%;opacity:1}80%,to{opacity:0}}.mintcard-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mintcard-sparks:before,.mintcard-sparks:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe8d6;box-shadow:0 0 6px 2px #fc4c02cc;animation:mint-spark 2.4s ease-in-out infinite}.mintcard-sparks:before{top:12%;right:14%;animation-delay:0s}.mintcard-sparks:after{bottom:14%;left:16%;animation-delay:1.2s}@keyframes mint-spark{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.mintcard-label{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-text, #111827);text-shadow:0 1px 2px rgba(255,255,255,.6)}.game-collection-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.game-collection-btn:hover{transform:scale(1.06)}.game-collection-btn:active{transform:scale(.94)}.fan{position:relative;width:68px;height:92px;filter:drop-shadow(0 4px 8px rgba(15,23,42,.35))}.fan-card{position:absolute;left:50%;bottom:6px;width:34px;height:54px;margin-left:-17px;border-radius:4px;background:radial-gradient(ellipse at 50% 130%,rgba(252,76,2,.25) 0%,transparent 55%),linear-gradient(180deg,#2a2e38,#0f172a 55%,#080d1a);border:1px solid rgba(252,76,2,.55);box-shadow:inset 0 0 0 1px #ffffff0a;transform-origin:50% 100%;transition:transform .25s ease}.fan-card:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(252,76,2,.3);border-radius:2px;pointer-events:none}.fan-card--left{transform:rotate(-22deg);z-index:1}.fan-card--right{transform:rotate(22deg);z-index:1}.fan-card--front{transform:rotate(0) translateY(-2px);z-index:2;box-shadow:inset 0 0 0 1px #ffffff0f,0 2px 6px #fc4c0240}.game-collection-btn:hover .fan-card--left{transform:rotate(-30deg)}.game-collection-btn:hover .fan-card--right{transform:rotate(30deg)}.game-collection-btn:hover .fan-card--front{transform:rotate(0) translateY(-6px)}.fan-label{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-text, #111827);text-shadow:0 1px 2px rgba(255,255,255,.6)}.game-history-btn-themed{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;border:none;padding:0;cursor:pointer;transform:rotate(-5deg);transition:transform .2s ease}.game-history-btn-themed:hover{transform:rotate(-2deg) scale(1.06)}.game-history-btn-themed:active{transform:rotate(-5deg) scale(.94)}.scroll{position:relative;display:block;width:68px;height:92px;filter:drop-shadow(0 4px 8px rgba(15,23,42,.35))}.scroll-card{position:absolute;top:10px;width:30px;height:68px;border-radius:4px;background:radial-gradient(ellipse at 50% 130%,rgba(252,76,2,.25) 0%,transparent 55%),linear-gradient(180deg,#2a2e38,#0f172a 55%,#080d1a);border:1px solid rgba(252,76,2,.5);box-shadow:inset 0 0 0 1px #ffffff0a;z-index:0}.scroll-card--left{left:-14px;width:43px;transform:rotate(-46deg)}.scroll-card--right{right:-10px;transform:rotate(15deg)}.scroll-card:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(252,76,2,.25);border-radius:2px;pointer-events:none}.scroll-top,.scroll-bottom{position:absolute;left:0;right:0;height:11px;background:linear-gradient(180deg,#c9a25b,#8a6a2f 55%,#5c4414);border-radius:10px/5px;border:1px solid rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #00000040}.scroll-top{top:0;z-index:2}.scroll-bottom{bottom:0;z-index:2}.scroll-top:before,.scroll-top:after,.scroll-bottom:before,.scroll-bottom:after{content:"";position:absolute;top:2px;bottom:2px;width:4px;background:radial-gradient(ellipse at 30% 40%,#e5cf95,#8a6a2f 70%,#3a2a0e);border-radius:50%;border:1px solid rgba(0,0,0,.4)}.scroll-top:before,.scroll-bottom:before{left:-1px}.scroll-top:after,.scroll-bottom:after{right:-1px}.scroll-paper{position:absolute;left:5px;right:5px;top:8px;bottom:8px;background:linear-gradient(180deg,#fdfcf7,#ede5cf);border-left:1px solid rgba(0,0,0,.18);border-right:1px solid rgba(0,0,0,.18);padding:10px 6px;display:flex;flex-direction:column;gap:4px;justify-content:center;box-shadow:inset 0 6px 6px -5px #0000004d,inset 0 -6px 6px -5px #0000004d;z-index:1}.scroll-line{display:block;height:1.5px;background:#8a6a2f;border-radius:1px;opacity:.6}.scroll-line:nth-child(1){width:100%}.scroll-line:nth-child(2){width:85%}.scroll-line:nth-child(3){width:92%}.scroll-line:nth-child(4){width:78%}.scroll-label{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-text, #111827);text-shadow:0 1px 2px rgba(255,255,255,.6)}.game-play-wrap{position:relative;display:flex;justify-content:center;margin:28px 0 24px;padding:0 5px}.game-play-btn{position:relative;width:140px;height:140px;border-radius:50%;background:#0f172a;color:#fc4c02;border:2px solid #0f172a;font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.4rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 24px #0f172a47,inset 0 0 0 1px #fc4c0240;transition:transform .1s ease,box-shadow .15s ease,background .15s;text-shadow:0 1px 8px rgba(252,76,2,.3)}.game-play-btn:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;padding:4px;background:conic-gradient(from 0deg,transparent 0deg,transparent 270deg,rgba(252,76,2,.6) 310deg,#ffe8d6 340deg,rgba(252,76,2,.6) 350deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 6px rgba(252,76,2,.7));animation:game-play-flare 2.8s linear infinite;pointer-events:none;z-index:1}@keyframes game-play-flare{to{transform:rotate(360deg)}}.game-play-btn:hover{background:#1f2937;box-shadow:0 14px 30px #0f172a59,inset 0 0 0 1px #fc4c0266}.game-play-btn:active{transform:scale(.96)}.game-play-btn.has-active-game{font-size:1rem;letter-spacing:1px;box-shadow:0 10px 24px #0f172a47,inset 0 0 0 1px #fc4c0240,0 0 0 3px #fc4c0259;animation:game-resume-pulse 1.5s ease infinite alternate}@keyframes game-resume-pulse{0%{box-shadow:0 10px 24px #0f172a47,0 0 0 3px #fc4c0240}to{box-shadow:0 10px 24px #0f172a47,0 0 0 5px #fc4c028c}}.game-play-rules{position:absolute;right:calc(50% + 90px);top:50%;transform:translateY(-50%) rotate(-7deg);width:82px;height:auto;background:transparent;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .2s ease}.game-play-rules:hover{transform:translateY(-50%) rotate(-4deg) scale(1.06)}.game-play-rules:active{transform:translateY(-50%) rotate(-7deg) scale(.94)}.rulebook{position:relative;display:flex;width:72px;height:56px;filter:drop-shadow(0 4px 8px rgba(15,23,42,.35))}.rulebook-page{position:relative;flex:1;height:100%;background:linear-gradient(180deg,#fdfcf7,#e8e3d3);overflow:hidden}.rulebook-page--left{border-radius:3px 1px 1px 3px;transform:perspective(120px) rotateY(18deg);transform-origin:right center;border:1px solid #b8a874;border-right:1px solid rgba(0,0,0,.2);box-shadow:inset -3px 0 6px #00000026}.rulebook-page--right{border-radius:1px 3px 3px 1px;transform:perspective(120px) rotateY(-18deg);transform-origin:left center;border:1px solid #b8a874;border-left:1px solid rgba(0,0,0,.2);box-shadow:inset 3px 0 6px #00000026;display:flex;align-items:center;justify-content:center}.rulebook-lines{display:block;position:absolute;top:8px;right:6px;bottom:8px;left:6px;background:linear-gradient(to bottom,#7a6a3a 0,#7a6a3a 1px,transparent 1px,transparent 6px) repeat-y;background-size:100% 6px;opacity:.55}.rulebook-title{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.4rem;font-weight:700;color:#fc4c02;text-shadow:0 1px 4px rgba(252,76,2,.35);line-height:1}.rulebook-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text, #111827);font-weight:700;font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);text-shadow:0 1px 2px rgba(255,255,255,.6)}.game-play-cancel{position:absolute;left:calc(50% + 95px);top:50%;transform:translateY(-50%) rotate(8deg);width:70px;height:auto;background:transparent;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .2s ease}.game-play-cancel:hover{transform:translateY(-50%) rotate(5deg) scale(1.06)}.game-play-cancel:active{transform:translateY(-50%) rotate(8deg) scale(.94)}.surrender{position:relative;display:block;width:56px;height:58px;filter:drop-shadow(0 4px 8px rgba(15,23,42,.35))}.surrender-pole{position:absolute;left:10px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#94a3b8,#475569);border-radius:2px;box-shadow:inset -1px 0 #0000004d}.surrender-pole:before{content:"";position:absolute;top:-3px;left:-2px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#cbd5e1,#475569);box-shadow:0 1px 2px #0006}.surrender-flag{position:absolute;left:13px;top:4px;width:42px;height:30px;background:linear-gradient(160deg,#fff,#e5e7eb);border:1px solid rgba(148,163,184,.5);border-left:none;clip-path:polygon(0 0,100% 0,85% 50%,100% 100%,0 100%);transform-origin:left center;animation:flag-wave 2.4s ease-in-out infinite;box-shadow:inset -2px 0 4px #00000014}@keyframes flag-wave{0%,to{transform:skewY(0) scaleX(1)}50%{transform:skewY(-4deg) scaleX(.98)}}.surrender-label{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-text, #111827);text-shadow:0 1px 2px rgba(255,255,255,.6)}.history-tabs{display:flex;gap:0;margin-bottom:14px;border-bottom:2px solid var(--color-border, #e5e7eb)}.history-tab{flex:1;padding:10px 8px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:color .15s,border-color .15s;text-align:center}.history-tab:hover{color:var(--color-text, #111827)}.history-tab.active{color:#fc4c02;border-bottom-color:#fc4c02}.game-history-subtitle{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280);margin:12px 0 6px;font-weight:600}.game-history-list{display:flex;flex-direction:column;gap:6px}.game-history-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:10px;background:#fff;border-left:3px solid #059669}.game-history-card--lost{border-left-color:#dc2626}.game-history-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.game-history-name{font-weight:600;font-size:.9rem;color:var(--color-text, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-history-meta{font-size:.75rem;color:var(--color-text-secondary, #6b7280)}.game-history-actions{flex-shrink:0}.game-history-btn{padding:5px 12px;border-radius:6px;border:1px solid var(--color-border, #d1d5db);background:#fff;color:var(--color-text-secondary, #6b7280);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.game-history-btn:hover{border-color:#9ca3af;color:var(--color-text, #111827)}.game-history-btn--confirm{border-color:#dc2626;color:#dc2626;background:#dc26260a;animation:pulse-confirm .6s ease infinite alternate}.play-insufficient-cards{background:#fc4c0214;border:1px solid rgba(252,76,2,.3);color:#9a3a00;padding:10px 12px;border-radius:8px;font-size:.82rem;line-height:1.5;text-align:center;margin-bottom:12px}.play-join-input{display:block;width:100%;max-width:220px;margin:0 auto 14px;padding:12px 14px;font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.5rem;text-align:center;letter-spacing:4px;border:2px solid var(--color-border, #e5e7eb);border-radius:10px;outline:none;color:var(--color-text, #111827)}.play-join-input:focus{border-color:#fc4c02;box-shadow:0 0 0 2px #fc4c0226}.game-ledger{background:#ffffffbf;border:1px solid var(--color-border, #e5e7eb);border-radius:10px;padding:8px 12px}.game-ledger-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border, #f3f4f6);font-size:.85rem}.game-ledger-row:last-child{border-bottom:none}.game-ledger-delta{font-weight:600;font-variant-numeric:tabular-nums}.game-ledger-delta.positive{color:#059669}.game-ledger-delta.negative{color:#dc2626}.game-ledger-reason{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280)}.game-ledger-date{font-size:.72rem;color:var(--color-text-secondary, #9ca3af);white-space:nowrap}.game-empty{text-align:center;color:var(--color-text-secondary, #6b7280);font-size:.9rem;padding:24px 10px}.mint-activity-list{display:flex;flex-direction:column;gap:8px}.mint-activity-card{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.mint-activity-card:hover{background:#f9fafb}.mint-activity-card.selected{border-color:#c9a25bcc;background:#fffaf0}.mint-activity-name{font-weight:600;font-size:.95rem;color:var(--color-text, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mint-activity-meta{font-size:.8rem;color:var(--color-text-secondary, #6b7280);display:flex;gap:10px;flex-wrap:wrap}.mint-preview{margin:20px 0 14px;display:flex;justify-content:center}.mint-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding:20px 14px;overflow-y:auto;animation:fadein .15s ease}.mint-overlay-panel{position:relative;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;padding:8px 0;margin:auto 0;overflow:visible;animation:mint-overlay-pop .22s cubic-bezier(.2,.9,.3,1)}@keyframes mint-overlay-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.mint-overlay-headline{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.2rem;color:#fc4c02;text-align:center;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 12px rgba(252,76,2,.35)}.mint-overlay-card{display:flex;justify-content:center}.mint-style-picker{display:flex;justify-content:center;gap:8px}.mint-style-chip{padding:6px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#ffffffb3;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.mint-style-chip.active{background:#fc4c02;border-color:#fc4c02;color:#fff}.mint-style-chip:disabled{opacity:.5;cursor:not-allowed}.game-btn-confirm{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 2px 8px #dc26264d;animation:pulse-confirm .6s ease infinite alternate}.game-btn-confirm:hover{background:#b91c1c;border-color:#b91c1c}@keyframes pulse-confirm{0%{box-shadow:0 2px 8px #dc262640}to{box-shadow:0 2px 14px #dc262680}}.mint-overlay-actions{display:grid;gap:8px;padding:0 2px}.mint-overlay-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mint-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:.85rem}.cards-grid{display:flex;flex-direction:column;gap:22px;padding:4px 0}.cards-grid .card-flip-container{margin:0 auto}.card-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px 16px}.card-detail-inner{width:100%;max-width:380px}.card-detail-close{position:absolute;top:14px;right:14px;background:#ffffff26;color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;z-index:1001}.play-waiting{text-align:center;padding:24px 0}.play-code-display{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:2.4rem;letter-spacing:8px;color:#fc4c02;background:#0f172a;border-radius:14px;padding:18px 24px;margin:16px auto;display:inline-block;text-shadow:0 2px 10px rgba(252,76,2,.25)}.play-code-hint{font-size:.85rem;color:var(--color-text-secondary, #6b7280);margin:8px 0 16px}.play-active{display:flex;flex-direction:column;gap:12px}.play-score{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.1rem}.play-score-me{color:#fc4c02}.play-score-sep{color:var(--color-text-secondary, #6b7280)}.play-score-opp{color:var(--color-text, #111827)}.play-round-label{text-align:center;font-size:.82rem;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:1px}.play-round-result{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border-radius:10px;font-size:.85rem;text-align:center;animation:fadein .3s ease}.play-round-result.won{background:#05966914;color:#059669}.play-round-result.lost{background:#dc262614;color:#dc2626}.play-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.play-card-col{display:flex;flex-direction:column;align-items:center;gap:4px}.play-card-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280);font-weight:600}.play-mini-card{width:100%;aspect-ratio:3 / 4;max-width:150px;border-radius:12px;background:linear-gradient(180deg,#1f2937,#0f172a);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;gap:6px;color:#f3f4f6}.play-mini-card--hidden{border:2px dashed rgba(252,76,2,.35)}.play-mini-mystery{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:2.4rem;color:#fc4c02;text-shadow:0 2px 10px rgba(252,76,2,.3)}.play-mini-name{font-size:.78rem;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.play-mini-stat{font-size:.72rem;color:#f3f4f699}.play-mini-card--revealed{border-color:#fc4c02;box-shadow:0 0 16px #fc4c0240;animation:cardReveal .4s ease}@keyframes cardReveal{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}.play-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:linear-gradient(#ffffff80,#ffffff80),url(/images/game_background.webp) center top / cover no-repeat fixed,#f3f4f6;display:flex;flex-direction:column;overflow-y:auto}.play-fullscreen-header{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 14px 8px;background:#fff;border-bottom:1px solid var(--color-border, #e5e7eb);flex-shrink:0}.play-fullscreen-score{display:flex;align-items:center;gap:8px;font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.05rem}.play-fullscreen-round{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280);font-weight:600}.play-fullscreen-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 14px;gap:6px}.play-fullscreen-footer{flex-shrink:0;padding:10px 14px 20px;display:flex;justify-content:center}.play-fullscreen-abandon-btn{padding:10px 28px;border-radius:10px;border:none;background:#9ca3af;color:#fff;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s;box-shadow:0 2px 6px #0000001a}.play-fullscreen-abandon-btn:hover{background:#6b7280}.play-full-card-area{display:flex;flex-direction:column;align-items:center;gap:8px}.play-tap-hint{font-size:.8rem;color:var(--color-text-secondary, #6b7280);text-align:center;margin:0;font-style:italic}.play-defender-wrap{position:relative;width:min(380px,100%);aspect-ratio:380 / 600}.play-defender-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background:#6b728073;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}.play-defender-text{background:#0f172ad9;color:#f3f4f6;padding:14px 20px;border-radius:10px;font-size:.85rem;text-align:center;width:90%;line-height:1.5}.play-defender-quip{margin-top:6px;font-size:.78rem;font-style:italic;color:#f3f4f699;animation:pulse 2s ease infinite}.play-challenge-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1400;display:flex;align-items:center;justify-content:center;animation:fadein .15s ease}.play-challenge-panel{background:#fff;border-radius:18px;padding:28px 24px 20px;width:100%;max-width:280px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 20px 40px #00000040;animation:mint-overlay-pop .2s ease}.play-challenge-stat{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary, #6b7280);font-weight:700}.play-challenge-value{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:2rem;color:#fc4c02;line-height:1;text-shadow:0 2px 8px rgba(252,76,2,.2)}.play-challenge-buttons{display:flex;gap:10px;width:100%}.play-challenge-btn{flex:1;padding:14px;border-radius:12px;border:none;font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.play-challenge-btn:active{transform:scale(.96)}.play-challenge-btn:disabled{opacity:.5;cursor:not-allowed}.play-challenge-high{background:#059669;color:#fff}.play-challenge-low{background:#0f172a;color:#fc4c02}.play-challenge-cancel{background:none;border:none;color:var(--color-text-secondary, #9ca3af);font-size:.85rem;cursor:pointer;padding:6px}.play-waiting-turn{text-align:center;padding:20px 0;font-size:.9rem;color:var(--color-text-secondary, #6b7280);animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.play-abandon-link{display:block;margin:8px auto 0;background:none;border:none;color:var(--color-text-secondary, #9ca3af);font-size:.75rem;cursor:pointer;text-decoration:underline}.play-completed{text-align:center}.play-result-banner{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.6rem;letter-spacing:2px;text-transform:uppercase;padding:14px;border-radius:12px;margin-bottom:12px}.play-result-banner.won{color:#fc4c02;background:#fc4c0214;text-shadow:0 2px 10px rgba(252,76,2,.2)}.play-result-banner.lost{color:#dc2626;background:#dc26260f}.play-result-banner.draw{color:#fc4c02;background:#fc4c020f}.play-result-banner.abandoned{color:var(--color-text-secondary, #6b7280);background:#f3f4f6}.play-score-final{margin-bottom:16px}.play-pull-section{margin:16px 0}.play-pull-section h3{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1rem;margin:0 0 4px}.play-pull-hint{font-size:.82rem;color:var(--color-text-secondary, #6b7280);margin:0 0 14px}.play-mystery-row{display:flex;gap:10px;justify-content:center;margin-bottom:14px}.play-mystery-card{width:90px;height:120px;border-radius:10px;background:linear-gradient(180deg,#1f2937,#0f172a);border:2px dashed rgba(252,76,2,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;padding:0;font-family:inherit}.play-mystery-card:hover:not(:disabled){transform:translateY(-4px);border-color:#fc4c02;box-shadow:0 6px 20px #fc4c0233}.play-mystery-card:disabled{opacity:.5;cursor:not-allowed}.play-mercy-btn{display:block;margin:0 auto;background:none;border:none;color:var(--color-text-secondary, #6b7280);font-size:.8rem;cursor:pointer;text-decoration:underline}.play-pulled-reveal{margin:16px 0}.play-pulled-reveal h3{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1rem;color:#fc4c02;margin:0 0 10px}.play-revealed-card{display:flex;justify-content:center}.play-pulled-card-preview{display:flex;flex-direction:column;align-items:center;cursor:pointer;max-width:240px;margin:0 auto}.play-pulled-card-preview .card-flip-container{width:100%}.play-pulled-tap-hint{font-size:.75rem;color:var(--color-text-secondary, #6b7280);margin:6px 0 0;font-style:italic}.round-reveal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#94a3b8d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1300;display:flex;align-items:center;justify-content:center;padding:20px 14px;animation:fadein .2s ease}.round-reveal-panel{width:100%;max-width:340px;background:#fff;border-radius:18px;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;animation:mint-overlay-pop .25s cubic-bezier(.2,.9,.3,1);box-shadow:0 20px 40px #00000040}.round-reveal-fullcard-panel{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0;margin:auto 0;overflow:visible;animation:mint-overlay-pop .25s cubic-bezier(.2,.9,.3,1)}.round-reveal-headline{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:2.4rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.round-reveal-headline.won{color:#059669}.round-reveal-headline.lost{color:#dc2626}.round-reveal-stat-pick{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280);font-weight:600}.round-reveal-cards{display:flex;align-items:center;gap:10px;width:100%}.round-reveal-card-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.round-reveal-player-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary, #6b7280);font-weight:600}.round-reveal-cards .play-mini-card{width:100%;max-width:130px;aspect-ratio:3 / 4;transition:box-shadow .3s ease,border-color .3s ease}.round-reveal-winner{border-color:#059669!important;box-shadow:0 0 16px #0596694d!important}.round-reveal-value{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.3rem;color:#fc4c02;line-height:1;margin-top:4px;text-shadow:0 1px 6px rgba(252,76,2,.2)}.round-reveal-vs{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:.85rem;color:var(--color-text-secondary, #9ca3af);flex-shrink:0;margin-top:20px}.round-reveal-score{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.4rem;color:var(--color-text, #111827);letter-spacing:4px}.round-reveal-panel .game-btn{width:100%}.round-reveal-fullcard-panel .round-reveal-headline{text-shadow:0 1px 6px rgba(0,0,0,.15)}.round-reveal-fullcard-panel .round-reveal-stat-pick{color:#374151;display:flex;flex-direction:column;align-items:center;gap:2px}.round-reveal-picker-label{font-size:.78rem;color:#6b7280}.round-reveal-stat-name{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:1.1rem;color:var(--color-text, #111827);font-weight:700}.round-reveal-stat-compare{font-family:var(--font-display, "Michroma", "Segoe UI", sans-serif);font-size:.95rem;color:#fc4c02}.round-reveal-outcome-text{font-size:.82rem;font-style:italic;color:#374151}.round-reveal-fullcard-panel .round-reveal-score{color:#111827}.round-reveal-fullcard-panel .game-btn{max-width:320px;width:100%}.round-reveal-duo{display:flex;gap:8px;width:100%;justify-content:center;align-items:flex-start}.round-reveal-duo-card{width:48%;max-width:185px;display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:14px;padding:4px;transition:box-shadow .3s}.round-reveal-duo-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:#374151}.reveal-winner{box-shadow:0 0 18px #05966959;border:2px solid rgba(5,150,105,.5);background:#05966914}.reveal-loser{opacity:.7;border:2px solid #9ca3af;background:#9ca3af14}.round-reveal-duo-card{cursor:pointer}.card-inspect-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#94a3b8d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1500;display:flex;align-items:flex-start;justify-content:center;padding:24px 14px;overflow-y:auto;animation:fadein .15s ease}.card-inspect-inner{display:flex;flex-direction:column;align-items:center;margin:auto 0;max-width:380px;width:100%;overflow:visible}