@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&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;--red:#e74c3c;--red-faded:rgba(231,76,60,0.45);--blue:#3498db;--blue-faded:rgba(52,152,219,0.45);--gold:#d4af37;--gold-bright:#f4d03f;--bg-0:#0d0d14;--bg-1:#16161f;--bg-2:#1d1d28;--bg-3:#252533;--text-0:#ffffff;--text-1:#c9c9d4;--text-2:#888894;--text-3:#555562;--border:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.12)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-card)}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;min-height:100vh;overscroll-behavior-y:contain}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:32px 16px 24px;flex:1 1;min-width:0}.header{background:var(--color-card);border-bottom:1px solid var(--color-border);padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}body.env-capacitor .header{position:fixed;left:0;right:0;padding-top:calc(env(safe-area-inset-top, 0px) + 12px)}@media (display-mode:standalone){.header{position:fixed;left:0;right:0;padding-top:calc(env(safe-area-inset-top, 0px) + 12px)}}.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{display:flex;align-items:center;background:transparent;border:none;color:var(--color-text-muted);padding:2px 4px;border-radius:4px;flex-shrink:0;margin-left:auto}.match-follow-btn:hover{background:rgba(255,255,255,.1);color:var(--color-gold)}.match-follow-btn.followed{color:var(--color-gold)}.match-card:hover{background:var(--color-card-hover);transform:translateY(-2px)}.match-card:active{transform:scale(.98);opacity:.9}.match-card.finished-card{opacity:.8}.match-card.cancelled-card{opacity:.6;cursor:default;border-left:3px solid var(--color-fighter-a)}.match-card.cancelled-card .match-fighter-name{text-decoration:line-through;color:var(--color-text-secondary)}.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;align-items:center;justify-content:space-between;gap:8px}.match-badges{display:flex;flex-wrap:wrap;gap:6px}.match-badge{display:inline-flex;align-items:center;gap:4px;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-cancelled{background:rgba(230,57,70,.15);color:var(--color-fighter-a)}.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-badge.badge-custom{background:rgba(212,175,55,.18);color:var(--color-gold)}.match-card-menu{position:relative}.match-card-menu-btn{width:32px;height:32px;background:transparent;border:none;color:var(--color-text-secondary);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.match-card-menu-btn:hover{background:var(--color-border);color:var(--color-text)}.match-card-menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);list-style:none;margin:0;padding:4px;background:var(--color-card-hover);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.35);z-index:20;min-width:120px}.match-card-menu-dropdown li{margin:0;padding:0}.match-card-menu-item{width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--color-text);font-size:14px;cursor:pointer;font-family:inherit}.match-card-menu-item:hover{background:var(--color-border)}.match-card-menu-item.danger{color:var(--color-fighter-a)}.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)}.container.prediction-page{padding:32px 12px 24px;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:var(--color-text-muted)}.prediction-fighters{display:flex;align-items:flex-start;justify-content:center;gap:12px;font-size:14px}.prediction-fighter{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.prediction-fighter-flag{display:flex;justify-content:center}.prediction-fighter-info{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.prediction-fighter-name{font-size:14px;font-weight:600}.prediction-fighter-name.fighter-a-text{color:var(--color-fighter-a)}.prediction-fighter-name.fighter-b-text{color:var(--color-fighter-b)}.prediction-fighter-record{font-size:13px;color:var(--color-text-secondary)}.prediction-vs{color:var(--color-text-secondary);padding-top:28px;flex-shrink:0}.prediction-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin-bottom:16px}.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{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)}.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-family:Inter,sans-serif;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:16px}.prediction-submit-btn:hover{opacity:.9}.prediction-submit-btn.disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}.prediction-submit-btn.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:600}.prediction-submit-btn.secondary:hover{border-color:var(--color-text-secondary);color:var(--color-text);opacity:1}.prediction-to-scoring-primary{display:block;width:100%;padding:14px;margin-bottom:16px;background:var(--color-gold);border:none;border-radius:10px;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.prediction-to-scoring-primary:hover{opacity:.9}.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)}.container.score-page{padding:20px 12px 16px;flex:1 1;min-width:0}.score-page .back-btn{margin-bottom:4px}.score-page .section-label{margin-bottom:6px}.score-page .to-scoring-btn{margin-top:12px}.back-link-bottom{display:block;width:100%;text-align:center;padding:14px;margin-top:24px;background:transparent;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.back-link-bottom:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.scoring-header{background:var(--color-card);border-radius:12px;padding:10px 12px;margin-bottom:12px;text-align:center}.round-indicator{font-family:var(--font-heading);font-size:32px;font-weight:700;letter-spacing:.04em;color:var(--color-text);margin-bottom:4px;animation:roundPulse .2s ease-out}.round-indicator-num{display:inline-block;font-size:40px;color:var(--color-gold);margin:0 4px}@keyframes roundPulse{0%{transform:scale(.92);opacity:.5}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.round-indicator{animation:none}}.auto-save-retry{display:inline-block;margin-top:4px;background:transparent;border:1px solid var(--color-gold);color:var(--color-gold);padding:2px 10px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.auto-save-retry:hover{background:rgba(212,175,55,.08)}.scoring-fighters-row{display:flex;justify-content:center;align-items:flex-start;gap:12px;margin-bottom:6px;font-size:14px}.scoring-fighter-a{color:var(--color-fighter-a)}.scoring-fighter-a,.scoring-fighter-b{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1;min-width:0;text-align:center;font-family:var(--font-body);font-weight:600}.scoring-fighter-b{color:var(--color-fighter-b)}.scoring-vs{color:var(--color-text-secondary);padding-top:20px;flex-shrink:0}.running-total{display:flex;justify-content:center;align-items:center;gap:16px;font-family:Inter,sans-serif;font-weight:700;font-size:28px;padding:6px 12px;background:var(--color-bg);border-radius:8px;margin-bottom:6px}.running-total-score{min-width:50px;text-align:center;display:inline-block}.running-total-score.pulse{animation:scorePulse .45s cubic-bezier(.34,1.56,.64,1)}@keyframes scorePulse{0%{transform:scale(1)}40%{transform:scale(1.35);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}.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:4px;flex-wrap:wrap}.round-dot,.round-dots{display:flex;justify-content:center}.round-dot{width:22px;height:22px;border-radius:50%;background:var(--color-border);cursor:pointer;transition:all .2s;align-items:center;font-size:11px;font-weight:700}.round-dot.scored-a{background:var(--color-fighter-a);color:white}.round-dot.scored-b{background:var(--color-fighter-b);color:white}.round-dot.scored-even{background:var(--color-border);color:white;border:2px solid var(--color-text)}.round-dot.current{border:2px solid var(--color-gold);transform:scale(1.25)}.round-dot:hover{transform:scale(1.1)}.down-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:8px 12px;margin-bottom:12px}.down-fighters{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.down-fighter{display:flex;flex-direction:column;align-items:center}.down-fighter:first-child{align-items:flex-end}.down-fighter:last-child{align-items:flex-start}.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;margin-top:auto}.down-btn{width:36px;height:36px;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-bg);border-color:var(--color-fighter-a);color:var(--color-fighter-a)}.down-btn.selected-b{background:var(--color-fighter-b-bg);border-color:var(--color-fighter-b);color:var(--color-fighter-b)}.score-section{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:8px 12px;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:10px 8px;cursor:pointer;transition:all .2s;text-align:center;color:var(--color-text);min-height:64px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.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-desc{font-family:Inter,sans-serif;font-weight:600;margin-top:4px}.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;display:inline-block;position:absolute;top:4px;right:4px}.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:0}.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;gap:8px}.criteria-label{flex:0 0 auto;font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.criteria-buttons{display:grid;grid-template-columns:1fr 40px 1fr;grid-gap:6px;gap:6px;margin-left:auto}.criteria-btn{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;white-space:nowrap;padding:0 10px}.criteria-btn:hover{border-color:var(--color-text-secondary)}.criteria-btn.selected-a{background:var(--color-fighter-a-bg);border-color:var(--color-fighter-a);color:var(--color-fighter-a)}.criteria-btn.selected-even{background:var(--color-card-hover);border-color:var(--color-text);color:var(--color-text)}.criteria-btn.selected-b{background:var(--color-fighter-b-bg);border-color:var(--color-fighter-b);color:var(--color-fighter-b)}.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}.details-modal{max-width:480px;text-align:left;padding:0;max-height:90vh;overflow-y:auto}.details-modal-header{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;border-bottom:1px solid var(--color-border)}.details-modal-title{font-weight:600;font-size:16px;color:var(--color-text)}.details-modal-close{background:none;border:none;font-size:18px;color:var(--color-text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:0}.details-modal-close:hover{background:var(--color-card-hover);color:var(--color-text)}.criteria-stack{padding:8px 16px 4px;display:flex;flex-direction:column;gap:8px}.criteria-block-label{font-size:13px;color:var(--color-text-secondary);margin-bottom:0;font-weight:600;text-align:left;text-transform:uppercase;letter-spacing:.5px}.criteria-block-desc{font-size:11px;color:var(--color-text-muted,var(--color-text-secondary));margin-bottom:4px;text-align:left;opacity:.7}.criteria-block-buttons{display:grid;grid-template-columns:1fr .5fr 1fr;grid-gap:6px;gap:6px}.criteria-block-btn{height:36px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .15s;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.criteria-block-btn:hover{border-color:var(--color-text-secondary)}.criteria-block-btn.selected-a{background:var(--color-fighter-a-bg);border-color:var(--color-fighter-a);color:var(--color-fighter-a)}.criteria-block-btn.selected-b{background:var(--color-fighter-b-bg);border-color:var(--color-fighter-b);color:var(--color-fighter-b)}.criteria-block-btn.selected-even{background:var(--color-card-hover);border-color:var(--color-text);color:var(--color-text)}.details-modal-memo{padding:4px 16px}.details-modal-footer{padding:6px 16px 12px;border-top:1px solid var(--color-border);margin-top:4px}.details-modal-done{width:100%;padding:10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.details-modal-done:hover{border-color:var(--color-text-secondary)}.details-modal-memo-label{display:block;font-size:13px;color:var(--color-text-secondary);margin-bottom:4px;font-weight:600;text-align:left;text-transform:uppercase;letter-spacing:.5px}.memo-input:focus{outline:none;border-color:var(--color-text-secondary)}.scoring-nav{flex-direction:column;margin-top:8px}.nav-buttons,.scoring-nav{display:flex;gap:12px}.nav-btn{flex:1 1;padding:12px 18px;border-radius:10px;font-family:var(--font-heading);font-size:16px;font-weight:600;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:var(--color-gold);border:none;color:#000}.nav-btn.next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px rgba(212,175,55,.35)}.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;font-weight:600;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.unselected,.modal-winner-btn.winner-b.unselected{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text-secondary)}.modal-winner-btn.winner-a.selected{background:var(--color-fighter-a-bg);border-color:var(--color-fighter-a);color:var(--color-fighter-a)}.modal-winner-btn.winner-b.selected{background:var(--color-fighter-b-bg);border-color:var(--color-fighter-b);color:var(--color-fighter-b)}.modal-confirm-btn{width:100%;margin-top:12px;padding:14px;background:var(--color-gold);border:none;border-radius:10px;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s}.modal-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.modal-confirm-btn:not(:disabled):hover{opacity:.9}.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-confirm-btn+.modal-cancel-btn{margin-top:8px}.modal-cancel-btn:hover{border-color:var(--color-text);color:var(--color-text)}.modal-step-label{font-size:13px;color:var(--color-text-secondary);margin-bottom:12px}.modal-method-buttons{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.modal-method-btn{width:100%;padding:14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.modal-method-btn:hover{border-color:var(--color-text);background:var(--color-border)}.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)}.custom-match-modal{background:var(--color-card);border-radius:16px 16px 0 0;padding:24px 20px 20px;width:100%;max-width:480px;max-height:92vh;overflow-x:hidden;overflow-y:auto;position:relative;box-shadow:0 -8px 24px rgba(0,0,0,.4)}@media (min-width:640px){.custom-match-modal{border-radius:16px;max-height:88vh}}.custom-match-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:transparent;border:none;color:var(--color-text-secondary);font-size:24px;line-height:1;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.custom-match-close:hover{background:var(--color-border);color:var(--color-text)}.custom-match-title{font-family:var(--font-heading);font-size:20px;font-weight:700;margin:0 0 8px;color:var(--color-text)}.custom-match-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 20px}.custom-match-form{display:flex;flex-direction:column;gap:16px}.custom-match-field{display:flex;flex-direction:column;gap:6px;position:relative}.custom-match-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.custom-match-input{width:100%;padding:12px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:15px;font-family:inherit;box-sizing:border-box;text-align:left}.custom-match-input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}.custom-match-input:focus{outline:none;border-color:var(--color-text-secondary)}.custom-match-input::placeholder{color:var(--color-text-muted)}.custom-match-chip:disabled,.custom-match-input:disabled{opacity:.55;cursor:not-allowed}.custom-match-locked-note{color:var(--color-warning);background:rgba(243,156,18,.08);border:1px solid rgba(243,156,18,.3);border-radius:8px;padding:8px 12px;margin:0 0 16px}.custom-match-chip-selected{display:inline-flex;align-items:center;gap:8px;padding:10px 8px 10px 14px;background:var(--color-bg);border:1px solid var(--color-text-secondary);border-radius:10px;color:var(--color-text);font-size:15px;width:-moz-fit-content;width:fit-content;max-width:100%}.custom-match-chip-clear{width:22px;height:22px;border:none;background:var(--color-border);color:var(--color-text-secondary);border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.custom-match-chip-clear:hover{background:var(--color-text-muted);color:var(--color-bg)}.custom-match-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-card-hover);border:1px solid var(--color-border);border-radius:10px;list-style:none;margin:0;padding:4px;z-index:10;max-height:260px;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.3)}.custom-match-suggestions li{margin:0;padding:0}.custom-match-suggestion{width:100%;text-align:left;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;gap:2px;font-family:inherit}.custom-match-suggestion:hover{background:var(--color-border)}.custom-match-suggestion-name{font-size:14px;font-weight:600}.custom-match-suggestion-sub{font-size:12px;color:var(--color-text-secondary)}.custom-match-suggestions-loading{position:absolute;right:12px;top:calc(100% - 32px);font-size:12px;color:var(--color-text-muted)}.custom-match-rounds-chips{display:flex;gap:8px;flex-wrap:wrap}.custom-match-chip{min-width:52px;padding:10px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.custom-match-chip:hover{border-color:var(--color-text-muted);color:var(--color-text)}.custom-match-chip.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.custom-match-error{margin:12px 0 0;padding:10px 12px;background:var(--color-fighter-a-bg);border:1px solid var(--color-fighter-a);border-radius:8px;color:var(--color-fighter-a);font-size:13px}.custom-match-actions{display:flex;gap:10px;margin-top:20px}.custom-match-btn-secondary{flex:0 0 auto;padding:12px 18px;background:transparent;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.custom-match-btn-secondary:hover:not(:disabled){border-color:var(--color-text);color:var(--color-text)}.custom-match-btn-primary{flex:1 1;padding:12px 18px;background:var(--color-text);border:1px solid var(--color-text);border-radius:10px;color:var(--color-bg);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.custom-match-btn-primary:hover:not(:disabled){background:var(--color-text-secondary);border-color:var(--color-text-secondary)}.custom-match-btn-primary:disabled,.custom-match-btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width:639px){.modal-overlay:has(.custom-match-modal){align-items:flex-end;padding:0}}.custom-matches-section{margin-bottom:24px}.custom-matches-section-title{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--color-text-secondary);margin:0 0 10px;padding:0 4px;text-transform:uppercase}.my-matches-title{margin-top:8px}.custom-matches-add{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;background:transparent;border:1.5px dashed var(--color-border);border-radius:12px;color:var(--color-text);cursor:pointer;text-align:left;margin-bottom:12px;transition:border-color .15s,background .15s;font-family:inherit}.custom-matches-add:hover{border-color:var(--color-text-secondary);background:var(--color-card-hover)}.custom-matches-add-icon{font-size:28px;line-height:1;color:var(--color-text-secondary);flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-border)}.custom-matches-add-body{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.custom-matches-add-label{font-size:15px;font-weight:600;color:var(--color-text)}.custom-matches-add-hint{font-size:12px;color:var(--color-text-secondary);line-height:1.4}.custom-matches-add.hero{padding:28px 20px;flex-direction:column;align-items:center;text-align:center;gap:12px}.custom-matches-add.hero .custom-matches-add-icon{width:48px;height:48px;font-size:36px}.custom-matches-add.hero .custom-matches-add-body{align-items:center}.custom-matches-add.hero .custom-matches-add-label{font-size:16px}.custom-matches-add.hero .custom-matches-add-hint{max-width:320px}.custom-matches-list{display:flex;flex-direction:column;gap:8px}.container.result-page{padding:0;flex:1 1;min-width:0;background:var(--bg-0)}.hero-card{margin:14px 14px 12px;background:linear-gradient(180deg,var(--bg-1),var(--bg-0));border:1px solid var(--border-strong);border-radius:16px;overflow:hidden}.your-score-section{padding:20px 16px 18px;text-align:center;border-bottom:1px solid var(--border)}.your-score-label{font-size:12px;letter-spacing:1px;color:var(--gold-bright);font-weight:700;text-transform:uppercase;margin-bottom:12px}.your-score-fighters{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:14px;gap:14px;margin-bottom:6px;padding:0 6px;align-items:center}.your-score-fighter-name{font-family:var(--font-body);font-size:17px;font-weight:700;line-height:1.2;text-align:center;color:var(--text-1);overflow-wrap:anywhere}.your-score-fighter-spacer{width:18px}.your-score-numbers{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:14px;gap:14px;padding:0 6px;font-family:Inter,sans-serif;line-height:.95;font-weight:700}.your-score-numbers .a{color:var(--red)}.your-score-numbers .a,.your-score-numbers .b{font-size:48px;text-align:center;letter-spacing:-.02em}.your-score-numbers .b{color:var(--blue)}.your-score-numbers.tko-loser-a .a,.your-score-numbers.tko-loser-b .b{opacity:.25}.your-score-numbers .dash{color:var(--text-3);font-size:24px;font-family:JetBrains Mono,monospace;font-weight:400}.your-score-stoppage{margin-top:10px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}.your-score-stoppage .winner-name{font-family:var(--font-body);letter-spacing:normal;color:var(--text-1)}.your-score-stoppage .winner-name.a{color:var(--red)}.your-score-stoppage .winner-name.b{color:var(--blue)}.official-section{padding:12px 16px 16px}.official-section-label{font-size:12px;letter-spacing:1px;color:var(--text-2);font-weight:700;text-transform:uppercase;margin-bottom:10px;text-align:center}.official-summary-card{padding:6px 0 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:10px;gap:10px}.official-summary-method{font-family:Inter,sans-serif;font-size:13px;font-weight:800;background:var(--gold-bright);color:#1a1a00;padding:5px 9px 4px;border-radius:4px;letter-spacing:.12em;line-height:1;text-transform:uppercase;justify-self:end}.official-summary-winner{font-family:var(--font-body);font-size:18px;font-weight:700;color:var(--text-1);line-height:1.1;text-align:center;overflow-wrap:anywhere}.official-summary-winner.a{color:var(--red)}.official-summary-winner.b{color:var(--blue)}.official-pending-card{background:var(--bg-2);border:1px dashed var(--border-strong);border-radius:8px;padding:14px;text-align:center;color:var(--text-3);font-size:12px;font-style:italic}.judges-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;gap:6px}.judge-row{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--bg-2);border:1px solid var(--border);border-radius:7px;padding:7px 4px}.judge-num{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-3);font-weight:700}.judge-score{font-family:Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:baseline;justify-content:center;gap:4px;line-height:1}.judge-score .a{color:var(--red)}.judge-score .b{color:var(--blue)}.judge-score .dash{color:var(--text-3);font-size:13px;font-family:JetBrains Mono,monospace;font-weight:400}.prediction-card{margin:0 14px 12px;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;overflow:hidden}.prediction-header{padding:10px 14px;border-bottom:1px solid var(--border)}.prediction-title{font-size:12px;letter-spacing:1px;color:var(--text-2);font-weight:700;text-transform:uppercase}.prediction-body{padding:8px 14px}.prediction-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:11px;gap:10px}.prediction-row+.prediction-row{border-top:1px solid var(--border)}.prediction-row-label{color:var(--text-2);flex-shrink:0}.prediction-row-value{font-weight:600;font-size:12px;color:var(--text-1);text-align:right;overflow-wrap:anywhere}.prediction-row-value.a{color:var(--red)}.prediction-row-value.b{color:var(--blue)}.fans-card{margin:0 14px 12px;background:var(--bg-1);border:1px solid var(--border);border-radius:12px;overflow:hidden}.fans-header{padding:10px 14px;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fans-header,.fans-title-row{display:flex;align-items:center}.fans-title-row{gap:8px}.fans-title{font-size:12px;letter-spacing:1px;color:var(--text-2);font-weight:700;text-transform:uppercase}.fans-count{font-family:JetBrains Mono,monospace;font-weight:600}.fans-chevron,.fans-count{font-size:11px;color:var(--text-3)}.fans-chevron{transition:transform .2s}.fans-card.open .fans-chevron{transform:rotate(180deg)}.fans-body{padding:0 14px 12px}.fans-scores{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:8px;font-family:Inter,sans-serif;font-weight:700}.fans-scores .a{color:var(--red)}.fans-scores .a,.fans-scores .b{font-size:28px;letter-spacing:-.02em}.fans-scores .b{color:var(--blue)}.fans-scores .dash{color:var(--text-3);font-size:14px;font-family:JetBrains Mono,monospace;font-weight:400}.fans-bar{height:7px;border-radius:4px;overflow:hidden;display:flex;margin-bottom:5px;background:var(--bg-3)}.fans-bar .a{background:var(--red);height:100%}.fans-bar .b{background:var(--blue);height:100%}.fans-bar .draw{background:var(--text-3);height:100%}.fans-pct-row{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;gap:10px}.fans-pct-row .a{color:var(--red)}.fans-pct-row .b{color:var(--blue)}.rounds-section{margin:0 14px 14px}.rounds-header{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px 8px;gap:10px}.rounds-title{font-size:12px;letter-spacing:1px;color:var(--text-2);font-weight:700;text-transform:uppercase}.rounds-legend{display:flex;gap:8px;font-size:9px;color:var(--text-2)}.rounds-legend-item{display:flex;align-items:center;gap:4px}.rounds-legend-dot{width:7px;height:7px;border-radius:2px;flex-shrink:0}.rounds-legend-dot.red{background:var(--red)}.rounds-legend-dot.blue{background:var(--blue)}.round-row{background:var(--bg-1);border:1px solid var(--border);border-radius:9px;margin-bottom:5px;padding:8px 12px;display:grid;grid-template-columns:26px 100px 1fr 14px;grid-gap:10px;gap:10px;align-items:center;position:relative}.round-row.has-detail{cursor:pointer}.round-row.expanded{background:var(--bg-2)}.round-num{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-2);font-weight:700}.round-score{justify-content:flex-start;font-family:Inter,sans-serif;font-size:18px;font-weight:700;line-height:1;width:100%}.round-score,.round-score-nums{display:flex;align-items:center}.round-score-nums{gap:4px;flex-shrink:0}.round-score .a{color:var(--red)}.round-score .b{color:var(--blue)}.round-score .dash{color:var(--text-3);font-size:12px;font-family:JetBrains Mono,monospace;font-weight:400}.round-score .ko-marker{font-family:Inter,sans-serif;font-weight:800;font-size:13px;letter-spacing:.1em;color:var(--gold-bright)}.close-tag{display:inline-block;margin-left:6px;padding:2px 5px 1px;background:rgba(244,208,63,.15);border:1px solid rgba(244,208,63,.3);color:var(--gold-bright);border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.05em;line-height:1.3;white-space:nowrap}.fan-bar-wrap{display:flex;flex-direction:column;gap:4px;width:100%}.fan-bar{height:6px;background:var(--bg-3);border-radius:3px;display:flex;overflow:hidden}.fan-bar .a{background:var(--red);height:100%}.fan-bar .b{background:var(--blue);height:100%}.fan-stats{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.fan-stats .a{color:var(--red)}.fan-stats .b{color:var(--blue)}.fan-stats .dim{opacity:.4}.round-chevron{color:var(--text-3);font-size:13px;transition:transform .2s;text-align:center;visibility:hidden}.round-row.has-detail .round-chevron{visibility:visible}.round-row.expanded .round-chevron{transform:rotate(180deg);color:var(--text-2)}.round-detail{grid-column:1/-1;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 4px;font-size:13px;gap:10px}.detail-row+.detail-memo,.detail-row+.detail-row{border-top:1px solid var(--border)}.detail-label{color:var(--text-2);font-weight:500;flex-shrink:0}.detail-value{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.04em;text-align:right;overflow-wrap:anywhere}.detail-value.a{color:var(--red)}.detail-value.b{color:var(--blue)}.detail-value.even{color:var(--text-1)}.detail-memo{padding:8px 4px 2px;display:flex;flex-direction:column;gap:4px}.detail-memo-label{color:var(--text-2);font-size:11px;letter-spacing:.1em;font-weight:600;text-transform:uppercase}.detail-memo-text{color:var(--text-1);font-size:13px;line-height:1.5;white-space:pre-wrap}.result-empty-state{margin:40px 14px;padding:40px 20px;text-align:center;color:var(--text-3);font-size:13px;background:var(--bg-1);border:1px dashed var(--border-strong);border-radius:12px}.result-actions{margin:16px 14px 24px;display:flex;flex-direction:column;gap:8px}.result-btn{padding:12px;border-radius:11px;font-family:Inter,Noto Sans JP,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-align:center;cursor:pointer;text-transform:uppercase;border:none;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.result-btn-primary{background:linear-gradient(180deg,var(--gold-bright),#c9a227);color:#1a1a00}.result-btn-secondary{background:var(--bg-2);color:var(--text-1);border:1px solid var(--border-strong)}.result-btn-tertiary{background:transparent;color:var(--text-2);border:1px solid var(--border)}.result-btn:disabled{opacity:.5;cursor:not-allowed}.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)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{background:var(--color-card);border-radius:12px;padding:16px;border:1px solid var(--color-border);margin-bottom:12px}.skeleton-line{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-card-hover) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line-short{width:40%}.skeleton-line-medium{width:65%}.skeleton-line-long{width:90%}.skeleton-circle{width:28px;height:20px;border-radius:4px;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-card-hover) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-fighters{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.skeleton-fighter{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1}.skeleton-vs{width:20px;height:14px;border-radius:4px;background:var(--color-border);flex-shrink:0}.skeleton-footer{display:flex;gap:8px;margin-top:12px}.skeleton-badge{width:80px;height:20px;border-radius:10px;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-card-hover) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.empty-state{text-align:center;padding:64px 24px;color:var(--color-text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:15px;line-height:1.6}.search-empty{text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:6px}.search-empty-icon{font-size:40px;opacity:.5;margin-bottom:8px}.search-empty-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.search-empty-hint{font-size:13px;color:var(--color-text-secondary);margin:0 0 16px}.search-empty-cta{padding:12px 22px;background:var(--color-text);border:1px solid var(--color-text);border-radius:10px;color:var(--color-bg);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.search-empty-cta:hover{background:var(--color-text-secondary);border-color:var(--color-text-secondary)}.error-state{text-align:center;padding:48px 24px;color:var(--color-text-secondary)}.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:100vh;padding-top:0}body.env-capacitor .app-layout{padding-top:calc(env(safe-area-inset-top, 0px) + 57px)}@media (display-mode:standalone){.app-layout{padding-top:calc(env(safe-area-inset-top, 0px) + 57px)}}.sidebar{width:200px;position:-webkit-sticky;position:sticky;top:calc(env(safe-area-inset-top, 0px) + 57px);height:calc(100vh - env(safe-area-inset-top, 0px) - 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}.info-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:32px 16px 100px;font-size:12px}.info-links a{color:var(--color-text-muted,#666);text-decoration:none}.info-links a:hover{color:var(--color-text-secondary,#999)}.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:color .2s,transform .2s;position:relative}.footer-nav-item:hover{color:var(--color-text)}.footer-nav-item.active{color:var(--color-gold);font-weight:700}.footer-nav-icon{display:flex;align-items:center;justify-content:center}.footer-nav-icon,.footer-nav-icon .nav-icon-svg{width:28px;height:28px}.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:calc(env(safe-area-inset-top, 0px) + 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:32px 16px 24px;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}.round-indicator,.running-total{font-size:28px}.round-indicator-num{font-size:36px}.event-carousel-item{width:120px}.match-card{padding:12px}.score-option{padding:12px 6px}.criteria-btn{min-height:44px}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--color-bg)}.error-boundary-content{text-align:center;max-width:400px}.error-boundary-icon{font-size:48px;margin-bottom:16px}.error-boundary-title{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--color-text)}.error-boundary-message{color:var(--color-text-secondary);margin-bottom:24px}.error-boundary-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-boundary-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;transition:background .2s,transform .1s;min-width:120px}.error-boundary-btn:active{transform:scale(.98)}.error-boundary-btn-primary{background:var(--color-fighter-a);color:white}.error-boundary-btn-primary:hover{background:#d32f3f}.error-boundary-btn-secondary{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text)}.error-boundary-btn-secondary:hover{background:var(--color-card-hover)}.error-boundary-details{margin-top:24px;text-align:left;background:var(--color-card);border-radius:8px;padding:12px;font-size:12px}.error-boundary-details summary{cursor:pointer;color:var(--color-text-secondary);margin-bottom:8px}.error-boundary-details pre{overflow-x:auto;color:var(--color-fighter-a);white-space:pre-wrap;word-break:break-word}.share-buttons{display:flex;gap:12px;margin-top:16px;margin-bottom:16px}.share-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.share-btn-x{background:#000000;color:#ffffff;border:1px solid #333}.share-btn-x:hover{background:#1a1a1a}.share-btn-x:active{background:#333}.share-btn-general{background:transparent;border:1px solid var(--color-gold);color:var(--color-gold)}.share-btn-general:hover{background:rgba(212,175,55,.1)}.share-btn-general:active{background:rgba(212,175,55,.2)}.share-btn-general:disabled{opacity:.5;cursor:not-allowed}.share-btn svg{flex-shrink:0}.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.95);color:#000;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:500;z-index:900;animation:toastIn .3s ease-out;max-width:calc(100vw - 32px);text-align:center}.toast.toast-hide{animation:toastOut .3s ease-in forwards}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(16px)}}.action-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:20px;animation:fadeInOverlay .2s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.action-sheet{background:var(--color-card);border-radius:16px;padding:8px;max-width:400px;width:100%;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.action-sheet-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border-radius:12px;font-size:15px;font-weight:500;color:var(--color-text);background:transparent;border:none;cursor:pointer;transition:background .15s}.action-sheet-btn:hover{background:var(--color-card-hover)}.action-sheet-btn:active{background:var(--color-border)}.action-sheet-btn svg{flex-shrink:0;color:var(--color-text-secondary)}.action-sheet-cancel{margin-top:4px;border-top:1px solid var(--color-border);padding-top:4px}.action-sheet-cancel .action-sheet-btn{justify-content:center;color:var(--color-text-secondary)}.match-search{width:100%;padding:10px 14px 10px 36px;background:#1a1a1e;border:1px solid #2a2a30;border-radius:8px;color:#fff;font-size:14px;outline:none;margin-bottom:8px}.match-search:focus{border-color:#d4af37}.match-search-wrapper{position:relative}.match-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.month-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:12px;padding-bottom:2px}.month-tabs::-webkit-scrollbar{display:none}.month-tab{padding:4px 12px;border-radius:16px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:13px;white-space:nowrap;cursor:pointer;transition:all .15s}.month-tab:hover{border-color:var(--color-gold);color:var(--color-text)}.month-tab.active{background:rgba(212,175,55,.15);border-color:var(--color-gold);color:var(--color-gold)}.show-more-btn{display:block;width:100%;padding:12px;margin-top:8px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all .15s}.show-more-btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.app-install-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-card);border-bottom:1px solid var(--color-border);color:var(--color-text)}.app-install-banner__close{flex:0 0 auto;background:transparent;border:0;color:var(--color-text-muted);font-size:20px;line-height:1;padding:4px 6px;cursor:pointer}.app-install-banner__close:hover{color:var(--color-text)}.app-install-banner__icon{flex:0 0 auto;width:40px;height:40px;border-radius:8px}.app-install-banner__text{flex:1 1 auto;min-width:0}.app-install-banner__title{font-weight:700;font-size:14px;line-height:1.2}.app-install-banner__subtitle{font-size:12px;color:var(--color-text-secondary);line-height:1.2;margin-top:2px}.app-install-banner__cta{flex:0 0 auto;background:var(--color-gold);color:#000;border:0;border-radius:999px;font-weight:700;font-size:13px;padding:8px 16px;cursor:pointer}.app-install-banner__cta:hover{opacity:.9}.stoppage-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;margin-bottom:12px;background:rgba(243,156,18,.12);border:1px solid rgba(243,156,18,.5);border-radius:10px;font-size:13px;color:var(--color-warning)}.stoppage-banner-text{flex:1 1;min-width:0;font-weight:600}.stoppage-banner-cancel{padding:6px 12px;border-radius:6px;background:transparent;border:1px solid var(--color-warning);color:var(--color-warning);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.stoppage-banner-cancel:hover{background:var(--color-warning);color:#000}