@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;background-color:var(--cal-canvas-subtle);transition:background-color var(--cal-transition), color var(--cal-transition)}body{background-color:var(--cal-canvas-subtle);min-block-size:100dvh;color:var(--cal-ink-body);font-family:var(--font-sans);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color var(--cal-transition), color var(--cal-transition);font-size:15px;line-height:1.5;overflow-x:hidden}input,button,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none}button:focus{outline:none}button:focus-visible{outline:2px solid var(--cal-primary);outline-offset:2px}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cal-canvas:#fff;--cal-canvas-subtle:#f7f7f8;--cal-surface-card:#fff;--cal-surface-hover:#f1f2f4;--cal-surface-active:#e5e7eb;--cal-ink:#0f172a;--cal-ink-body:#334155;--cal-ink-muted:#64748b;--cal-ink-subtle:#94a3b8;--cal-border:#e2e8f0;--cal-border-hover:#cbd5e1;--cal-border-focus:#e04f16;--cal-primary:#e04f16;--cal-primary-hover:#c2410c;--cal-primary-subtle:#fff7ed;--cal-brand-accent:#e04f16;--cal-brand-accent-subtle:#fff7ed;--cal-success:#059669;--cal-success-subtle:#ecfdf5;--cal-error:#be123c;--cal-error-subtle:#fff1f2;--cal-warning:#d97706;--cal-warning-subtle:#fffbeb;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:9999px;--cal-transition:.18s cubic-bezier(.16, 1, .3, 1);--cal-shadow-sm:0 1px 2px #0f172a0a;--cal-shadow-card:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--cal-shadow-modal:0 20px 35px -8px #0f172a24, 0 8px 16px -6px #0f172a14}:root[data-theme=dark],html[data-theme=dark],html.dark,body.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cal-canvas:#0f172a;--cal-canvas-subtle:#090e17;--cal-surface-card:#162032;--cal-surface-hover:#1e2c44;--cal-surface-active:#253754;--cal-ink:#f8fafc;--cal-ink-body:#cbd5e1;--cal-ink-muted:#94a3b8;--cal-ink-subtle:#64748b;--cal-border:#1e293b;--cal-border-hover:#334155;--cal-border-focus:#ff6838;--cal-primary:#ff6332;--cal-primary-hover:#ff774c;--cal-primary-subtle:#ff633224;--cal-brand-accent:#ff6332;--cal-brand-accent-subtle:#ff633224;--cal-success:#10b981;--cal-success-subtle:#10b98126;--cal-error:#f43f5e;--cal-error-subtle:#f43f5e26;--cal-warning:#f59e0b;--cal-warning-subtle:#f59e0b26;--cal-shadow-sm:0 1px 2px #00000080;--cal-shadow-card:0 2px 8px #0006, 0 1px 2px #0000004d;--cal-shadow-modal:0 25px 50px -12px #000000bf, 0 10px 20px -5px #00000080}}@layer base{h1,h2,h3,h4{font-family:var(--font-sans);color:var(--cal-ink);letter-spacing:-.025em;font-weight:600;line-height:1.15}#root{flex-direction:column;min-block-size:100dvh;display:flex}}@layer layout{.cal-container{flex-direction:column;gap:20px;inline-size:100%;max-inline-size:1040px;margin-inline:auto;padding-block:clamp(20px,3vi,36px);padding-inline:clamp(16px,3vi,28px);display:flex}.cal-split-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cal-split-grid.is-solo-mode{grid-template-columns:1fr;width:100%;max-width:680px;margin-inline:auto}@media (width<=680px){.cal-split-grid{grid-template-columns:1fr;gap:12px}}.cal-controls-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}@media (width<=860px){.cal-controls-grid{grid-template-columns:1fr}}}@layer components{.cal-header{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-md);box-shadow:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.cal-header .cal-brand{align-items:center;gap:12px;display:flex}.cal-header .cal-brand .brand-title{letter-spacing:.2em;text-transform:uppercase;color:var(--cal-ink);font-size:13px;font-weight:600}.cal-header .cal-brand .game-badge{border-radius:var(--radius-sm);background:var(--cal-canvas-subtle);border:1px solid var(--cal-border);color:var(--cal-ink-muted);padding:3px 8px;font-size:12px;font-weight:500}.cal-header .cal-brand .pin-pill{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--cal-primary-subtle);color:var(--cal-primary);border:1px solid #e04f1640;padding:3px 8px;font-size:12px;font-weight:600}.cal-header .header-user-info{align-items:center;gap:12px;display:flex}.cal-header .header-user-info .user-role-text{color:var(--cal-ink-muted);font-size:13px}.cal-header .header-user-info .user-role-text strong{color:var(--cal-ink);font-weight:600}.cal-btn-primary{background-color:var(--cal-primary);color:#fff;border-radius:var(--radius-md);min-height:40px;transition:all var(--cal-transition);border:none;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #e04f1633}.cal-btn-primary:hover:not(:disabled){background-color:var(--cal-primary-hover);transform:translateY(-1px);box-shadow:0 3px 8px #e04f1647}.cal-btn-primary:active:not(:disabled){transform:scale(.98);box-shadow:0 1px 2px #e04f1633}.cal-btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.cal-btn-secondary{background-color:var(--cal-canvas);color:var(--cal-ink-body);border:1px solid var(--cal-border);border-radius:var(--radius-md);min-height:38px;transition:all var(--cal-transition);box-shadow:var(--cal-shadow-sm);justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.cal-btn-secondary:hover:not(:disabled){background-color:var(--cal-surface-hover);border-color:var(--cal-border-hover);color:var(--cal-ink);transform:translateY(-1px)}.cal-btn-secondary:active:not(:disabled){background-color:var(--cal-surface-active);transform:scale(.98)}.cal-btn-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.cal-btn-subtle{color:var(--cal-ink-muted);border-radius:var(--radius-sm);transition:all var(--cal-transition);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.cal-btn-subtle:hover{color:var(--cal-ink);background:var(--cal-surface-hover)}.cal-segmented{background:var(--cal-canvas-subtle);border:1px solid var(--cal-border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.cal-segmented .seg-btn{color:var(--cal-ink-muted);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--tesla-transition), color var(--tesla-transition), border-color var(--tesla-transition), box-shadow var(--tesla-transition);background:0 0;border:1px solid #0000;outline:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.cal-segmented .seg-btn.active{background:var(--cal-surface-card);color:var(--cal-ink);border-color:var(--cal-border);box-shadow:var(--cal-shadow-sm)}.cal-segmented .seg-btn:hover:not(.active){color:var(--cal-ink);background:var(--cal-surface-hover)}.cal-segmented .seg-btn:focus{outline:none}.cal-segmented .seg-btn:focus-visible{box-shadow:0 0 0 2px var(--cal-primary);outline:none}.cal-turn-notice{border-radius:var(--radius-md);border:1px solid var(--cal-border);background:var(--cal-canvas);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;font-size:13px;display:flex}.cal-turn-notice.turn-mine{background:var(--cal-primary-subtle);color:var(--cal-primary);border-color:#e04f1659}.cal-turn-notice.turn-mine strong{color:var(--cal-primary)}.cal-turn-notice.turn-other{border-color:var(--cal-border);background:var(--cal-canvas-subtle);color:var(--cal-ink-muted)}.cal-turn-notice.turn-other strong{color:var(--cal-ink)}.cal-turn-notice .notice-event{font-size:13px;font-weight:600}.cal-turn-notice .notice-event.bust{color:var(--cal-error)}.cal-turn-notice .notice-event.max{color:var(--cal-primary)}.cal-turn-notice .notice-event.win{color:var(--cal-success)}.cal-turn-indicator{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-md);color:var(--cal-ink);align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.cal-turn-indicator .turn-label{color:var(--cal-ink-muted);font-weight:500}.cal-turn-indicator .turn-player{color:var(--cal-primary);align-items:center;gap:8px;font-weight:700;display:inline-flex}.cal-turn-indicator .turn-tag{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;font-size:11px;font-weight:700}.cal-turn-indicator .turn-tag.turn-tag-you{background:var(--cal-primary-subtle);color:var(--cal-primary)}.cal-turn-indicator .turn-tag.turn-tag-opp{background:var(--cal-canvas-subtle);color:var(--cal-ink-muted)}.cal-turn-indicator .last-throw-note{color:var(--cal-ink-muted);background:var(--cal-canvas-subtle);border-radius:var(--radius-sm);border:1px solid var(--cal-border);margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600}.cal-event-banner{border-radius:var(--radius-md);border:1px solid var(--cal-border);background:var(--cal-canvas);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.cal-event-banner.normal{border-color:var(--cal-border);color:var(--cal-ink)}.cal-event-banner.bust{color:var(--cal-error);background:#ef444414;border-color:#ef44444d}.cal-event-banner.max{color:var(--cal-primary);background:#ff63321f;border-color:#ff633266;font-weight:700}.cal-event-banner.win,.cal-event-banner.leg_win{color:var(--cal-success);background:#10b9811a;border-color:#10b98159}.cal-player-card{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-md);box-shadow:var(--cal-shadow-card);transition:border-color var(--cal-transition), box-shadow var(--cal-transition);flex-direction:column;gap:16px;padding:24px;display:flex;position:relative}.cal-player-card.active-turn{border-top:3px solid var(--cal-primary);border-color:var(--cal-border-hover);box-shadow:0 4px 14px #e04f161f}.cal-player-card .card-top{justify-content:space-between;align-items:center;display:flex}.cal-player-card .card-top .player-badge-group{align-items:center;gap:8px;display:flex}.cal-player-card .card-top .player-badge-group .p-name{color:var(--cal-ink);font-size:16px;font-weight:700}.cal-player-card .card-top .player-badge-group .you-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--cal-primary-subtle);color:var(--cal-primary);padding:2px 6px;font-size:10px;font-weight:700}.cal-player-card .card-top .turn-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--cal-primary);color:#fff;padding:3px 8px;font-size:10px;font-weight:700}.cal-player-card .card-top .legs-tag{color:var(--cal-ink-muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.cal-player-card .score-value{font-family:var(--font-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-align:center;color:var(--cal-ink);padding-block:8px;font-size:clamp(56px,8vi,84px);font-weight:600;line-height:1}.cal-player-card .score-value.finish-range{color:var(--cal-primary)}.cal-player-card .checkout-banner{background:var(--cal-primary-subtle);border-radius:var(--radius-sm);border:1px solid #e04f1640;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.cal-player-card .checkout-banner .label{color:var(--cal-ink-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.cal-player-card .checkout-banner .formula{color:var(--cal-primary);font-weight:700;font-family:var(--font-mono)}.cal-player-card .metrics-row{border-block-start:1px solid var(--cal-border);grid-template-columns:1fr 1fr;padding-block-start:12px;display:grid}.cal-player-card .metrics-row .metric-cell{flex-direction:column;align-items:center;display:flex}.cal-player-card .metrics-row .metric-cell .m-title{color:var(--cal-ink-subtle);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500}.cal-player-card .metrics-row .metric-cell .m-val{color:var(--cal-ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.turn-locked-overlay{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;filter:grayscale(.2)}.cal-panel{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-md);box-shadow:none;flex-direction:column;gap:12px;padding:18px;display:flex}.cal-panel .panel-head{justify-content:space-between;align-items:center;display:flex}.cal-panel .panel-head .head-title{letter-spacing:.04em;text-transform:uppercase;color:var(--cal-ink-muted);font-size:13px;font-weight:600}.cal-panel .quick-btn-grid{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:8px;display:grid}.cal-panel .quick-throw-btn{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-sm);color:var(--cal-ink);font-variant-numeric:tabular-nums;transition:all var(--cal-transition);box-shadow:var(--cal-shadow-sm);padding-block:10px;font-size:14px;font-weight:600}.cal-panel .quick-throw-btn:hover:not(:disabled){background:var(--cal-surface-hover);border-color:var(--cal-border-hover);transform:translateY(-1px)}.cal-panel .quick-throw-btn:active:not(:disabled){background:var(--cal-surface-active);transform:scale(.96)}.cal-panel .quick-throw-btn.btn-bust{color:var(--cal-error)}.cal-panel .quick-throw-btn.btn-max{color:var(--cal-primary);background:var(--cal-primary-subtle);border-color:#e04f1659;font-weight:700}.cal-keypad-panel{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-md);box-shadow:var(--cal-shadow-card);flex-direction:column;gap:12px;padding:18px;display:flex}.cal-keypad-panel .input-group{gap:8px;display:flex}.cal-keypad-panel .input-group .cal-number-input{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;color:var(--cal-ink);text-align:center;transition:border-color var(--cal-transition);outline:none;flex:1;padding:9px 14px;font-size:18px;font-weight:600}.cal-keypad-panel .input-group .cal-number-input:focus{border-color:var(--cal-primary);background:var(--cal-surface-card);box-shadow:0 0 0 3px #e04f1626}.cal-keypad-panel .input-group .cal-number-input::placeholder{color:var(--cal-ink-subtle);font-size:13px;font-weight:400}.cal-keypad-panel .keypad-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.cal-keypad-panel .key-btn{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-sm);height:46px;color:var(--cal-ink);font-variant-numeric:tabular-nums;transition:all var(--cal-transition);box-shadow:var(--cal-shadow-sm);justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.cal-keypad-panel .key-btn:hover:not(:disabled){background:var(--cal-surface-hover);border-color:var(--cal-border-hover);transform:translateY(-1px)}.cal-keypad-panel .key-btn:active:not(:disabled){background:var(--cal-surface-active);transform:scale(.96)}.cal-keypad-panel .key-btn.action-key{color:var(--cal-ink-muted);font-size:13px}.cal-history-box{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-md);box-shadow:none;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.cal-history-box .hist-title{text-transform:uppercase;letter-spacing:.12em;color:var(--cal-ink-muted);font-size:11px;font-weight:500}.cal-history-box .hist-scroll{flex-direction:column;gap:4px;max-block-size:160px;display:flex;overflow-y:auto}.cal-history-box .hist-row{border-radius:var(--radius-sm);background:var(--cal-canvas-subtle);font-variant-numeric:tabular-nums;grid-template-columns:60px 1fr 1fr;padding:6px 12px;font-size:13px;display:grid}.cal-history-box .hist-row .col-kolo{color:var(--cal-ink-subtle);font-weight:500}.cal-history-box .hist-row .col-h1,.cal-history-box .hist-row .col-h2{text-align:center;color:var(--cal-ink);font-weight:600}.cal-lobby-wrapper{justify-content:center;align-items:center;min-block-size:85dvh;padding:16px;display:flex}.cal-lobby-card{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-md);inline-size:100%;max-inline-size:440px;box-shadow:none;flex-direction:column;gap:22px;padding:clamp(24px,4vi,40px);display:flex}.cal-lobby-card .lobby-brand-block{text-align:center;flex-direction:column;gap:6px;display:flex}.cal-lobby-card .lobby-brand-block .app-heading{letter-spacing:-.01em;color:var(--cal-ink);font-size:22px;font-weight:500}.cal-lobby-card .lobby-brand-block .app-subheading{color:var(--cal-ink-muted);font-size:14px}.cal-lobby-card .cal-alert-error{background:var(--cal-error-subtle);color:#991b1b;border-radius:var(--radius-sm);border:1px solid #fca5a5;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.cal-lobby-card .form-block{flex-direction:column;gap:12px;display:flex}.cal-lobby-card .cal-input-field{background:var(--cal-surface-card);border:1px solid var(--cal-border);border-radius:var(--radius-sm);color:var(--cal-ink);inline-size:100%;transition:border-color var(--tesla-transition);outline:none;padding:10px 14px;font-size:14px}.cal-lobby-card .cal-input-field:focus{border-color:var(--cal-primary)}.cal-lobby-card .cal-input-field::placeholder{color:var(--cal-ink-subtle)}.cal-lobby-card .cal-input-field.pin-code-input{font-family:var(--font-mono);letter-spacing:.25em;text-align:center;font-size:20px;font-weight:600}.cal-lobby-card .cal-separator{text-transform:uppercase;letter-spacing:.12em;color:var(--cal-ink-subtle);align-items:center;gap:12px;font-size:11px;display:flex}.cal-lobby-card .cal-separator:before,.cal-lobby-card .cal-separator:after{content:"";background:var(--cal-border);flex:1;block-size:1px}.cal-waiting-card{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-md);text-align:center;inline-size:100%;max-inline-size:450px;box-shadow:none;flex-direction:column;align-items:center;gap:18px;padding:clamp(28px,4vi,44px);display:flex}.cal-waiting-card .waiting-title{color:var(--cal-ink);letter-spacing:-.01em;font-size:20px;font-weight:500}.cal-waiting-card .waiting-desc{color:var(--cal-ink-muted);font-size:14px}.cal-waiting-card .pin-display-card{background:var(--cal-canvas-subtle);border:1px solid var(--cal-border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:4px;inline-size:100%;padding:16px 24px;display:flex}.cal-waiting-card .pin-display-card .p-label{text-transform:uppercase;letter-spacing:.15em;color:var(--cal-ink-muted);font-size:11px;font-weight:500}.cal-waiting-card .pin-display-card .p-digits{font-family:var(--font-display);letter-spacing:.25em;color:var(--cal-ink);font-variant-numeric:tabular-nums;font-size:38px;font-weight:500}.cal-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#11182773;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cal-modal-backdrop .cal-modal-dialog{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-lg);text-align:center;inline-size:100%;max-inline-size:400px;box-shadow:var(--cal-shadow-modal);flex-direction:column;align-items:center;gap:14px;padding:32px 28px;display:flex}.cal-modal-backdrop .cal-modal-dialog .win-heading{color:var(--cal-ink);font-size:22px;font-weight:700}.cal-modal-backdrop .cal-modal-dialog .win-desc{color:var(--cal-ink-muted);font-size:14px}.cal-modal-backdrop .cal-modal-dialog .modal-btn-stack{flex-direction:column;gap:8px;inline-size:100%;margin-block-start:10px;display:flex}.cal-video-section{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-lg);box-shadow:var(--cal-shadow-sm);flex-direction:column;gap:14px;padding:16px;display:flex}.cal-video-section .video-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cal-video-section .video-section-header .video-title-group{flex-direction:column;gap:6px;display:flex}.cal-video-section .video-section-header .video-title-group .video-heading-row{align-items:center;gap:8px;display:flex}.cal-video-section .video-section-header .video-title-group .video-heading-row .heading-icon{color:var(--cal-ink)}.cal-video-section .video-section-header .video-title-group .video-heading-row .video-heading{color:var(--cal-ink);letter-spacing:-.015em;font-size:15px;font-weight:700}.cal-video-section .video-section-header .video-title-group .video-heading-row .cal-mode-toggle-btn{border-radius:var(--radius-pill);background:var(--cal-canvas-subtle);border:1px solid var(--cal-border);color:var(--cal-ink-muted);cursor:pointer;transition:all var(--cal-transition);align-items:center;gap:5px;margin-left:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.cal-video-section .video-section-header .video-title-group .video-heading-row .cal-mode-toggle-btn:hover{background:var(--cal-surface-hover);color:var(--cal-ink)}.cal-video-section .video-section-header .video-title-group .video-heading-row .cal-mode-toggle-btn.mode-active{background:var(--cal-primary-subtle);border-color:var(--cal-primary);color:var(--cal-primary)}.cal-video-section .video-section-header .video-title-group .video-badges-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cal-video-section .video-section-header .cal-status-pill{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.cal-video-section .video-section-header .cal-status-pill.status-online{background:var(--cal-success-subtle);border:1px solid var(--cal-success);color:var(--cal-success)}.cal-video-section .video-section-header .cal-status-pill.status-connecting{background:var(--cal-warning-subtle);border:1px solid var(--cal-warning);color:var(--cal-warning)}.cal-video-section .video-section-header .cal-status-pill.status-waiting{background:var(--cal-canvas-subtle);border:1px solid var(--cal-border);color:var(--cal-ink-muted)}.cal-video-section .video-section-header .cal-status-pill .pill-dot{background:#a1a1aa;border-radius:50%;width:6px;height:6px}.cal-video-section .video-section-header .cal-status-pill .pill-dot.dot-active{background:#10b981;box-shadow:0 0 6px #10b981}.cal-video-section .video-section-header .cal-status-pill .pill-dot.dot-connecting{background:#f59e0b;animation:1.4s infinite pulseLiveDot;box-shadow:0 0 6px #f59e0b}.cal-video-section .video-section-header .btn-connected-state{background:var(--cal-success-subtle)!important;border-color:var(--cal-success)!important;color:var(--cal-success)!important}.cal-video-section .video-error-banner{background:var(--cal-error-subtle);border:1px solid var(--cal-error);color:var(--cal-error);border-radius:var(--radius-md);align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.cal-video-section .darts-dual-video-grid{grid-template-columns:1.15fr .85fr;gap:16px;width:100%;display:grid}@media (width<=768px){.cal-video-section .darts-dual-video-grid{grid-template-columns:1fr;gap:12px}}.cal-video-section .darts-dual-video-grid .darts-video-card{border:1px solid var(--cal-border);border-radius:var(--radius-lg);aspect-ratio:4/3;box-shadow:var(--cal-shadow-sm);background:#090d16;flex-direction:column;display:flex;position:relative;overflow:hidden}.cal-video-section .darts-dual-video-grid .darts-video-card .video-card-top-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#090d16e0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.cal-video-section .darts-dual-video-grid .darts-video-card .video-card-top-bar .card-badge-tag{letter-spacing:.04em;color:#f8fafc;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.cal-video-section .darts-dual-video-grid .darts-video-card .video-card-top-bar .card-badge-tag .live-dot{background:#64748b;border-radius:50%;width:7px;height:7px}.cal-video-section .darts-dual-video-grid .darts-video-card .video-card-top-bar .card-badge-tag .live-dot.live-pulsing{background:var(--cal-primary);box-shadow:0 0 8px var(--cal-primary);animation:1.6s infinite pulseLiveDot}.cal-video-section .darts-dual-video-grid .darts-video-card .video-card-top-bar .card-top-actions{align-items:center;gap:6px;display:flex}.cal-video-section .darts-dual-video-grid .darts-video-card .video-card-top-bar .video-action-icon-btn{color:#cbd5e1;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--cal-transition), background var(--cal-transition);justify-content:center;align-items:center;padding:4px;display:flex}.cal-video-section .darts-dual-video-grid .darts-video-card .video-card-top-bar .video-action-icon-btn:hover{color:#fff;background:#ffffff1a}.cal-video-section .darts-dual-video-grid .darts-video-card .video-card-top-bar .video-action-text-btn{color:#fdba74;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--cal-transition);background:#e04f1626;border:1px solid #e04f1659;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:flex}.cal-video-section .darts-dual-video-grid .darts-video-card .video-card-top-bar .video-action-text-btn:hover{color:#fff;background:#e04f1640}.cal-video-section .darts-dual-video-grid .darts-video-card .video-viewport-box{background:#020617;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.cal-video-section .darts-dual-video-grid .darts-video-card .video-viewport-box .stream-video-media{object-fit:cover;width:100%;height:100%;display:block}.cal-video-section .darts-dual-video-grid .darts-video-card .video-viewport-box .stream-empty-viewport{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.cal-video-section .darts-dual-video-grid .darts-video-card .video-viewport-box .stream-empty-viewport .empty-viewport-icon{color:#475569}.cal-video-section .darts-dual-video-grid .darts-video-card .video-viewport-box .stream-empty-viewport .empty-viewport-title{color:#f8fafc;margin:0;font-size:14px;font-weight:600}.cal-video-section .darts-dual-video-grid .darts-video-card .video-viewport-box .stream-empty-viewport .empty-viewport-sub{color:#94a3b8;max-width:280px;margin:0;font-size:12px;line-height:1.45}.cal-video-section .darts-dual-video-grid .darts-video-card .video-viewport-box .stream-empty-viewport .empty-viewport-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.cal-video-section .darts-dual-video-grid .darts-video-card .video-viewport-box .stream-empty-viewport .qr-open-btn{min-height:32px;padding:6px 14px;font-size:12px}.cal-video-section .darts-dual-video-grid .darts-video-card .video-viewport-box .stream-empty-viewport .reconnect-btn{color:#f8fafc;border-radius:var(--radius-md);cursor:pointer;min-height:32px;transition:all var(--cal-transition);background:#ffffff14;border:1px solid #ffffff26;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.cal-video-section .darts-dual-video-grid .darts-video-card .video-viewport-box .stream-empty-viewport .reconnect-btn:hover{color:#fff;background:#ffffff29;border-color:#ffffff4d}.modal-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.modal-header-row .modal-title-wrap{color:var(--cal-ink);align-items:center;gap:8px;display:flex}.modal-header-row .modal-title-wrap .modal-heading{margin:0;font-size:16px;font-weight:700}.modal-header-row .modal-close-btn{color:var(--cal-ink-muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:4px;display:flex}.modal-header-row .modal-close-btn:hover{color:var(--cal-ink);background:var(--cal-surface-hover)}.modal-desc{color:var(--cal-ink-muted);margin-bottom:14px;font-size:13px;line-height:1.45}.modal-cam-success-badge{color:#065f46;border-radius:var(--radius-md);background:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.qr-image-wrapper{border:1px solid var(--cal-border);border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;width:fit-content;margin:8px auto;padding:12px;display:flex}.qr-image-wrapper .qr-img{border-radius:4px;display:block}.qr-copy-row{gap:8px;width:100%;margin-top:10px;display:flex}.qr-copy-row .copy-input{padding:8px 10px;font-size:12px}.qr-copy-row .copy-btn{white-space:nowrap}.modal-icon-center{justify-content:center;align-items:center;margin-bottom:6px;display:flex}.modal-icon-center.text-amber{color:#d97706}.modal-icon-center.text-emerald{color:#059669}.streamer-mobile-app{color:#fff;z-index:9999;width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;font-family:var(--cal-font-sans);-webkit-user-select:none;user-select:none;background:#09090b;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.streamer-mobile-app .streamer-top-hud{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#09090beb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.streamer-mobile-app .streamer-top-hud .hud-badge-group{align-items:center;gap:8px;display:flex}.streamer-mobile-app .streamer-top-hud .hud-badge-group .hud-live-pill{color:#fed7aa;border-radius:var(--radius-pill);letter-spacing:.06em;background:#e04f1633;border:1px solid #e04f1673;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.streamer-mobile-app .streamer-top-hud .hud-badge-group .hud-live-pill .live-dot-pulse{background:#e04f16;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseLiveDot;box-shadow:0 0 6px #e04f16}.streamer-mobile-app .streamer-top-hud .hud-badge-group .hud-title{color:#f1f5f9;font-size:13px;font-weight:600}.streamer-mobile-app .streamer-top-hud .hud-actions-group{align-items:center;gap:8px;display:flex}.streamer-mobile-app .streamer-top-hud .hud-actions-group .hud-icon-btn{color:#f8fafc;border-radius:var(--radius-md);cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.streamer-mobile-app .streamer-top-hud .hud-actions-group .hud-icon-btn:active{background:#ffffff29;transform:scale(.96)}.streamer-mobile-app .streamer-top-hud .hud-actions-group .hud-close-btn{color:#f8fafc;border-radius:var(--radius-md);cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.streamer-mobile-app .streamer-top-hud .hud-actions-group .hud-close-btn:active{background:#ffffff29;transform:scale(.96)}.streamer-mobile-app .streamer-video-container{background:#09090b;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:12px;display:flex}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame{aspect-ratio:4/3;border:2px solid var(--cal-primary);background:#000;border-radius:12px;width:100%;max-width:min(94vw,133.333vh - 253.333px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 20px 50px #000000b3}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .streamer-video-feed{object-fit:cover;width:100%;height:100%;display:block}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-pc-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-pill);letter-spacing:.05em;color:#fff;z-index:10;background:#0f172ae0;border:1px solid #ffffff26;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-corner{border-color:var(--cal-primary);pointer-events:none;z-index:8;border-style:solid;width:16px;height:16px;position:absolute}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-corner.top-left{border-width:2px 0 0 2px;border-top-left-radius:4px;top:8px;left:8px}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-corner.top-right{border-width:2px 2px 0 0;border-top-right-radius:4px;top:8px;right:8px}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-corner.bottom-left{border-width:0 0 2px 2px;border-bottom-left-radius:4px;bottom:8px;left:8px}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-corner.bottom-right{border-width:0 2px 2px 0;border-bottom-right-radius:4px;bottom:8px;right:8px}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-bullseye-guide{pointer-events:none;z-index:6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-bullseye-guide .guide-circle{border:1px dashed #ff633273;border-radius:50%;position:absolute}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-bullseye-guide .guide-circle.outer{width:140px;height:140px}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-bullseye-guide .guide-circle.inner{background:#ff633214;border:1.5px solid #ff6332b3;width:44px;height:44px}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-bullseye-guide .guide-cross-h{background:linear-gradient(90deg,#0000,#ff633299,#0000);width:180px;height:1px;position:absolute}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .viewfinder-bullseye-guide .guide-cross-v{background:linear-gradient(#0000,#ff633299,#0000);width:1px;height:180px;position:absolute}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .streamer-presence-pill{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-pill);white-space:nowrap;color:#f1f5f9;background:#0f172ae0;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .streamer-presence-pill .pill-dot{background:#64748b;border-radius:50%;width:7px;height:7px}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-pc-viewfinder-frame .streamer-presence-pill .pill-dot.dot-active{background:var(--cal-primary);box-shadow:0 0 8px var(--cal-primary)}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-framing-helper{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:2px;padding:0 12px;display:flex}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-framing-helper .helper-main{color:#cbd5e1;margin:0;font-size:12px;font-weight:500}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-framing-helper .helper-main strong{color:var(--cal-primary)}.streamer-mobile-app .streamer-video-container .streamer-pc-viewfinder-wrapper .streamer-framing-helper .helper-sub{opacity:.8;margin:0;font-size:11px}.streamer-mobile-app .streamer-video-container .streamer-loading-overlay{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;background:#09090beb;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.streamer-mobile-app .streamer-video-container .streamer-loading-overlay .streamer-loading-icon{color:var(--cal-primary)}.streamer-mobile-app .streamer-video-container .streamer-loading-overlay .streamer-loading-title{color:#f8fafc;margin:0;font-size:15px;font-weight:600}.streamer-mobile-app .streamer-video-container .streamer-loading-overlay .streamer-error-box{color:#fca5a5;border-radius:var(--radius-md);background:#ef444426;border:1px solid #ef44444d;align-items:center;gap:6px;max-width:300px;padding:8px 12px;font-size:12px;line-height:1.35;display:flex}.streamer-mobile-app .streamer-video-container .streamer-loading-overlay .streamer-activate-btn{background:var(--cal-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;margin-top:6px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #e04f1659}.streamer-mobile-app .streamer-video-container .streamer-loading-overlay .streamer-activate-btn:hover,.streamer-mobile-app .streamer-video-container .streamer-loading-overlay .streamer-activate-btn:active{background:var(--cal-primary-hover);transform:translateY(-1px)}.streamer-mobile-app .streamer-bottom-controls{padding:12px 16px calc(12px + env(safe-area-inset-bottom,12px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#09090bf2;border-top:1px solid #ffffff14}.streamer-mobile-app .streamer-bottom-controls .controls-button-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.streamer-mobile-app .streamer-bottom-controls .controls-button-grid .stream-ctrl-btn{border-radius:var(--radius-md);color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:72px;padding:8px 12px;font-family:inherit;transition:all .15s;display:flex}.streamer-mobile-app .streamer-bottom-controls .controls-button-grid .stream-ctrl-btn:hover,.streamer-mobile-app .streamer-bottom-controls .controls-button-grid .stream-ctrl-btn:active{background:#ffffff29;transform:translateY(-1px)}.streamer-mobile-app .streamer-bottom-controls .controls-button-grid .stream-ctrl-btn.active-torch{border-color:var(--cal-primary);color:#fed7aa;background:#e04f1640}.streamer-mobile-app .streamer-bottom-controls .controls-button-grid .stream-ctrl-btn.active-warn{color:#fca5a5;background:#ef444440;border-color:#ef444499}.streamer-mobile-app .streamer-bottom-controls .controls-button-grid .stream-ctrl-btn .ctrl-label{white-space:nowrap;font-size:11px;font-weight:600}.streamer-mobile-app .streamer-bottom-controls .controls-button-grid .zoom-toggle-group{border-radius:var(--radius-md);background:#ffffff14;border:1px solid #ffffff24;align-items:center;gap:3px;padding:3px;display:flex}.streamer-mobile-app .streamer-bottom-controls .controls-button-grid .zoom-toggle-group .zoom-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.streamer-mobile-app .streamer-bottom-controls .controls-button-grid .zoom-toggle-group .zoom-btn.active-zoom{background:var(--cal-primary);color:#fff}@keyframes pulseLiveDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.brand-badge-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);background:var(--cal-canvas-subtle);border:1px solid var(--cal-border);color:var(--cal-ink-muted);align-items:center;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.lobby-nickname-section{text-align:left;flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.lobby-nickname-section .lobby-field-label{color:var(--cal-ink);font-size:13px;font-weight:600}.lobby-nickname-section .nickname-input-wrap{align-items:center;display:flex;position:relative}.lobby-nickname-section .nickname-input-wrap .input-avatar-icon{pointer-events:none;font-size:16px;position:absolute;left:12px}.lobby-nickname-section .nickname-input-wrap .nickname-input{padding-left:38px;font-size:15px;font-weight:600}.lobby-main-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.lobby-main-actions .action-btn-lg{flex:1;min-width:200px;padding:12px 18px;font-size:15px}.lobby-main-actions .pin-join-form{flex:1;gap:8px;min-width:220px;display:flex}.lobby-main-actions .pin-join-form .pin-code-input{text-align:center;max-width:110px;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;font-weight:700}.public-tables-header{border-bottom:1px solid var(--cal-border-subtle);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.public-tables-header .tables-title{color:var(--cal-ink);font-size:14px;font-weight:700}.public-tables-header .tables-live-indicator{color:var(--cal-ink-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.public-tables-header .tables-live-indicator .dot-live{background:#22c55e;border-radius:50%;width:7px;height:7px}.public-tables-list{flex-direction:column;gap:10px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.public-tables-list .tables-empty-state{text-align:center;background:var(--cal-canvas-subtle);border:1px dashed var(--cal-border);border-radius:var(--radius-lg);padding:36px 20px}.public-tables-list .tables-empty-state .empty-icon{margin-bottom:8px;font-size:32px;display:block}.public-tables-list .tables-empty-state .empty-lead{color:var(--cal-ink);margin:0 0 4px;font-size:14px;font-weight:600}.public-tables-list .tables-empty-state .empty-sub{color:var(--cal-ink-muted);margin:0;font-size:13px}.public-tables-list .public-table-card{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-md);transition:border-color var(--tesla-transition);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.public-tables-list .public-table-card:hover{border-color:var(--cal-border-hover)}.public-tables-list .public-table-card .table-info-left{text-align:left;flex-direction:column;gap:6px;display:flex}.public-tables-list .public-table-card .table-info-left .table-top-line{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.public-tables-list .public-table-card .table-info-left .table-top-line .table-name{color:var(--cal-ink);font-size:15px;font-weight:500}.public-tables-list .public-table-card .table-info-left .table-top-line .table-host{color:var(--cal-ink-muted);font-size:13px}.public-tables-list .public-table-card .table-info-left .table-top-line .table-host strong{color:var(--cal-ink)}.public-tables-list .public-table-card .table-info-left .table-tags-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.public-tables-list .public-table-card .table-action-right .table-join-btn{white-space:nowrap;padding:8px 16px;font-size:13px}.public-tables-list .public-table-card .table-action-right .table-status-busy{color:var(--cal-ink-muted);background:var(--cal-canvas-subtle);border:1px solid var(--cal-border);border-radius:var(--radius-sm);white-space:nowrap;padding:4px 8px;font-size:12px;font-weight:500}.tag-cam-required{font-weight:500;background:var(--cal-brand-blue-subtle)!important;color:var(--cal-primary)!important;border-color:#3e6ae140!important}.lobby-footer-actions{border-top:1px solid var(--cal-border);text-align:center;margin-top:18px;padding-top:14px}.modal-field-block{text-align:left;flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.modal-field-block .modal-label{color:var(--cal-ink);font-size:13px;font-weight:500}.modal-checkbox-block{text-align:left;margin:16px 0 10px}.modal-checkbox-block .checkbox-row{color:var(--cal-ink);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.modal-checkbox-block .checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--cal-primary);cursor:pointer}.join-request-banner{background:var(--cal-canvas);border:1px solid var(--cal-primary);border-radius:var(--radius-md);text-align:left;box-shadow:none;margin-bottom:20px;padding:16px}.join-request-banner .request-banner-head{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.join-request-banner .request-banner-head .req-bell-wrap{color:var(--cal-success);background:var(--cal-success-subtle);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:6px;display:flex}.join-request-banner .request-banner-head .req-title{color:var(--cal-success);font-size:15px;font-weight:700;display:block}.join-request-banner .request-banner-head .req-desc{color:var(--cal-ink-body);margin:2px 0 0;font-size:13px}.join-request-banner .request-action-row{gap:10px;display:flex}.join-request-banner .request-action-row .req-accept-btn{flex:1;background:var(--cal-primary)!important}.join-request-banner .request-action-row .req-accept-btn:hover{background:var(--cal-primary-hover)!important}.join-request-banner .request-action-row .req-reject-btn{background:var(--cal-surface-card)!important;color:var(--cal-ink)!important;border:1px solid var(--cal-border)!important}.waiting-pulse-orb{background:var(--cal-primary-subtle);border:1.5px solid #e04f1640;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;display:inline-flex}.waiting-pulse-orb .pulse-lg{background:var(--cal-primary);border-radius:50%;width:18px;height:18px;animation:1.8s infinite pulse-ring;box-shadow:0 0 #e04f1699}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #e04f1699}70%{transform:scale(1);box-shadow:0 0 0 12px #e04f1600}to{transform:scale(.95);box-shadow:0 0 #e04f1600}}.waiting-share-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.invite-url-preview{font-size:12px;font-family:var(--font-mono);color:var(--cal-ink-muted);word-break:break-all;margin:4px 0 16px}.rule-badge-group{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cal-theme-toggle-btn{color:var(--cal-ink-body);background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--cal-transition);-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.cal-theme-toggle-btn .theme-toggle-icon-wrap{color:var(--cal-primary);transition:transform var(--cal-transition);justify-content:center;align-items:center;display:inline-flex}.cal-theme-toggle-btn .theme-toggle-text{letter-spacing:-.01em;font-size:12px}.cal-theme-toggle-btn:hover{background:var(--cal-surface-hover);border-color:var(--cal-border-hover);color:var(--cal-ink)}.cal-theme-toggle-btn:hover .theme-toggle-icon-wrap{transform:rotate(18deg)scale(1.1)}.cal-theme-toggle-btn:active{transform:scale(.96)}.lobby-brand-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.waiting-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex}.presence-status-tag{border-radius:var(--radius-pill);transition:all var(--cal-transition);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.presence-status-tag.online{color:var(--cal-success);background:var(--cal-success-subtle);border:1px solid var(--cal-success)}.presence-status-tag.offline{color:var(--cal-error);background:var(--cal-error-subtle);border:1px solid var(--cal-error)}.presence-status-tag .presence-dot{border-radius:50%;width:7px;height:7px}.presence-status-tag .presence-dot.dot-online{background:var(--cal-success);box-shadow:0 0 6px var(--cal-success)}.presence-status-tag .presence-dot.dot-offline{background:var(--cal-error);box-shadow:0 0 6px var(--cal-error)}.cal-modal-backdrop{z-index:900;-webkit-backdrop-filter:blur(10px);background:#0b0f19bf;justify-content:center;align-items:center;padding:clamp(16px,4vw,24px);display:flex;position:fixed;inset:0;overflow-y:auto}.cal-modal-dialog{background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:clamp(20px,3.5vw,32px);display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.modal-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.modal-header-row .modal-heading{color:var(--cal-ink);letter-spacing:-.02em;font-size:18px;font-weight:700}.modal-header-row .modal-close-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--cal-ink-muted);transition:all var(--cal-transition);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.modal-header-row .modal-close-btn:hover{background:var(--cal-surface-hover);color:var(--cal-ink);border-color:var(--cal-border)}.modal-desc{color:var(--cal-ink-muted);margin:0;font-size:13px;line-height:1.5}.modal-field-block{flex-direction:column;gap:8px;margin-top:14px;display:flex}.modal-field-block .modal-label{text-transform:uppercase;letter-spacing:.06em;color:var(--cal-ink-muted);font-size:12px;font-weight:600}.cal-segmented{background:var(--cal-canvas-subtle);border:1px solid var(--cal-border);border-radius:var(--radius-md);gap:4px;width:100%;padding:3px;display:flex}.cal-segmented .seg-btn{border-radius:var(--radius-sm);color:var(--cal-ink-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--cal-transition), color var(--cal-transition), border-color var(--cal-transition), box-shadow var(--cal-transition);background:0 0;border:1px solid #0000;outline:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:600;display:inline-flex}.cal-segmented .seg-btn:hover:not(.active){color:var(--cal-ink);background:var(--cal-surface-hover)}.cal-segmented .seg-btn.active{background:var(--cal-surface-card);color:var(--cal-ink);border-color:var(--cal-border);box-shadow:var(--cal-shadow-sm)}.cal-segmented .seg-btn:focus{outline:none}.cal-segmented .seg-btn:focus-visible{box-shadow:0 0 0 2px var(--cal-primary);outline:none}.modal-checkbox-block{margin-top:16px}.modal-checkbox-block .checkbox-row{color:var(--cal-ink-body);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.modal-checkbox-block .checkbox-row input[type=checkbox]{border-radius:var(--radius-sm);width:16px;height:16px;accent-color:var(--cal-primary);cursor:pointer}.modal-btn-stack{flex-direction:column;gap:10px;width:100%;display:flex}.modal-icon-center{margin-inline:auto;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;display:flex}.modal-icon-center.text-emerald{color:var(--cal-success);background:var(--cal-success-subtle);border:1px solid #10b9814d;box-shadow:0 0 20px #10b98133}.modal-icon-center.text-amber{color:var(--cal-warning);background:var(--cal-warning-subtle);border:1px solid #f59e0b4d;box-shadow:0 0 20px #f59e0b33}.win-heading{text-align:center;color:var(--cal-ink);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.win-desc{text-align:center;color:var(--cal-ink-muted);margin:0;font-size:14px;line-height:1.5}.text-persimmon{color:var(--cal-primary)!important}.text-emerald{color:var(--cal-success)!important}.text-amber{color:var(--cal-warning)!important}.tables-skeleton-list{flex-direction:column;gap:12px;width:100%;display:flex}.skeleton-card{pointer-events:none;background:var(--cal-canvas);border:1px solid var(--cal-border);border-radius:var(--radius-md);padding:18px 20px;position:relative;overflow:hidden}.skeleton-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.5s infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line{background:var(--cal-canvas-subtle);border-radius:var(--radius-sm);display:block}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer utilities;.dc-app-layout{background-color:var(--cal-canvas-page,#0a0b0d);width:100%;min-height:100vh;color:var(--cal-ink,#f3f4f6);display:flex;position:relative;overflow-x:hidden}.dc-sidebar{background:var(--cal-canvas,#101216);border-right:1px solid var(--cal-border,#ffffff12);z-index:50;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}@media (width<=900px){.dc-sidebar{display:none}}.dc-sidebar-header{border-bottom:1px solid var(--cal-border,#ffffff12);margin-bottom:20px;padding-bottom:24px}.dc-brand-lockup{align-items:center;gap:12px;display:flex}.dc-brand-icon-wrap{color:#fff;background:linear-gradient(135deg,#f93822 0%,#b91c1c 100%);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative;box-shadow:0 4px 12px #f9382259}.dc-brand-pulse{border:1px solid #f9382266;border-radius:12px;animation:2.5s infinite pulse-ring;position:absolute;inset:-2px}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}50%{opacity:0;transform:scale(1.1)}to{opacity:0;transform:scale(.95)}}.dc-brand-text{align-items:center;gap:8px;display:flex}.dc-brand-title{font-family:var(--font-display,inherit);letter-spacing:.12em;color:var(--cal-ink,#fff);font-size:15px;font-weight:800}.dc-brand-badge{letter-spacing:.1em;color:#000;background:#f59e0b;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.dc-nav-list{flex-direction:column;flex:1;gap:6px;display:flex}.dc-nav-item{color:var(--cal-ink-muted,#9ca3af);letter-spacing:.02em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px 14px;font-size:14px;font-weight:600;transition:color .15s,background .15s;display:flex;position:relative}.dc-nav-item:hover{color:var(--cal-ink,#fff);background:var(--cal-canvas-subtle,#ffffff0a)}.dc-nav-item.active{color:#fff;background:var(--cal-canvas-subtle,#ffffff14);font-weight:700}.dc-nav-icon-wrap{justify-content:center;align-items:center;display:flex}.dc-nav-label{flex:1}.dc-nav-badge{color:var(--cal-ink-muted,#d1d5db);background:#ffffff1a;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.dc-nav-badge.badge-live{color:#10b981;background:#10b98133;border:1px solid #10b9814d}.dc-nav-active-pill{background:#f93822;border-radius:0 4px 4px 0;width:3px;position:absolute;top:15%;bottom:15%;left:0;box-shadow:0 0 8px #f93822}.dc-sidebar-footer{border-top:1px solid var(--cal-border,#ffffff12);flex-direction:column;gap:12px;padding-top:16px;display:flex}.dc-user-widget{background:var(--cal-canvas-subtle,#ffffff08);border:1px solid var(--cal-border,#ffffff0f);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.dc-user-widget:hover{background:var(--cal-canvas-subtle,#ffffff12);border-color:#ffffff26}.dc-user-avatar{color:#fff;background:linear-gradient(135deg,#374151 0%,#1f2937 100%);border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.dc-user-details{flex-direction:column;gap:3px;min-width:0;display:flex}.dc-user-name{color:var(--cal-ink,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.dc-user-stats-row{align-items:center;gap:6px;display:flex}.dc-user-rating-chip,.dc-user-wins-chip{font-size:11px;font-family:var(--font-mono);color:var(--cal-ink-muted,#9ca3af);align-items:center;gap:3px;font-weight:600;display:flex}.dc-sidebar-theme-row{justify-content:center;display:flex}.dc-mobile-bar{display:none}@media (width<=900px){.dc-mobile-bar{background:var(--cal-canvas,#101216);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--cal-border,#ffffff1a);z-index:100;justify-content:space-around;align-items:center;height:64px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}}.dc-mobile-item{color:var(--cal-ink-muted,#9ca3af);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:10px;font-weight:600;display:flex;position:relative}.dc-mobile-item.active{color:#f93822;font-weight:700}.dc-mobile-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.dc-mobile-dot{background:#10b981;border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-4px}.dc-mobile-active-indicator{background:#f93822;border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:20%;right:20%;box-shadow:0 0 6px #f93822}.dc-main-viewport{background-color:var(--cal-canvas-page,#0a0b0d);flex-direction:column;flex:1;min-width:0;display:flex}@media (width<=900px){.dc-main-viewport{padding-bottom:70px}}.dc-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cal-border,#ffffff12);z-index:40;background:#101216b3;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}@media (width<=600px){.dc-topbar{padding:12px 16px}}.dc-topbar-brand-mobile{display:none}@media (width<=900px){.dc-topbar-brand-mobile{letter-spacing:.1em;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}}.dc-topbar-left{align-items:center;gap:16px;display:flex}@media (width<=900px){.dc-topbar-left{display:none}}.dc-view-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--cal-ink,#fff);font-size:14px;font-weight:700}.dc-topbar-right{align-items:center;gap:12px;display:flex}.dc-topbar-player-pill{background:var(--cal-canvas,#ffffff0d);border:1px solid var(--cal-border,#ffffff1a);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.dc-topbar-player-pill:hover{background:#ffffff17;border-color:#fff3}.dc-topbar-avatar{color:#fff;background:#f93822;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.dc-topbar-avg{font-family:var(--font-mono);color:#f59e0b}.dc-content-area{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:clamp(16px,2.5vw,32px)}.dc-dashboard-page{flex-direction:column;gap:24px;display:flex}.dc-challenge-banner{background:linear-gradient(135deg,#f938221f 0%,#f59e0b14 100%);border:1px solid #f9382240;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000040}.dc-challenge-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#f9382233 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.dc-challenge-tag{letter-spacing:.15em;color:#f97316;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:800;display:inline-flex}.dc-challenge-title{letter-spacing:.04em;color:var(--cal-ink,#fff);margin-bottom:4px;font-size:clamp(18px,2.2vw,24px);font-weight:800}.dc-challenge-desc{color:var(--cal-ink-muted,#9ca3af);max-width:480px;font-size:13px}.dc-challenge-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.dc-challenge-reward-badge{color:#fbbf24;background:#00000059;border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.dc-btn-reward{color:#fff;cursor:pointer;background:#f93822;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #f9382266}.dc-btn-reward:hover{background:#e02812;transform:translateY(-1px)}.dc-action-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (width<=768px){.dc-action-grid{grid-template-columns:1fr;gap:14px}}.dc-action-card{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:175px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000047}.dc-action-card:hover{box-shadow:0 14px 34px #0006}.dc-action-card.card-local{color:#fff;background:linear-gradient(135deg,#ea3a24 0%,#b81c0b 100%)}.dc-action-card.card-online{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.dc-action-card.card-ranked{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%)}.dc-action-card.card-tournaments{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#ffffff24}.dc-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dc-card-header-group{flex-direction:column;gap:2px;display:flex}.dc-card-eyebrow{letter-spacing:.12em;opacity:.85;font-size:11px;font-weight:800}.dc-card-title{font-family:var(--font-display,inherit);letter-spacing:.04em;font-size:clamp(20px,2.2vw,26px);font-weight:900;line-height:1.15}.dc-card-icon-emblem{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.dc-card-subtitle{opacity:.9;margin-block:12px;font-size:13px;line-height:1.45}.dc-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.dc-card-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dc-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.02em;background:#00000040;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.dc-card-arrow{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex}.dc-action-card:hover .dc-card-arrow{transform:translate(4px)}.dc-metrics-strip{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.dc-metrics-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.dc-metrics-strip{grid-template-columns:1fr}}.dc-metric-cell{background:var(--cal-canvas,#101216);border:1px solid var(--cal-border,#ffffff12);border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.dc-metric-label{letter-spacing:.08em;color:var(--cal-ink-muted,#9ca3af);font-size:11px;font-weight:700}.dc-metric-val{letter-spacing:-.02em;color:var(--cal-ink,#fff);font-size:26px;font-weight:800}.dc-metric-sub{color:var(--cal-ink-muted,#6b7280);font-size:12px}.dc-live-tables-section{background:var(--cal-canvas,#101216);border:1px solid var(--cal-border,#ffffff12);border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex}.dc-section-header{justify-content:space-between;align-items:center;display:flex}.dc-section-title-wrap{align-items:center;gap:10px;display:flex}.dc-section-title{letter-spacing:.02em;color:var(--cal-ink,#fff);font-size:16px;font-weight:700}.dc-section-count{background:var(--cal-canvas-subtle,#ffffff0f);color:var(--cal-ink-muted,#9ca3af);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.dc-live-indicator{justify-content:center;align-items:center;display:flex}.dc-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-dot-anim;box-shadow:0 0 8px #10b981}@keyframes pulse-dot-anim{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.dc-btn-subtle{border:1px solid var(--cal-border,#ffffff14);color:var(--cal-ink-muted,#9ca3af);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.dc-btn-subtle:hover{color:var(--cal-ink,#fff);background:#ffffff0d;border-color:#ffffff2e}.dc-rooms-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=680px){.dc-rooms-grid{grid-template-columns:1fr}}.dc-room-card{background:var(--cal-canvas-subtle,#ffffff08);border:1px solid var(--cal-border,#ffffff12);border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.dc-room-card:hover{background:#ffffff0d;border-color:#ffffff29}.dc-room-card-header{justify-content:space-between;align-items:center;display:flex}.dc-room-host-badge{align-items:center;gap:10px;display:flex}.dc-host-avatar{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#b45309 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.dc-host-meta{flex-direction:column;gap:2px;display:flex}.dc-host-name{color:var(--cal-ink,#fff);font-size:14px;font-weight:700}.dc-host-mode{color:var(--cal-ink-muted,#9ca3af);font-size:11px}.dc-cam-pill{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.dc-room-card-footer{border-top:1px solid var(--cal-border,#ffffff0d);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.dc-room-status-tag{color:var(--cal-ink-muted,#9ca3af);align-items:center;gap:6px;font-size:12px;display:flex}.dc-status-dot-green{background:#10b981;border-radius:50%;width:6px;height:6px}.dc-btn-join-card{color:#fff;cursor:pointer;background:#f93822;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.dc-btn-join-card:hover{background:#e02812}.dc-empty-tables-card{background:var(--cal-canvas-subtle,#ffffff05);border:1px dashed var(--cal-border,#ffffff17);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:28px;display:flex}.dc-empty-tables-card h5{color:var(--cal-ink,#fff);font-size:15px;font-weight:700}.dc-empty-tables-card p{color:var(--cal-ink-muted,#9ca3af);max-width:440px;font-size:13px}.dc-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.dc-btn-primary-small{color:#fff;cursor:pointer;background:#f93822;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.dc-btn-primary-small:hover{background:#e02812}.dc-btn-secondary-small{background:var(--cal-canvas-subtle,#ffffff0f);border:1px solid var(--cal-border,#ffffff1a);color:var(--cal-ink,#fff);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.dc-btn-secondary-small:hover{background:#ffffff1f}.dc-stats-page,.dc-profile-page,.dc-local-page{flex-direction:column;gap:24px;display:flex}.dc-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dc-header-title-wrap{align-items:center;gap:16px;display:flex}.dc-header-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dc-header-icon.bg-slate-soft{background:#ffffff0f;border:1px solid #ffffff1a}.dc-header-icon.bg-ember{background:linear-gradient(135deg,#f93822 0%,#b91c1c 100%)}.dc-page-title{font-family:var(--font-display,inherit);letter-spacing:.05em;color:var(--cal-ink,#fff);font-size:clamp(20px,2.5vw,28px);font-weight:800}.dc-page-subtitle{color:var(--cal-ink-muted,#9ca3af);margin-top:2px;font-size:13px}.dc-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.dc-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.dc-kpi-grid{grid-template-columns:1fr}}.dc-kpi-card{background:var(--cal-canvas,#101216);border:1px solid var(--cal-border,#ffffff12);border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex}.dc-kpi-card.dc-kpi-focal{background:linear-gradient(180deg, #f59e0b14 0%, var(--cal-canvas,#101216) 100%);border-color:#f59e0b59}.dc-kpi-top{justify-content:space-between;align-items:center;display:flex}.dc-kpi-tag{letter-spacing:.08em;color:var(--cal-ink-muted,#9ca3af);font-size:11px;font-weight:800}.dc-kpi-main{align-items:baseline;gap:8px;display:flex}.dc-kpi-number{font-size:34px;font-weight:900;line-height:1}.dc-kpi-unit{color:var(--cal-ink-muted,#6b7280);font-size:11px;font-weight:700}.dc-kpi-footer{color:var(--cal-ink-muted,#9ca3af);border-top:1px solid var(--cal-border,#ffffff0d);align-items:center;gap:6px;padding-top:8px;font-size:12px;display:flex}.dc-kpi-split-stat{align-items:center;gap:16px;display:flex}.dc-split-col{flex-direction:column;gap:2px;display:flex}.dc-split-num{font-size:26px;font-weight:800;line-height:1}.dc-split-lbl{color:var(--cal-ink-muted,#9ca3af);font-size:11px;font-weight:700}.dc-split-divider{background:var(--cal-border,#ffffff14);width:1px;height:32px}.dc-history-section{background:var(--cal-canvas,#101216);border:1px solid var(--cal-border,#ffffff12);border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex}.dc-filter-tabs{background:var(--cal-canvas-subtle,#ffffff0a);border:1px solid var(--cal-border,#ffffff12);border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.dc-filter-btn{color:var(--cal-ink-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:700;transition:all .15s}.dc-filter-btn.active{background:var(--cal-canvas,#ffffff1f);color:var(--cal-ink,#fff)}.dc-table-container{border:1px solid var(--cal-border,#ffffff0f);border-radius:10px;overflow-x:auto}.dc-match-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.dc-match-table th{letter-spacing:.08em;color:var(--cal-ink-muted,#6b7280);background:var(--cal-canvas-subtle,#ffffff05);border-bottom:1px solid var(--cal-border,#ffffff12);padding:12px 16px;font-size:11px;font-weight:800}.dc-match-table td{border-bottom:1px solid var(--cal-border,#ffffff0a);color:var(--cal-ink,#e5e7eb);padding:14px 16px}.dc-match-table tr:hover td{background:#ffffff05}.dc-game-badge-group{flex-direction:column;gap:2px;display:flex}.dc-game-name{color:var(--cal-ink,#fff);font-weight:700}.dc-format-tag{color:var(--cal-ink-muted,#9ca3af);font-size:11px}.dc-match-players{align-items:center;gap:6px;display:flex}.dc-status-badge{border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.dc-status-badge.badge-finished{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.dc-status-badge.badge-active{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.dc-status-badge.badge-waiting{color:#9ca3af;background:#9ca3af26;border:1px solid #9ca3af40}.dc-empty-history{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.dc-empty-history h4{color:var(--cal-ink,#fff);font-size:16px;font-weight:700}.dc-empty-history p{color:var(--cal-ink-muted,#9ca3af);max-width:420px;font-size:13px}.dc-profile-card{background:var(--cal-canvas,#101216);border:1px solid var(--cal-border,#ffffff14);border-radius:16px;flex-wrap:wrap;align-items:center;gap:24px;padding:26px;display:flex}.dc-profile-avatar-wrap{position:relative}.dc-profile-avatar-ring{color:#fff;background:linear-gradient(135deg,#f93822 0%,#b91c1c 100%);border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;font-size:28px;font-weight:800;display:flex;box-shadow:0 8px 24px #f9382259}.dc-avatar-status-dot{border:2px solid var(--cal-canvas,#101216);background:#10b981;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.dc-profile-info{flex-direction:column;flex:1;gap:8px;display:flex}.dc-profile-name-row{align-items:center;gap:12px;display:flex}.dc-profile-nickname{color:var(--cal-ink,#fff);font-size:22px;font-weight:800}.dc-nick-display-group{align-items:center;gap:10px;display:flex}.dc-btn-edit-nick{color:var(--cal-ink-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.dc-btn-edit-nick:hover{color:var(--cal-ink,#fff);background:#ffffff14}.dc-nick-edit-form{align-items:center;gap:8px;display:flex}.dc-nick-input{background:var(--cal-canvas-subtle,#ffffff0f);border:1px solid var(--cal-primary,#f93822);color:#fff;border-radius:8px;outline:none;padding:6px 12px;font-size:16px;font-weight:700}.dc-btn-save-nick{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:7px 10px}.dc-save-pill{color:#10b981;background:#10b98133;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.dc-profile-id-row{color:var(--cal-ink-muted,#9ca3af);align-items:center;gap:8px;font-size:12px;display:flex}.dc-btn-copy-id{color:var(--cal-ink-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:flex}.dc-btn-copy-id:hover{color:var(--cal-ink,#fff);background:#ffffff14}.dc-profile-meta-pills{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.dc-rank-pill,.dc-stat-pill{background:var(--cal-canvas-subtle,#ffffff0d);border:1px solid var(--cal-border,#ffffff14);color:var(--cal-ink,#e5e7eb);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.dc-achievements-section{flex-direction:column;gap:14px;display:flex}.dc-achievements-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=860px){.dc-achievements-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.dc-achievements-grid{grid-template-columns:1fr}}.dc-ach-card{background:var(--cal-canvas,#101216);border:1px solid var(--cal-border,#ffffff12);border-radius:12px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.dc-ach-card.locked{opacity:.55;filter:grayscale(40%)}.dc-ach-card.unlocked{border-color:#ffffff26}.dc-ach-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dc-ach-icon-wrap.emerald{color:#10b981;background:#10b98126}.dc-ach-icon-wrap.amber{color:#f59e0b;background:#f59e0b26}.dc-ach-icon-wrap.gold{color:#eab308;background:#eab30833}.dc-ach-icon-wrap.purple{color:#a855f7;background:#a855f726}.dc-ach-icon-wrap.cyan{color:#06b6d4;background:#06b6d426}.dc-ach-text{flex-direction:column;flex:1;gap:2px;display:flex}.dc-ach-title{color:var(--cal-ink,#fff);font-size:14px;font-weight:700}.dc-ach-desc{color:var(--cal-ink-muted,#9ca3af);font-size:11px}.dc-ach-badge-unlocked{color:#10b981;background:#10b98133;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.dc-ach-badge-locked{color:var(--cal-ink-muted,#6b7280);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.dc-settings-card{background:var(--cal-canvas,#101216);border:1px solid var(--cal-border,#ffffff12);border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex}.dc-settings-row{border-top:1px solid var(--cal-border,#ffffff0d);justify-content:space-between;align-items:center;gap:16px;padding-top:12px;display:flex}.dc-setting-info{flex-direction:column;gap:2px;display:flex}.dc-setting-title{color:var(--cal-ink,#fff);font-size:14px;font-weight:700}.dc-setting-sub{color:var(--cal-ink-muted,#9ca3af);font-size:12px}.dc-local-setup-card{background:var(--cal-canvas,#101216);border:1px solid var(--cal-border,#ffffff14);border-radius:16px;max-width:720px;padding:28px}.dc-local-setup-card form{flex-direction:column;gap:22px;display:flex}.dc-form-section{flex-direction:column;gap:8px;display:flex}.dc-form-label{letter-spacing:.06em;color:var(--cal-ink-muted,#9ca3af);text-transform:uppercase;font-size:12px;font-weight:800}.dc-pill-selector{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dc-pill-opt{background:var(--cal-canvas-subtle,#ffffff0a);border:1px solid var(--cal-border,#ffffff14);min-width:80px;color:var(--cal-ink-muted,#9ca3af);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:10px 14px;font-size:13px;font-weight:700;transition:all .15s}.dc-pill-opt:hover{color:var(--cal-ink,#fff);background:#ffffff14}.dc-pill-opt.active{color:#fff;background:#f93822;border-color:#f93822;box-shadow:0 4px 12px #f9382259}.dc-mode-toggle-group{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=580px){.dc-mode-toggle-group{grid-template-columns:1fr}}.dc-mode-card{background:var(--cal-canvas-subtle,#ffffff0a);border:1px solid var(--cal-border,#ffffff14);color:var(--cal-ink-muted,#9ca3af);cursor:pointer;text-align:left;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex}.dc-mode-card.active{color:#fff;background:#f9382214;border-color:#f9382280}.dc-mode-info{flex-direction:column;gap:2px;display:flex}.dc-mode-title{color:var(--cal-ink,#fff);font-size:14px;font-weight:700}.dc-mode-desc{color:var(--cal-ink-muted,#9ca3af);font-size:11px}.dc-player-inputs-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=580px){.dc-player-inputs-row{grid-template-columns:1fr}}.dc-input-group{flex-direction:column;gap:6px;display:flex}.dc-input-badge{color:var(--cal-ink-muted,#9ca3af);font-size:11px;font-weight:700}.dc-input-field{background:var(--cal-canvas-subtle,#ffffff0a);border:1px solid var(--cal-border,#ffffff1a);color:#fff;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.dc-input-field:focus{background:#ffffff0f;border-color:#f93822}.dc-form-cta{margin-top:10px}.dc-btn-launch-local{color:#fff;letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#f93822 0%,#d82b14 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 24px #f9382266}.dc-btn-launch-local:hover{background:linear-gradient(135deg,#fb4a36 0%,#e02812 100%);box-shadow:0 10px 28px #f9382280}html[data-theme=light] .dc-app-layout{color:#111827;background-color:#f4f5f7}html[data-theme=light] .dc-nav-item{color:#4b5563}html[data-theme=light] .dc-nav-item:hover{color:#111827;background:#f3f4f6}html[data-theme=light] .dc-nav-item.active{color:#111827;background:#e5e7eb}html[data-theme=light] .dc-user-widget{background:#f9fafb;border-color:#e5e7eb}html[data-theme=light] .dc-user-widget:hover{background:#f3f4f6}html[data-theme=light] .dc-app-layout,html[data-theme=light] .dc-main-viewport{color:#111827;background-color:#f4f5f7!important}html[data-theme=light] .dc-challenge-banner{background:linear-gradient(135deg,#f9382214 0%,#f59e0b0f 100%);border-color:#f9382233;box-shadow:0 4px 20px #0000000f}html[data-theme=light] .dc-challenge-title{color:#111827}html[data-theme=light] .dc-challenge-desc{color:#4b5563}html[data-theme=light] .dc-challenge-reward-badge{color:#b45309;background:#fff;border-color:#f59e0b66}html[data-theme=light] .dc-metric-val{color:#111827}html[data-theme=light] .dc-action-card.card-tournaments{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);color:#fff!important}html[data-theme=light] .dc-action-card.card-tournaments .dc-card-title,html[data-theme=light] .dc-action-card.card-tournaments .dc-card-eyebrow,html[data-theme=light] .dc-action-card.card-tournaments .dc-card-subtitle{color:#fff!important}:is(html[data-theme=light] .dc-action-card.card-local,html[data-theme=light] .dc-action-card.card-online,html[data-theme=light] .dc-action-card.card-ranked) .dc-card-title,:is(html[data-theme=light] .dc-action-card.card-local,html[data-theme=light] .dc-action-card.card-online,html[data-theme=light] .dc-action-card.card-ranked) .dc-card-eyebrow,:is(html[data-theme=light] .dc-action-card.card-local,html[data-theme=light] .dc-action-card.card-online,html[data-theme=light] .dc-action-card.card-ranked) .dc-card-subtitle{color:#fff!important}html[data-theme=light] .dc-sidebar{background:#fff;border-right-color:#e5e7eb}html[data-theme=light] .dc-brand-title{color:#111827}html[data-theme=light] .dc-nav-item{color:#4b5563}html[data-theme=light] .dc-nav-item:hover{color:#111827;background:#f3f4f6}html[data-theme=light] .dc-nav-item.active{color:#111827;background:#e5e7eb}html[data-theme=light] .dc-user-widget{background:#f9fafb;border-color:#e5e7eb}html[data-theme=light] .dc-user-widget:hover{background:#f3f4f6}html[data-theme=light] .dc-user-name{color:#111827}html[data-theme=light] .dc-mobile-bar{background:#fff;border-top-color:#e5e7eb}html[data-theme=light] .dc-topbar{background:#ffffffd9;border-bottom-color:#e5e7eb}html[data-theme=light] .dc-view-heading{color:#111827}html[data-theme=light] .dc-topbar-player-pill{background:#fff;border-color:#e5e7eb}html[data-theme=light] .dc-metric-cell,html[data-theme=light] .dc-live-tables-section,html[data-theme=light] .dc-kpi-card,html[data-theme=light] .dc-history-section,html[data-theme=light] .dc-profile-card,html[data-theme=light] .dc-ach-card,html[data-theme=light] .dc-settings-card,html[data-theme=light] .dc-local-setup-card{background:#fff;border-color:#e5e7eb;box-shadow:0 2px 10px #0000000a}html[data-theme=light] .dc-page-title,html[data-theme=light] .dc-section-title,html[data-theme=light] .dc-ach-title,html[data-theme=light] .dc-setting-title,html[data-theme=light] .dc-profile-nickname,html[data-theme=light] .dc-mode-title{color:#111827}html[data-theme=light] .dc-match-table th{color:#4b5563;background:#f9fafb;border-bottom-color:#e5e7eb}html[data-theme=light] .dc-match-table td{color:#1f2937;border-bottom-color:#f3f4f6}html[data-theme=light] .dc-input-field{color:#111827;background:#f9fafb;border-color:#d1d5db}html[data-theme=light] .dc-pill-opt{color:#4b5563;background:#f3f4f6;border-color:#e5e7eb}html[data-theme=light] .dc-pill-opt.active{color:#fff;background:#f93822}