@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+JP:wght@400;500;700&display=swap");:root{--color-bg:#0a0a0b;--color-bg-secondary:#141416;--color-card:#1a1a1e;--color-card-hover:#252529;--color-border:#2a2a2e;--color-text:#ffffff;--color-text-secondary:#9a9a9a;--color-text-muted:#787878;--color-fighter-a:#e63946;--color-fighter-b:#3498db;--color-fighter-a-bg:rgba(230,57,70,0.1);--color-fighter-b-bg:rgba(52,152,219,0.1);--color-success:#2ecc71;--color-warning:#f39c12;--color-gold:#d4af37;--font-heading:"Bebas Neue",sans-serif;--font-body:"Noto Sans JP",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;min-height:100vh}a{text-decoration:none}a,button{color:inherit}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}.container{max-width:600px;margin:0 auto;padding:0 16px}.main-content{padding:24px 16px;flex:1 1;min-width:0}.header{background:var(--color-card);border-bottom:1px solid var(--color-border);padding:calc(env(safe-area-inset-top, 0px) + 12px) 0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{gap:8px}.logo-icon{width:32px;height:32px;border-radius:4px}.logo-text{font-family:var(--font-heading);font-size:28px;letter-spacing:2px}.logo-ten{color:var(--color-fighter-a)}.logo-nine{color:var(--color-fighter-b)}.header-right{display:flex;align-items:center;gap:12px}.lang-btn{background:var(--color-border);color:var(--color-text);font-size:12px;font-weight:600}.back-button,.lang-btn{padding:6px 12px;border-radius:6px}.back-button{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:13px}.page-title{font-family:var(--font-heading);font-size:28px;letter-spacing:2px;margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}.filter-tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.filter-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:var(--color-card);color:var(--color-text-secondary);font-size:13px;font-weight:500;transition:all .2s;border:1px solid var(--color-border);white-space:nowrap}.filter-tab:hover{background:var(--color-card-hover);color:var(--color-text)}.filter-tab.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.filter-count{background:rgba(255,255,255,.2);padding:2px 6px;border-radius:10px;font-size:11px}.filter-tab.active .filter-count{background:rgba(0,0,0,.2)}.date-group{margin-bottom:24px}.date-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.date-day{font-family:var(--font-heading);font-size:42px;line-height:1;color:var(--color-text)}.date-day.finished{color:var(--color-text-secondary)}.date-info{display:flex;flex-direction:column}.date-weekday{font-size:14px;font-weight:500;color:var(--color-text)}.date-count,.date-month{font-size:12px;color:var(--color-text-secondary)}.date-count{margin-left:auto;background:var(--color-border);padding:4px 10px;border-radius:12px}.match-list{display:flex;flex-direction:column;gap:12px}.match-card{background:var(--color-card);border-radius:12px;padding:16px;border:1px solid var(--color-border);position:relative}.match-card,.match-follow-btn{transition:all .2s;cursor:pointer}.match-follow-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:20px;color:#666;padding:4px 8px;border-radius:4px;z-index:1}.match-follow-btn:hover{background:rgba(255,255,255,.1);color:#d4af37}.match-follow-btn.followed{color:#d4af37}.match-card:hover{background:var(--color-card-hover);transform:translateY(-2px)}.match-card.finished-card{opacity:.8}.match-fighters-row{display:flex;align-items:flex-start;justify-content:center;margin-bottom:12px;gap:0}.match-fighter{display:flex;flex-direction:column;align-items:center;flex:1 1;min-width:0;text-align:center;gap:4px}.match-fighter-flag{font-size:14px;flex-shrink:0;min-height:18px;display:flex;align-items:center;justify-content:center}.match-fighter-name{font-size:14px;font-weight:600;line-height:1.3;word-break:break-word}.match-fighter-record{font-size:11px}.match-fighter-record,.match-vs{color:var(--color-text-secondary)}.match-vs{font-family:var(--font-heading);font-size:16px;padding:22px 12px 0;flex-shrink:0}.match-card-footer{display:flex;flex-direction:column;gap:8px}.match-badges{display:flex;flex-wrap:wrap;gap:6px}.match-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px}.match-badge.badge-title{background:linear-gradient(135deg,var(--color-gold),#b8962e);color:#000}.match-badge.badge-result{background:var(--color-success);color:#fff}.match-badge.badge-predicted{background:rgba(52,152,219,.2);color:var(--color-fighter-b)}.match-badge.badge-scored{background:rgba(46,204,113,.2);color:var(--color-success)}.match-info-items{display:flex;gap:12px;flex-wrap:wrap}.match-info-item{font-size:11px}.back-btn,.match-info-item{color:var(--color-text-secondary)}.back-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;margin-bottom:20px;transition:color .2s}.back-btn:hover{color:var(--color-text)}.prediction-page{padding:24px 16px;flex:1 1;min-width:0}.prediction-header{text-align:center;margin-bottom:24px}.prediction-match-info{margin-bottom:16px}.prediction-match-title{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.prediction-match-date{font-size:13px;color:#666}.prediction-fighters{display:flex;align-items:flex-start;justify-content:center;gap:24px}.prediction-fighter{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:120px}.prediction-fighter-flag{font-size:28px}.prediction-fighter-info{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.prediction-fighter-name{font-size:14px;font-weight:700}.prediction-fighter-record{font-size:11px;color:var(--color-text-secondary)}.prediction-vs{font-family:var(--font-heading);font-size:20px;color:var(--color-text-secondary);margin-top:20px}.prediction-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin-bottom:12px}.section-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.prediction-subsection{margin-bottom:16px}.prediction-subsection:last-child{margin-bottom:0}.prediction-sublabel{font-size:11px;color:var(--color-text-secondary);margin-bottom:8px}.winner-options{display:flex;gap:8px}.winner-btn{flex:1 1;background:var(--color-bg);border:2px solid var(--color-border);border-radius:10px;padding:14px 8px;text-align:center;cursor:pointer;transition:all .2s;color:var(--color-text)}.winner-btn:hover{border-color:var(--color-text-secondary)}.winner-btn.selected-a{border-color:var(--color-fighter-a);background:var(--color-fighter-a-bg)}.winner-btn.selected-b{border-color:var(--color-fighter-b);background:var(--color-fighter-b-bg)}.winner-btn.selected-draw{border-color:var(--color-text-secondary);background:rgba(136,136,136,.1)}.winner-btn.draw-btn{flex:0.7 1}.winner-btn-name{font-size:12px;font-weight:600}.winner-btn.selected-a .winner-btn-name{color:var(--color-fighter-a)}.winner-btn.selected-b .winner-btn-name{color:var(--color-fighter-b)}.winner-btn.selected-draw .winner-btn-name{color:var(--color-text-secondary)}.method-options{display:flex;gap:8px}.method-btn{flex:1 1;background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;padding:12px 8px;text-align:center;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:var(--color-text)}.method-btn:hover{border-color:var(--color-text-secondary)}.method-btn.selected{border-color:var(--color-gold);background:rgba(212,175,55,.1);color:var(--color-gold)}.fans-prediction-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin-bottom:12px}.fans-count{font-size:11px;color:var(--color-text-secondary);margin-left:8px;font-weight:400}.fans-bar-container{margin-bottom:12px}.fans-bar-labels{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.fans-label-a{color:var(--color-fighter-a)}.fans-label-b{color:var(--color-fighter-b)}.fans-bar{height:8px;background:var(--color-fighter-b);border-radius:4px;overflow:hidden;display:flex}.fans-bar-fill-a{height:100%;background:var(--color-fighter-a)}.fans-bar-fill-draw{height:100%;background:var(--color-gold)}.fans-methods{display:flex;justify-content:center;gap:16px;font-size:11px;color:var(--color-text-secondary)}.fans-method-value{color:var(--color-text);font-weight:600}.semi-gauge{padding:12px 0}.semi-gauge-svg{width:100%;max-width:280px;display:block;margin:0 auto}.semi-gauge-vs{font-size:16px;font-weight:700;fill:var(--color-text-secondary)}.semi-gauge-fighters{display:flex;justify-content:space-between;align-items:flex-start;margin-top:8px;padding:0 8px}.semi-gauge-fighter{text-align:center}.semi-gauge-fighter.fighter-a{text-align:left}.semi-gauge-fighter.fighter-b{text-align:right}.semi-gauge-name{font-size:13px;font-weight:600;max-width:100px;word-break:break-word;white-space:normal;line-height:1.3}.fighter-a .semi-gauge-name{color:var(--color-fighter-a)}.fighter-b .semi-gauge-name{color:var(--color-fighter-b)}.semi-gauge-total{font-size:28px;font-weight:700}.fighter-a .semi-gauge-total{color:#c0392b}.fighter-b .semi-gauge-total{color:#2980b9}.semi-gauge-breakdown{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:11px;color:var(--color-text-secondary)}.semi-gauge-breakdown span{white-space:nowrap}.fighter-a .semi-gauge-breakdown{align-items:flex-start}.fighter-b .semi-gauge-breakdown{align-items:flex-end}.semi-gauge-draw{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#7f8c8d}.semi-gauge-draw span:last-child{font-size:18px;font-weight:600}.semi-gauge-methods{justify-content:center;gap:16px;margin-top:12px}.section-label-with-count,.semi-gauge-methods{display:flex;font-size:12px;color:var(--color-text-secondary)}.section-label-with-count{justify-content:space-between;align-items:center;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.section-label-with-count .fans-count{font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--color-text-muted)}.fade-in{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.prediction-submit-btn{width:100%;background:var(--color-gold);border:none;border-radius:10px;padding:14px;font-size:14px;font-weight:700;color:#000;cursor:pointer;transition:all .2s;margin-bottom:12px}.prediction-submit-btn:hover{opacity:.9}.prediction-submit-btn.disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}.to-scoring-btn{display:block;width:100%;text-align:center;padding:14px;background:transparent;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-size:13px;font-weight:600;transition:all .2s}.to-scoring-btn:hover{border-color:var(--color-fighter-a);color:var(--color-fighter-a)}.score-page{padding:24px 16px;flex:1 1;min-width:0}.scoring-header{background:var(--color-card);border-radius:12px;padding:16px;margin-bottom:16px;text-align:center}.round-indicator{font-family:var(--font-heading);font-size:24px;margin-bottom:8px}.scoring-fighters-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;font-size:14px}.scoring-fighter-a{color:var(--color-fighter-a)}.scoring-fighter-a,.scoring-fighter-b{display:flex;align-items:center;gap:6px}.scoring-fighter-b{color:var(--color-fighter-b)}.scoring-vs{color:var(--color-text-secondary)}.running-total{display:flex;justify-content:center;align-items:center;gap:16px;font-family:var(--font-heading);font-size:36px;padding:12px;background:var(--color-bg);border-radius:8px;margin-bottom:12px}.running-total-score{min-width:50px;text-align:center}.running-total-score.fighter-a{color:var(--color-fighter-a)}.running-total-score.fighter-b{color:var(--color-fighter-b)}.running-total-score.leading{font-weight:700}.running-total-dash{color:var(--color-text-secondary)}.round-dots{gap:6px;flex-wrap:wrap}.round-dot,.round-dots{display:flex;justify-content:center}.round-dot{width:26px;height:26px;border-radius:50%;background:var(--color-border);cursor:pointer;transition:all .2s;align-items:center;font-size:10px;font-weight:700}.round-dot.scored{background:var(--color-success);color:white}.round-dot.current{border:2px solid var(--color-text);transform:scale(1.15)}.round-dot:hover{transform:scale(1.1)}.down-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin-bottom:12px}.down-fighters{display:flex;gap:16px}.down-fighter{flex:1 1}.down-fighter-label{font-size:12px;margin-bottom:8px;text-align:center;font-weight:600}.down-fighter-label.fighter-a{color:var(--color-fighter-a)}.down-fighter-label.fighter-b{color:var(--color-fighter-b)}.down-buttons{display:flex;gap:8px;justify-content:center}.down-btn{width:48px;height:48px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.down-btn:hover{border-color:var(--color-text-secondary)}.down-btn.selected-a{background:var(--color-fighter-a);border-color:var(--color-fighter-a);color:white}.down-btn.selected-b{background:var(--color-fighter-b);border-color:var(--color-fighter-b);color:white}.score-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin-bottom:12px}.score-options{flex-direction:column}.score-options,.score-row{display:flex;gap:8px}.score-option{flex:1 1;background:var(--color-bg);border:2px solid var(--color-border);border-radius:10px;padding:14px 8px;cursor:pointer;transition:all .2s;text-align:center;color:var(--color-text)}.score-option:hover{border-color:var(--color-text-secondary);background:var(--color-card-hover)}.score-option.selected-a{border-color:var(--color-fighter-a);background:var(--color-fighter-a-bg)}.score-option.selected-b{border-color:var(--color-fighter-b);background:var(--color-fighter-b-bg)}.score-option-label{font-size:13px;font-weight:700}.score-option.selected-a .score-option-label{color:var(--color-fighter-a)}.score-option.selected-b .score-option-label{color:var(--color-fighter-b)}.score-option-score{font-family:var(--font-heading);font-size:20px;margin-top:4px}.score-option-auto{font-size:9px;padding:2px 6px;border-radius:4px;margin-top:4px;display:inline-block}.score-option-auto.fighter-a{color:var(--color-fighter-a);background:var(--color-fighter-a-bg)}.score-option-auto.fighter-b{color:var(--color-fighter-b);background:var(--color-fighter-b-bg)}.options-row{display:flex;gap:8px;margin-bottom:12px}.option-chip{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;padding:10px 16px;font-size:13px;cursor:pointer;transition:all .2s;flex:1 1;color:var(--color-text)}.option-chip.active,.option-chip:hover{border-color:var(--color-text-secondary)}.option-chip.active{background:var(--color-card-hover);color:var(--color-text)}.option-chip.active-close{border-color:#ff9800;background:rgba(255,152,0,.2);color:#ff9800}.details-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin-bottom:12px}.criteria-compact{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.criteria-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.criteria-label{font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.criteria-buttons{display:flex;gap:6px}.criteria-btn{width:40px;height:34px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.criteria-btn:hover{border-color:var(--color-text-secondary)}.criteria-btn.selected-a{background:var(--color-fighter-a);border-color:var(--color-fighter-a);color:white}.criteria-btn.selected-even{background:var(--color-text-secondary);border-color:var(--color-text-secondary);color:white}.criteria-btn.selected-b{background:var(--color-fighter-b);border-color:var(--color-fighter-b);color:white}.memo-input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;color:var(--color-text);font-size:13px;font-family:var(--font-body);resize:none}.memo-input:focus{outline:none;border-color:var(--color-text-secondary)}.scoring-nav{flex-direction:column;margin-top:20px}.nav-buttons,.scoring-nav{display:flex;gap:12px}.nav-btn{flex:1 1;padding:14px 20px;border-radius:10px;font-family:var(--font-heading);font-size:16px;letter-spacing:1px;cursor:pointer;transition:all .2s}.nav-btn.prev{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text)}.nav-btn.prev:hover:not(:disabled){background:var(--color-card-hover)}.nav-btn.next{background:linear-gradient(135deg,var(--color-fighter-a),var(--color-fighter-b));border:none;color:white}.nav-btn.next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px rgba(230,57,70,.3)}.nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.match-end-btn{width:100%;padding:12px;background:transparent;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.match-end-btn:hover{border-color:var(--color-fighter-a);color:var(--color-fighter-a)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--color-card);border-radius:16px;padding:24px;max-width:400px;width:100%;text-align:center}.modal-title{font-family:var(--font-heading);font-size:24px;margin-bottom:8px}.modal-subtitle{color:var(--color-text-secondary);font-size:14px;margin-bottom:20px}.modal-buttons{display:flex;gap:12px;margin-bottom:16px}.modal-winner-btn{flex:1 1;padding:16px;border-radius:12px;font-family:var(--font-heading);font-size:18px;cursor:pointer;transition:all .2s;border:2px solid transparent}.modal-winner-btn.winner-a{background:var(--color-fighter-a-bg);border-color:var(--color-fighter-a);color:var(--color-fighter-a)}.modal-winner-btn.winner-a:hover{background:var(--color-fighter-a);color:white}.modal-winner-btn.winner-b{background:var(--color-fighter-b-bg);border-color:var(--color-fighter-b);color:var(--color-fighter-b)}.modal-winner-btn.winner-b:hover{background:var(--color-fighter-b);color:white}.modal-cancel-btn{width:100%;padding:12px;background:transparent;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-size:14px;cursor:pointer}.modal-cancel-btn:hover{border-color:var(--color-text);color:var(--color-text)}.login-prompt-modal{background:var(--color-card);border-radius:16px;padding:32px 24px;max-width:340px;width:100%;text-align:center}.login-prompt-icon{margin-bottom:16px}.login-prompt-icon svg{opacity:.9}.login-prompt-title{font-family:var(--font-heading);font-size:22px;margin-bottom:8px;color:var(--color-text)}.login-prompt-message{font-size:14px;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.6}.login-prompt-buttons{display:flex;flex-direction:column;gap:12px}.login-prompt-btn{width:100%;padding:14px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.login-prompt-btn.primary{background:linear-gradient(135deg,#4a9eff,#3b82f6);color:white;border:none}.login-prompt-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,158,255,.3)}.login-prompt-btn.secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.login-prompt-btn.secondary:hover{border-color:var(--color-text-muted);color:var(--color-text)}.result-page{padding:24px 16px;flex:1 1;min-width:0}.result-match-header{text-align:center;margin-bottom:16px}.result-match-info{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px}.result-fighters-row{display:flex;justify-content:center;align-items:center;gap:12px;font-size:14px}.result-vs{color:var(--color-text-secondary)}.fighter-a-text{color:var(--color-fighter-a)}.fighter-b-text{color:var(--color-fighter-b)}.official-result-banner{background:linear-gradient(135deg,var(--color-gold) 0,#b8962e 100%);border-radius:12px;padding:16px;margin-bottom:16px;text-align:center}.official-result-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(0,0,0,.6);margin-bottom:4px}.official-result-main{display:flex;align-items:center;justify-content:center;gap:12px}.official-result-type{font-family:var(--font-heading);font-size:18px;letter-spacing:1px;color:rgba(0,0,0,.7)}.official-result-winner{font-family:var(--font-heading);font-size:24px;letter-spacing:2px;color:#000}.awaiting-result-banner{background:var(--color-card);border:1px dashed var(--color-border);border-radius:12px;padding:20px;margin-bottom:16px;text-align:center}.awaiting-result-text{font-size:14px;color:var(--color-text-secondary)}.result-section{background:var(--color-card);border-radius:12px;padding:16px;margin-bottom:12px}.result-section-title{font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:12px;letter-spacing:1px;text-transform:uppercase}.result-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.judges-card{background:var(--color-bg);border-radius:8px;padding:12px 16px}.judge-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.judge-row:last-child{border-bottom:none}.judge-name{font-size:13px;color:var(--color-text-secondary)}.judge-score{font-weight:600;font-size:14px}.judge-dash{color:var(--color-text-secondary)}.your-score-card{background:var(--color-bg);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;text-align:center}.your-score-fighters{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:12px}.your-score-fighter{text-align:center}.your-score-fighter-name{font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.your-score-value{font-family:var(--font-heading);font-size:36px;color:rgba(255,255,255,.4)}.your-score-value.winner{color:#fff}.your-score-dash{font-size:24px;color:var(--color-text-secondary)}.your-score-winner{font-size:14px;font-weight:600;color:#fff}.stoppage-info{color:#ff9800;font-weight:600}.fans-score-card{background:linear-gradient(135deg,rgba(52,152,219,.1),rgba(52,152,219,.05));border:1px solid rgba(52,152,219,.3);border-radius:12px;padding:20px}.fans-score-fighters{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:16px}.fans-score-fighter{text-align:center}.fans-score-fighter-name{font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.fans-score-value{font-family:var(--font-heading);font-size:32px;font-weight:700}.fans-score-value.red{color:var(--color-fighter-a)}.fans-score-value.blue{color:var(--color-fighter-b)}.fans-score-dash{font-size:24px;color:var(--color-text-secondary)}.fans-vote-bar{height:8px;border-radius:4px;overflow:hidden;background:var(--color-bg);display:flex;margin-bottom:8px}.fans-vote-a{background:linear-gradient(90deg,var(--color-fighter-a),#ff6b6b)}.fans-vote-draw{background:var(--color-text-secondary)}.fans-vote-b{background:linear-gradient(90deg,#6b9fff,var(--color-fighter-b))}.fans-vote-labels{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin-bottom:8px}.fans-vote-label-a{color:var(--color-fighter-a)}.fans-vote-label-b{color:var(--color-fighter-b)}.fans-count-label{text-align:center;font-size:11px;color:var(--color-text-secondary)}.fan-toggle-container{display:flex;align-items:center;gap:8px}.fan-toggle-label{font-size:11px;color:var(--color-text-secondary)}.fan-toggle-switch{width:44px;height:24px;border-radius:12px;background:var(--color-border);cursor:pointer;position:relative;transition:background-color .2s}.fan-toggle-switch.on{background:var(--color-fighter-b)}.fan-toggle-knob{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .2s}.fan-toggle-switch.on .fan-toggle-knob{left:22px}.round-detail-card{background:var(--color-bg);border-radius:8px;padding:12px 16px}.round-detail-header{display:grid;grid-template-columns:40px 80px 1fr;grid-gap:8px;gap:8px;font-size:10px;color:var(--color-text-secondary);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:1px}.round-detail-header-fans,.round-detail-header-round,.round-detail-header-you{text-align:center}.round-detail-row{display:grid;grid-template-columns:40px 80px 1fr;grid-gap:8px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.round-detail-row:last-child{border-bottom:none}.round-detail-number{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-align:center}.round-detail-score{font-size:14px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.round-detail-score.red{color:var(--color-fighter-a)}.round-detail-score.blue{color:var(--color-fighter-b)}.round-detail-score.even{color:var(--color-text-secondary)}.round-badge-close{font-size:10px;background:#ff9800;color:#000;padding:2px 6px;border-radius:4px;font-weight:600;margin-left:8px}.round-comparison-bars{display:flex;align-items:center;gap:2px}.round-bar-container{flex:1 1;height:16px;background:var(--color-card);border-radius:2px;overflow:hidden}.round-bar-container.left{display:flex;justify-content:flex-end}.round-bar-container.right{display:flex;justify-content:flex-start}.round-bar{height:100%}.round-bar.red{background:linear-gradient(270deg,var(--color-fighter-a),#c62828)}.round-bar.red.dim{background:linear-gradient(270deg,rgba(230,57,70,.4),rgba(198,40,40,.4))}.round-bar.blue{background:linear-gradient(90deg,var(--color-fighter-b),#1976d2)}.round-bar.blue.dim{background:linear-gradient(90deg,rgba(52,152,219,.4),rgba(25,118,210,.4))}.round-detail-row-criteria{padding:12px 0;border-bottom:1px solid var(--color-border)}.round-detail-row-criteria:last-child{border-bottom:none}.round-detail-main{display:flex;align-items:center;justify-content:space-between}.round-detail-left{display:flex;align-items:center;gap:12px}.round-detail-winner{font-size:13px;font-weight:600}.round-detail-winner.red{color:var(--color-fighter-a)}.round-detail-winner.blue{color:var(--color-fighter-b)}.round-detail-winner.even{color:var(--color-text-secondary)}.round-detail-expand{font-size:14px;color:var(--color-text-muted);transition:transform .2s}.round-detail-expand.open{transform:rotate(180deg)}.round-detail-criteria{margin-top:12px;margin-left:44px;padding:12px;background:var(--color-bg-secondary);border-radius:8px}.round-criteria-item{display:flex;justify-content:space-between;padding:6px 0;font-size:12px}.round-criteria-label{color:var(--color-text-secondary)}.round-criteria-value{font-weight:600}.round-criteria-value.red{color:var(--color-fighter-a)}.round-criteria-value.blue{color:var(--color-fighter-b)}.prediction-result-card{background:var(--color-bg);border-radius:8px;padding:12px 16px}.prediction-result-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.prediction-result-row:last-child{border-bottom:none}.prediction-result-label{font-size:12px;color:var(--color-text-secondary)}.prediction-result-value{font-size:13px;font-weight:600}.result-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700}.result-badge.hit{background:var(--color-gold);color:#000}.result-badge.miss{background:var(--color-text-secondary);color:var(--color-bg)}.rescore-btn{display:block;width:100%;text-align:center;padding:14px;background:transparent;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-size:13px;font-weight:600;transition:all .2s;margin-top:16px}.rescore-btn:hover{border-color:var(--color-fighter-a);color:var(--color-fighter-a)}.fighter-flag-left{margin-right:6px;vertical-align:middle}.fighter-flag-right{margin-left:6px;vertical-align:middle}.loading{display:flex;justify-content:center;align-items:center;padding:48px}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-fighter-a);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{padding:48px}.empty-state,.error-state{text-align:center;color:var(--color-text-secondary)}.error-state{padding:48px 24px}.error-state-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:rgba(230,57,70,.15);color:var(--color-fighter-a);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center}.error-state-message{margin-bottom:16px;font-size:14px}.error-state-retry{padding:10px 24px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:14px;transition:all .2s}.error-state-retry:hover{background:var(--color-card-hover);border-color:var(--color-text-muted)}.app-layout{display:flex;min-height:calc(100vh - 57px)}.sidebar{width:200px;position:-webkit-sticky;position:sticky;top:57px;height:calc(100vh - 57px);display:flex;flex-direction:column;gap:4px;padding:16px 12px;border-right:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.sidebar-nav-item.active,.sidebar-nav-item:hover{background:var(--color-card);color:var(--color-text)}.sidebar-nav-item.active{font-weight:700}.sidebar-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.sidebar-nav-icon .nav-icon-svg{width:22px;height:22px}.footer-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--color-card);border-top:1px solid var(--color-border);height:calc(60px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0)}.footer-nav-inner{display:flex;height:100%}.footer-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.footer-nav-item:hover{color:var(--color-text)}.footer-nav-item.active{color:var(--color-text);font-weight:700}.footer-nav-icon{display:flex;align-items:center;justify-content:center}.footer-nav-icon,.footer-nav-icon .nav-icon-svg{width:24px;height:24px}.account-page{padding:24px 16px;flex:1 1;min-width:0}.account-section{margin-bottom:24px}.account-section-desc{font-size:13px;color:var(--color-text-secondary);margin-bottom:16px}.account-status-card{display:flex;align-items:center;gap:16px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:20px}.account-status-icon{width:48px;height:48px;flex-shrink:0}.status-icon{width:100%;height:100%}.status-icon.anonymous{color:var(--color-text-secondary)}.status-icon.linked{color:var(--color-gold)}.account-status-info{flex:1 1}.account-status-title{font-size:16px;font-weight:700;margin-bottom:4px}.account-status-desc{font-size:13px;color:var(--color-text-secondary)}.account-error{background:rgba(230,57,70,.1);border:1px solid var(--color-fighter-a);border-radius:8px;padding:12px;margin-bottom:16px;font-size:13px;color:var(--color-fighter-a)}.link-buttons{display:flex;flex-direction:column;gap:12px}.link-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text)}.link-btn:hover:not(:disabled){background:var(--color-card-hover);border-color:var(--color-text-secondary)}.link-btn:disabled{opacity:.6;cursor:not-allowed}.link-btn.linked{background:rgba(46,204,113,.1);border-color:rgba(46,204,113,.3)}.link-btn-icon{width:24px;height:24px;flex-shrink:0}.link-btn-text{flex:1 1;text-align:left}.link-btn-check{color:var(--color-success);font-size:16px}.user-info-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px}.user-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.user-info-row:last-child{border-bottom:none}.user-info-label{font-size:13px;color:var(--color-text-secondary)}.user-info-value{font-size:13px;font-weight:500;font-family:monospace}.account-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-border);color:var(--color-text-secondary);transition:all .2s}.account-btn:hover{background:var(--color-card-hover)}.account-btn.linked,.account-btn:hover{color:var(--color-text)}.account-btn-icon{width:18px;height:18px}.event-poster-header{position:relative;width:100%;height:180px;border-radius:12px;overflow:hidden;margin-bottom:20px}.event-poster-image{width:100%;height:100%;object-fit:cover;object-position:center top}.event-poster-fallback{background:linear-gradient(135deg,rgba(230,57,70,.3),rgba(52,152,219,.3))}.event-poster-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,11,.9) 0,rgba(10,10,11,.4) 50%,rgba(10,10,11,.1));display:flex;align-items:flex-end;justify-content:center;padding:16px}.event-poster-badge{font-family:var(--font-heading);font-size:14px;letter-spacing:2px;color:var(--color-gold);text-transform:uppercase}.event-group-section{margin-bottom:48px}.event-group-section:last-child{margin-bottom:0}.event-group-section .event-poster-banner{margin-bottom:0;border-radius:12px 12px 0 0}.event-group-section .match-list{border-radius:0 0 12px 12px;overflow:hidden;margin-top:12px}.event-group{margin-bottom:16px}.event-group:last-child{margin-bottom:0}.event-header{margin-bottom:12px}.event-poster-banner{position:relative;width:100%;border-radius:12px 12px 0 0;overflow:hidden}.event-poster-banner img{width:100%;height:auto;max-height:400px;object-fit:cover;object-position:center top;display:block}.event-date-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-card);border:1px solid var(--color-border);border-top:none;position:-webkit-sticky;position:sticky;top:57px;z-index:10}.event-date-header:not(.has-poster){border-radius:12px 12px 0 0;border-top:1px solid var(--color-border)}.event-date-header.finished{background:var(--color-bg-secondary)}.event-date-header.finished .event-date-day,.event-date-header.finished .event-date-ends,.event-date-header.finished .event-date-month,.event-date-header.finished .event-date-weekday,.event-date-header.finished .event-match-count,.event-date-header.finished .event-venue-inline{opacity:.7}.event-date-left{display:flex;align-items:center;gap:12px}.event-date-day{font-size:28px;font-weight:700;color:var(--color-text);line-height:1;white-space:nowrap}.event-date-day-suffix{font-size:14px;font-weight:500;margin-left:1px}.event-date-info{display:flex;flex-direction:column;gap:2px}.event-date-weekday{font-size:12px;font-weight:600;color:var(--color-gold);text-transform:uppercase;letter-spacing:.5px}.event-date-month{font-size:11px;color:var(--color-text-secondary);white-space:nowrap}.event-date-ends{font-size:10px;color:var(--color-text-muted);margin-top:2px}.event-date-right{display:flex;align-items:center;gap:12px;text-align:right}.event-title-inline{font-size:14px;font-weight:600;color:var(--color-text)}.event-venue-inline{font-size:12px;color:var(--color-text-secondary)}.event-poster-banner .event-poster-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(0deg,rgba(10,10,11,.95) 0,rgba(10,10,11,.7) 50%,rgba(10,10,11,0));display:flex;align-items:flex-end;justify-content:space-between}.event-info-left{display:flex;flex-direction:column;gap:4px}.event-match-count{font-size:11px;font-weight:600;color:var(--color-gold);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.event-title{font-size:16px;font-weight:700;color:var(--color-text)}.event-venue{font-size:12px;color:var(--color-text-secondary)}.event-title-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-card);border-radius:8px;border:1px solid var(--color-border)}.event-title-banner .event-info-left{flex-direction:row;align-items:center;gap:12px}.match-card-compact{padding:12px 16px}.match-card-compact .match-fighters-row{margin-bottom:0}.match-center{display:flex;flex-direction:column;align-items:center;gap:2px}.match-center .match-vs{font-size:12px}.match-rounds{font-size:10px;color:var(--color-text-muted)}.match-card-footer-compact{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.event-carousel-section{margin-bottom:24px}.event-carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.event-carousel-title{font-size:14px;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:1px}.event-carousel{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.event-carousel::-webkit-scrollbar{height:4px}.event-carousel::-webkit-scrollbar-track{background:var(--color-border);border-radius:2px}.event-carousel::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:2px}.event-carousel-item{flex-shrink:0;width:140px;scroll-snap-align:start;cursor:pointer;transition:transform .2s;background:none;border:none;padding:0;text-align:left;display:block;color:inherit;text-decoration:none}.event-carousel-item:hover{transform:translateY(-4px)}.event-carousel-item:active{transform:translateY(-2px);opacity:.8}.event-carousel-poster{width:100%;aspect-ratio:3/4;border-radius:8px;overflow:hidden;margin-bottom:8px;background:var(--color-card);border:1px solid var(--color-border)}.event-carousel-poster img{width:100%;height:100%;object-fit:cover;object-position:center top}.event-carousel-poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-size:12px;font-weight:600;color:var(--color-text-secondary);background:linear-gradient(135deg,rgba(230,57,70,.2),rgba(52,152,219,.2))}.event-carousel-info{text-align:center}.event-carousel-date{font-size:11px;color:var(--color-gold);font-weight:600;margin-bottom:2px}.event-carousel-name{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-page{padding:24px 16px;flex:1 1;min-width:0}.event-page-poster{width:100%;border-radius:12px;overflow:hidden;margin-bottom:20px;background:var(--color-card);border:1px solid var(--color-border)}.event-page-poster img{width:100%;height:auto;max-height:500px;object-fit:cover;object-position:center top;display:block}.event-page-poster.no-poster{aspect-ratio:3/4;max-height:400px}.event-page-poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:18px;font-weight:700;color:var(--color-text-secondary);background:linear-gradient(135deg,rgba(230,57,70,.2),rgba(52,152,219,.2))}.event-page-info{margin-bottom:20px}.event-page-title{font-size:20px;font-weight:700;margin-bottom:12px}.event-page-meta{display:flex;flex-direction:column;gap:8px}.event-page-meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.event-page-meta-icon{font-size:14px;width:20px;text-align:center}.event-page-match-count{font-size:12px;font-weight:600;color:var(--color-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.event-page-matches{display:flex;flex-direction:column;gap:12px}.event-match-card{background:var(--color-card);border-radius:12px;padding:16px;border:1px solid var(--color-border);cursor:pointer;transition:all .2s}.event-match-card:hover{background:var(--color-card-hover);transform:translateY(-2px)}.event-match-fighters{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.event-match-fighter{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0}.event-match-fighter:last-child{flex-direction:row-reverse}.event-match-fighter-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-match-vs{font-family:var(--font-heading);font-size:14px;color:var(--color-text-secondary);flex-shrink:0}.event-match-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.event-match-division{font-size:11px;color:var(--color-text-secondary)}.event-match-badges{display:flex;gap:6px}@media (max-width:1024px){.container{max-width:100%;padding:0 24px}.sidebar{width:180px}.main-content{padding:20px}.match-card{padding:14px}.event-carousel-item{width:130px}}@media (max-width:768px){.container{padding:0 16px}.sidebar{display:none}.footer-nav{display:block}body{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))}.main-content{padding:16px}.prediction-fighters{gap:16px}.prediction-vs{margin-top:16px}.result-fighters-row{flex-direction:column;gap:4px}.your-score-fighters{gap:16px}.your-score-value{font-size:28px}.fans-score-fighters{gap:16px}.fans-score-value{font-size:28px}.round-detail-header,.round-detail-row{grid-template-columns:32px 70px 1fr}.running-total{font-size:28px}.round-indicator{font-size:20px}.event-carousel-item{width:120px}.match-card{padding:12px}.score-option{padding:12px 6px}.criteria-btn{min-width:44px;min-height:44px}}