.seed-display{flex-direction:column;gap:10px;display:flex}.seed-words{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-on-dark);word-break:break-all;padding:12px;font-family:monospace;font-size:13px;line-height:1.6}.qr-display{justify-content:center;padding:10px 0;display:flex}.donate-intro{color:var(--text-on-dark-muted);margin:0 0 20px;font-size:13px;line-height:1.5}.donate-method{flex-direction:column;gap:10px;display:flex}.donate-method-label{color:var(--text-on-dark);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.donate-cafecito{justify-content:center;padding:4px 0;display:flex}.cafecito-cta{background:var(--accent-gold);color:var(--surface-modal);border:1px solid var(--accent-gold);border-radius:var(--radius-md);align-items:center;gap:10px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .16s,filter .12s;display:inline-flex}.cafecito-cta:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 16px #fdd83547}.cafecito-cta:active{transform:translateY(0)}.cafecito-cta:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.cafecito-cta svg{flex-shrink:0}.donate-divider{color:var(--text-on-dark-subtle);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:18px 0;font-size:11px;display:flex}.donate-divider:before,.donate-divider:after{content:"";background:var(--accent-gold-border);opacity:.5;flex:1;height:1px}.donate-address{background:var(--accent-gold-soft);border:1px solid var(--accent-gold-border);border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;display:flex}.donate-address-text{color:var(--accent-gold);word-break:break-all;flex:1;font-family:monospace;font-size:14px}.donate-help{color:var(--text-on-dark-subtle);text-align:center;margin:12px 0 0;font-size:11px;line-height:1.5}.settings-toggle{color:var(--text-on-dark);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.settings-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-gold);cursor:pointer}.settings-help{color:var(--text-on-dark-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.settings-meta{padding-top:4px;padding-bottom:4px}.settings-meta-label{color:var(--text-on-dark-subtle);font-size:12px}.settings-breaker{background:var(--accent-gold-soft);border:1px solid var(--accent-gold-border);border-radius:var(--radius-md);padding:12px 14px}.settings-breaker strong{color:var(--accent-gold);margin-bottom:4px;font-size:13px;display:block}.settings-breaker p{color:var(--text-on-dark-muted);margin:0 0 10px;font-size:12px;line-height:1.4}.settings-report{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px}.settings-report h3{color:var(--text-on-dark);margin:0 0 6px;font-size:13px}.settings-report p{color:var(--text-on-dark-muted);margin:0;font-size:12px}.settings-report-list{flex-direction:column;gap:4px;max-height:180px;margin:8px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.settings-report-list li{color:var(--text-on-dark-muted);background:var(--surface-inset);border-radius:var(--radius-sm);padding:4px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.locale-switcher{width:100%;position:relative}.locale-switcher-toggle{width:100%;color:var(--sidebar-text);text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;transition:background .15s,color .15s,border-color .15s;display:flex}.locale-switcher-toggle:hover,.locale-switcher.open .locale-switcher-toggle{color:var(--sidebar-active-text);background:#ffffff14;border-color:#ffffff29}.locale-switcher-toggle-icon{opacity:.85;font-size:13px;line-height:1}.locale-switcher-toggle-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.locale-switcher-toggle-caret{opacity:.55;font-size:10px;transition:transform .15s}.locale-switcher.open .locale-switcher-toggle-caret{opacity:.85;transform:rotate(180deg)}.locale-switcher-menu{background:var(--sidebar-bg);z-index:100;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.locale-switcher-item{width:100%;color:var(--sidebar-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;padding:7px 10px;font-family:inherit;font-size:13px;transition:background .12s,color .12s;display:flex}.locale-switcher-item:hover{color:var(--sidebar-active-text);background:#ffffff0f}.locale-switcher-item.active{color:var(--sidebar-active-text);background:#fdd8351a}.locale-switcher-item.active:hover{background:#fdd83529}.locale-switcher-code{letter-spacing:.6px;min-width:26px;color:var(--sidebar-section-title);opacity:.8;font-size:10px;font-weight:700}.locale-switcher-item.active .locale-switcher-code{color:var(--accent-gold);opacity:1}.locale-switcher-name{flex:1}.locale-switcher-check{color:var(--accent-gold);font-size:11px;line-height:1}.sidebar-footer{color:var(--sidebar-text);border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.sidebar-footer-account,.sidebar-footer-settings{color:var(--sidebar-text);text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;transition:background .15s,color .15s;display:flex}.sidebar-footer-account:hover,.sidebar-footer-settings:hover{color:var(--sidebar-active-text);background:#ffffff14}.sidebar-footer-settings>span:first-child,.sidebar-footer-account-icon{font-size:14px;line-height:1}.sidebar-footer-donate{color:var(--accent-gold);text-align:left;cursor:pointer;background:#fdd83514;border:1px solid #fdd83540;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:flex}.sidebar-footer-donate:hover{background:#fdd83529}.sidebar-footer-meta{align-items:center;gap:6px;padding:0 2px;font-size:11px;display:flex}.sidebar-footer-link{color:var(--sidebar-text);opacity:.75;align-items:center;gap:4px;text-decoration:none;transition:opacity .15s,color .15s;display:inline-flex}.sidebar-footer-link:hover{opacity:1;color:var(--sidebar-active-text)}.sidebar-footer-sep{opacity:.4}.sidebar-footer-locale{display:flex}.sidebar-footer-copy{opacity:.5;letter-spacing:.2px;padding:0 2px;font-size:10px}.sidebar-brand{color:var(--sidebar-active-text);letter-spacing:.5px;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:16px;font-size:18px;font-weight:700;display:flex}.sidebar-brand-logo{flex-shrink:0;width:28px;height:28px}.sidebar-item{color:var(--sidebar-text);cursor:pointer;border-left:3px solid #0000;padding:12px 16px;font-size:14px;transition:background .15s,border-color .15s}.sidebar-item:hover{background:#ffffff0d}.sidebar-item.active{color:var(--sidebar-active-text);border-left-color:var(--sidebar-active-border);background:#ffffff14;font-weight:600}.sidebar-divider{background:#ffffff1a;height:1px;margin:8px 16px}.sim-dot{color:#f5a623;margin-right:4px;animation:2s ease-in-out infinite sim-pulse}@keyframes sim-pulse{0%,to{opacity:1}50%{opacity:.4}}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-center{align-items:center;display:flex}.topbar-right{position:relative}.topbar-title{letter-spacing:.5px;white-space:nowrap;font-size:20px;font-weight:700}.topbar-name-input{color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;outline:none;width:120px;padding:6px 12px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.topbar-name-input::placeholder{color:#ffffff59;font-weight:400}.topbar-name-input:focus{background:#ffffff1f;border-color:#ffffff80}.mode-toggle{background:#ffffff1f;border:1px solid #ffffff1a;border-radius:20px;display:flex;overflow:hidden}.mode-toggle button{color:#ffffff80;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:7px 16px;font-size:12px;font-weight:600;transition:background .2s,color .2s}.mode-toggle button.active{color:#fff;background:#fff3}.mode-toggle button:hover:not(.active){color:#fffc}.topbar-menu-btn{color:#fff;cursor:pointer;letter-spacing:2px;background:#ffffff14;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .15s;display:flex}.topbar-menu-btn:hover{background:#ffffff26}.topbar-dropdown{z-index:200;background:#fff;border-radius:10px;min-width:200px;animation:.15s ease-out dropdown-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 20px #00000026,0 1px 3px #0000001a}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{color:#999;text-transform:uppercase;letter-spacing:1px;padding:10px 14px 4px;font-size:10px;font-weight:700}.dropdown-item{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;transition:background .1s;display:flex}.dropdown-item:hover:not(.disabled){background:#f5f5f5}.dropdown-item.disabled{color:#aaa;cursor:not-allowed}.dropdown-icon{color:#888;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:flex}.dropdown-divider{background:#eee;height:1px;margin:4px 0}.import-input{display:none}@media (width<=480px){.topbar-name-input{width:80px;padding:5px 8px;font-size:12px}.mode-toggle button{padding:5px 10px;font-size:11px}}.topbar-viewmode-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;height:36px;margin-right:6px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.topbar-viewmode-btn:hover{background:#ffffff26}.topbar-viewmode-icon{flex-shrink:0;width:14px;height:14px}.topbar-right{align-items:center;display:inline-flex}@media (width<=480px){.topbar-viewmode-btn{justify-content:center;width:36px;padding:0}.topbar-viewmode-label{display:none}}.compact-match-row{border-bottom:1px solid var(--card-border,#0000000f);grid-template-columns:78px minmax(0,1fr) auto minmax(0,1fr) 3rem 2.5rem;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:grid}.compact-match-row:last-child{border-bottom:none}.compact-badge{background:var(--accent-qualify);color:var(--accent-green);letter-spacing:.3px;text-transform:uppercase;border-radius:4px;flex-direction:column;justify-self:start;align-items:flex-start;padding:3px 6px;font-size:9px;font-weight:700;line-height:1.1;display:inline-flex}.compact-badge.knockout{background:var(--accent-maybe);color:#f57f17}.compact-badge .badge-date{opacity:.8;text-transform:none;letter-spacing:0;font-size:9px;font-weight:600}.compact-badge .badge-time{opacity:.8;font-size:10px;font-weight:600}.compact-team{align-items:center;gap:5px;min-width:0;display:flex}.compact-team.home{text-align:right;justify-content:flex-end}.compact-team .team-flag{flex-shrink:0;font-size:16px}.compact-team-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.compact-team-name.pending{color:#999;font-size:11px;font-style:italic;font-weight:400}.compact-scores{align-items:center;gap:4px;display:inline-flex}.compact-score-input{text-align:center;border:1px solid var(--card-border);background:var(--card-bg);width:28px;height:26px;color:var(--content-text);-moz-appearance:textfield;border-radius:4px;outline:none;font-size:14px;font-weight:700}.compact-score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.compact-score-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.compact-score-input:focus{border-color:var(--accent-green)}.compact-score-input.prediction{border-color:var(--prediction-blue);color:var(--prediction-blue)}.compact-score-input.locked,.compact-score-input:disabled{color:#999;cursor:not-allowed;opacity:.7;background:#f2f2f2}.compact-score-sep{color:#999;font-size:12px;font-weight:700}.compact-indicator{text-align:right;font-variant-numeric:tabular-nums;padding-left:4px;font-size:14px;font-weight:700}.compact-indicator.exact{color:#2e7d32}.compact-indicator.winner{color:#f9a825}.compact-indicator.wrong{color:#c62828}.compact-indicator.none{color:var(--text-muted,#b0b0b0);font-weight:400}.compact-status{padding-left:4px;font-size:12px}.compact-status.synced{color:var(--accent-green,#2e7d32)}.compact-pen-row{border-top:1px dashed var(--card-border);grid-column:1/-1;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:4px 0 2px;display:flex}.compact-pen-label{letter-spacing:.6px;text-transform:uppercase;color:var(--prediction-blue);opacity:.75;font-size:9px;font-weight:700}.compact-pen-pick{border:1px solid var(--prediction-blue);border-radius:var(--radius-sm);cursor:pointer;opacity:.45;background:0 0;padding:2px 8px;font-family:inherit;font-size:14px;line-height:1;transition:opacity .15s,background .15s}.compact-pen-pick:hover:not(:disabled){opacity:.85}.compact-pen-pick.active{background:var(--prediction-blue);opacity:1;color:var(--text-on-dark)}.compact-pen-pick:disabled{cursor:not-allowed;opacity:.3}.compact-result-line{display:none}.compact-result-badge{box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums;width:3rem;min-width:3rem;color:var(--text-strong,#222);background:var(--surface-2,#f0f0f0);border-radius:4px;align-self:center;padding:1px 2px;font-size:.8em}.compact-result-badge.none{background:0 0}.compact-result-badge.locked{background:0 0;font-size:.95em}.compact-result-badge.editable{background:0 0;align-items:center;gap:2px;display:inline-flex}.compact-result-badge.editable .compact-score-input{width:1.3rem;min-width:0;height:22px;font-size:.85em}@media (width<=600px){.compact-match-row{grid-template-columns:78px minmax(0,1fr) auto minmax(0,1fr) 2.5rem}.compact-result-badge,.compact-result-badge.none,.compact-result-badge.locked,.compact-result-badge.editable{display:none}.compact-result-line{color:#999;font-variant-numeric:tabular-nums;grid-column:1/-1;align-items:center;gap:6px;padding:1px 0 0 86px;font-size:11px;display:flex}.compact-result-line-label{text-transform:uppercase;letter-spacing:.3px;opacity:.7;font-weight:700}.compact-result-line .compact-score-input{width:1.7rem;height:22px;font-size:.85em}}@media (width<=420px){.compact-match-row{grid-template-columns:60px minmax(0,1fr) auto minmax(0,1fr) 2.5rem;gap:5px;padding:5px 6px;font-size:12px}.compact-team .team-flag{font-size:14px}.compact-badge{padding:2px 4px;font-size:8px}.compact-score-input{width:24px;height:24px;font-size:12px}.compact-result-line{padding-left:66px}}.compact-standings{background:var(--card-bg);border-radius:8px;max-width:480px;margin:0 auto 14px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.compact-standings-header{background:var(--accent-green);color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.compact-standings-header .chev{font-size:13px}.compact-standings-table{border-collapse:collapse;width:100%;font-size:12px}.compact-standings-table th{text-align:center;color:#888;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #eee;padding:6px 4px;font-size:10px}.compact-standings-table th:first-child{text-align:left;padding-left:10px}.compact-standings-table td{text-align:center;border-bottom:1px solid #f4f4f4;padding:6px 4px;font-size:12px}.compact-standings-table td:first-child{text-align:left;align-items:center;gap:6px;padding-left:10px;display:flex}.compact-standings-table td:first-child .team-flag{flex-shrink:0;font-size:14px}.compact-standings-table tr.qualify{background:var(--accent-qualify)}.compact-standings-table tr.maybe-qualify{background:var(--accent-maybe)}.compact-standings-table tr:last-child td{border-bottom:none}.group-match-card{background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.group-match-date{color:#888;padding:8px 14px 4px;font-size:11px}.group-match-team-row{align-items:center;gap:8px;padding:6px 14px;display:flex}.group-match-team-row .team-flag{font-size:18px}.group-match-team-name{flex:1;font-size:14px;font-weight:600}.group-match-score-input{text-align:center;border:1px solid var(--card-border);background:var(--card-bg);width:36px;height:30px;color:var(--content-text);-moz-appearance:textfield;border-radius:4px;outline:none;font-size:16px;font-weight:700}.group-match-score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.group-match-score-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.group-match-score-input:focus{border-color:var(--accent-green)}.group-match-score-input.prediction{border-color:var(--prediction-blue);color:var(--prediction-blue)}.group-match-score-input.locked,.group-match-score-input:disabled{color:#999;cursor:not-allowed;opacity:.7;background:#f2f2f2}.group-match-synced{color:var(--accent-green,#2e7d32);padding:0 14px 8px;font-size:11px}.group-match-locked{color:#888;padding:0 14px 8px;font-size:11px}.group-match-result-row{color:#999;align-items:center;gap:4px;padding:0 14px 8px;font-size:11px;display:flex}.group-match-result-row .prediction-indicator{margin-left:4px}.group-match-result-row.editable .group-match-score-input{width:30px;height:24px;font-size:13px}.standings-source-toggle{border:1px solid var(--card-border);border-radius:999px;margin:0 auto .75rem;display:inline-flex;overflow:hidden}.standings-source-option{cursor:pointer;color:var(--content-text);background:0 0;border:none;padding:.3rem .9rem;font-size:.85rem}.standings-source-option.active{background:var(--accent-green);color:#fff}.group-confirmed{background:var(--accent-green,#2e7d32);color:#fff;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:6px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.group-tabs{flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.group-tab{border:1px solid var(--card-border);background:var(--card-bg);color:var(--content-text);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}.group-tab:hover{border-color:var(--accent-green)}.group-tab.active{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.group-view h2{color:var(--accent-green);margin-bottom:16px;font-size:22px}.standings-table{border-collapse:collapse;background:var(--card-bg);table-layout:auto;border-radius:8px;width:100%;max-width:600px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #00000014}.standings-table th{background:var(--accent-green);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px;padding:8px 4px;font-size:11px;font-weight:600}.standings-table th:first-child{text-align:left;white-space:nowrap;padding-left:12px}.standings-table td{text-align:center;border-bottom:1px solid #eee;padding:8px 4px;font-size:13px}.standings-table td:first-child{text-align:left;padding-left:12px;font-weight:600}.standings-table tr.qualify{background:var(--accent-qualify)}.standings-table tr.maybe-qualify{background:var(--accent-maybe)}.team-cell{white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.team-flag{flex-shrink:0;font-size:16px}.team-cell span:last-child{text-overflow:ellipsis;overflow:hidden}.group-matches-title{color:var(--content-text);margin-bottom:12px;font-size:16px;font-weight:700}.group-matches-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}@media (width<=480px){.standings-table th:first-child{white-space:nowrap}.standings-table{font-size:11px}.standings-table th,.standings-table td{padding:6px 2px;font-size:10px}.standings-table th{letter-spacing:0;font-size:9px}.team-cell{gap:4px}.team-flag{font-size:14px}}@media (width<=360px){.standings-table th:first-child{white-space:nowrap}.standings-table th,.standings-table td{padding:5px 1px;font-size:9px}}.group-matches-compact{background:var(--card-bg);border-radius:8px;max-width:640px;margin:0 auto;overflow:hidden;box-shadow:0 1px 3px #0000000f}.group-matches-compact .compact-match-row{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) 3rem 2.5rem}@media (width<=600px){.group-matches-compact .compact-match-row{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) 2.5rem}}.group-view.compact .group-matches-title{max-width:640px;margin-left:auto;margin-right:auto}.score-input-wrapper{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.score-with-pen{flex-direction:column;align-items:center;gap:4px;display:flex}.score-row{align-items:center;gap:4px;display:flex}.score-field{text-align:center;border:1px solid var(--card-border);background:var(--card-bg);width:32px;height:28px;color:var(--content-text);-moz-appearance:textfield;border-radius:4px;outline:none;font-size:16px;font-weight:700;transition:border-color .15s}.score-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.score-field:focus{border-color:var(--accent-green)}.score-field.prediction{border-color:var(--prediction-blue);color:var(--prediction-blue)}.score-field.locked,.score-field:disabled{color:#999;cursor:not-allowed;opacity:.7;background:#f2f2f2}.locked-badge{color:#888;white-space:nowrap;margin-left:8px;font-size:11px}.synced-badge{color:var(--accent-green,#2e7d32);cursor:help;margin-left:6px;font-size:13px}.score-separator{color:#999;font-size:14px;font-weight:700}.score-readonly{text-align:center;min-width:32px;font-size:16px;font-weight:700}.prediction-indicator{margin-left:8px;font-size:14px}.prediction-indicator.exact{color:#2e7d32}.prediction-indicator.winner{color:#f9a825}.prediction-indicator.wrong{color:#c62828}.penalties-input{flex-direction:column;align-items:center;gap:2px;margin-top:2px;display:flex}.penalties-row{align-items:center;gap:4px;display:flex}.penalties-label{letter-spacing:.08em;text-transform:uppercase;color:var(--prediction-blue);opacity:.7;font-size:9px;font-weight:700}.penalties-pick{border:1.5px solid var(--prediction-blue);cursor:pointer;opacity:.45;background:0 0;border-radius:6px;min-width:32px;padding:3px 8px;font-family:inherit;font-size:14px;line-height:1;transition:opacity .15s,background .15s,transform .1s}.penalties-pick:hover:not(:disabled){opacity:.85}.penalties-pick:active:not(:disabled){transform:scale(.95)}.penalties-pick.active{background:var(--prediction-blue);opacity:1}.penalties-pick:disabled{cursor:not-allowed;opacity:.3}.bracket-tree{grid-template-columns:1fr auto 1fr;gap:8px;min-width:980px;padding:12px 0;display:grid;overflow-x:auto}.bk-half{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.bk-half-left,.bk-half-right{direction:ltr}.bk-half-right .bk-col{order:revert}.bk-col{flex-direction:column;min-width:110px;display:flex}.bk-col-label{text-transform:uppercase;letter-spacing:.6px;color:var(--accent-green);text-align:center;padding:4px 0 8px;font-size:10px;font-weight:700}.bk-col-body{flex-direction:column;flex:1;justify-content:space-around;gap:6px;display:flex}.bk-col-R32 .bk-col-body{gap:6px}.bk-col-R16 .bk-col-body{gap:36px;padding:24px 0}.bk-col-QF .bk-col-body{gap:108px;padding:80px 0}.bk-col-SF .bk-col-body{gap:0;padding:200px 0}.bk-center{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-width:150px;padding:0 12px;display:flex}.bk-final-block{flex-direction:column;align-items:center;gap:6px;display:flex}.bk-third-block{opacity:.9;flex-direction:column;align-items:center;gap:4px;display:flex}.bk-col-label.final-label{color:var(--accent-gold);letter-spacing:1px;font-size:13px}.bk-col-label.third-label{font-size:9px}.bk-card{background:var(--card-bg);border-radius:var(--radius-sm);border:1px solid var(--card-border);border-left:3px solid var(--accent-green);min-width:110px;padding:4px 6px;font-size:11px;position:relative;box-shadow:0 1px 2px #0000000a}.bk-card.final{background:var(--accent-gold-soft);border:2px solid var(--accent-gold);min-width:140px;box-shadow:0 2px 8px var(--accent-gold-soft-hover);padding:8px 10px;font-size:13px}.bk-card.third{border-left-color:var(--accent-gold);min-width:110px;font-size:10px}.bk-card.ind-exact{box-shadow:0 0 0 2px var(--result-green)}.bk-card.ind-winner{box-shadow:0 0 0 2px var(--accent-gold)}.bk-card.ind-wrong{box-shadow:0 0 0 2px var(--accent-eliminated)}.bk-card-meta{color:var(--text-muted,#999);white-space:nowrap;text-transform:none;margin-bottom:2px;font-size:8px;font-weight:600}.bk-card-team{align-items:center;gap:4px;min-width:0;padding:2px 0;display:flex}.bk-card-team.pending{color:var(--content-text);opacity:.55;font-style:italic}.bk-card-flag{flex-shrink:0;font-size:13px}.bk-card-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:600;overflow:hidden}.bk-card-team.pending .bk-card-name{font-size:10px;font-weight:500}.bk-card-input{text-align:center;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--card-bg);width:26px;height:22px;color:var(--content-text);-moz-appearance:textfield;outline:none;flex-shrink:0;font-size:12px;font-weight:700}.bk-card-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bk-card-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bk-card-input:focus{border-color:var(--accent-green)}.bk-card-input.prediction{border-color:var(--prediction-blue);color:var(--prediction-blue)}.bk-card-input:disabled{background:var(--accent-qualify);opacity:.6;cursor:not-allowed}.bk-card-pen{border-top:1px dashed var(--card-border);justify-content:center;align-items:center;gap:4px;margin-top:4px;padding-top:4px;display:flex}.bk-card-pen-label{letter-spacing:.5px;text-transform:uppercase;color:var(--prediction-blue);opacity:.75;font-size:8px;font-weight:700}.bk-card-pen-pick{border:1px solid var(--prediction-blue);border-radius:var(--radius-sm);cursor:pointer;opacity:.45;background:0 0;padding:1px 6px;font-family:inherit;font-size:12px;line-height:1.1;transition:opacity .15s,background .15s}.bk-card-pen-pick:hover:not(:disabled){opacity:.85}.bk-card-pen-pick.active{background:var(--prediction-blue);opacity:1;color:var(--text-on-dark)}.bk-card-pen-pick:disabled{cursor:not-allowed;opacity:.3}.bk-half-left .bk-col-R32 .bk-card:after,.bk-half-left .bk-col-R16 .bk-card:after,.bk-half-left .bk-col-QF .bk-card:after{content:"";background:var(--card-border);width:8px;height:1px;position:absolute;top:50%;right:-8px}.bk-half-left .bk-col-R32 .bk-card:nth-child(odd):before,.bk-half-left .bk-col-R16 .bk-card:nth-child(odd):before,.bk-half-left .bk-col-QF .bk-card:nth-child(odd):before{content:"";background:var(--card-border);width:1px;position:absolute;top:50%;right:-8px}.bk-half-left .bk-col-R32 .bk-card:nth-child(odd):before{height:calc(100% + 6px)}.bk-half-left .bk-col-R16 .bk-card:nth-child(odd):before{height:calc(100% + 36px)}.bk-half-left .bk-col-QF .bk-card:nth-child(odd):before{height:calc(100% + 108px)}.bk-half-right .bk-col-R32 .bk-card:after,.bk-half-right .bk-col-R16 .bk-card:after,.bk-half-right .bk-col-QF .bk-card:after{content:"";background:var(--card-border);width:8px;height:1px;position:absolute;top:50%;left:-8px}.bk-half-right .bk-col-R32 .bk-card:nth-child(odd):before,.bk-half-right .bk-col-R16 .bk-card:nth-child(odd):before,.bk-half-right .bk-col-QF .bk-card:nth-child(odd):before{content:"";background:var(--card-border);width:1px;position:absolute;top:50%;left:-8px}.bk-half-right .bk-col-R32 .bk-card:nth-child(odd):before{height:calc(100% + 6px)}.bk-half-right .bk-col-R16 .bk-card:nth-child(odd):before{height:calc(100% + 36px)}.bk-half-right .bk-col-QF .bk-card:nth-child(odd):before{height:calc(100% + 108px)}@media (width<=767px){.bracket-tree{display:none}}.round-tabs{flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.round-tab{border:1px solid var(--card-border);background:var(--card-bg);color:var(--content-text);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.round-tab:hover{border-color:var(--accent-gold)}.round-tab.active{background:var(--accent-gold);color:#333;border-color:var(--accent-gold)}.bracket-view h2{color:var(--accent-green);margin-bottom:16px;font-size:22px}.bracket-round-label{color:var(--accent-green);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:12px;font-weight:700}.bracket-matches{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px;margin-bottom:32px;display:grid}.bracket-match-card{background:var(--card-bg);border-left:3px solid var(--accent-green);border-radius:8px;padding:12px 16px;box-shadow:0 1px 3px #00000014}.bracket-match-card.third-place{border-left-color:var(--accent-gold)}.bracket-match-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bracket-match-id{color:#999;text-transform:uppercase;font-size:10px;font-weight:600}.bracket-match-date{color:#888;font-size:11px}.bracket-match-teams{justify-content:center;align-items:center;gap:10px;display:flex}.bracket-team{align-items:center;gap:6px;min-width:110px;font-size:13px;font-weight:600;display:flex}.bracket-team.home{justify-content:flex-end}.bracket-team.pending{color:#bbb;font-style:italic;font-weight:400}.bracket-venue{color:#aaa;margin-top:6px;font-size:10px}.bk-confirmed{background:var(--accent-green,#2e7d32);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.bracket-legend{color:var(--content-text);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:12px;display:flex}.bracket-legend-hint{color:var(--text-muted,#999)}.bracket-mobile-fallback{display:none}.bracket-mobile-list{background:var(--card-bg);border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f}@media (width<=767px){.bracket-mobile-fallback{display:block}}.schedule-view h2{color:var(--accent-green);margin-bottom:16px;font-size:22px}.schedule-day-header{color:var(--accent-green);border-bottom:2px solid var(--accent-green);text-transform:uppercase;letter-spacing:.5px;margin-top:20px;margin-bottom:8px;padding:12px 0 6px;font-size:14px;font-weight:700}.schedule-day-header:first-of-type{margin-top:0}.schedule-day-matches{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px;display:grid}.schedule-match-card{background:var(--card-bg);border-left:3px solid #0000;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.schedule-match-card.knockout{border-left-color:var(--accent-gold)}.schedule-match-card.has-result{opacity:.7}.schedule-match-top{color:#888;align-items:center;gap:8px;padding:8px 12px 4px;font-size:11px;display:flex}.schedule-badge{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700}.schedule-badge.group{background:var(--accent-qualify);color:var(--accent-green)}.schedule-badge.ko{background:var(--accent-maybe);color:#f57f17}.schedule-match-venue{color:#aaa;margin-left:auto;font-size:10px}.schedule-team-row{align-items:center;gap:8px;padding:5px 12px;display:flex}.schedule-team-row .team-flag{font-size:18px}.schedule-team-row-name{flex:1;font-size:14px;font-weight:600}.schedule-team-row-name.pending{color:#bbb;font-size:12px;font-style:italic;font-weight:400}.schedule-score-input{text-align:center;border:1px solid var(--card-border);background:var(--card-bg);width:36px;height:30px;color:var(--content-text);-moz-appearance:textfield;border-radius:4px;outline:none;font-size:16px;font-weight:700}.schedule-score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.schedule-score-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.schedule-score-input:focus{border-color:var(--accent-green)}.schedule-score-input.prediction{border-color:var(--prediction-blue);color:var(--prediction-blue)}.schedule-score-input.locked,.schedule-score-input:disabled{color:#999;cursor:not-allowed;opacity:.7;background:#f2f2f2}.schedule-locked{color:#888;padding:0 12px 8px;font-size:11px}.schedule-synced{color:var(--accent-green,#2e7d32);padding:0 12px 8px;font-size:11px}.schedule-result-row{color:#999;align-items:center;gap:4px;padding:0 12px 8px;font-size:11px;display:flex}.schedule-result-row .prediction-indicator{margin-left:4px}.schedule-result-row.editable .schedule-score-input{width:30px;height:24px;font-size:13px}@media (width<=600px){.schedule-match-venue{display:none}}.schedule-day-header-compact{letter-spacing:.6px;max-width:640px;color:var(--accent-green);text-transform:uppercase;align-items:center;gap:8px;margin:14px auto 4px;font-size:11px;font-weight:700;display:flex}.schedule-day-header-compact:before,.schedule-day-header-compact:after{content:"";background:var(--accent-green);opacity:.4;flex:1;height:1px}.schedule-day-header-compact:first-of-type{margin-top:0}.schedule-day-matches-compact{background:var(--card-bg);border-radius:8px;flex-direction:column;max-width:640px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.ranking-view h2{color:var(--accent-green);margin:0;font-size:22px}.ranking-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ranking-rules-btn{border:1px solid var(--accent-green);color:var(--accent-green);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.ranking-rules-btn:hover{background:var(--accent-green);color:#fff}.ranking-rules{background:var(--card-bg);border-radius:10px;margin-bottom:20px;padding:20px 24px;animation:.2s ease-out rules-in;box-shadow:0 1px 4px #00000014}@keyframes rules-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ranking-rules h3{color:var(--accent-green);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px;font-size:14px}.ranking-rules h3:first-child{margin-top:0}.ranking-rules p{color:#555;margin-bottom:6px;font-size:13px}.ranking-rules ol{color:#555;padding-left:20px;font-size:13px}.ranking-rules ol li{margin-bottom:4px}.ranking-rules-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:8px;display:grid}.ranking-rule-card{text-align:center;border:1px solid #eee;border-radius:8px;padding:14px}.ranking-rule-card.exact{background:#e8f5e9;border-color:#c8e6c9}.ranking-rule-card.winner{background:#fff8e1;border-color:#fff9c4}.ranking-rule-card.pen-bonus{background:#e3f2fd;border-color:#bbdefb}.ranking-rule-card.wrong{background:#ffebee;border-color:#ffcdd2}.ranking-rule-points{margin-bottom:2px;font-size:20px;font-weight:800}.ranking-rule-card.exact .ranking-rule-points{color:#2e7d32}.ranking-rule-card.winner .ranking-rule-points{color:#f57f17}.ranking-rule-card.pen-bonus .ranking-rule-points{color:#1565c0}.ranking-rule-card.wrong .ranking-rule-points{color:#c62828}.ranking-rule-icon{margin-bottom:4px;font-size:24px}.ranking-rule-label{color:#333;margin-bottom:4px;font-size:12px;font-weight:700}.ranking-rule-example{color:#888;font-size:11px}.ranking-rule-example.draw{border-top:1px dashed #0000001f;margin-top:4px;padding-top:4px}.ranking-empty{text-align:center;color:#888;background:var(--card-bg);border-radius:8px;padding:40px 20px;box-shadow:0 1px 3px #0000000f}.ranking-empty p{margin-bottom:8px}.ranking-empty strong{color:var(--content-text)}.ranking-table{border-collapse:collapse;background:var(--card-bg);border-radius:8px;width:100%;max-width:700px;overflow:hidden;box-shadow:0 1px 3px #00000014}.ranking-table th{background:var(--accent-green);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;font-size:11px;font-weight:600}.ranking-table th:first-child{text-align:left;padding-left:16px}.ranking-table th:nth-child(2){text-align:left}.ranking-table td{text-align:center;border-bottom:1px solid #eee;padding:10px 12px;font-size:14px}.ranking-table td:first-child{text-align:center;color:#999;width:40px;font-weight:700}.ranking-table td:nth-child(2){text-align:left;font-weight:600}.ranking-table tr.local{background:var(--accent-qualify)}.ranking-table tr:first-child td:first-child{color:var(--accent-gold);font-size:18px}.ranking-name-you{color:#888;margin-left:4px;font-size:10px;font-weight:400}.ranking-name-owner{cursor:default;margin-left:4px;font-size:12px}.ranking-total{color:var(--accent-green);font-size:16px;font-weight:700}.ranking-remove{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px;transition:color .15s}.ranking-remove:hover{color:#c62828}.ranking-breakdown{color:#888;justify-content:center;gap:8px;font-size:11px;display:flex}.ranking-breakdown span{white-space:nowrap}.room-list{max-width:600px;margin:0 auto;padding:20px}.room-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.room-list-header h2{color:var(--accent-green);margin:0;font-size:22px}.room-list-actions{gap:8px;display:flex}.room-btn{border:1px solid var(--accent-green);color:var(--accent-green);cursor:pointer;background:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.room-btn:hover:not(:disabled),.room-btn.primary{background:var(--accent-green);color:#fff}.room-btn.primary:hover:not(:disabled){background:#1b5e20;border-color:#1b5e20}.room-btn.primary:disabled{opacity:.4;cursor:default}.room-btn.danger{color:#c62828;border-color:#c62828}.room-btn.danger:hover{color:#fff;background:#c62828}.room-form{background:var(--card-bg);border:1px solid #e0e0e0;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000f}.room-input{color:#222;background:#fff;border:1px solid #ccc;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.room-input::placeholder{color:#999}.room-input:focus{border-color:var(--accent-green)}.room-mode-select{color:#555;gap:16px;font-size:13px;display:flex}.room-mode-select label{cursor:pointer;align-items:center;gap:6px;display:flex}.room-list-items{flex-direction:column;gap:8px;display:flex}.room-list-item{background:var(--card-bg);cursor:pointer;text-align:left;border:1px solid #e0e0e0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000a}.room-list-item:hover{border-color:var(--accent-green);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.room-item-name{color:#222;flex:1;font-size:14px;font-weight:700}.room-item-role{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.room-item-arrow{color:#bbb;font-size:20px}.room-list-empty{text-align:center;color:#777;background:var(--card-bg);border-radius:10px;padding:40px 20px;font-size:14px;line-height:1.6;box-shadow:0 1px 3px #0000000a}.room-list-empty p{margin:0 0 8px}.room-list-ranking{border-top:1px solid var(--card-border);margin-top:20px;padding-top:16px}.room-list-ranking h3{color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px}.invite-link-label{color:var(--text-on-dark-subtle);margin:0 0 8px;font-size:12px}.invite-link{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-on-dark);word-break:break-all;margin-bottom:10px;padding:10px;font-family:monospace;font-size:12px;display:block}.invite-qr{justify-content:center;padding:10px 0;display:flex}.connection-status{color:#ffffffb3;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.connection-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.connection-status--connected{color:#4caf50;background:#4caf5014;border-color:#4caf5040}.connection-status--connected .connection-status-label{color:#ffffffe6}.connection-status--connecting{color:#f5a623;background:#f5a62314;border-color:#f5a62340}.connection-status--connecting .connection-status-dot{animation:1.2s ease-in-out infinite connection-pulse}.connection-status--connecting .connection-status-label{color:#ffffffe6}.connection-status--offline{color:#ffffff4d}@keyframes connection-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.room-detail{max-width:800px;margin:0 auto;padding:20px}.room-detail-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.room-detail-header h2{color:var(--accent-green);flex:1;margin:0;font-size:22px}.room-detail-actions{gap:8px;display:flex}.room-back-btn{border:1px solid var(--accent-green);color:var(--accent-green);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}.room-back-btn:hover{background:var(--accent-green);color:#fff}.room-detail-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.room-detail-code{color:#666;font-size:13px}.room-detail-code code{color:#333;background:#eee;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.simulator-view{max-width:700px;margin:0 auto;padding:20px}.simulator-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.simulator-header h2{color:var(--accent-green);margin:0;font-size:22px}.simulator-header-actions{gap:8px;display:flex}.simulator-match{background:var(--card-bg);text-align:center;border-radius:10px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #00000014}.simulator-match-meta{color:#777;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:12px;font-weight:600}.simulator-match-teams{justify-content:center;align-items:center;gap:24px;font-size:16px;display:flex}.sim-team{color:#222;flex-direction:column;align-items:center;gap:8px;min-width:120px;display:flex}.sim-team-flag{font-size:40px;line-height:1}.sim-team-name{font-size:14px;font-weight:600}.sim-vs{color:#999;font-size:13px;font-weight:600}.simulator-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sim-btn{border:1px solid var(--accent-green);color:var(--accent-green);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s}.sim-btn:hover:not(:disabled){background:var(--accent-green);color:#fff}.sim-btn:disabled{opacity:.4;cursor:default}.sim-btn.primary{background:var(--accent-green);color:#fff}.sim-btn.primary:hover:not(:disabled){background:#1b5e20;border-color:#1b5e20}.sim-btn.danger{color:#c62828;border-color:#c62828}.sim-btn.danger:hover{color:#fff;background:#c62828}.simulator-manual{background:var(--card-bg);text-align:center;border-radius:10px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #0000000f}.simulator-manual p{color:#555;margin:0 0 12px;font-size:13px}.simulator-empty{text-align:center;background:var(--card-bg);border-radius:10px;padding:50px 20px;box-shadow:0 1px 3px #0000000f}.simulator-empty h2{color:var(--accent-green);margin:0 0 10px;font-size:22px}.simulator-empty p{color:#555;margin:0 0 20px}.simulator-predictions{background:var(--card-bg);border-radius:10px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #0000000f}.simulator-predictions h3{color:var(--accent-green);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:12px;font-weight:700}.simulator-predictions-empty{color:#888;text-align:center;margin:0;font-size:13px}.simulator-predictions-table{border-collapse:collapse;width:100%;font-size:14px}.simulator-predictions-table td{color:#333;border-bottom:1px solid #eee;padding:8px 10px}.simulator-predictions-table tr:last-child td{border-bottom:none}.simulator-predictions-table tr.local td{background:var(--accent-qualify,#e8f5e9);font-weight:700}.simulator-predictions-table .local-tag{color:#888;font-size:11px;font-weight:400}.simulator-predictions-table .pred-score{text-align:right;color:var(--accent-green);font-family:monospace;font-weight:700}.sim-final-score{color:var(--accent-green);letter-spacing:2px;padding:0 16px;font-family:monospace;font-size:36px;font-weight:800}.sim-pen{color:#888;letter-spacing:normal;font-family:inherit;font-size:13px;font-weight:500}.simulator-winner{color:#555;margin-top:12px;font-size:14px;font-weight:600}.simulator-deltas{background:var(--card-bg);border-radius:10px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0000000f}.simulator-deltas h3{color:var(--accent-green);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:12px;font-weight:700}.sim-delta{text-align:right;color:#2e7d32;width:50px;font-weight:700}.sim-delta.exact{color:#2e7d32}.sim-delta.winner{color:#f9a825}.sim-delta.wrong{color:#c62828}.sim-arrow{text-align:right;color:#666;width:40px;font-size:12px;font-weight:600}.onboarding{background:#1a1a2e;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.onboarding-card{text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:400px;padding:40px}.onboarding-card h1{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.onboarding-card p{color:#fff9;margin:0 0 24px;font-size:14px}.onboarding-input{color:#fff;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:10px 14px;font-size:14px}.onboarding-input::placeholder{color:#ffffff59}.onboarding-input:focus{border-color:#ffffff80}.onboarding-textarea{color:#fff;resize:none;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;outline:none;width:100%;margin-bottom:12px;padding:10px 14px;font-family:monospace;font-size:13px}.onboarding-textarea::placeholder{color:#ffffff59}.onboarding-textarea:focus{border-color:#ffffff80}.onboarding-error{color:#ff6b6b;margin:0 0 12px;font-size:12px}.onboarding-btn{cursor:pointer;border:none;border-radius:10px;width:100%;margin-bottom:10px;padding:12px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s}.onboarding-btn.primary{color:#fff;background:#ffffff26}.onboarding-btn.primary:hover:not(:disabled){background:#ffffff40}.onboarding-btn.primary:disabled{opacity:.4;cursor:default}.onboarding-btn.secondary{color:#ffffff80;background:0 0}.onboarding-btn.secondary:hover{color:#fffc}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:.2s ease-in-out animate-fade-in}.driver-fade .driver-popover{animation:.2s animate-fade-in}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;margin:0;font:700 19px/1.5 sans-serif;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font:400 14px/1.5 sans-serif}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer button{all:unset;box-sizing:border-box;text-shadow:1px 1px #fff;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font:12px/1.3 sans-serif;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{margin-left:-5px;left:50%}.driver-popover-arrow-none{display:none}.fixture-tour-popover.driver-popover{background:var(--card-bg);color:var(--content-text);border:1px solid var(--card-border);border-radius:8px;max-width:340px;font-family:inherit}.fixture-tour-popover .driver-popover-title{color:var(--accent-green);margin-bottom:6px;font-size:16px;font-weight:600}.fixture-tour-popover .driver-popover-description{font-size:14px;line-height:1.5}.fixture-tour-popover .driver-popover-progress-text{color:var(--sidebar-section-title);font-size:12px}.fixture-tour-popover .driver-popover-footer button{text-shadow:none;cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:13px}.fixture-tour-popover .driver-popover-next-btn,.fixture-tour-popover .driver-popover-next-btn:hover{background:var(--accent-green);color:#fff}.fixture-tour-popover .driver-popover-prev-btn,.fixture-tour-popover .driver-popover-prev-btn:hover{color:var(--content-text);border:1px solid var(--card-border);background:0 0}.fixture-tour-popover .driver-popover-close-btn{color:var(--content-text);opacity:.6}.fixture-tour-popover .driver-popover-close-btn:hover{opacity:1}.fixture-tour-popover .driver-popover-arrow-side-top.driver-popover-arrow{border-top-color:var(--card-bg)}.fixture-tour-popover .driver-popover-arrow-side-bottom.driver-popover-arrow{border-bottom-color:var(--card-bg)}.fixture-tour-popover .driver-popover-arrow-side-left.driver-popover-arrow{border-left-color:var(--card-bg)}.fixture-tour-popover .driver-popover-arrow-side-right.driver-popover-arrow{border-right-color:var(--card-bg)}.help-fab{background:var(--accent-green);color:#fff;cursor:pointer;z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:600;transition:transform .15s,background .15s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 2px 8px #0003}.help-fab:hover{background:#1b5e20;transform:scale(1.05)}.help-fab:active{transform:scale(.97)}@media (width<=768px){.help-fab{width:40px;height:40px;font-size:20px;bottom:14px;right:14px}}.htp-illustration{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:180px;padding:16px;display:flex;overflow:hidden}.htp-illustration svg{max-width:100%;height:auto}.htp-illustration-fallback{color:#ffffff59;font-family:monospace;font-size:12px}.htp-table{border-collapse:collapse;color:#fff;width:100%;font-size:11px}.htp-table th,.htp-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:4px 6px}.htp-table th{color:#ffffff80;text-transform:uppercase;font-size:10px;font-weight:600}.htp-row-highlight{background:#4caf501f}.htp-groups-predict{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;width:100%;max-width:360px;display:grid}.htp-score-card{color:#fff;background:#1e1e3a;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-around;align-items:center;gap:8px;padding:10px;font-size:11px;display:flex}.htp-flag{border-radius:2px;width:18px;height:12px;display:inline-block}.htp-score-input{color:#fff;background:#4caf5033;border:1px solid #4caf5080;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-weight:600;display:inline-flex}.htp-score-dash{color:#fff6}.htp-ranking-wrap{width:100%;max-width:300px}.htp-live-dot{background:var(--accent-green,#4caf50);border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.6s ease-in-out infinite htp-pulse;display:inline-block;box-shadow:0 0 8px #4caf5099}@keyframes htp-pulse{0%,to{opacity:1}50%{opacity:.4}}.htp-ranking-header{color:#fff9;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.htp-you{color:var(--accent-gold,#fdd835);font-weight:700}.htp-modal{background:#1a1a38;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:calc(100vh - 40px);padding:0;animation:.15s ease-out modal-in;display:flex}.htp-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.htp-modal-header h2{color:#fff;margin:0;font-size:18px}.htp-modal-body{flex:1;padding:24px;overflow-y:auto}.htp-modal-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.htp-step-counter{color:#ffffff80;font-variant-numeric:tabular-nums;font-size:12px}.htp-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s}.htp-btn:hover:not(:disabled){background:#ffffff1f}.htp-btn:disabled{opacity:.35;cursor:not-allowed}.htp-btn-primary{background:var(--accent-green,#4caf50);border-color:#0000}.htp-btn-primary:hover:not(:disabled){background:#1b5e20}.htp-footer-actions{gap:8px;display:flex}.htp-mode-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.htp-mode-card{color:#fff;text-align:left;cursor:pointer;background:#1e1e3a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:20px;font-family:inherit;transition:transform .15s,border-color .15s;display:flex}.htp-mode-card:hover{border-color:var(--accent-green,#4caf50);transform:translateY(-2px)}.htp-mode-card h3{margin:0;font-size:16px}.htp-mode-card p{color:#ffffffa6;margin:0;font-size:12px;line-height:1.4}.htp-step-body{margin-top:18px}.htp-step-body p{color:#ffffffc7;margin:0;font-size:14px;line-height:1.5}.htp-step-body strong{color:#fff;font-weight:700}.htp-modal-subtitle{color:#ffffffa6;margin:0;font-size:13px}@media (width<=768px){.htp-modal{border-radius:0;max-width:none;height:100vh;max-height:100vh}.htp-mode-grid{grid-template-columns:1fr}.htp-modal-body{padding:18px}}.help-menu-wrap{z-index:100;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.help-menu-wrap .help-fab{position:static;bottom:auto;right:auto}.help-menu-popover{background:#1e1e3a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;min-width:180px;padding:6px;animation:.12s ease-out modal-in;display:flex;box-shadow:0 4px 16px #00000059}.help-menu-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:background .1s}.help-menu-item:hover{background:#ffffff14}@media (width<=768px){.help-menu-wrap{bottom:14px;right:14px}}.autosync-banner{color:#fff;z-index:150;background:#c85000f2;border-radius:6px;align-items:center;gap:.75rem;max-width:92vw;padding:.75rem 1rem;font-size:.9rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.autosync-banner button{color:inherit;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:4px;padding:.25rem .6rem}.autosync-banner button:hover{background:#ffffff4d}.autosync-inspector{background:var(--surface-modal);color:var(--text-on-dark);z-index:500;padding:20px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;position:fixed;inset:0;overflow-y:auto}.asi-header{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.asi-header h2{color:var(--text-on-dark);align-items:center;gap:10px;margin:0;font-size:16px;display:flex}.asi-dev{border-radius:var(--radius-sm);background:var(--accent-gold-soft);color:var(--accent-gold);letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;font-size:11px;font-weight:500}.asi-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.asi-controls label{color:var(--text-on-dark-muted);text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:4px;font-size:11px;display:flex}.asi-controls select,.asi-controls input{background:var(--surface-raised);border:1px solid var(--border-muted);color:var(--text-on-dark);border-radius:var(--radius-md);min-width:180px;padding:7px 10px;font-family:inherit;font-size:13px}.asi-controls select:focus,.asi-controls input:focus{border-color:var(--accent-gold-border);outline:none}.asi-fetch{border-radius:var(--radius-md);border:1px solid var(--accent-gold-border);background:var(--accent-gold-soft);color:var(--accent-gold);cursor:pointer;align-self:stretch;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s}.asi-fetch:hover:not(:disabled){background:var(--accent-gold-soft-hover)}.asi-fetch:disabled{opacity:.5;cursor:default}.asi-error{border-radius:var(--radius-md);background:var(--status-danger-bg);border:1px solid var(--status-danger-border);color:var(--status-danger);margin-bottom:14px;padding:10px 14px}.asi-summary{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;padding:10px 14px;display:flex}.asi-summary span{color:var(--text-on-dark-muted);font-size:12px}.asi-summary b{color:var(--text-on-dark);margin-left:4px;font-weight:700}.asi-summary-ok b{color:var(--status-success)}.asi-summary-idem b{color:var(--text-on-dark-subtle)}.asi-summary-skip b{color:var(--status-danger)}.asi-summary-copy{border-radius:var(--radius-md);border:1px solid var(--border-muted);background:var(--surface-raised);color:var(--text-on-dark);cursor:pointer;margin-left:auto;padding:6px 12px;font-size:12px}.asi-summary-copy:hover{background:var(--surface-raised-hover)}.asi-rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.asi-empty{text-align:center;color:var(--text-on-dark-faint);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);padding:20px}.asi-row{border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:10px 14px;display:flex}.asi-row--ok{border-left:3px solid var(--status-success)}.asi-row--idempotent{border-left:3px solid var(--border-muted)}.asi-row--skip{border-left:3px solid var(--status-danger)}.asi-row-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.asi-row-icon{text-align:center;width:16px;font-size:15px;font-weight:700;display:inline-block}.asi-row--ok .asi-row-icon{color:var(--status-success)}.asi-row--idempotent .asi-row-icon{color:var(--text-on-dark-faint)}.asi-row--skip .asi-row-icon{color:var(--status-danger)}.asi-row-score{color:var(--text-on-dark);font-variant-numeric:tabular-nums;letter-spacing:.3px;font-weight:600}.asi-row-status{border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-on-dark-muted);padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.asi-row-verdict{color:var(--text-on-dark-muted);font-size:12px}.asi-row-verdict code{background:var(--surface-inset);color:var(--text-on-dark);border-radius:3px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace}.asi-row-meta{color:var(--text-on-dark-faint);gap:14px;font-size:11px;display:flex}.asi-row-meta code{color:var(--text-on-dark-muted);font-family:ui-monospace,SF Mono,Menlo,monospace}.asi-row-actions{flex-wrap:wrap;gap:6px;display:flex}.asi-row-actions button{background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-on-dark);border-radius:var(--radius-sm);cursor:pointer;padding:3px 10px;font-family:inherit;font-size:11px}.asi-row-actions button:hover{background:var(--surface-raised-hover)}.asi-row-json{background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-height:320px;color:var(--text-on-dark-muted);margin:4px 0 0;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;line-height:1.5;overflow:auto}.asi-row-json--norm{color:var(--status-success)}.asi-scoreboard{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:18px;padding:10px 14px}.asi-scoreboard summary{cursor:pointer;color:var(--text-on-dark-muted);-webkit-user-select:none;user-select:none;font-size:12px}.asi-scoreboard pre{background:var(--surface-inset);border-radius:var(--radius-md);max-height:40vh;color:var(--text-on-dark-muted);margin:10px 0 0;padding:10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;overflow:auto}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--content-bg);color:var(--content-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);flex-direction:column;flex-shrink:0;transition:width .2s,transform .2s;display:flex;overflow-y:auto}.sidebar-nav{flex:1;overflow-y:auto}.sidebar.collapsed{width:0;overflow:hidden}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{background:var(--topbar-bg);color:var(--topbar-text);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 16px;display:flex}.main-content{flex:1;padding:24px;overflow-y:auto}.sidebar-toggle{color:var(--topbar-text);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px 8px;font-size:20px;line-height:1;display:flex}.sidebar-toggle:hover{opacity:.8}.sidebar-overlay{z-index:99;background:#0006;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{z-index:100;width:var(--sidebar-width);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}body.tour-active .sidebar{transition:none}.sidebar-overlay.visible{display:block}.topbar{padding:10px 16px}.main-content{padding:16px}.topbar-title{font-size:16px}.topbar-actions{gap:8px}.mode-toggle button,.topbar-btn{padding:4px 10px;font-size:11px}.group-match-row{flex-wrap:wrap;gap:6px}.match-date,.match-teams{min-width:100%}.schedule-match-row{flex-wrap:wrap;gap:6px;padding:10px 12px}.schedule-venue{text-align:left;min-width:100%;margin-top:2px}.bracket-matches{grid-template-columns:1fr}}@media (width<=480px){.match-team-name{min-width:70px;font-size:12px}.schedule-team-name{min-width:80px;font-size:12px}.standings-table{font-size:11px}.standings-table th,.standings-table td{padding:6px 4px}}:root{--sidebar-bg:#0d3311;--sidebar-text:#a5d6a7;--sidebar-active-text:#fff;--sidebar-active-border:#fdd835;--sidebar-section-title:#66bb6a;--topbar-bg:#1b5e20;--topbar-text:#fff;--content-bg:#f5f5f0;--content-text:#333;--accent-green:#2e7d32;--accent-gold:#fdd835;--accent-qualify:#c8e6c9;--accent-maybe:#fff9c4;--accent-eliminated:#ffcdd2;--card-bg:#fff;--card-border:#e0e0e0;--prediction-blue:#1565c0;--result-green:#2e7d32;--surface-overlay:#0009;--surface-modal:#14401a;--surface-raised:#ffffff0f;--surface-raised-hover:#ffffff1f;--surface-inset:#00000040;--border-subtle:#ffffff1a;--border-muted:#ffffff2e;--text-on-dark:#fff;--text-on-dark-muted:#ffffffb3;--text-on-dark-subtle:#ffffff80;--text-on-dark-faint:#fff6;--accent-gold-soft:#fdd83526;--accent-gold-soft-hover:#fdd83540;--accent-gold-border:#fdd83573;--status-success:#6ad599;--status-danger:#ff8b8b;--status-danger-bg:#dc3c3c26;--status-danger-border:#dc3c3c66;--sidebar-width:200px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px}.modal-overlay{background:var(--surface-overlay);z-index:300;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface-modal);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-wrap:anywhere;width:100%;max-width:420px;max-height:calc(100dvh - 40px);padding:28px;animation:.15s ease-out modal-in;overflow-y:auto}@media (width<=480px){.modal-overlay{padding:12px}.modal-card{max-height:calc(100dvh - 24px);padding:20px}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{color:var(--text-on-dark);margin:0;font-size:18px}.modal-close{color:var(--text-on-dark-subtle);cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.modal-close:hover{color:var(--text-on-dark)}.modal-section{margin-bottom:20px}.modal-section h3{color:var(--text-on-dark);margin:0 0 6px;font-size:14px}.modal-note{background:var(--surface-raised);border-left:3px solid var(--accent-gold-border);color:var(--text-on-dark-muted);border-radius:var(--radius-sm);margin-bottom:20px;padding:10px 12px;font-size:12px;line-height:1.5}.modal-warning{color:var(--accent-gold);margin:0 0 12px;font-size:12px;line-height:1.4}.modal-btn{border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-on-dark);cursor:pointer;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.modal-btn:hover:not(:disabled){background:var(--surface-raised-hover)}.modal-btn:disabled{opacity:.5;cursor:default}
