.screen-forward-enter-active,.screen-forward-leave-active{transition:opacity .3s ease,transform .3s ease}.screen-forward-enter-from{opacity:0;transform:translateY(20px)}.screen-forward-leave-to{opacity:0;transform:translateY(-20px)}.screen-backward-enter-active,.screen-backward-leave-active{transition:opacity .3s ease,transform .3s ease}.screen-backward-enter-from{opacity:0;transform:translateY(-20px)}.screen-backward-leave-to{opacity:0;transform:translateY(20px)}.screen-scale-enter-active,.screen-scale-leave-active{transition:opacity .3s ease,transform .3s ease}.screen-scale-enter-from{opacity:0;transform:scale(.9)}.screen-scale-leave-to{opacity:0;transform:scale(1.1)}.screen-fade-enter-active,.screen-fade-leave-active{transition:opacity .3s ease}.screen-fade-enter-from,.screen-fade-leave-to{opacity:0}.session-sidebar[data-v-735f6507]{width:400px;height:100vh;background:var(--palette-background-default);border-right:1px solid var(--palette-divider);display:flex;flex-direction:column;overflow:hidden}.section[data-v-735f6507]{display:flex;flex-direction:column;padding:20px;border-bottom:1px solid var(--palette-background-muted)}.section-log[data-v-735f6507]{flex:1;overflow:hidden}.section-header[data-v-735f6507]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title[data-v-735f6507]{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--palette-error-main);font-family:ui-monospace,SFMono-Regular,monospace}.status-pill[data-v-735f6507]{padding:4px 12px;font-size:10px;font-weight:600;letter-spacing:1px;border-radius:12px;font-family:ui-monospace,SFMono-Regular,monospace}.status-idle[data-v-735f6507]{background:var(--palette-background-muted);color:var(--palette-text-secondary)}.status-queueing[data-v-735f6507]{background:#58a6ff26;color:var(--palette-primary-main)}.status-matched[data-v-735f6507]{background:#3fb95026;color:var(--palette-success-main)}.status-ready[data-v-735f6507]{background:#a371f726;color:var(--palette-info-main)}.status-disconnected[data-v-735f6507]{background:#f8514926;color:var(--palette-error-main)}.session-details[data-v-735f6507]{display:flex;flex-direction:column;gap:16px}.detail-row[data-v-735f6507]{display:flex;flex-direction:column;gap:6px}.label[data-v-735f6507]{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--palette-text-disabled);text-transform:uppercase}.value[data-v-735f6507]{font-size:14px;color:var(--palette-text-primary);font-family:ui-monospace,SFMono-Regular,monospace}.player-name-input[data-v-735f6507]{padding:8px 12px;font-size:14px;font-family:ui-monospace,SFMono-Regular,monospace;color:var(--palette-text-primary);background:var(--palette-background-paper);border:1px solid var(--palette-divider);border-radius:6px;outline:none;transition:border-color .2s}.player-name-input[data-v-735f6507]:focus{border-color:var(--palette-primary-main)}.player-name-input[data-v-735f6507]:disabled{opacity:.6;cursor:not-allowed}.elemental-badge[data-v-735f6507]{display:flex;align-items:center;gap:8px}.badge-icon-box[data-v-735f6507]{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.badge-icon[data-v-735f6507]{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.badge-label[data-v-735f6507]{font-size:14px;color:var(--palette-text-primary)}.section-debug[data-v-735f6507]{padding:16px 20px}.debug-actions[data-v-735f6507]{display:flex;flex-direction:column;gap:8px}.btn-debug[data-v-735f6507]{padding:8px 16px;font-size:12px;font-weight:600;color:var(--palette-text-primary);background:var(--palette-background-muted);border:1px solid var(--palette-divider);border-radius:6px;cursor:pointer;transition:all .2s}.btn-debug[data-v-735f6507]:hover:not(:disabled){background:var(--palette-divider);border-color:var(--palette-primary-main)}.btn-debug[data-v-735f6507]:disabled{opacity:.4;cursor:not-allowed}.entry-count[data-v-735f6507]{font-size:11px;color:var(--palette-text-disabled)}.log-container[data-v-735f6507]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-size:12px;font-family:ui-monospace,SFMono-Regular,monospace}.log-entry[data-v-735f6507]{display:flex;gap:12px;padding:6px 8px;border-radius:4px;line-height:1.5}.log-time[data-v-735f6507]{color:var(--palette-text-disabled);flex-shrink:0}.log-text[data-v-735f6507]{color:var(--palette-text-secondary)}.log-entry.log-success .log-text[data-v-735f6507]{color:var(--palette-success-main)}.log-entry.log-warn .log-text[data-v-735f6507]{color:var(--palette-warning-main)}.log-entry.log-error .log-text[data-v-735f6507]{color:var(--palette-error-main)}.log-container[data-v-735f6507]::-webkit-scrollbar{width:8px}.log-container[data-v-735f6507]::-webkit-scrollbar-track{background:var(--palette-background-paper)}.log-container[data-v-735f6507]::-webkit-scrollbar-thumb{background:var(--palette-divider);border-radius:4px}.log-container[data-v-735f6507]::-webkit-scrollbar-thumb:hover{background:var(--palette-text-disabled)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:var(--typography-font-family);background:var(--palette-background-default);color:var(--palette-text-primary)}code{font-family:var(--typography-font-family-mono)}.app{display:flex;width:100%;height:100vh;overflow:hidden}.main-content{flex:1;overflow:auto}:root{--palette-background-default: #0d1117;--palette-background-paper: #161b22;--palette-background-elevated: #1c2128;--palette-background-muted: #21262d;--palette-text-primary: #c9d1d9;--palette-text-secondary: #8b949e;--palette-text-disabled: #484f58;--palette-divider: #30363d;--palette-primary-main: #58a6ff;--palette-primary-light: #79c0ff;--palette-primary-dark: #388bfd;--palette-success-main: #3fb950;--palette-success-light: #56d364;--palette-success-dark: #2ea043;--palette-error-main: #f85149;--palette-error-light: #ff7b72;--palette-error-dark: #da3633;--palette-warning-main: #d29922;--palette-warning-light: #e3b341;--palette-info-main: #a371f7;--palette-info-light: #bc8cff;--palette-brand-gold: #d4a855;--palette-brand-orange: #e07850;--palette-status-idle-bg: #21262d;--palette-status-queueing-bg: #1f2937;--palette-status-queueing-fg: #60a5fa;--palette-status-matched-bg: #1c2a1c;--palette-status-matched-fg: #7ee787;--palette-status-error-bg: #2d1f1f;--typography-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--typography-font-family-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, monospace;--typography-size-xs: 12px;--typography-size-sm: 13px;--typography-size-base: 14px;--typography-size-md: 15px;--typography-size-lg: 16px;--typography-size-xl: 18px;--typography-size-2xl: 22px;--typography-size-3xl: 28px;--typography-size-4xl: 48px;--typography-weight-normal: 400;--typography-weight-medium: 500;--typography-weight-semibold: 600;--typography-weight-bold: 700;--typography-line-height-tight: 1.25;--typography-line-height-normal: 1.5;--typography-line-height-relaxed: 1.75;--spacing-unit: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 60px;--shape-border-radius-sm: 4px;--shape-border-radius-md: 8px;--shape-border-radius-lg: 12px;--shape-border-radius-full: 9999px;--shape-border-width: 1px;--shape-border-width-thick: 2px;--transition-duration-fast: .15s;--transition-duration-standard: .2s;--transition-duration-slow: .3s;--transition-duration-slower: .4s;--transition-duration-slowest: .5s;--transition-easing-standard: ease;--transition-easing-in: ease-in;--transition-easing-out: ease-out;--transition-easing-in-out: ease-in-out;--transition-fast: var(--transition-duration-fast) var(--transition-easing-standard);--transition-standard: var(--transition-duration-standard) var(--transition-easing-standard);--transition-slow: var(--transition-duration-slow) var(--transition-easing-out);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .4)}