*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#000;font-family:Helvetica,Arial,sans-serif;font-size:1.6em;font-weight:300;line-height:1.6}blockquote{border-left:.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin-bottom:0}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:#0069d9;border:.1rem solid #0069d9;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{background-color:#0069d9;border-color:#0069d9}.button.button-outline,button.button-outline,input[type=button].button-outline,input[type=reset].button-outline,input[type=submit].button-outline{background-color:transparent;color:#0069d9}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type=button].button-outline:focus,input[type=button].button-outline:hover,input[type=reset].button-outline:focus,input[type=reset].button-outline:hover,input[type=submit].button-outline:focus,input[type=submit].button-outline:hover{background-color:transparent;border-color:#606c76;color:#606c76}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type=button].button-outline[disabled]:focus,input[type=button].button-outline[disabled]:hover,input[type=reset].button-outline[disabled]:focus,input[type=reset].button-outline[disabled]:hover,input[type=submit].button-outline[disabled]:focus,input[type=submit].button-outline[disabled]:hover{border-color:inherit;color:#0069d9}.button.button-clear,button.button-clear,input[type=button].button-clear,input[type=reset].button-clear,input[type=submit].button-clear{background-color:transparent;border-color:transparent;color:#0069d9}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type=button].button-clear:focus,input[type=button].button-clear:hover,input[type=reset].button-clear:focus,input[type=reset].button-clear:hover,input[type=submit].button-clear:focus,input[type=submit].button-clear:hover{background-color:transparent;border-color:transparent;color:#606c76}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type=button].button-clear[disabled]:focus,input[type=button].button-clear[disabled]:hover,input[type=reset].button-clear[disabled]:focus,input[type=reset].button-clear[disabled]:hover,input[type=submit].button-clear[disabled]:focus,input[type=submit].button-clear[disabled]:hover{color:#0069d9}code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:#f4f5f6;border-left:.3rem solid #0069d9;overflow-y:hidden}pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}hr{border:0;border-top:.1rem solid #f4f5f6;margin:3rem 0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1rem;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus,select:focus{border-color:#0069d9;outline:0}select{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;padding-right:3rem}select:focus{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%230069d9" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}.label-inline{display:inline-block;font-weight:400;margin-left:.5rem}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{-ms-grid-row-align:center;align-self:center}@media (min-width: 40rem){.row{flex-direction:row;margin-left:-1rem;width:calc(100% + 2rem)}.row .column{margin-bottom:inherit;padding:0 1rem}}a{color:#0069d9;text-decoration:none}a:focus,a:hover{color:#606c76}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3rem}ol{list-style:decimal inside}ul{list-style:circle inside}.button,button,dd,dt,li{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;width:100%}td,th{border-bottom:.1rem solid #e1e1e1;padding:1.2rem 1.5rem;text-align:left}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}b,strong{font-weight:700}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}img{max-width:100%}.clearfix:after{clear:both;content:" ";display:table}.float-left{float:left}.float-right{float:right}h1{font-size:3.6rem;line-height:1.25}h2{font-size:2.8rem;line-height:1.3}h3{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h4{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h5{font-size:1.6rem;letter-spacing:0;line-height:1.4}h6{font-size:1.4rem;letter-spacing:0;line-height:1.2}pre{padding:1em}.container{margin:0 auto;max-width:80rem;padding:0 2rem;position:relative;width:100%}select{width:auto}.phx-hero{text-align:center;border-bottom:1px solid #e3e3e3;background:#eee;border-radius:6px;padding:3em 3em 1em;margin-bottom:3rem;font-weight:200;font-size:120%}.phx-hero input{background:#fff}.phx-logo{min-width:300px;margin:1rem;display:block}.phx-logo img{width:auto;display:block}header{width:100%;background:#fdfdfd;border-bottom:1px solid #eaeaea;margin-bottom:2rem}header section{align-items:center;display:flex;flex-direction:column;justify-content:space-between}header section :first-child{order:2}header section :last-child{order:1}header nav ul,header nav li{margin:0;padding:0;display:block;text-align:right;white-space:nowrap}header nav ul{margin:1rem;margin-top:0}header nav a{display:block}@media (min-width: 40rem){header section{flex-direction:row}header nav ul{margin:1rem}.phx-logo{flex-basis:527px;margin:2rem 1rem}}html{font-size:75%}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f4f5f6;--bg-card: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);--bg-card-hover: linear-gradient(145deg, #f8f9fa 0%, #e9ecef 100%);--text-primary: #1a1a2e;--text-secondary: #2d3436;--text-muted: #6c757d;--text-body: #000000;--border-color: #e8e8e8;--border-light: rgba(0, 0, 0, .05);--border-medium: #d1d1d1;--accent-primary: #0069d9;--accent-hover: #0056b3;--accent-bg: rgba(0, 105, 217, .05);--accent-bg-strong: rgba(0, 105, 217, .1);--nav-bg: rgb(244, 245, 246);--nav-border: rgb(209, 209, 209);--nav-text: #606c76;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 15px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .12);--alert-info-bg: #d9edf7;--alert-info-text: #31708f;--alert-info-border: #bce8f1;--alert-warning-bg: #fcf8e3;--alert-warning-text: #8a6d3b;--alert-warning-border: #faebcc;--alert-danger-bg: #f2dede;--alert-danger-text: #a94442;--alert-danger-border: #ebccd1;--input-bg: transparent;--input-border: #d1d1d1;--table-border: #e1e1e1;--code-bg: #f4f5f6;--score-display-bg: #f8f9fa;--modal-bg: #fefefe;--success-color: #28a745;--danger-color: #dc3545;--accuracy: 0}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: linear-gradient(145deg, #1e2a45 0%, #16213e 100%);--bg-card-hover: linear-gradient(145deg, #243352 0%, #1e2a45 100%);--text-primary: #e8e8e8;--text-secondary: #d0d0d0;--text-muted: #9ca3af;--text-body: #e0e0e0;--border-color: #2d3a5a;--border-light: rgba(255, 255, 255, .08);--border-medium: #374362;--accent-primary: #4a9eff;--accent-hover: #6bb3ff;--accent-bg: rgba(74, 158, 255, .1);--accent-bg-strong: rgba(74, 158, 255, .2);--nav-bg: #111827;--nav-border: #1f2937;--nav-text: #d1d5db;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 15px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .5);--alert-info-bg: #1a3a5c;--alert-info-text: #7ec8e3;--alert-info-border: #2a5a8c;--alert-warning-bg: #3d3520;--alert-warning-text: #f0d080;--alert-warning-border: #5a4e30;--alert-danger-bg: #3d1a1a;--alert-danger-text: #f5a0a0;--alert-danger-border: #5a2a2a;--input-bg: #1e2a45;--input-border: #374362;--table-border: #2d3a5a;--code-bg: #16213e;--score-display-bg: #16213e;--modal-bg: #1e2a45;--success-color: #34d058;--danger-color: #f85149}[data-theme=dark] body{background-color:var(--bg-primary);color:var(--text-body)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)}[data-theme=dark] a{color:var(--accent-primary)}[data-theme=dark] a:focus,[data-theme=dark] a:hover{color:var(--accent-hover)}[data-theme=dark] hr{border-top-color:var(--border-color)}[data-theme=dark] td,[data-theme=dark] th{border-bottom-color:var(--table-border)}[data-theme=dark] code{background:var(--code-bg);color:var(--text-primary)}[data-theme=dark] pre{background:var(--code-bg);border-left-color:var(--accent-primary)}[data-theme=dark] blockquote{border-left-color:var(--border-medium)}[data-theme=dark] input[type=email],[data-theme=dark] input[type=number],[data-theme=dark] input[type=password],[data-theme=dark] input[type=search],[data-theme=dark] input[type=tel],[data-theme=dark] input[type=text],[data-theme=dark] input[type=url],[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-body)}[data-theme=dark] .button,[data-theme=dark] button,[data-theme=dark] input[type=button],[data-theme=dark] input[type=reset],[data-theme=dark] input[type=submit]{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}[data-theme=dark] .button:focus,[data-theme=dark] .button:hover,[data-theme=dark] button:focus,[data-theme=dark] button:hover,[data-theme=dark] input[type=submit]:focus,[data-theme=dark] input[type=submit]:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.theme-toggle,[data-theme=dark] .theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;margin:0;font-size:1.8rem;line-height:1;height:auto;letter-spacing:0;text-transform:none;color:var(--nav-text);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;vertical-align:middle}.theme-toggle:hover,[data-theme=dark] .theme-toggle:hover,[data-theme=dark] .theme-toggle:focus{transform:scale(1.2);background:none;border-color:transparent;color:var(--nav-text)}.theme-toggle:focus{outline:none;box-shadow:none}.theme-toggle .theme-icon-light,.theme-toggle .theme-icon-dark{display:none}[data-theme=light] .theme-toggle .theme-icon-light,:root:not([data-theme=dark]) .theme-toggle .theme-icon-light{display:inline}[data-theme=dark] .theme-toggle .theme-icon-dark{display:inline}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-disconnected{cursor:wait}.phx-disconnected *{pointer-events:none}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert p{margin-bottom:0}.alert:empty{display:none}.invalid-feedback{color:#a94442;display:block;margin:-1rem 0 2rem}.wrapper{display:block;overflow:hidden;position:relative;width:100%}.wrapper .container{max-width:80rem}.wrapper>.container{padding-bottom:7.5rem;padding-top:7.5rem}.button-large{font-size:2rem;height:7.5rem;line-height:7.5rem;padding:0 2rem}.button-main{width:100%}.prediction-page-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e8e8e8}.prediction-page-header h1{color:#1a1a2e;font-weight:600;margin-bottom:.5rem}.match-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #00000014;border:1px solid rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}.match-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.match-card-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.team-section{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.team-section.home{align-items:flex-start;text-align:left}.team-section.away{align-items:flex-end;text-align:right}.team-flag-container{width:70px;height:50px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000026;margin-bottom:.75rem}.team-flag{width:100%;height:100%;object-fit:cover}.team-flag.team-flag-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.team-name{font-size:1.4rem;font-weight:600;color:#2d3436;margin-bottom:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.score-section{display:flex;align-items:center;justify-content:center;gap:1rem;flex-shrink:0}.score-control{display:flex;flex-direction:column;align-items:center;gap:.5rem}.score-btn{width:56px;height:48px;min-width:56px;min-height:48px;border-radius:24px;border:2px solid #0069d9;background:#fff;color:#0069d9;font-size:1.6rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,transform .1s ease;padding:0 .5rem;line-height:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.score-btn:hover{background:#0069d9;color:#fff;transform:scale(1.05)}.score-btn:active{transform:scale(.93);background:#0057b8;color:#fff}.score-btn.decrement{border-color:#6c757d;color:#6c757d}.score-btn.decrement:hover{background:#6c757d;color:#fff}.score-btn.decrement:active{background:#5a6268;color:#fff}.score-display{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 1rem;background:#f8f9fa;border-radius:12px;min-width:100px}.score-value{font-size:3.5rem;font-weight:700;color:#1a1a2e;line-height:1;min-width:35px;text-align:center}.score-value.empty{color:#adb5bd}.score-separator{font-size:2.5rem;font-weight:300;color:#adb5bd}.score-direct-input{display:none;width:50px;font-size:3rem;font-weight:700;text-align:center;border:2px solid #0069d9;border-radius:8px;background:#fff;color:#1a1a2e;padding:.1rem;line-height:1;-moz-appearance:textfield}.score-direct-input::-webkit-outer-spin-button,.score-direct-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.score-direct-input.score-input-active{display:inline-block}.score-value[data-score-tap]{cursor:pointer}.prediction-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e8e8e8}.status-indicator{width:10px;height:10px;border-radius:50%;background:#adb5bd}.status-indicator.complete{background:#28a745}.status-text{font-size:1.2rem;color:#6c757d}.back-button-container{margin-top:2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.back-button-container .button{width:320px;max-width:100%;margin-bottom:0}@media (max-width: 600px){.match-card-inner{flex-wrap:wrap;justify-content:center}.team-section{flex:0 0 40%;align-items:center!important;text-align:center!important}.score-section{flex:0 0 100%;margin-top:1rem;order:3}.score-display{min-width:140px}.team-name{max-width:100px;font-size:1.2rem}.team-flag-container{width:60px;height:42px}}.navigation{display:block;height:5.2rem;left:0;max-width:100%;position:fixed;right:0;top:0;width:100%;z-index:1;background:#f4f5f6;border-bottom:.1rem solid rgb(209,209,209)}.navigation .container{padding-bottom:0;padding-top:0;max-width:80rem}.navigation .navigation-list{list-style:none;margin-bottom:0;line-height:5.2rem}@media (min-width: 80rem){.navigation .navigation-list{margin-right:0;line-height:5.2rem}}.navigation .navigation-item{float:left;margin-bottom:0;margin-left:2.5rem;position:relative;display:flex;align-items:center;height:5.2rem}.navigation .navigation-item a{display:inline-flex;align-items:center;height:100%}.navigation .img{fill:#0168d9;height:2rem;position:relative;top:.3rem}.navigation .navigation-title,.navigation .title{color:#606c76;font-family:Gotham Rounded A,Gotham Rounded B,Helvetica Neue,Arial,sans-serif;position:relative}.navigation .navigation-link,.navigation .navigation-title,.navigation .title{display:inline;font-size:1.6rem;line-height:5.2rem;padding:0;text-decoration:none}.navigation .navigation-link.active{color:#606c76}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}*:focus{outline:3px solid #0069d9;outline-offset:2px}button:focus,.button:focus,[role=button]:focus{outline:3px solid #0069d9;outline-offset:2px;box-shadow:0 0 0 6px #0069d940}a:focus{outline:3px solid #0069d9;outline-offset:2px}input:focus,select:focus,textarea:focus{outline:3px solid #0069d9;outline-offset:2px;border-color:#0069d9}input[type=checkbox]:focus{outline:3px solid #0069d9;outline-offset:3px;box-shadow:0 0 0 4px #0069d940}.score-btn:focus{outline:3px solid #0069d9;outline-offset:2px;box-shadow:0 0 0 4px #0069d94d;transform:scale(1.05)}.nav-button:focus{outline:3px solid #0069d9;outline-offset:2px;box-shadow:0 0 0 4px #0069d940;transform:translateY(-2px)}@supports selector(:focus-visible){*:focus{outline:none}*:focus-visible{outline:3px solid #0069d9;outline-offset:2px}button:focus-visible,.button:focus-visible,[role=button]:focus-visible{outline:3px solid #0069d9;outline-offset:2px;box-shadow:0 0 0 6px #0069d940}.score-btn:focus-visible{outline:3px solid #0069d9;outline-offset:2px;box-shadow:0 0 0 4px #0069d94d;transform:scale(1.05)}.nav-button:focus-visible{outline:3px solid #0069d9;outline-offset:2px;box-shadow:0 0 0 4px #0069d940;transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.match-card:hover,.nav-button:hover,.nav-card:hover{transform:none}}@media (prefers-contrast: more){.match-card{border:2px solid #000}.score-btn{border-width:3px}.nav-button{border:3px solid #000}.status-indicator{border:2px solid #000}.status-indicator.complete{background:#006400}.progress-bar-fill-modern{background:#000}}fieldset.match-card-inner{border:none;padding:0;margin:0;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.helper-text{color:#6c757d;font-size:1.2rem;margin-top:.5rem}.page-subtitle{color:#6c757d;font-size:1.4rem;margin-top:.5rem}.info-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #00000014;border:1px solid rgba(0,0,0,.05)}.info-card-title{color:#1a1a2e;font-weight:600;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e8e8e8}.rules-list{margin:0;padding-left:2rem}.rules-list li{margin-bottom:1rem;color:#2d3436;line-height:1.6}.points-list{list-style:none;margin:0;padding:0}.points-list li{display:flex;flex-direction:column;padding:1rem;margin-bottom:.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #0069d9}.points-label{font-weight:600;color:#1a1a2e;margin-bottom:.25rem}.points-detail{color:#6c757d;font-size:1.3rem}.info-note{margin-top:1.5rem;padding:1rem;background:#fff3cd;border-radius:8px;color:#856404;font-size:1.3rem;line-height:1.6}.onboarding-checklist{background:var(--bg-card);border-radius:16px;padding:1.5rem 2rem;margin-bottom:1.5rem;box-shadow:var(--shadow-md);border:2px solid var(--accent-primary)}.onboarding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.onboarding-title{color:var(--text-primary);font-weight:600;font-size:1.6rem;margin:0}.onboarding-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.onboarding-dismiss:hover{color:var(--text-primary);background:var(--accent-bg)}.onboarding-steps{list-style:none;margin:0;padding:0}.onboarding-step{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.onboarding-step:last-child{border-bottom:none}.onboarding-step-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.3rem}.onboarding-step.active .onboarding-step-icon{background:var(--accent-primary);color:#fff}.onboarding-step.completed .onboarding-step-icon{background:var(--success-color);color:#fff}.onboarding-step.locked .onboarding-step-icon{background:var(--border-color);color:var(--text-muted)}.step-number{font-size:1.3rem}.onboarding-step-content{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1}.onboarding-step-link{color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:1.4rem}.onboarding-step-link:hover{text-decoration:underline}.onboarding-step.completed .onboarding-step-link{color:var(--success-color);text-decoration:line-through}.onboarding-step-text.locked{color:var(--text-muted);font-size:1.4rem}.onboarding-step-detail{color:var(--text-muted);font-size:1.2rem;font-weight:500}.onboarding-progress{margin-top:1rem}.onboarding-progress-bar{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.onboarding-progress-fill{height:100%;background:var(--accent-primary);border-radius:3px;transition:width .3s ease}.onboarding-complete{margin-top:1rem;text-align:center;padding:.75rem;background:#28a7451a;border-radius:8px}.onboarding-complete-text{color:var(--success-color);font-weight:600;font-size:1.3rem}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;margin-bottom:2rem}.nav-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;padding:2rem;text-align:center;text-decoration:none;box-shadow:0 4px 15px #00000014;border:1px solid rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;gap:1rem}.nav-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001f;text-decoration:none}.nav-card-icon{width:50px;height:50px;background:#0069d9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.nav-card-icon svg{width:28px;height:28px}.nav-card-label{font-weight:600;color:#1a1a2e;font-size:1.4rem}.data-table-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;padding:0;margin-bottom:1.5rem;box-shadow:0 4px 15px #00000014;border:1px solid rgba(0,0,0,.05);overflow:hidden}.data-table-card table{margin-bottom:0;width:100%}.data-table-card thead{background:linear-gradient(145deg,#f8f9fa,#e9ecef)}.data-table-card thead th{padding:1.25rem 1rem;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e8e8e8;white-space:nowrap}.data-table-card tbody tr{transition:background-color .2s ease}.data-table-card tbody tr:hover{background:#0069d90d}.data-table-card tbody td{padding:1rem;border-bottom:1px solid #e8e8e8;vertical-align:middle}.data-table-card tbody tr:last-child td{border-bottom:none}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:1.2rem}.rank-badge.gold{background:linear-gradient(145deg,gold,#ffb900);color:#664d00}.rank-badge.silver{background:linear-gradient(145deg,silver,#a8a8a8);color:#4a4a4a}.rank-badge.bronze{background:linear-gradient(145deg,#cd7f32,#b8722e);color:#3d2814}.rank-badge.default{background:#f8f9fa;color:#6c757d}.user-link{color:#0069d9;text-decoration:none;font-weight:500;font-size:1.4rem;transition:color .2s ease}.user-link:hover{color:#004db3;text-decoration:underline}.points-total{font-weight:700;color:#1a1a2e;font-size:1.6rem}.points-secondary{color:#6c757d;font-size:1.4rem}.leaderboard-row-updated{animation:row-highlight 2s ease-out}@keyframes row-highlight{0%{background-color:#28a7454d}to{background-color:transparent}}.rank-change{display:inline-block;margin-left:.5rem;font-size:1.1rem;font-weight:600;animation:fade-in-out 3s ease-out forwards}.rank-change.rank-up{color:#28a745}.rank-change.rank-down{color:#dc3545}.points-change{display:inline-block;margin-left:.5rem;font-size:1.1rem;font-weight:600;color:#28a745;animation:fade-in-out 3s ease-out forwards}@keyframes fade-in-out{0%{opacity:1}70%{opacity:1}to{opacity:0}}.streak-cell{white-space:nowrap;font-size:1.4rem}.streak-current{font-weight:600;color:#495057}.streak-current.streak-hot{color:#dc3545;font-weight:700}.streak-separator{color:#adb5bd;margin:0 .25rem}.streak-longest{color:#6c757d;font-size:1.1rem}.leaderboard-filters{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05)}.leaderboard-filters .filter-form{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.leaderboard-filters .filter-group{display:flex;align-items:center;gap:.75rem}.leaderboard-filters .filter-group label{margin-bottom:0;font-weight:600;color:#495057;font-size:1.4rem;white-space:nowrap}.leaderboard-filters .filter-select{margin-bottom:0;height:auto;padding:.5rem 2rem .5rem .75rem;font-size:1.4rem;border:1px solid #ced4da;border-radius:8px;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:160px}.leaderboard-filters .filter-select:hover{border-color:#06c}.leaderboard-filters .filter-select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc26}@media (max-width: 600px){.leaderboard-filters .filter-form{flex-direction:column;align-items:stretch;gap:1rem}.leaderboard-filters .filter-group{flex-direction:column;align-items:stretch;gap:.5rem}.leaderboard-filters .filter-select{width:100%;min-width:unset}}.result-indicator{width:24px;height:24px}.result-indicator.correct{color:#28a745}.section-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #00000014;border:1px solid rgba(0,0,0,.05)}.section-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e8e8e8}.section-card-title{color:#1a1a2e;font-weight:600;font-size:1.8rem;margin:0}.crowd-confidence-section{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid rgba(0,0,0,.05)}.confidence-subtitle{font-size:1.3rem;color:#6c757d;margin-bottom:1.5rem;text-align:center}.confidence-bars{display:flex;flex-direction:column;gap:1rem}.confidence-bar-item{display:grid;grid-template-columns:140px 1fr 50px 40px;align-items:center;gap:1rem}.confidence-bar-label{display:flex;align-items:center;gap:.5rem}.confidence-outcome{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#1a1a2e;color:#fff;border-radius:4px;font-weight:600;font-size:1.2rem}.confidence-team{font-weight:500;color:#1a1a2e;font-size:1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.confidence-bar-container{height:24px;background:#e9ecef;border-radius:12px;overflow:hidden;min-width:0}.confidence-bar{height:100%;border-radius:12px;transition:width .5s ease-out;min-width:2px}.confidence-bar.confidence-home{background:linear-gradient(90deg,#28a745,#20c997)}.confidence-bar.confidence-draw{background:linear-gradient(90deg,#6c757d,#adb5bd)}.confidence-bar.confidence-away{background:linear-gradient(90deg,#dc3545,#fd7e14)}.confidence-percentage{font-weight:700;color:#1a1a2e;font-size:1.4rem;text-align:right}.confidence-count{font-size:1.2rem;color:#6c757d}@media (max-width: 600px){.confidence-bar-item{grid-template-columns:100px 1fr 45px 35px;gap:.5rem}.confidence-team{font-size:1.1rem}.confidence-bar-container{height:20px}.confidence-percentage{font-size:1.2rem}.confidence-count{font-size:1rem}}.predictions-group{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 768px){.predictions-group{grid-template-columns:1fr}}.prediction-column{background:#f8f9fa;border-radius:12px;padding:1.5rem}.prediction-column-title{font-weight:600;color:#1a1a2e;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e8e8e8;text-align:center}.prediction-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e8e8e8}.prediction-item:last-child{border-bottom:none}.team-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8f9fa;border-radius:20px;font-size:1.2rem;margin:.25rem}.team-tag.correct{background:#d4edda;color:#155724}.team-tag.incorrect{background:#f8f9fa;color:#6c757d}.phase-section{margin-bottom:2rem}.phase-title{font-weight:600;color:#1a1a2e;font-size:1.6rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e8e8e8}.teams-grid{display:flex;flex-wrap:wrap;gap:.5rem}.form-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #00000014;border:1px solid rgba(0,0,0,.05);max-width:400px;margin-left:auto;margin-right:auto}.form-card label{font-weight:500;color:#1a1a2e}.form-card input[type=text],.form-card input[type=email],.form-card input[type=password]{width:100%;padding:1rem;border:2px solid #e8e8e8;border-radius:8px;font-size:1.4rem;transition:border-color .2s ease,box-shadow .2s ease}.form-card input[type=text]:focus,.form-card input[type=email]:focus,.form-card input[type=password]:focus{outline:none;border-color:#0069d9;box-shadow:0 0 0 3px #0069d91a}.form-card button[type=submit],.form-card input[type=submit]{width:100%;padding:1rem 2rem;background:#0069d9;color:#fff;border:none;border-radius:8px;font-size:1.4rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.form-card button[type=submit]:hover,.form-card input[type=submit]:hover{background:#0056b3;transform:translateY(-2px)}.form-links{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e8e8e8}.form-links a{color:#0069d9;text-decoration:none}.form-links a:hover{text-decoration:underline}.nav-button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 600px){.nav-button-grid{grid-template-columns:1fr}}.nav-button{display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:12px;text-decoration:none;box-shadow:0 4px 15px #00000014;border:2px solid #e8e8e8;transition:all .2s ease;font-weight:600;color:#1a1a2e;font-size:1.4rem}.nav-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#0069d9;text-decoration:none}.nav-button.filled{background:linear-gradient(145deg,#d4edda,#c3e6cb);border-color:#28a745}.nav-button:disabled,.nav-button.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.match-result-header{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:16px;margin-bottom:2rem}.match-result-team{text-align:center}.match-result-team .team-flag-container{width:100px;height:70px;margin:0 auto 1rem}.match-result-team .team-name{font-size:1.6rem;max-width:150px}.match-result-score{font-size:4rem;font-weight:700;color:#1a1a2e;padding:0 2rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;margin:.25rem 0;border-radius:8px;transition:background-color .2s ease}.checkbox-item:hover{background:#0069d90d}.checkbox-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-item .label-inline{margin-bottom:0;cursor:pointer;font-weight:500}.view-predictions-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#0069d9;border-radius:8px;color:#fff;transition:all .2s ease}.view-predictions-btn:hover{background:#0056b3;transform:scale(1.1)}.view-predictions-btn svg{width:20px;height:20px}.match-date{color:#6c757d;font-size:1.2rem;white-space:nowrap}.group-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;background:#e9ecef;border-radius:20px;font-weight:600;font-size:1.2rem;color:#1a1a2e}.match-teams{font-weight:500;color:#1a1a2e}.match-score{font-weight:700;color:#0069d9;font-size:1.4rem}.match-final-score{font-weight:700;color:#28a745;font-size:1.6rem}.prediction-score{font-weight:600;color:#0069d9;background:#0069d91a;padding:.25rem .75rem;border-radius:12px;font-size:1.2rem}.no-predictions{color:#6c757d;font-style:italic;text-align:center;padding:1rem 0}.playoff-teams-list{display:flex;flex-direction:column;gap:1rem}.team-prediction-card{background:#f8f9fa;border-radius:12px;padding:1rem 1.5rem;border-left:4px solid #e8e8e8;transition:all .2s ease}.team-prediction-card.correct{border-left-color:#28a745;background:linear-gradient(145deg,#d4edda,#c3e6cb)}.team-prediction-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.team-name-badge{font-weight:700;color:#1a1a2e;font-size:1.4rem}.team-name-badge.correct{color:#155724}.prediction-count{font-size:1.2rem;color:#6c757d;background:#0000000d;padding:.25rem .75rem;border-radius:12px}.team-predictors{color:#6c757d;font-size:1.3rem;line-height:1.5}.teams-grid.winner{font-weight:700;color:#1a1a2e;font-size:1.6rem}.progress-container{padding:1rem 0}.progress-info{display:flex;justify-content:space-between;margin-bottom:.75rem}.progress-label{font-weight:500;color:#6c757d}.progress-value{font-weight:700;color:#0069d9;font-size:1.4rem}.progress-bar-modern{width:100%;height:12px;background-color:#e9ecef;border-radius:6px;overflow:hidden}.progress-bar-fill-modern{height:100%;background:linear-gradient(90deg,#0069d9,#004db3);border-radius:6px;transition:width .5s ease-in-out}.form-group{margin-bottom:1.5rem}.form-hint{margin-top:.5rem;margin-bottom:0;color:#6c757d;font-size:1.2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#1a1a2e}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;padding:1rem;border:2px solid #e8e8e8;border-radius:8px;font-size:1.4rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus{outline:none;border-color:#0069d9;box-shadow:0 0 0 3px #0069d91a}.submit-button{width:100%;padding:1rem 2rem;background:#0069d9;color:#fff;border:none;border-radius:8px;font-size:1.4rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;height:auto;line-height:1.4;text-transform:none;letter-spacing:normal}.submit-button:hover{background:#0056b3;transform:translateY(-2px)}.group-navigation{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.group-nav-buttons{display:flex;align-items:stretch;justify-content:center;gap:.5rem;flex-wrap:nowrap}.group-nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1rem;border-radius:8px;text-decoration:none;box-shadow:var(--shadow-sm);transition:all .2s ease;font-weight:500;font-size:1.2rem;white-space:nowrap;flex:1;max-width:140px;min-height:48px}.group-nav-btn-secondary{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary)}.group-nav-btn-secondary:hover:not(.disabled){border-color:var(--accent-primary);text-decoration:none;color:var(--accent-primary);box-shadow:var(--shadow-md)}.group-nav-btn-secondary.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;background:var(--bg-secondary)}.group-nav-btn-primary{background:var(--accent-primary);border:2px solid var(--accent-primary);color:#fff;flex:1.2;max-width:160px}.group-nav-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);text-decoration:none;color:#fff;box-shadow:var(--shadow-md)}.group-nav-btn-primary.button-outline{background:transparent;color:var(--accent-primary)}.group-nav-btn-primary.button-outline:hover{background:var(--accent-primary);color:#fff}@media (max-width: 768px){.group-navigation{position:fixed;bottom:0;left:0;right:0;z-index:100;margin-top:0;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color);background:var(--bg-primary);box-shadow:0 -2px 10px #0000001a}.group-nav-btn{padding:.75rem .5rem;font-size:1.1rem;max-width:none}.group-nav-btn-primary{max-width:none}.group-nav-spacer{height:80px}}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:#f8f9fa;border-radius:12px}.stat-label{font-size:1.2rem;color:#6c757d;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#1a1a2e}.stat-value.status-open{color:#28a745}.stat-value.status-closed{color:#dc3545}.admin-actions{display:flex;flex-wrap:wrap;gap:1rem}.admin-action-btn{padding:1rem 2rem;background:#0069d9;color:#fff;border:none;border-radius:8px;font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-action-btn:hover{background:#0056b3;transform:translateY(-2px)}.admin-footer{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e8e8e8;text-align:center}.back-link{color:#0069d9;text-decoration:none;font-weight:500;font-size:1.4rem}.back-link:hover{text-decoration:underline}.group-selector,.phase-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.group-btn,.phase-btn{padding:.75rem 1.25rem;background:#f8f9fa;border:2px solid #e8e8e8;border-radius:8px;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#1a1a2e}.group-btn:hover,.phase-btn:hover{border-color:#0069d9;color:#0069d9}.group-btn.active,.phase-btn.active{background:#0069d9;border-color:#0069d9;color:#fff}.matches-list{display:flex;flex-direction:column;gap:1rem}.match-row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #e8e8e8}.match-row.finished{border-left-color:#28a745;background:linear-gradient(145deg,#d4edda,#c3e6cb)}.match-teams{display:flex;align-items:center;gap:.5rem;font-weight:500}.match-teams .team{font-weight:600}.match-teams .vs{color:#6c757d;font-size:1.2rem}.match-score-form{display:flex;align-items:center;gap:.5rem}.score-input{width:60px;padding:.5rem;text-align:center;font-size:1.4rem;font-weight:600;border:2px solid #e8e8e8;border-radius:8px}.score-input:focus{outline:none;border-color:#0069d9}.save-btn{padding:.5rem 1rem;background:#0069d9;color:#fff;border:none;border-radius:6px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:#0056b3}.match-status{text-align:right}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:1.1rem;font-weight:600}.status-badge.finished{background:#28a745;color:#fff}.status-badge.pending{background:#ffc107;color:#856404}.status-badge.valid{background:#d4edda;color:#155724}.status-badge.invalid{background:#f8d7da;color:#721c24}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.team-group{background:#f8f9fa;border-radius:12px;padding:1rem}.group-label{font-weight:600;color:#1a1a2e;margin-bottom:.75rem;font-size:1.4rem}.team-buttons{display:flex;flex-direction:column;gap:.5rem}.team-btn{padding:.75rem 1rem;background:#fff;border:2px solid #e8e8e8;border-radius:8px;font-size:1.2rem;font-weight:500;color:#1a1a2e;cursor:pointer;transition:all .2s ease;text-align:left}.team-btn:hover{border-color:#0069d9;background:#0069d90d}.team-btn.selected{background:#28a745;border-color:#28a745;color:#fff}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e8e8e8}.users-table thead th.sortable{cursor:pointer;user-select:none}.users-table thead th.sortable:hover{background:#e9ecef}.users-table tbody td{padding:1rem;border-bottom:1px solid #e8e8e8;vertical-align:middle}.users-table tbody tr:hover{background:#0069d90d}.users-table tbody tr.admin-row{background:linear-gradient(145deg,#fff3cd,#ffeeba)}.users-table .text-center{text-align:center}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:1.1rem;font-weight:600;background:#e9ecef;color:#6c757d}.badge.admin{background:#ffc107;color:#856404}.actions-cell{display:flex;gap:.5rem;flex-wrap:wrap}.toggle-admin-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.toggle-admin-btn.add{background:#28a745;color:#fff}.toggle-admin-btn.add:hover{background:#218838}.toggle-admin-btn.remove{background:#dc3545;color:#fff}.toggle-admin-btn.remove:hover{background:#c82333}.view-predictions-link{padding:.5rem 1rem;background:#0069d9;color:#fff;border-radius:6px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s ease}.view-predictions-link:hover{background:#0056b3;text-decoration:none}.search-input{width:100%;padding:1rem;border:2px solid #e8e8e8;border-radius:8px;font-size:1.4rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:#0069d9;box-shadow:0 0 0 3px #0069d91a}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{padding:.75rem 1.25rem;background:#f8f9fa;border:2px solid #e8e8e8;border-radius:8px;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#1a1a2e}.filter-btn:hover{border-color:#0069d9}.filter-btn.active{background:#0069d9;border-color:#0069d9;color:#fff}.filter-btn.valid.active{background:#28a745;border-color:#28a745}.filter-btn.invalid.active{background:#dc3545;border-color:#dc3545}.validation-list{display:flex;flex-direction:column;gap:1rem}.validation-row{display:grid;grid-template-columns:1fr 2fr auto;gap:1rem;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #e8e8e8}.validation-row.valid{border-left-color:#28a745}.validation-row.invalid{border-left-color:#dc3545}.validation-user{display:flex;flex-direction:column;gap:.5rem}.validation-user .user-name{font-weight:600;color:#1a1a2e}.validation-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.detail-label{font-weight:500;color:#6c757d}.detail-value{font-weight:600}.detail-value.valid{color:#28a745}.detail-value.invalid{color:#dc3545}.detail-note{font-size:1.1rem;color:#6c757d;font-style:italic}.validation-actions{text-align:right}.view-link{color:#0069d9;text-decoration:none;font-weight:500}.view-link:hover{text-decoration:underline}@media (max-width: 768px){.validation-row,.match-row{grid-template-columns:1fr;gap:.75rem}.match-score-form{justify-content:center}.match-status{text-align:center}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}.qualified-row{background:linear-gradient(145deg,#d4edda,#c3e6cb)}.qualified-row td{font-weight:500}.team-name-cell{font-weight:600;color:#1a1a2e}.points-cell{font-weight:700;color:#0069d9;font-size:1.4rem}.team-selection-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:flex-start}.team-select-column{display:flex;flex-direction:column;gap:1rem}.select-label{font-weight:600;color:#1a1a2e;font-size:1.4rem;text-align:center}.team-select-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#f8f9fa;border-radius:8px}.team-select-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;background:#fff;border:2px solid #e8e8e8;border-radius:8px;color:#1a1a2e;cursor:pointer;transition:all .2s ease;min-height:60px}.team-select-btn:hover:not(:disabled){border-color:#0069d9;transform:translateY(-2px)}.team-select-btn.active{border-color:#0069d9;background:#0069d91a}.team-select-btn:disabled{opacity:.3;cursor:not-allowed}.team-select-btn .team-flag{width:32px;height:22px;object-fit:cover;border-radius:2px}.team-flag-placeholder{width:32px;height:22px;background:#e9ecef;border-radius:2px}.team-select-btn .team-code{font-size:1rem;font-weight:600;color:#1a1a2e}.selected-team-display{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:linear-gradient(145deg,#e9f5ff,#d4edff);border-radius:12px;border:2px solid #0069d9}.team-flag-large{width:60px;height:40px;object-fit:cover;border-radius:4px}.team-name-large{font-size:1.8rem;font-weight:700;color:#1a1a2e}.vs-divider{font-size:2rem;font-weight:700;color:#6c757d;display:flex;align-items:center;justify-content:center;padding-top:4rem}.selection-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e8e8e8}.h2h-stats-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;padding:1.5rem}.h2h-stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;border-radius:12px;background:#f8f9fa}.h2h-stat-card.team1-stat{background:linear-gradient(145deg,#d4edda,#c3e6cb)}.h2h-stat-card.team2-stat{background:linear-gradient(145deg,#cce5ff,#b8daff)}.h2h-stat-card.draws-stat{background:linear-gradient(145deg,#fff3cd,#ffeeba)}.h2h-team-name{font-size:1.4rem;font-weight:600;color:#1a1a2e;margin-bottom:.5rem}.h2h-stat-value{font-size:3.5rem;font-weight:700;color:#1a1a2e}.h2h-stat-value.wins{color:#155724}.h2h-stat-value.draws{color:#856404}.h2h-stat-label{font-size:1.2rem;color:#6c757d;margin-top:.5rem}.h2h-stat-label-top{font-size:1.4rem;font-weight:600;color:#1a1a2e;margin-bottom:.5rem}.h2h-goals-stats{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;margin-top:1.5rem}.goals-stat{display:flex;align-items:center;gap:.5rem}.goals-label{font-size:1.2rem;color:#6c757d}.goals-value{font-size:1.8rem;font-weight:700;color:#1a1a2e}.goals-divider{font-size:1.8rem;font-weight:700;color:#6c757d}.historical-match-card{background:#f8f9fa;border-radius:12px;padding:1.25rem;border-left:4px solid #e8e8e8;transition:all .2s ease}.historical-match-card.world-cup{border-left-color:#ffc107;background:linear-gradient(145deg,#fff8e1,#fff3cd)}.match-competition{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.competition-badge{padding:.25rem .75rem;border-radius:12px;font-size:1.1rem;font-weight:600;background:#e9ecef;color:#6c757d}.competition-badge.wc{background:#ffc107;color:#856404}.match-stage{font-size:1.2rem;color:#6c757d;font-style:italic}.match-details{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 0}.match-team{font-weight:600;color:#1a1a2e;font-size:1.4rem;flex:1}.match-team.home{text-align:right}.match-team.away{text-align:left}.match-details .match-score{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border-radius:8px}.match-details .match-score .score{font-size:1.8rem;font-weight:700;color:#1a1a2e;min-width:30px;text-align:center}.match-details .match-score .score-divider{font-size:1.4rem;color:#6c757d}.match-info{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;color:#6c757d}.match-venue{font-style:italic}.competition-tag{display:inline-block;padding:.2rem .5rem;border-radius:8px;font-size:1rem;font-weight:500}.competition-tag.wc{background:#ffc107;color:#856404}.competition-tag.other{background:#e9ecef;color:#6c757d}.world-cup-row{background:linear-gradient(145deg,#fff8e1,#fff3cd)}.team1-cell{font-weight:600;color:#155724}.team2-cell{font-weight:600;color:#004085}.score-cell{font-weight:700;text-align:center;color:#1a1a2e}.recent-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-column{background:#f8f9fa;border-radius:12px;padding:1.5rem}.form-team-name{font-size:1.5rem;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:1rem}.form-badges{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.form-badge{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:1.2rem}.form-badge.result-win{background:#28a745;color:#fff}.form-badge.result-draw{background:#ffc107;color:#856404}.form-badge.result-loss{background:#dc3545;color:#fff}.form-matches-list{display:flex;flex-direction:column;gap:.5rem}.form-match-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:8px}.form-result{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;font-size:1.1rem}.form-result.result-win{background:#d4edda;color:#155724}.form-result.result-draw{background:#fff3cd;color:#856404}.form-result.result-loss{background:#f8d7da;color:#721c24}.form-opponent{flex:1;font-weight:500;color:#1a1a2e}.form-score{font-weight:600;color:#6c757d}.form-ha{font-size:1rem;color:#6c757d}.no-data{text-align:center;color:#6c757d;font-style:italic;padding:1rem 0}.wc-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.wc-history-card{background:linear-gradient(145deg,#fff8e1,#fff3cd);border-radius:12px;padding:1.5rem;border:2px solid #ffc107}.wc-team-name{font-size:1.5rem;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:1rem}.wc-stats-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.wc-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:8px}.wc-stat-label{font-size:1.2rem;color:#6c757d}.wc-stat-value{font-size:1.4rem;font-weight:700;color:#1a1a2e}.wc-stat-value.wins{color:#28a745}.wc-stat-value.losses{color:#dc3545}.empty-state{text-align:center;padding:2rem;color:#6c757d}.empty-state p{margin:0;font-size:1.4rem}@media (max-width: 900px){.team-selection-grid{grid-template-columns:1fr;gap:1rem}.vs-divider{padding:1rem 0}.h2h-stats-grid,.recent-form-grid,.wc-history-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 600px){.match-details{flex-direction:column;gap:.5rem}.match-team{text-align:center!important}.selection-actions{flex-direction:column}.selection-actions .button{width:100%}.form-match-item{flex-wrap:wrap}.wc-stats-list{grid-template-columns:1fr}}.historical-matchup-details{margin-top:1rem;border-top:1px solid #e8e8e8;padding-top:.75rem}.historical-matchup-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background:#f8f9fa;border-radius:8px;cursor:pointer;font-size:1.2rem;font-weight:500;color:#0069d9;transition:all .2s ease;list-style:none}.historical-matchup-toggle::-webkit-details-marker{display:none}.historical-matchup-toggle:before{content:"\25b8";margin-right:.5rem;transition:transform .2s ease}details[open] .historical-matchup-toggle:before{transform:rotate(90deg)}.historical-matchup-toggle:hover{background:#e9ecef}.historical-matchup-content{padding:1rem;margin-top:.75rem;background:#fafafa;border-radius:8px}.h2h-mini-stats{display:flex;justify-content:space-around;align-items:center;gap:1rem;padding:.75rem;background:#fff;border-radius:8px;margin-bottom:.75rem}.h2h-mini-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.h2h-mini-stat.draws{padding:0 1rem;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.h2h-mini-team{font-size:1.1rem;font-weight:500;color:#6c757d;margin-bottom:.25rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h2h-mini-value{font-size:1.8rem;font-weight:700;color:#1a1a2e}.h2h-mini-value.wins{color:#28a745}.h2h-mini-label{font-size:1rem;color:#6c757d;margin-bottom:.25rem}.h2h-goals-mini{text-align:center;font-size:1.2rem;color:#6c757d;margin-bottom:.75rem}.wc-matches-mini{background:linear-gradient(145deg,#fff8e1,#fff3cd);border-radius:8px;padding:.75rem;border:1px solid #ffc107}.wc-matches-mini-header{font-size:1.1rem;font-weight:600;color:#856404;margin-bottom:.5rem;text-align:center}.wc-match-mini-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#fff;border-radius:6px;margin-bottom:.5rem;font-size:1.1rem}.wc-match-mini-item:last-child{margin-bottom:0}.wc-match-mini-date{color:#6c757d;font-size:1rem}.wc-match-mini-score{font-weight:600;color:#1a1a2e}.wc-match-mini-stage{font-size:1rem;color:#856404;font-style:italic}.historical-matchup-empty{margin-top:1rem;border-top:1px solid #e8e8e8;padding-top:.75rem;text-align:center}.historical-empty-text{font-size:1.1rem;color:#adb5bd;font-style:italic}@media (max-width: 600px){.h2h-mini-stats{flex-direction:column;gap:.5rem}.h2h-mini-stat.draws{border-left:none;border-right:none;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:.5rem 0;width:100%}.wc-match-mini-item{flex-direction:column;gap:.25rem}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.spinner{width:48px;height:48px;border:4px solid #e8e8e8;border-top-color:#0069d9;border-radius:50%;animation:spin 1s linear infinite}.simulation-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.outcome-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border-radius:12px;background:#f8f9fa}.outcome-card.team1-win{background:linear-gradient(145deg,#d4edda,#c3e6cb)}.outcome-card.draw{background:linear-gradient(145deg,#fff3cd,#ffeeba)}.outcome-card.team2-win{background:linear-gradient(145deg,#cce5ff,#b8daff)}.outcome-team{font-size:1.3rem;font-weight:600;color:#1a1a2e;margin-bottom:.5rem;text-align:center}.outcome-percentage{font-size:2.5rem;font-weight:700;color:#1a1a2e;margin-bottom:.75rem}.outcome-bar{width:100%;height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.outcome-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.outcome-bar-fill.team1{background:#28a745}.outcome-bar-fill.draw{background:#ffc107}.outcome-bar-fill.team2{background:#0069d9}.avg-goals-display{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;padding:1rem;background:#f8f9fa;border-radius:8px}.avg-goals-item{display:flex;align-items:center;gap:.5rem}.avg-goals-label{font-size:1.2rem;color:#6c757d}.avg-goals-value{font-size:1.4rem;font-weight:700;color:#1a1a2e}.avg-goals-divider{color:#adb5bd;font-size:1.4rem}.likely-scores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.likely-score-card{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f8f9fa;border-radius:12px;border:2px solid transparent;transition:all .2s ease}.likely-score-card.most-likely{background:linear-gradient(145deg,#e9f5ff,#d4edff);border-color:#0069d9}.likely-score-rank{font-size:1rem;font-weight:600;color:#6c757d;margin-bottom:.25rem}.likely-score-value{font-size:1.8rem;font-weight:700;color:#1a1a2e;margin-bottom:.25rem}.likely-score-percentage{font-size:1.2rem;font-weight:600;color:#0069d9}.score-matrix-container{overflow-x:auto;margin-bottom:1rem}.score-matrix{width:100%;border-collapse:collapse;min-width:400px}.score-matrix th,.score-matrix td{padding:.75rem;text-align:center;border:1px solid #e8e8e8}.score-matrix .matrix-corner{background:#f8f9fa;font-weight:600;color:#6c757d;font-size:1.1rem}.score-matrix .matrix-header,.score-matrix .matrix-row-header{background:linear-gradient(145deg,#e9f5ff,#d4edff);font-weight:700;color:#0069d9;font-size:1.3rem}.score-matrix .matrix-cell{font-size:1.1rem;font-weight:500;transition:all .2s ease}.score-matrix .matrix-cell:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.probability-high{background:linear-gradient(145deg,#28a745,#218838);color:#fff;font-weight:700}.probability-medium{background:linear-gradient(145deg,#7cb342,#689f38);color:#fff}.probability-low{background:linear-gradient(145deg,#ffc107,#e0a800);color:#856404}.probability-minimal{background:linear-gradient(145deg,#fff3cd,#ffeeba);color:#856404}.probability-zero{background:#f8f9fa;color:#adb5bd}.matrix-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;padding:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;color:#6c757d}.legend-color{width:20px;height:20px;border-radius:4px}.legend-color.probability-high{background:#28a745}.legend-color.probability-medium{background:#7cb342}.legend-color.probability-low{background:#ffc107}.legend-color.probability-minimal{background:#fff3cd;border:1px solid #ffc107}.strength-breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:1.5rem}.strength-card{background:#f8f9fa;border-radius:12px;padding:1.5rem}.strength-team-name{font-size:1.5rem;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e8e8e8;display:flex;align-items:center;justify-content:center;gap:.5rem}.strength-team-flag{width:28px;height:20px;object-fit:cover;border-radius:2px}.overall-strength{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;margin-bottom:1rem}.overall-label{font-weight:600;color:#1a1a2e;font-size:1.3rem}.overall-value{font-size:2rem;font-weight:700}.strength-high{color:#28a745}.strength-medium{color:#17a2b8}.strength-low{color:#ffc107}.strength-very-low{color:#dc3545}.strength-factors{display:flex;flex-direction:column;gap:.5rem}.strength-factor{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#fff;border-radius:8px}.factor-label{font-weight:500;color:#1a1a2e;font-size:1.2rem}.factor-weight{font-size:1rem;color:#6c757d;margin-left:.25rem}.factor-value{font-weight:700;font-size:1.3rem}.simulation-methodology{margin-top:1.5rem}.simulation-methodology details{background:#f8f9fa;border-radius:8px;overflow:hidden}.simulation-methodology summary{padding:1rem;cursor:pointer;font-weight:600;color:#0069d9;list-style:none;display:flex;align-items:center}.simulation-methodology summary::-webkit-details-marker{display:none}.simulation-methodology summary:before{content:"\25b8";margin-right:.5rem;transition:transform .2s ease}.simulation-methodology details[open] summary:before{transform:rotate(90deg)}.simulation-methodology summary:hover{background:#0069d90d}.methodology-content{padding:1rem;background:#fff;border-top:1px solid #e8e8e8}.methodology-content p{margin-bottom:1rem;color:#1a1a2e;line-height:1.6}.methodology-content ul{margin:0;padding-left:1.5rem}.methodology-content li{margin-bottom:.75rem;color:#6c757d;line-height:1.5}.methodology-content strong{color:#1a1a2e}.section-card-subtitle{font-size:1.2rem;color:#6c757d;font-weight:400}.button-outline{background:transparent;border:2px solid #6c757d;color:#6c757d}.button-outline:hover{background:#6c757d;color:#fff}.button-secondary{background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid #dee2e6;color:#1a1a2e;display:inline-flex;align-items:center;justify-content:center;height:auto;line-height:1.4}.button-secondary:hover{border-color:#0069d9;color:#0069d9;background:#fff}.button-secondary.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (max-width: 900px){.simulation-outcome-grid,.strength-breakdown-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 600px){.likely-scores-grid{grid-template-columns:repeat(2,1fr)}.avg-goals-display{flex-direction:column;gap:.75rem}.avg-goals-divider{display:none}.outcome-percentage{font-size:2rem}.matrix-legend{gap:1rem}}.match-analysis-section{margin-top:1rem;border-top:1px solid #e8e8e8;padding-top:.75rem}.match-analysis-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:linear-gradient(145deg,#f0f4f8,#e8ecf0);border:1px solid #d0d8e0;border-radius:8px;cursor:pointer;font-size:1.2rem;font-weight:500;color:#2d3436;transition:all .2s ease}.match-analysis-toggle:hover{background:linear-gradient(145deg,#e8ecf0,#dde2e8);border-color:#b8c0c8}.match-analysis-toggle.active{background:linear-gradient(145deg,#0069d9,#0056b3);color:#fff;border-color:#004494}.analysis-toggle-icon{font-size:.9rem;transition:transform .2s ease}.analysis-toggle-text{font-weight:600}.match-analysis-panel{margin-top:.75rem;background:#fafafa;border-radius:12px;padding:1rem;border:1px solid #e8e8e8}.analysis-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #e8e8e8;padding-bottom:.75rem}.analysis-tab{flex:1;padding:.6rem 1rem;background:#f0f4f8;border:1px solid #d0d8e0;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:500;color:#6c757d;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;height:auto;line-height:1.4}.analysis-tab:hover{background:#e8ecf0;color:#2d3436}.analysis-tab.active{background:#0069d9;color:#fff;border-color:#0056b3}.analysis-tab-content{min-height:100px}.analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#6c757d}.spinner-small{width:30px;height:30px;border:3px solid #e8e8e8;border-top-color:#0069d9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.simulation-results-compact{display:flex;flex-direction:column;gap:1rem}.outcome-grid-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.outcome-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e8e8e8}.outcome-item.team1-win{border-left:3px solid #28a745}.outcome-item.draw{border-left:3px solid #ffc107}.outcome-item.team2-win{border-left:3px solid #dc3545}.outcome-team-name{font-size:1rem;font-weight:500;color:#6c757d;margin-bottom:.25rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.outcome-pct{font-size:1.6rem;font-weight:700;color:#1a1a2e}.outcome-bar-mini{width:100%;height:4px;background:#e8e8e8;border-radius:2px;margin-top:.5rem;overflow:hidden}.outcome-bar-fill-mini{height:100%;border-radius:2px;transition:width .3s ease}.outcome-bar-fill-mini.team1{background:#28a745}.outcome-bar-fill-mini.draw{background:#ffc107}.outcome-bar-fill-mini.team2{background:#dc3545}.likely-scores-compact{background:#fff;border-radius:8px;padding:.75rem;border:1px solid #e8e8e8}.likely-scores-header{font-size:1.1rem;font-weight:600;color:#2d3436;margin-bottom:.5rem}.likely-scores-list{display:flex;flex-wrap:wrap;gap:.5rem}.likely-score-badge{padding:.4rem .8rem;background:#f0f4f8;border-radius:6px;font-size:1.1rem;font-weight:500;color:#6c757d}.likely-score-badge.top{background:linear-gradient(145deg,#28a745,#218838);color:#fff}.avg-goals-compact{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1.1rem;color:#6c757d;text-align:center;flex-wrap:wrap}.avg-goals-sep{color:#d0d8e0}.strength-details{background:#fff;border-radius:8px;border:1px solid #e8e8e8;overflow:hidden}.strength-details summary{padding:.75rem 1rem;font-weight:500;color:#0069d9;cursor:pointer;list-style:none}.strength-details summary::-webkit-details-marker{display:none}.strength-details summary:before{content:"\25b8  ";transition:transform .2s ease}.strength-details[open] summary:before{content:"\25be  "}.simulate-dice-container{display:flex;justify-content:center;margin-top:.5rem}.simulate-dice-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:10px;border:2px solid #667eea;background:#fff;color:#667eea;padding:0}.simulate-dice-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.simulate-dice-btn:active{transform:scale(.93)}.simulate-dice-btn svg{width:22px;height:22px}.strength-comparison-compact{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 1rem;background:#fafafa}.strength-team{display:flex;flex-direction:column;align-items:center;text-align:center}.strength-team-name{font-size:1.1rem;font-weight:500;color:#6c757d;margin-bottom:.25rem}.strength-overall{font-size:1.8rem;font-weight:700;padding:.25rem .75rem;border-radius:6px}.history-results-compact{display:flex;flex-direction:column;gap:1rem}.h2h-compact{background:#fff;border-radius:8px;padding:.75rem;border:1px solid #e8e8e8}.h2h-header{font-size:1.1rem;font-weight:600;color:#2d3436;margin-bottom:.75rem;text-align:center}.h2h-stats-row{display:flex;justify-content:space-around;align-items:center;gap:.5rem}.h2h-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.h2h-stat-item.draws{padding:0 1rem;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.h2h-stat-team{font-size:.95rem;font-weight:600;color:#2d3436;margin-bottom:.25rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h2h-stat-label{font-size:.9rem;color:#6c757d}.h2h-stat-value{font-size:1.6rem;font-weight:700;color:#1a1a2e}.h2h-stat-value.wins{color:#28a745}.h2h-goals-row{text-align:center;font-size:.95rem;color:#6c757d;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e8e8e8}.h2h-empty,.form-empty{text-align:center;padding:1rem;color:#6c757d;font-style:italic}.wc-history-compact{background:linear-gradient(145deg,#fff8e1,#fff3cd);border-radius:8px;padding:.75rem;border:1px solid #ffc107}.wc-history-header{font-size:1.1rem;font-weight:600;color:#856404;margin-bottom:.5rem;text-align:center}.wc-matches-list-compact{display:flex;flex-direction:column;gap:.5rem}.wc-match-item-compact{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#fff;border-radius:6px;font-size:.95rem}.wc-match-date{color:#6c757d;font-size:.95rem}.wc-match-score{font-weight:600;color:#1a1a2e}.wc-match-stage{font-size:.9rem;color:#856404;background:#fff8e1;padding:.2rem .5rem;border-radius:4px}.form-comparison-compact{background:#fff;border-radius:8px;padding:.75rem;border:1px solid #e8e8e8}.form-header{font-size:1.1rem;font-weight:600;color:#2d3436;margin-bottom:.75rem;text-align:center}.form-teams-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-team-col{display:flex;flex-direction:column;align-items:center;text-align:center}.form-team-name{font-size:.95rem;font-weight:600;color:#2d3436;margin-bottom:.5rem}.form-badges-compact{display:flex;gap:.25rem;justify-content:center}.form-badge-compact{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.9rem;font-weight:600;color:#fff}.form-badge-compact.result-win{background:#28a745}.form-badge-compact.result-draw{background:#ffc107;color:#856404}.form-badge-compact.result-loss{background:#dc3545}.wc-stats-section{background:#fff;border-radius:8px;border:1px solid #e8e8e8;overflow:hidden}.wc-stats-header{padding:.75rem 1rem;font-size:1.1rem;font-weight:600;color:#2d3436;background:#f8f9fa;border-bottom:1px solid #e8e8e8;text-align:center}.wc-stats-totals{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 1rem;background:#fafafa;border-bottom:1px solid #e8e8e8}.wc-stats-team-total{display:flex;flex-direction:column;align-items:center;text-align:center}.wc-stats-team-name{font-size:1rem;font-weight:600;color:#2d3436;margin-bottom:.25rem}.wc-stats-total-line{font-size:.95rem;color:#6c757d}.wc-tournament-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 1rem;background:#fff}.wc-tournament-column{display:flex;flex-direction:column;gap:.25rem}.wc-tournament-item{display:flex;justify-content:space-between;align-items:center;padding:.35rem .5rem;background:#f8f9fa;border-radius:4px;font-size:.9rem}.wc-tournament-year{font-weight:600;color:#2d3436}.wc-tournament-stats{color:#6c757d;font-size:.85rem}.wc-stats-positions{display:flex;gap:.5rem;justify-content:center;margin-top:.25rem}.wc-position{display:inline-flex;align-items:center;padding:.15rem .4rem;border-radius:4px;font-size:.8rem;font-weight:600}.wc-position.wc-gold{background:linear-gradient(135deg,gold,#ffec8b);color:#8b6914}.wc-position.wc-silver{background:linear-gradient(135deg,silver,#e8e8e8);color:#5a5a5a}.wc-position.wc-bronze{background:linear-gradient(135deg,#cd7f32,#daa06d);color:#5c3d1e}.wc-position.wc-fourth{background:#e9ecef;color:#6c757d}.wc-tournament-position{font-size:.85rem;margin-left:.25rem}.wc-tournament-position.wc-pos-1{color:#d4af37}.wc-tournament-position.wc-pos-2{color:gray}.wc-tournament-position.wc-pos-3{color:#cd7f32}.wc-tournament-position.wc-pos-4{color:#6c757d;font-weight:600}.wc-tournament-item.wc-has-position-1{background:linear-gradient(90deg,#ffd70026,#f8f9fa);border-left:3px solid #ffd700}.wc-tournament-item.wc-has-position-2{background:linear-gradient(90deg,#c0c0c026,#f8f9fa);border-left:3px solid #c0c0c0}.wc-tournament-item.wc-has-position-3{background:linear-gradient(90deg,#cd7f3226,#f8f9fa);border-left:3px solid #cd7f32}.wc-tournament-item.wc-has-position-4{background:linear-gradient(90deg,#6c757d1a,#f8f9fa);border-left:3px solid #adb5bd}.wc-tournament-elimination{font-size:.7rem;margin-left:.25rem;padding:.1rem .3rem;background-color:#e9ecef;border-radius:3px;color:#495057;font-weight:500;cursor:help}.wc-tournament-item.wc-eliminated{opacity:.85}.wc-stats-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 1rem;background:#fafafa}.wc-stats-team{display:flex;flex-direction:column;align-items:center;text-align:center}.wc-stats-line{font-size:.95rem;color:#6c757d}.wc-stats-empty{font-size:.95rem;color:#adb5bd;font-style:italic}.group-scenarios-section{margin-top:2rem;margin-bottom:1.5rem}.scenarios-panel{background:linear-gradient(145deg,#f8f9fa,#fff);border:1px solid #d0d8e0;border-top:none;border-radius:0 0 12px 12px;padding:1.25rem}.scenarios-section-header{font-size:1.2rem;font-weight:600;color:#2d3436;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid #e8e8e8}.scenarios-standings{margin-bottom:1.25rem}.standings-table-compact{overflow-x:auto}.standings-table-compact table{width:100%;border-collapse:collapse;font-size:1rem}.standings-table-compact th,.standings-table-compact td{padding:.5rem .4rem;text-align:center;border-bottom:1px solid #e8e8e8}.standings-table-compact th{background:#f0f4f8;font-weight:600;color:#6c757d;font-size:.9rem}.standings-table-compact .team-name-cell{text-align:left;font-weight:500;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standings-table-compact .points-cell{font-weight:700;color:#0069d9}.standings-table-compact .qualified-row{background:linear-gradient(to right,rgba(40,167,69,.1),transparent)}.table-legend-compact{font-size:.85rem;color:#adb5bd;margin-top:.5rem;text-align:center}@media (max-width: 600px){.outcome-grid-compact{grid-template-columns:1fr;gap:.5rem}.outcome-item{flex-direction:row;justify-content:space-between;padding:.5rem .75rem}.outcome-bar-mini{display:none}.form-teams-row{grid-template-columns:1fr;gap:.75rem}.strength-comparison-compact,.wc-stats-comparison,.wc-stats-totals,.wc-tournament-breakdown{grid-template-columns:1fr}.wc-tournament-column:first-child{border-bottom:1px solid #e8e8e8;padding-bottom:.5rem}.analysis-tabs{flex-direction:column}.analysis-tab{width:100%}}.predicted-standings-hint{font-size:.9rem;color:#27ae60;font-style:italic;margin-top:1rem;text-align:center}.predicted-standings-incomplete{background:#fff9e6;padding:1rem;border-radius:8px;border:1px dashed #f39c12}.predicted-standings-incomplete p{color:#856404;margin-bottom:1rem;font-style:italic}.playoff-group-limit-hint{background:linear-gradient(135deg,#e8f4fd,#d1ecf1);padding:.75rem 1rem;border-radius:8px;border-left:4px solid #17a2b8;font-size:.95rem;color:#0c5460;margin-bottom:1rem}.playoff-suggestion-hint{background:linear-gradient(135deg,#fff9e6,#fef3cd);padding:.75rem 1rem;border-radius:8px;border-left:4px solid #f39c12;font-size:.95rem;color:#856404;margin-bottom:1.5rem}.suggested-team{background:linear-gradient(135deg,#27ae6014,#27ae6026);border-radius:8px;padding:.25rem .5rem;margin:.15rem 0}.suggestion-star{font-size:1rem;margin-right:.35rem}.checkbox-item{min-height:48px;padding:.75rem}.checkbox-item input[type=checkbox]{width:24px;height:24px;min-width:24px;min-height:24px;cursor:pointer;position:relative}.checkbox-item input[type=checkbox]:before{content:"";position:absolute;inset:-12px}.checkbox-item .label-inline{padding:.5rem 0;font-size:1.4rem;line-height:1.4}.view-predictions-btn{width:44px;height:44px;min-width:44px;min-height:44px}.nav-button{min-height:48px;padding:1rem 1.5rem}.leaderboard-filters .filter-select{min-height:44px;padding:.75rem 2.5rem .75rem 1rem;font-size:1.4rem}.data-table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table-card:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(to right,transparent,rgba(0,0,0,.05));pointer-events:none;opacity:0;transition:opacity .3s ease}.data-table-card.has-scroll:after{opacity:1}.data-table-card table{min-width:500px}#leaderboard-container .data-table-card table{min-width:400px}[aria-label="M\e4ngude tabel"]{min-width:600px}.data-table-card tbody td{white-space:nowrap}.data-table-card tbody td.match-teams{white-space:normal;min-width:150px}.standings-table-compact{overflow-x:auto;-webkit-overflow-scrolling:touch}.standings-table-compact table{min-width:350px}@media (max-width: 600px){.navigation{height:auto;min-height:5.2rem;padding:.5rem 0}.navigation .navigation-list{display:flex;flex-wrap:wrap;justify-content:center;line-height:normal;padding:.25rem 0}.navigation .navigation-item{float:none;margin:.25rem .5rem;height:auto}.navigation .navigation-link{font-size:1.4rem;line-height:2;padding:.5rem}.wrapper>.container{padding-top:8rem;padding-bottom:6rem}}@media (max-width: 600px){.container{padding:0 1rem}.section-card{padding:1.25rem;margin-bottom:1rem;border-radius:12px}.section-card-title{font-size:1.6rem}.match-card{padding:1rem;margin-bottom:1rem;border-radius:12px}.score-display{min-width:120px;padding:.75rem}.score-value{font-size:2.8rem;min-width:30px}.score-separator{font-size:2rem}.team-section{flex:0 0 45%}.team-name{font-size:1.2rem;max-width:100%;white-space:normal;text-align:center;hyphens:auto}.team-flag-container{width:50px;height:35px;margin-bottom:.5rem}.nav-button-grid{gap:.75rem}.nav-button{padding:1.25rem;font-size:1.3rem}.prediction-page-header{margin-bottom:1.5rem;padding-bottom:1rem}.prediction-page-header h1{font-size:2rem}.page-subtitle{font-size:1.2rem}.progress-bar-modern{height:10px}.back-button-container{margin-top:1.5rem}.button-large{font-size:1.6rem;height:6rem;line-height:6rem}.leaderboard-filters{padding:1rem}.rank-badge{width:28px;height:28px;font-size:1.1rem}.points-total{font-size:1.4rem}.form-card{padding:1.5rem;margin:0 0 1.5rem;max-width:100%}.info-card{padding:1.5rem}.info-card-title{font-size:1.6rem}.rules-list{padding-left:1.5rem}}@media (max-width: 600px){.checkbox-item{background:#f8f9fa;border-radius:8px;margin-bottom:.5rem}.column{padding:0 .5rem}.row{margin:0 -.5rem 1rem}section h2{font-size:1.6rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e8e8e8}.playoff-group-limit-hint,.playoff-suggestion-hint{font-size:.9rem;padding:.6rem .75rem}.suggested-team{padding:.5rem .75rem}.suggestion-star{font-size:.9rem}}@media (max-width: 600px){.match-analysis-panel{padding:.75rem}.match-analysis-toggle{padding:.75rem;font-size:1.2rem}.simulate-dice-btn{width:48px;height:48px;min-width:48px;min-height:48px}.h2h-compact{padding:.75rem}.h2h-stats-row{flex-direction:column;gap:.5rem}.h2h-stat-item{flex-direction:row;justify-content:space-between;width:100%}.wc-history-compact{padding:.75rem}.wc-match-item-compact{flex-direction:column;align-items:flex-start;gap:.25rem}.wc-stats-section{padding:.75rem}.wc-stats-team-total{padding:.5rem}}@media (hover: none) and (pointer: coarse){.match-card:hover{transform:none;box-shadow:0 4px 15px #00000014}.nav-button:hover,.nav-card:hover{transform:none}.score-btn:hover{transform:none;background:#fff;color:#0069d9}.score-btn.decrement:hover{background:#fff;color:#6c757d}.view-predictions-btn:hover{transform:none}.group-nav-btn:hover:not(.disabled){transform:none}}@media (hover: none) and (pointer: coarse){.score-btn:active{background:#0057b8;color:#fff;transform:scale(.93)}.score-btn.decrement:active{background:#5a6268;color:#fff}.nav-button:active{transform:scale(.98);box-shadow:0 2px 8px #0000001a}.match-card:active{transform:scale(.99)}.view-predictions-btn:active{transform:scale(.95);background:#0056b3}.checkbox-item:active{background:#0069d91a}}@media (max-height: 500px) and (orientation: landscape){.wrapper>.container{padding-top:6rem;padding-bottom:4rem}.section-card{padding:1rem;margin-bottom:.75rem}.match-card{padding:.75rem;margin-bottom:.75rem}.nav-button-grid{grid-template-columns:repeat(3,1fr)}.nav-button{padding:.75rem 1rem}.button-large{height:5rem;line-height:5rem;font-size:1.4rem}}@media (max-width: 360px){.container{padding:0 .75rem}.section-card{padding:1rem}.match-card{padding:.75rem}.match-card-inner{gap:.5rem}.team-section{flex:0 0 42%}.team-name{font-size:1.1rem}.team-flag-container{width:45px;height:32px}.score-display{min-width:100px;padding:.5rem}.score-value{font-size:2.4rem;min-width:25px}.score-btn{width:48px;height:44px;min-width:48px;min-height:44px;font-size:1.4rem;border-radius:22px}.nav-button{padding:1rem;font-size:1.2rem}.prediction-page-header h1{font-size:1.8rem}.nav-button-grid{grid-template-columns:1fr}.rank-badge{width:26px;height:26px;font-size:1rem}}@media (max-width: 600px){#leaderboard-container .data-table-card{position:relative}#leaderboard-container .data-table-card table{min-width:350px}#leaderboard-container .data-table-card thead th{padding:1rem .75rem;font-size:1.2rem}#leaderboard-container .data-table-card tbody td{padding:.75rem;font-size:1.3rem}.user-link{font-size:1.3rem;padding:.25rem 0;display:inline-block}.rank-change{font-size:1.1rem;padding:.1rem .25rem}.points-change{font-size:1.1rem}}@media (max-width: 600px){[aria-label=Alagrupim\e4ngud] .data-table-card table{min-width:550px}[aria-label=Alagrupim\e4ngud] .data-table-card th,[aria-label=Alagrupim\e4ngud] .data-table-card td{padding:.75rem .5rem}.view-predictions-btn{margin:0 auto;display:flex}}@media (max-width: 600px){.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{padding:.75rem}.stat-value{font-size:1.6rem}.admin-actions{flex-direction:column}.admin-action-btn{width:100%;text-align:center}.group-selector,.phase-selector{gap:.5rem}.group-btn,.phase-btn{padding:.6rem 1rem;font-size:1.2rem;flex:1 1 auto;min-width:45px}.match-row{grid-template-columns:1fr;gap:.75rem;text-align:center}.match-score-form{justify-content:center}.score-input{width:50px;font-size:1.2rem}}.scroll-hint{text-align:center;padding:.5rem;font-size:1.1rem;color:#6c757d;background:linear-gradient(to right,transparent 0%,#f8f9fa 20%,#f8f9fa 80%,transparent 100%);margin-top:-.5rem;margin-bottom:1rem}@media (min-width: 601px){.scroll-hint{display:none}}@media (max-width: 600px){.match-result-header{flex-direction:column;gap:1rem;padding:1.5rem 1rem}.match-result-team{flex:none;width:100%;display:flex;align-items:center;gap:1rem}.match-result-team .team-flag-container{width:60px;height:42px;margin:0}.match-result-team .team-name{font-size:1.4rem;max-width:none;text-align:left}.match-result-score{font-size:3rem;padding:1rem;background:#f8f9fa;border-radius:12px;width:100%;text-align:center}.predictions-group{grid-template-columns:1fr;gap:1rem}.prediction-column{padding:1rem}.prediction-column-title{font-size:1.4rem}}@supports (padding: max(0px)){.navigation{padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top))}.wrapper>.container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(6rem,calc(env(safe-area-inset-bottom) + 4rem))}}@media (max-width: 600px){@supports (padding: max(0px)){.wrapper>.container{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}}}.match-chat-container{display:flex;flex-direction:column;height:400px;max-height:60vh}.match-chat-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:2px solid #e8e8e8;margin-bottom:1rem}.match-chat-header h3{margin:0;color:#1a1a2e;font-weight:600;font-size:1.6rem}.chat-message-count{color:#6c757d;font-size:1.2rem}.match-chat-messages{flex:1;overflow-y:auto;padding:.5rem;background:linear-gradient(145deg,#f8f9fa,#fff);border-radius:12px;border:1px solid rgba(0,0,0,.05);margin-bottom:1rem}.chat-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#6c757d;font-size:1.3rem;text-align:center;padding:2rem}.chat-message{padding:.75rem 1rem;margin-bottom:.5rem;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;border:1px solid rgba(0,0,0,.03)}.chat-message:last-child{margin-bottom:0}.chat-message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.chat-message-author{font-weight:600;color:#1a1a2e;font-size:1.2rem}.chat-message-time{color:#adb5bd;font-size:1rem}.chat-delete-btn{margin-left:auto;background:transparent;border:none;color:#dc3545;font-size:1.4rem;cursor:pointer;padding:0 .5rem;line-height:1;opacity:.6;transition:opacity .2s ease}.chat-delete-btn:hover{opacity:1}.chat-message-content{color:#495057;font-size:1.3rem;line-height:1.5;word-wrap:break-word}.match-chat-form{display:flex;align-items:stretch;gap:.75rem}.chat-input{flex:1;height:auto;margin-bottom:0;padding:.875rem 1.25rem;font-size:1.3rem;border:2px solid #e8e8e8;border-radius:12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.chat-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db26}.chat-input::placeholder{color:#adb5bd}.chat-submit-btn{height:auto;margin-bottom:0;padding:.875rem 1.5rem;font-size:1.3rem;line-height:1;font-weight:600;color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.chat-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3498db59}.chat-submit-btn:active{transform:translateY(0)}.chat-login-prompt{padding:1rem;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:12px;text-align:center;color:#6c757d;font-size:1.3rem}@media (max-width: 768px){.match-chat-container{height:350px}.match-chat-header h3{font-size:1.4rem}.chat-message-author{font-size:1.1rem}.chat-message-content{font-size:1.2rem}.chat-input{font-size:1.2rem;padding:.75rem 1rem}.chat-submit-btn{font-size:1.2rem;padding:.75rem 1.25rem}}@media (max-width: 480px){.match-chat-container{height:300px}.match-chat-form{flex-direction:column}.chat-submit-btn{width:100%}}.compare-user-form{padding:.5rem 0}.compare-user-selectors{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.user-selector{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.user-selector label{font-weight:600;color:#1a1a2e;font-size:1.2rem}.user-selector .filter-select{font-size:1.3rem;padding:.75rem 1rem}.compare-vs-divider{font-size:1.8rem;font-weight:700;color:#6c757d;padding:0 1rem}.comparison-summary-card{margin-bottom:1.5rem}.comparison-summary{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;padding:1rem 0}.comparison-user-stats{padding:1rem;border-radius:12px;background:linear-gradient(145deg,#f8f9fa,#e9ecef)}.user1-stats{text-align:left}.user2-stats{text-align:right}.comparison-user-name{font-size:1.6rem;font-weight:700;color:#1a1a2e;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #dee2e6}.comparison-stat-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1.3rem}.user2-stats .comparison-stat-row{flex-direction:row-reverse}.stat-label{color:#6c757d}.stat-value{font-weight:600;color:#1a1a2e}.stat-value.winning{color:#28a745}.stat-value.losing{color:#dc3545}.stat-value.tied{color:#6c757d}.comparison-middle-stats{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:1rem}.head-to-head{text-align:center}.h2h-wins,.h2h-ties{font-size:2.5rem;font-weight:700;line-height:1}.h2h-wins.user1-wins{color:#0069d9}.h2h-wins.user2-wins{color:#e63946}.h2h-ties{color:#6c757d}.h2h-label{font-size:1.1rem;color:#6c757d;margin-top:.25rem}.comparison-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;justify-content:center}.tab-button{padding:.75rem 1.5rem;font-size:1.3rem;font-weight:600;border:2px solid #dee2e6;background:#fff;color:#1a1a2e;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;height:auto;line-height:1.4}.tab-button:hover{border-color:#0069d9;color:#0069d9}.tab-button.active{background:linear-gradient(145deg,#0069d9,#004fa3);color:#fff;border-color:#0069d9}.comparison-table-card{overflow-x:auto}.comparison-table-card table{min-width:600px}.comparison-table-card thead th{text-align:center}.comparison-table-card .user1-header{background:#0069d91a}.comparison-table-card .user2-header{background:#e639461a}.comparison-row{transition:background-color .2s ease}.comparison-row.user1-better{background:#0069d90d}.comparison-row.user2-better{background:#e639460d}.match-result{text-align:center}.actual-score{font-weight:700;font-size:1.3rem;color:#1a1a2e}.not-finished{color:#adb5bd}.prediction-cell{text-align:center;position:relative}.prediction-cell.correct-score{background:#28a74526}.prediction-cell.correct-result{background:#ffc10726}.prediction-cell.wrong{background:#dc35450d}.prediction-score{font-weight:600;font-size:1.2rem}.points-earned{display:inline-block;margin-left:.5rem;font-size:1rem;font-weight:700;color:#28a745}.no-prediction{color:#adb5bd;font-style:italic}.playoff-phase-comparison{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e8e8e8}.playoff-phase-comparison:last-child{border-bottom:none;margin-bottom:0}.phase-title{font-size:1.4rem;font-weight:600;color:#1a1a2e;margin-bottom:1rem}.phase-points-info{font-size:1.1rem;font-weight:400;color:#6c757d}.playoff-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.playoff-user-column{padding:1rem;border-radius:8px;background:#f8f9fa}.user1-column{border-left:4px solid #0069d9}.user2-column{border-left:4px solid #e63946}.playoff-user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6}.playoff-user-name{font-weight:600;font-size:1.3rem;color:#1a1a2e}.playoff-user-points{font-weight:700;font-size:1.2rem;padding:.25rem .5rem;border-radius:4px}.playoff-user-points.winning{background:#28a74526;color:#28a745}.playoff-user-points.losing{background:#dc354526;color:#dc3545}.playoff-user-points.tied{background:#6c757d26;color:#6c757d}.playoff-teams-list{display:flex;flex-wrap:wrap;gap:.5rem}.playoff-team{display:inline-block;padding:.35rem .75rem;border-radius:6px;font-size:1.15rem;background:#e9ecef;color:#495057}.playoff-team.common-team{background:#6c757d33;color:#495057}.playoff-team.unique-team{background:#0069d926;color:#0056b3;font-weight:600}.user2-column .playoff-team.unique-team{background:#e6394626;color:#c1121f}.no-teams{color:#adb5bd;font-style:italic;font-size:1.15rem}.empty-comparison{text-align:center;padding:3rem 2rem}.empty-message{font-size:1.4rem;color:#6c757d}@media (max-width: 768px){.comparison-summary{grid-template-columns:1fr;gap:1rem}.comparison-middle-stats{flex-direction:row;order:-1;padding:1rem 0;border-bottom:1px solid #dee2e6;margin-bottom:1rem}.user2-stats{text-align:left}.user2-stats .comparison-stat-row{flex-direction:row}.compare-user-selectors{flex-direction:column;gap:1rem}.user-selector{width:100%}.compare-vs-divider{padding:.5rem 0}.comparison-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:100px;text-align:center}.playoff-comparison-grid{grid-template-columns:1fr}}@media (max-width: 480px){.comparison-user-name{font-size:1.4rem}.comparison-stat-row{font-size:1.2rem}.h2h-wins,.h2h-ties{font-size:2rem}.tab-button{padding:.5rem 1rem;font-size:1.2rem}.playoff-team{font-size:1.05rem;padding:.25rem .5rem}}.favorite-teams-list{display:flex;flex-direction:column;gap:1rem}.favorite-team-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.favorite-team-item.is-primary{background:linear-gradient(135deg,#fff5eb,#fff0e3);border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b33}.favorite-team-item .team-flag-container{width:50px;height:35px;flex-shrink:0;margin-bottom:0}.favorite-team-item .team-flag{width:100%;height:100%;object-fit:cover}.favorite-team-item .team-name{flex:1;font-weight:600;font-size:1.2rem;color:#212529}.favorite-team-item .button{margin-bottom:0}.primary-badge{padding:.25rem .75rem;background:#f59e0b;color:#fff;border-radius:12px;font-size:.9rem;font-weight:600}.button-danger{background-color:#dc3545;color:#fff;border:none}.button-danger:hover{background-color:#c82333}.button-small{padding:.35rem .75rem;font-size:.95rem;height:auto;line-height:1.5;text-transform:none;letter-spacing:normal}.search-form{margin-bottom:1.5rem}.search-input{width:100%;padding:.75rem 1rem;font-size:1.1rem;border:1px solid #ced4da;border-radius:8px;background:#fff}.search-input:focus{outline:none;border-color:#0069d9;box-shadow:0 0 0 3px #0069d926}.teams-grid.selectable{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.team-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .15s ease;height:auto;line-height:1.5;text-transform:none;letter-spacing:normal;font-weight:400;margin-bottom:0}.team-card:hover{border-color:#0069d9;background:#f0f7ff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.team-card .team-flag-container{width:60px;height:42px;margin-bottom:0}.team-card .team-flag{width:100%;height:100%;object-fit:cover}.team-card .team-name{font-size:.95rem;text-align:center;color:#495057;font-weight:500}.empty-state{color:#6c757d;font-style:italic;padding:1rem;text-align:center}.fan-badge{display:inline-flex;align-items:center;margin-left:.5rem;font-size:1.25rem;vertical-align:middle}.fan-badge-small{font-size:1rem;margin-left:.35rem}.fan-badge-flag{width:20px;height:14px;object-fit:cover;border-radius:2px;margin-left:.35rem;vertical-align:middle}.fan-allegiance{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.fan-allegiance-label{font-size:.95rem;color:#6c757d}.fan-allegiance-teams{display:flex;gap:.5rem}.fan-team-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;background:#fff5eb;border:1px solid #f59e0b;border-radius:16px;font-size:1rem}.fan-team-badge.secondary{background:#f8f9fa;border-color:#dee2e6}.fan-team-badge .team-flag{width:24px;height:16px;object-fit:cover;border-radius:2px}.fan-team-badge .team-name{font-weight:500;color:#495057}.bias-stats-card{margin-top:1.5rem}.bias-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.bias-stat-group{padding:1.25rem;background:#f8f9fa;border-radius:8px}.bias-stat-group h4{margin:0 0 1rem;font-size:1.1rem;color:#495057}.bias-stat-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e9ecef}.bias-stat-row:last-child{border-bottom:none}.bias-stat-label{color:#6c757d}.bias-stat-value{font-weight:600;color:#212529}.bias-stat-value.better{color:#28a745}.bias-stat-value.worse{color:#dc3545}@media (max-width: 768px){.favorite-team-item{flex-wrap:wrap}.favorite-team-item .team-name{flex-basis:calc(100% - 4rem)}.teams-grid.selectable{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.bias-stats-grid{grid-template-columns:1fr}}.rivalries-list{display:flex;flex-direction:column;gap:1rem}.rivalry-card{padding:1.25rem;background:#fff;border-radius:8px;border:2px solid #e9ecef;transition:border-color .2s,box-shadow .2s}.rivalry-card.rivalry-winning{border-color:#28a745;background:linear-gradient(to right,#28a7450d,#fff)}.rivalry-card.rivalry-losing{border-color:#dc3545;background:linear-gradient(to right,#dc35450d,#fff)}.rivalry-card.rivalry-tied{border-color:#ffc107;background:linear-gradient(to right,#ffc1070d,#fff)}.rivalry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rival-name{font-size:1.25rem;font-weight:600;color:#212529}.rivalry-score{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700}.rivalry-score .score-separator{color:#6c757d}.rivalry-score .your-score.winning{color:#28a745}.rivalry-score .your-score.losing{color:#dc3545}.rivalry-score .rival-score.winning{color:#28a745}.rivalry-score .rival-score.losing{color:#dc3545}.rivalry-quick-stats{display:flex;gap:2rem;margin-bottom:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px}.quick-stat{display:flex;flex-direction:column;align-items:center}.quick-stat-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.quick-stat-value{font-size:1.25rem;font-weight:600;color:#212529}.rivalry-actions{display:flex;gap:.5rem;flex-wrap:wrap}.rivalry-leaderboard-section{margin-top:2rem;background:linear-gradient(135deg,#f8f9fa,#fff)}.rivalry-leaderboard-section .section-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rivalry-mini-table{overflow-x:auto}.rivalry-mini-table table{width:100%;border-collapse:collapse}.rivalry-mini-table th,.rivalry-mini-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e9ecef}.rivalry-mini-table th{font-weight:600;color:#495057;background:#f8f9fa}.rivalry-mini-table .current-user-row{background:#007bff1a}.rivalry-mini-table .rival-ahead{background:#dc35450d}.rivalry-mini-table .rival-behind{background:#28a7450d}.rivalry-comparison{display:flex;flex-direction:column;gap:.25rem}.rivalry-status{font-weight:600;font-size:1.4rem}.rivalry-status.winning{color:#28a745}.rivalry-status.losing{color:#dc3545}.rivalry-status.tied{color:#6c757d}.rivalry-record{font-size:1.1rem;color:#6c757d}.rivalry-cta{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;margin-top:2rem;background:#f8f9fa}.rivalry-cta p{margin:0;color:#495057}.rivalry-cta .button{margin-bottom:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;padding:2rem;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;line-height:1}.modal-close:hover{color:#212529}.modal-title{margin:0 0 1.5rem;font-size:1.5rem;color:#212529}.modal-actions{margin-top:2rem;padding-top:1rem;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end}.rivalry-detailed-stats{display:flex;flex-direction:column;gap:1.5rem}.stat-comparison{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8f9fa;border-radius:8px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-item .stat-label{font-size:.875rem;color:#6c757d}.stat-item .stat-value{font-size:2rem;font-weight:700}.stat-vs{font-size:1.25rem;font-weight:600;color:#6c757d}.detailed-breakdown{padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:8px}.breakdown-row{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #e9ecef}.breakdown-row:last-child{border-bottom:none}.breakdown-label{flex:1;color:#495057}.breakdown-value{min-width:3rem;text-align:center;font-weight:600}.breakdown-value.winning{color:#28a745}.breakdown-value.losing{color:#dc3545}.breakdown-value.tied{color:#6c757d}.breakdown-vs{margin:0 1rem;color:#6c757d}.head-to-head-summary{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px}.head-to-head-summary h3{margin:0 0 1rem;font-size:1rem;color:#495057}.h2h-record{display:flex;justify-content:center;gap:2rem;font-size:1.25rem;font-weight:600}.h2h-wins.winning{color:#28a745}.h2h-draws.tied{color:#6c757d}.h2h-losses.losing{color:#dc3545}.h2h-total{margin:.5rem 0 0;font-size:.875rem;color:#6c757d}.differing-predictions{padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px}.differing-predictions h3{margin:0 0 1rem;font-size:1rem;color:#856404}.differing-list{display:flex;flex-direction:column;gap:.75rem}.differing-match{padding:.75rem;background:#fff;border-radius:6px}.differing-match-info{margin-bottom:.5rem}.differing-match-teams{font-weight:500;color:#212529}.differing-predictions-row{display:flex;justify-content:space-between;font-size:.875rem}.your-prediction{color:#28a745}.rival-prediction{color:#dc3545}.add-rival-modal .search-form{margin-bottom:1rem}.users-list{max-height:300px;overflow-y:auto}.user-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #e9ecef}.user-item:last-child{border-bottom:none}.user-item .user-name{font-weight:500;color:#212529}.no-users-found{text-align:center;padding:2rem;color:#6c757d}.section-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.button-muted{background:#e9ecef;color:#6c757d;border:1px solid #ced4da}.button-muted:hover{background:#dee2e6;color:#495057}@media (max-width: 768px){.rivalry-header{flex-direction:column;align-items:flex-start;gap:.5rem}.rivalry-quick-stats{flex-wrap:wrap;gap:1rem}.rivalry-actions{justify-content:stretch}.rivalry-actions .button{flex:1;text-align:center}.stat-comparison{flex-direction:column;gap:1rem}.modal-content{padding:1.5rem;margin:.5rem}.rivalry-cta{flex-direction:column;gap:1rem;text-align:center}.differing-predictions-row{flex-direction:column;gap:.25rem}}.bracket-container{max-width:100%;overflow-x:auto}.bracket-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.bracket-stats .stat-card{background:var(--bg-card);padding:1.5rem 2rem;border-radius:12px;text-align:center;min-width:120px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.bracket-stats .stat-value{display:block;font-size:2rem;font-weight:700;color:var(--accent-primary)}.bracket-stats .stat-label{display:block;font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.bracket-wrapper{overflow-x:auto;padding:1rem 0}.bracket{display:flex;gap:1rem;min-width:max-content;padding:1rem}.bracket-round{display:flex;flex-direction:column;min-width:180px}.round-title{font-size:.875rem;font-weight:600;color:var(--accent-primary);text-align:center;padding:.5rem;background:var(--accent-bg);border-radius:8px 8px 0 0;margin-bottom:.5rem}.bracket-slots{display:flex;flex-direction:column;gap:.5rem;flex:1;justify-content:space-around}.bracket-slot{background:var(--bg-secondary);border-radius:8px;padding:.75rem;border:2px solid var(--border-color);transition:all .2s ease}.bracket-slot.filled{border-color:var(--accent-primary);background:var(--accent-bg)}.bracket-slot.correct{border-color:var(--success-color);background:#28a74514}.bracket-slot.wrong{border-color:var(--danger-color);background:#dc354514}.bracket-slot.empty{border-style:dashed;opacity:.7}.bracket-team{display:flex;align-items:center;gap:.5rem}.bracket-team .team-flag{font-size:.75rem;padding:.125rem .375rem;background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted)}.bracket-team .team-name{flex:1;font-weight:500;color:var(--text-primary);font-size:.875rem}.bracket-team.empty .team-name{color:var(--text-muted);font-style:italic}.bracket-team .result-icon{font-size:.875rem;font-weight:700}.bracket-team .result-icon.correct{color:var(--success-color)}.bracket-team .result-icon.wrong{color:var(--danger-color)}.bracket-team .swap-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:.25rem;line-height:1;transition:color .2s}.bracket-team .swap-btn:hover{color:var(--accent-primary)}.bracket-team .clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:.25rem;line-height:1;transition:color .2s}.bracket-team .clear-btn:hover{color:var(--danger-color)}.team-replace-selector{margin-top:.5rem;display:flex;gap:.5rem;align-items:center}.team-replace-selector select{flex:1}.cancel-swap-btn{background:none;border:1px solid var(--border-medium);color:var(--text-muted);cursor:pointer;font-size:.7rem;padding:.35rem .5rem;border-radius:4px;transition:all .2s;white-space:nowrap}.cancel-swap-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.actual-result{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:.75rem}.actual-result .actual-label{color:var(--text-muted)}.actual-result .actual-team{color:var(--accent-primary);font-weight:500}.team-selector select{width:100%;padding:.5rem;border-radius:6px;border:1px solid var(--border-medium);background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;cursor:pointer}.team-selector select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-bg)}.bracket-legend{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.bracket-legend h3{font-size:1rem;color:var(--accent-primary);margin-bottom:1rem}.bracket-legend ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.bracket-legend li{color:var(--text-muted);font-size:.875rem}.bracket-legend li strong{color:var(--text-primary)}.bracket-compare-container{max-width:1200px}.user-selector{margin-bottom:2rem;text-align:center}.user-selector label{display:block;margin-bottom:.5rem;color:var(--text-muted)}.user-selector select{padding:.75rem 1rem;border-radius:8px;border:2px solid var(--border-medium);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;min-width:250px;cursor:pointer}.user-selector select:focus{outline:none;border-color:var(--accent-primary)}.comparison-summary{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.summary-card{background:var(--bg-card);padding:1.5rem 2rem;border-radius:12px;text-align:center;min-width:200px;border:1px solid var(--border-color)}.summary-card.user1{border:2px solid var(--accent-primary)}.summary-card.user2{border:2px solid #f6ad55}.summary-card h3{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.summary-card .points{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.summary-vs{font-size:1.25rem;font-weight:700;color:var(--text-muted)}.bracket-comparison{display:flex;flex-direction:column;gap:1.5rem}.comparison-round{background:var(--bg-secondary);border-radius:12px;padding:1rem;border:1px solid var(--border-color)}.comparison-round .round-title{background:none;margin-bottom:1rem}.comparison-positions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.comparison-slot{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;border-left:3px solid transparent;border-right:3px solid transparent}.comparison-slot.same{background:var(--accent-bg-strong)}.comparison-slot.same.correct{background:#28a7451f}.slot-user1{text-align:right}.slot-user1 .team-name{color:var(--accent-primary)}.slot-user2{text-align:left}.slot-user2 .team-name{color:#f6ad55}.slot-position{display:flex;flex-direction:column;align-items:center;gap:.25rem}.position-num{font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px}.same-pick{font-size:.875rem;color:var(--accent-primary)}.comparison-slot .team-name{font-size:.875rem;font-weight:500}.comparison-slot .team-name.empty{color:var(--text-muted)}.comparison-slot .team-name.correct{color:var(--success-color)}.comparison-slot .team-name.wrong{color:var(--danger-color)}.comparison-slot .team-name .check{margin-left:.25rem}.slot-actual{grid-column:1 / -1;text-align:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:.75rem}.slot-actual .actual-label{color:var(--text-muted)}.slot-actual .actual-team{color:var(--accent-primary);font-weight:500;margin-left:.25rem}.comparison-legend{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.same{background:var(--accent-bg-strong);border:2px solid var(--accent-primary)}.legend-color.correct{background:var(--success-color)}.legend-color.wrong{background:var(--danger-color)}.no-comparison{text-align:center;padding:3rem;color:var(--text-muted)}@media (max-width: 768px){.bracket{flex-direction:column}.bracket-round{min-width:100%}.bracket-slots{flex-direction:row;flex-wrap:wrap;justify-content:center}.bracket-slot{flex:1 1 calc(50% - .5rem);min-width:140px;max-width:calc(50% - .25rem)}.bracket-stats{gap:1rem}.bracket-stats .stat-card{padding:1rem;min-width:90px}.bracket-stats .stat-value{font-size:1.5rem}.comparison-positions{grid-template-columns:1fr}.comparison-summary{flex-direction:column;gap:1rem}.summary-vs{display:none}}.achievement-badges-grid{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem 0}.achievement-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;font-size:.85rem;transition:transform .15s ease,box-shadow .15s ease}.achievement-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.achievement-badge-icon{font-size:1.1rem;line-height:1}.achievement-badge-name{font-weight:600;color:#343a40}.achievement-badge-perfect_match{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107}.achievement-badge-prophet{background:linear-gradient(135deg,#e8daef,#d2b4de);border-color:#8e44ad}.achievement-badge-underdog_picker{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border-color:#17a2b8}.achievement-badge-streak_master{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545}.achievement-badge-group_guru{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.achievement-badge-playoff_oracle{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-color:#fd7e14}.achievement-badge-first_blood{background:linear-gradient(135deg,#cce5ff,#b8daff);border-color:#007bff}.leaderboard-badge-icon{font-size:.8rem;margin-left:.15rem;cursor:default;line-height:1}@media (max-width: 768px){.achievement-badges-grid{gap:.5rem}.achievement-badge{padding:.375rem .625rem;font-size:.75rem}.achievement-badge-icon{font-size:.95rem}}[data-theme=dark] .phx-modal-content{background-color:var(--modal-bg);border-color:var(--border-medium)}[data-theme=dark] .phx-modal-close{color:var(--text-muted)}[data-theme=dark] .alert-info{color:var(--alert-info-text);background-color:var(--alert-info-bg);border-color:var(--alert-info-border)}[data-theme=dark] .alert-warning{color:var(--alert-warning-text);background-color:var(--alert-warning-bg);border-color:var(--alert-warning-border)}[data-theme=dark] .alert-danger{color:var(--alert-danger-text);background-color:var(--alert-danger-bg);border-color:var(--alert-danger-border)}[data-theme=dark] .invalid-feedback{color:var(--alert-danger-text)}[data-theme=dark] .navigation{background:var(--nav-bg);border-bottom-color:var(--nav-border)}[data-theme=dark] .navigation .navigation-title,[data-theme=dark] .navigation .title,[data-theme=dark] .navigation .navigation-link,[data-theme=dark] .navigation .navigation-link.active{color:var(--nav-text)}[data-theme=dark] .navigation .img{fill:var(--accent-primary)}[data-theme=dark] .navigation .navigation-item a{color:var(--accent-primary)}[data-theme=dark] .prediction-page-header{border-bottom-color:var(--border-color)}[data-theme=dark] .prediction-page-header h1{color:var(--text-primary)}[data-theme=dark] .match-card{background:var(--bg-card);box-shadow:var(--shadow-md);border-color:var(--border-light)}[data-theme=dark] .match-card:hover{box-shadow:var(--shadow-lg)}[data-theme=dark] .team-name{color:var(--text-secondary)}[data-theme=dark] .score-btn{border-color:var(--accent-primary);background:var(--bg-secondary);color:var(--accent-primary)}[data-theme=dark] .score-btn:hover,[data-theme=dark] .score-btn:active{background:var(--accent-primary);color:var(--bg-primary)}[data-theme=dark] .score-btn.decrement{border-color:var(--text-muted);color:var(--text-muted)}[data-theme=dark] .score-btn.decrement:hover,[data-theme=dark] .score-btn.decrement:active{background:var(--text-muted);color:var(--bg-primary)}[data-theme=dark] .score-display{background:var(--score-display-bg)}[data-theme=dark] .score-value{color:var(--text-primary)}[data-theme=dark] .score-value.empty,[data-theme=dark] .score-separator{color:var(--text-muted)}[data-theme=dark] .score-direct-input{background:var(--score-display-bg);color:var(--text-primary);border-color:#4dabf7}[data-theme=dark] .prediction-status{border-top-color:var(--border-color)}[data-theme=dark] .status-text{color:var(--text-muted)}[data-theme=dark] .prediction-row{border-top-color:var(--border-color);background-color:var(--bg-secondary)}[data-theme=dark] .score{color:var(--text-muted)}[data-theme=dark] .info-card{background:var(--bg-card);box-shadow:var(--shadow-md);border-color:var(--border-light)}[data-theme=dark] .info-card-title{color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .rules-list li{color:var(--text-secondary)}[data-theme=dark] .points-list li{background:var(--bg-secondary);border-left-color:var(--accent-primary)}[data-theme=dark] .points-label{color:var(--text-primary)}[data-theme=dark] .points-detail{color:var(--text-muted)}[data-theme=dark] .info-note{background:var(--alert-warning-bg);color:var(--alert-warning-text)}[data-theme=dark] .nav-card{background:var(--bg-card);box-shadow:var(--shadow-md);border-color:var(--border-light)}[data-theme=dark] .nav-card:hover{box-shadow:var(--shadow-lg)}[data-theme=dark] .nav-card-icon{background:var(--accent-primary)}[data-theme=dark] .nav-card-label{color:var(--text-primary)}[data-theme=dark] .data-table-card{background:var(--bg-card);box-shadow:var(--shadow-md);border-color:var(--border-light)}[data-theme=dark] .data-table-card thead{background:var(--bg-card-hover)}[data-theme=dark] .data-table-card thead th{color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .data-table-card tbody tr:hover{background:var(--accent-bg)}[data-theme=dark] .data-table-card tbody td{border-bottom-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .rank-badge.default{background:var(--bg-secondary);color:var(--text-muted)}[data-theme=dark] .user-link{color:var(--accent-primary)}[data-theme=dark] .user-link:hover{color:var(--accent-hover)}[data-theme=dark] .points-total{color:var(--text-primary)}[data-theme=dark] .points-secondary{color:var(--text-muted)}[data-theme=dark] .section-card{background:var(--bg-card);box-shadow:var(--shadow-md);border-color:var(--border-light)}[data-theme=dark] .section-card-header{border-bottom-color:var(--border-color)}[data-theme=dark] .section-card-title{color:var(--text-primary)}[data-theme=dark] .rivalry-cta p{color:var(--text-secondary)}[data-theme=dark] .crowd-confidence-section{background:var(--bg-card-hover);border-color:var(--border-light)}[data-theme=dark] .confidence-subtitle{color:var(--text-muted)}[data-theme=dark] .confidence-outcome{background:var(--accent-primary)}[data-theme=dark] .confidence-team{color:var(--text-primary)}[data-theme=dark] .confidence-bar-container{background:var(--bg-secondary)}[data-theme=dark] .confidence-percentage{color:var(--text-primary)}[data-theme=dark] .confidence-count{color:var(--text-muted)}[data-theme=dark] .prediction-column{background:var(--bg-secondary)}[data-theme=dark] .prediction-column-title{color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .prediction-item{border-bottom-color:var(--border-color)}[data-theme=dark] .team-tag{background:var(--bg-secondary);color:var(--text-secondary)}[data-theme=dark] .team-tag.correct{background:#34d05826;color:var(--success-color)}[data-theme=dark] .team-tag.incorrect{background:var(--bg-secondary);color:var(--text-muted)}[data-theme=dark] .phase-title{color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .form-card{background:var(--bg-card);box-shadow:var(--shadow-md);border-color:var(--border-light)}[data-theme=dark] .form-card label{color:var(--text-primary)}[data-theme=dark] .form-card input[type=text],[data-theme=dark] .form-card input[type=email],[data-theme=dark] .form-card input[type=password]{border-color:var(--input-border);background-color:var(--input-bg);color:var(--text-body)}[data-theme=dark] .form-card input[type=text]:focus,[data-theme=dark] .form-card input[type=email]:focus,[data-theme=dark] .form-card input[type=password]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4a9eff33}[data-theme=dark] .form-card button[type=submit],[data-theme=dark] .form-card input[type=submit]{background:var(--accent-primary)}[data-theme=dark] .form-card button[type=submit]:hover,[data-theme=dark] .form-card input[type=submit]:hover{background:var(--accent-hover)}[data-theme=dark] .form-links{border-top-color:var(--border-color)}[data-theme=dark] .form-links a{color:var(--accent-primary)}[data-theme=dark] .nav-button{background:var(--bg-card);box-shadow:var(--shadow-md);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .nav-button:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}[data-theme=dark] .nav-button.filled{background:linear-gradient(145deg,#34d05826,#34d0581a);border-color:var(--success-color)}[data-theme=dark] .match-result-header{background:var(--bg-card-hover)}[data-theme=dark] .match-result-score{color:var(--text-primary)}[data-theme=dark] .leaderboard-filters{background:var(--bg-card);box-shadow:var(--shadow-sm);border-color:var(--border-light)}[data-theme=dark] .leaderboard-filters .filter-group label{color:var(--text-secondary)}[data-theme=dark] .leaderboard-filters .filter-select{border-color:var(--input-border);background-color:var(--input-bg);color:var(--text-body)}[data-theme=dark] .leaderboard-filters .filter-select:hover{border-color:var(--accent-primary)}[data-theme=dark] .leaderboard-filters .filter-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4a9eff33}[data-theme=dark] .streak-current{color:var(--text-secondary)}[data-theme=dark] .streak-separator,[data-theme=dark] .streak-longest,[data-theme=dark] .match-date{color:var(--text-muted)}[data-theme=dark] .group-badge{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .match-teams{color:var(--text-primary)}[data-theme=dark] .match-score{color:var(--accent-primary)}[data-theme=dark] .match-final-score{color:var(--success-color)}[data-theme=dark] .prediction-score{color:var(--accent-primary);background:var(--accent-bg-strong)}[data-theme=dark] .no-predictions{color:var(--text-muted)}[data-theme=dark] .team-prediction-card{background:var(--bg-secondary);border-left-color:var(--border-color)}[data-theme=dark] .team-prediction-card.correct{border-left-color:var(--success-color);background:linear-gradient(145deg,#34d0581f,#34d0580f)}[data-theme=dark] .team-name-badge{color:var(--text-primary)}[data-theme=dark] .team-name-badge.correct{color:var(--success-color)}[data-theme=dark] .prediction-count{color:var(--text-muted);background:#ffffff0d}[data-theme=dark] .team-predictors{color:var(--text-muted)}[data-theme=dark] .popover{background:var(--bg-secondary);border-color:var(--border-medium)}[data-theme=dark] .popover:after{border-bottom-color:var(--bg-secondary)}[data-theme=dark] .popover:before{border-bottom-color:var(--border-medium)}[data-theme=dark] .popover .popover-link{border-bottom-color:var(--border-medium);color:var(--nav-text)}[data-theme=dark] .progress-bar{background-color:var(--bg-secondary);box-shadow:inset 0 1px 3px #0006}[data-theme=dark] .progress-bar-fill{background-color:var(--accent-primary)}[data-theme=dark] .helper-text,[data-theme=dark] .page-subtitle{color:var(--text-muted)}[data-theme=dark] .view-predictions-btn{background:var(--accent-primary)}[data-theme=dark] .view-predictions-btn:hover{background:var(--accent-hover)}[data-theme=dark] .checkbox-item:hover{background:var(--accent-bg)}[data-theme=dark] .wrapper{background-color:var(--bg-primary)}[data-theme=dark] *:focus{outline-color:var(--accent-primary)}[data-theme=dark] button:focus,[data-theme=dark] .button:focus,[data-theme=dark] [role=button]:focus{outline-color:var(--accent-primary);box-shadow:0 0 0 6px #4a9eff40}@supports selector(:focus-visible){[data-theme=dark] *:focus-visible{outline-color:var(--accent-primary)}}.analytics-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:var(--bg-secondary);border-radius:12px;flex-wrap:wrap}.analytics-tab{flex:1;min-width:100px;padding:1rem 1.5rem;border:none;background:transparent;color:var(--text-muted);font-size:1.4rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;height:auto;line-height:1.4}.analytics-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.analytics-tab.active{background:var(--accent-primary);color:#fff}.analytics-position-card{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;padding:2.5rem}.analytics-rank-display{display:flex;flex-direction:column;align-items:center}.analytics-rank-number{font-size:6rem;font-weight:700;color:var(--accent-primary);line-height:1}.analytics-rank-label{font-size:1.4rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.analytics-points-breakdown{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.analytics-points-item{display:flex;flex-direction:column;align-items:center;min-width:100px}.analytics-points-item .points-value{font-size:2.4rem;font-weight:600;color:var(--text-primary)}.analytics-points-item .points-label{font-size:1.2rem;color:var(--text-muted)}.analytics-streaks{display:flex;gap:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.streak-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-secondary);border-radius:20px}.streak-badge .streak-icon{font-size:1.6rem}.streak-badge .streak-value{font-size:1.8rem;font-weight:600;color:var(--text-primary)}.streak-badge .streak-label{font-size:1.2rem;color:var(--text-muted)}.analytics-accuracy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-top:1.5rem}.accuracy-card{display:flex;flex-direction:column;align-items:center;gap:.75rem}.accuracy-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--success-color) calc(var(--accuracy) * 1%),var(--bg-secondary) calc(var(--accuracy) * 1%));position:relative}.accuracy-circle:before{content:"";position:absolute;width:90px;height:90px;background:var(--bg-primary);border-radius:50%}.accuracy-circle.exact-score{background:conic-gradient(#ffc107 calc(var(--accuracy) * 1%),var(--bg-secondary) calc(var(--accuracy) * 1%))}.accuracy-circle.playoff{background:conic-gradient(var(--accent-primary) calc(var(--accuracy) * 1%),var(--bg-secondary) calc(var(--accuracy) * 1%))}.accuracy-value{position:relative;z-index:1;font-size:1.8rem;font-weight:700;color:var(--text-primary)}.accuracy-label{font-size:1.3rem;font-weight:500;color:var(--text-primary)}.accuracy-detail{font-size:1.2rem;color:var(--text-muted)}.analytics-highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-top:1.5rem}.highlight-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:2px solid transparent}.highlight-card.best{border-color:var(--success-color);background:#28a7450d}.highlight-card.needs-work{border-color:#ffc107;background:#ffc1070d}.highlight-icon{font-size:2.4rem;margin-bottom:.5rem}.highlight-title{font-size:1.2rem;color:var(--text-muted);margin-bottom:.25rem}.highlight-value{font-size:2rem;font-weight:600;color:var(--text-primary)}.highlight-detail{font-size:1.2rem;color:var(--text-muted);margin-top:.25rem}.group-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.group-stat-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.group-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.group-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.group-name{font-size:1.8rem;font-weight:600;color:var(--text-primary)}.group-accuracy{font-size:1.6rem;font-weight:600;color:var(--success-color)}.group-stat-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:1rem}.group-stat-bar-fill{height:100%;background:var(--success-color);border-radius:4px;transition:width .5s ease}.group-stat-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.group-stat-detail{display:flex;flex-direction:column}.detail-label{font-size:1.1rem;color:var(--text-muted)}.detail-value{font-size:1.4rem;font-weight:600;color:var(--text-primary)}.playoff-stats-overview{display:flex;justify-content:center;gap:3rem;padding:2rem;background:var(--bg-secondary);border-radius:12px;margin-bottom:2rem}.playoff-overview-stat{display:flex;flex-direction:column;align-items:center}.playoff-overview-stat .stat-value{font-size:3rem;font-weight:700;color:var(--accent-primary)}.playoff-overview-stat .stat-label{font-size:1.2rem;color:var(--text-muted)}.playoff-phases-grid{display:grid;gap:1.5rem}.playoff-phase-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.phase-name{font-size:1.6rem;font-weight:600;color:var(--text-primary)}.phase-points-per{font-size:1.2rem;color:var(--accent-primary);font-weight:500}.phase-stats{margin-bottom:1rem}.phase-accuracy-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.phase-accuracy-fill{height:100%;background:var(--accent-primary);border-radius:3px;transition:width .5s ease}.phase-stats-row{display:flex;justify-content:space-between;font-size:1.2rem;color:var(--text-muted)}.phase-teams{display:flex;flex-wrap:wrap;gap:.5rem}.team-chip{display:inline-block;padding:.4rem .8rem;background:var(--bg-tertiary);border-radius:16px;font-size:1.2rem;color:var(--text-secondary)}.team-chip.correct{background:#28a74526;color:var(--success-color)}.streak-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.streak-stat-card{display:flex;flex-direction:column;align-items:center;padding:2rem;background:var(--bg-secondary);border-radius:12px;text-align:center}.streak-stat-card.correct{border:2px solid var(--success-color);background:#28a7450d}.streak-stat-icon{font-size:2.5rem;margin-bottom:.5rem}.streak-stat-value{font-size:3rem;font-weight:700;color:var(--text-primary)}.streak-stat-label{font-size:1.2rem;color:var(--text-muted)}.recent-form-strip{display:flex;justify-content:center;gap:.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;margin-bottom:1.5rem}.form-indicator{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.4rem;font-weight:700;color:#fff}.form-indicator.correct{background:var(--success-color)}.form-indicator.incorrect{background:var(--danger-color)}.recent-form-list{display:flex;flex-direction:column;gap:.5rem}.recent-form-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:8px;border-left:4px solid transparent}.recent-form-item.correct{border-left-color:var(--success-color)}.recent-form-item.incorrect{border-left-color:var(--danger-color)}.form-match{font-size:1.3rem;color:var(--text-primary)}.form-result .result-indicator{width:20px;height:20px}.form-result .result-indicator.correct{color:var(--success-color)}.form-result .result-indicator.incorrect{color:var(--danger-color)}.trend-chart{display:flex;gap:1rem;height:200px;margin:1.5rem 0}.trend-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:1.1rem;color:var(--text-muted);padding:.5rem 0}.trend-chart-area{flex:1;position:relative;background:var(--bg-secondary);border-radius:8px;overflow:hidden}.trend-line{position:absolute;inset:10px}.trend-point{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,50%);cursor:pointer;transition:transform .2s ease}.trend-point:hover{transform:translate(-50%,50%) scale(1.5)}.trend-point.correct{background:var(--success-color)}.trend-point.incorrect{background:var(--danger-color)}.trend-baseline{position:absolute;left:0;right:0;height:1px;background:var(--border-color)}.trend-chart-caption{text-align:center;font-size:1.2rem;color:var(--text-muted)}.button-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.button-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.no-data-message{text-align:center;color:var(--text-muted);padding:2rem;font-size:1.4rem}[data-theme=dark] .analytics-tabs{background:var(--bg-secondary)}[data-theme=dark] .analytics-tab{color:var(--text-muted)}[data-theme=dark] .analytics-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .analytics-tab.active{background:var(--accent-primary);color:#fff}[data-theme=dark] .analytics-rank-number{color:var(--accent-primary)}[data-theme=dark] .streak-badge,[data-theme=dark] .group-stat-card,[data-theme=dark] .playoff-phase-card,[data-theme=dark] .streak-stat-card,[data-theme=dark] .recent-form-strip,[data-theme=dark] .recent-form-item,[data-theme=dark] .highlight-card,[data-theme=dark] .playoff-stats-overview{background:var(--bg-secondary)}[data-theme=dark] .accuracy-circle:before{background:var(--bg-card)}[data-theme=dark] .group-stat-bar,[data-theme=dark] .phase-accuracy-bar{background:var(--bg-tertiary)}[data-theme=dark] .team-chip{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .team-chip.correct{background:#34d05826;color:var(--success-color)}[data-theme=dark] .trend-chart-area{background:var(--bg-secondary)}[data-theme=dark] .button-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .button-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}@media (max-width: 768px){.analytics-tabs{gap:.25rem;padding:.25rem}.analytics-tab{padding:.75rem 1rem;font-size:1.2rem;min-width:80px}.analytics-rank-number{font-size:4rem}.analytics-points-breakdown{gap:1rem}.analytics-points-item{min-width:80px}.analytics-points-item .points-value{font-size:2rem}.analytics-streaks{flex-wrap:wrap;justify-content:center}.accuracy-circle{width:100px;height:100px}.accuracy-circle:before{width:74px;height:74px}.accuracy-value{font-size:1.5rem}.playoff-stats-overview{flex-direction:column;gap:1.5rem}.playoff-overview-stat .stat-value{font-size:2.5rem}.group-stats-grid{grid-template-columns:1fr}.form-indicator{width:28px;height:28px;font-size:1.2rem}.trend-chart{height:150px}}.games-accordion-mobile{display:none}.games-table-desktop{display:block}.games-table-desktop tr.match-row-clickable{cursor:pointer;transition:background-color .15s ease}.games-table-desktop tr.match-row-clickable:hover,.games-table-desktop tr.match-row-clickable:focus-visible{background-color:var(--accent-bg);outline:none}@media (max-width: 600px){.games-table-desktop{display:none}.games-accordion-mobile{display:block}}.group-accordion-section{margin-bottom:.5rem;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.group-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border:1px solid #d0d8e0;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.group-accordion-header:hover{background:linear-gradient(145deg,#e9ecef,#dee2e6)}.group-accordion-header.expanded{border-radius:12px 12px 0 0;background:linear-gradient(145deg,#0069d9,#0056b3);color:#fff;border-color:#004494}.group-accordion-title{display:flex;align-items:center;gap:.75rem}.group-accordion-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#0069d9;color:#fff;font-weight:700;font-size:1.4rem}.group-accordion-header.expanded .group-accordion-badge{background:#fff3}.group-accordion-name{font-weight:600;font-size:1.4rem}.group-accordion-summary{display:flex;align-items:center;gap:.75rem}.group-accordion-count{font-size:1.2rem;opacity:.7}.group-accordion-icon{font-size:.9rem;transition:transform .2s ease}.group-accordion-content{background:#fff;border:1px solid #d0d8e0;border-top:none;border-radius:0 0 12px 12px}.group-accordion-match{display:block;padding:.75rem 1.25rem;border-bottom:1px solid #eee;text-decoration:none;color:inherit;transition:background-color .15s ease}.group-accordion-match:last-child{border-bottom:none}.group-accordion-match:hover{background:#0069d90d}.accordion-match-teams{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:1.3rem}.accordion-match-home{flex:1;text-align:left;font-weight:500}.accordion-match-score{flex-shrink:0;font-weight:700;color:#1a1a2e;padding:.2rem .5rem;background:#f0f4f8;border-radius:6px;font-size:1.2rem}.accordion-match-away{flex:1;text-align:right;font-weight:500}.accordion-match-date{font-size:1.1rem;color:#666;margin-top:.25rem;text-align:center}[data-theme=dark] .group-accordion-header{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .group-accordion-header:hover{background:var(--bg-card-hover)}[data-theme=dark] .group-accordion-header.expanded{background:linear-gradient(145deg,#0069d9,#0056b3);color:#fff;border-color:#004494}[data-theme=dark] .group-accordion-content{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .group-accordion-match{color:var(--text-secondary);border-bottom-color:var(--border-light)}[data-theme=dark] .group-accordion-match:hover{background:var(--accent-bg)}[data-theme=dark] .accordion-match-score{background:var(--bg-secondary);color:var(--text-primary)}.bottom-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease-out}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:#fff;border-radius:20px 20px 0 0;z-index:1001;display:flex;flex-direction:column;box-shadow:0 -4px 25px #00000026;animation:slideUp .3s ease-out;transition:transform .3s ease-out;will-change:transform}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-sheet-handle-area{display:flex;justify-content:center;padding:12px 0 4px;cursor:grab;touch-action:none;flex-shrink:0}.bottom-sheet-handle-area:active{cursor:grabbing}.bottom-sheet-handle{width:40px;height:5px;background:#ccc;border-radius:3px}.bottom-sheet-header{display:flex;flex-wrap:wrap;align-items:center;padding:.5rem 1.25rem .75rem;border-bottom:1px solid #eee;position:relative;flex-shrink:0}.bottom-sheet-title{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0;flex:1;padding-right:2.5rem}.bottom-sheet-subtitle{width:100%;font-size:1.15rem;color:#666;margin:.25rem 0 0}.bottom-sheet-close{position:absolute;top:.5rem;right:1rem;background:none;border:none;cursor:pointer;padding:.25rem;color:#999;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.bottom-sheet-close:hover{color:#333;background:#f0f0f0}.bottom-sheet-body{overflow-y:auto;padding:1.25rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.bottom-sheet-body .confidence-bar-item{grid-template-columns:100px 1fr 50px 40px}.bottom-sheet-body .predictions-group{grid-template-columns:1fr;gap:1rem;margin-top:1rem}.bottom-sheet-body .prediction-column{padding:1rem}.bottom-sheet-body .prediction-column-title{font-size:1.2rem}.bottom-sheet-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee;text-align:center}@media (min-width: 601px){.bottom-sheet{max-width:600px;left:50%;transform:translate(-50%);border-radius:20px 20px 0 0}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}.bottom-sheet-body .predictions-group{grid-template-columns:repeat(3,1fr)}.bottom-sheet-body .confidence-bar-item{grid-template-columns:140px 1fr 50px 40px}}[data-theme=dark] .bottom-sheet{background:var(--bg-card, #1e1e2e);box-shadow:0 -4px 25px #0006}[data-theme=dark] .bottom-sheet-backdrop{background:#000000b3}[data-theme=dark] .bottom-sheet-handle{background:#555}[data-theme=dark] .bottom-sheet-header{border-bottom-color:var(--border-color, #333)}[data-theme=dark] .bottom-sheet-title{color:var(--text-primary, #e0e0e0)}[data-theme=dark] .bottom-sheet-subtitle{color:var(--text-secondary, #aaa)}[data-theme=dark] .bottom-sheet-close{color:#777}[data-theme=dark] .bottom-sheet-close:hover{color:#ddd;background:#ffffff1a}[data-theme=dark] .bottom-sheet-footer{border-top-color:var(--border-color, #333)}button.group-accordion-match{width:100%;text-align:left;background:none;border:none;border-bottom:1px solid #eee;cursor:pointer;font:inherit;color:inherit}.countdown-container{margin-bottom:1.5rem;border-radius:12px;overflow:hidden}.countdown-prominent{background:linear-gradient(135deg,#0069d9,#004fa3);padding:1.5rem;text-align:center;box-shadow:var(--shadow-md)}.countdown-label{color:#ffffffe6;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.countdown-digits{display:flex;align-items:center;justify-content:center;gap:.25rem}.countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:3.5rem}.countdown-value{font-size:2.2rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.02em}.countdown-unit-label{font-size:.7rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}.countdown-separator{font-size:1.8rem;font-weight:700;color:#ffffff80;align-self:flex-start;margin-top:.15rem}.countdown-compact{background:var(--accent-bg-strong);border:1px solid var(--accent-primary);padding:.6rem 1rem;text-align:center}.countdown-inline{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.countdown-inline-label{font-size:.8rem;font-weight:600;color:var(--accent-primary)}.countdown-inline-digits{font-size:.9rem;font-weight:700;color:var(--accent-primary);font-variant-numeric:tabular-nums;letter-spacing:.02em}.countdown-inline-digits span{font-weight:700}.countdown-locked{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0}.countdown-lock-icon{width:2rem;height:2rem;color:#ffffffe6}.countdown-locked-text{font-size:1.1rem;font-weight:700;color:#fff}.countdown-locked-sub{font-size:.85rem;color:#ffffffbf}.countdown-locked-compact{display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--alert-danger-text);font-weight:600;font-size:.85rem}.countdown-lock-icon-sm{width:1rem;height:1rem}[data-theme=dark] .countdown-prominent{background:linear-gradient(135deg,#1a3a6b,#0d2340)}[data-theme=dark] .countdown-compact{background:#0069d926;border-color:#0069d966}[data-theme=dark] .countdown-locked-compact{color:var(--alert-danger-text)}@media (max-width: 480px){.countdown-value{font-size:1.7rem}.countdown-unit{min-width:2.8rem}.countdown-separator{font-size:1.4rem}.countdown-prominent{padding:1rem}}.bracket-matchup{margin-bottom:.5rem}.matchup-pair{display:flex;flex-direction:column;gap:2px}.matchup-team-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.8rem;text-align:left;transition:all .15s ease}.matchup-team-btn:hover:not(:disabled):not(.placeholder){border-color:var(--accent-primary);background:var(--accent-bg)}.matchup-team-btn.selected{border-color:var(--accent-primary);background:var(--accent-bg-strong);font-weight:600}.matchup-team-btn.placeholder{cursor:default;opacity:.4;border-style:dashed}.matchup-team-btn:disabled:not(.selected):not(.placeholder){opacity:.6;cursor:not-allowed}.matchup-team-btn .team-flag{font-size:.7rem;padding:.1rem .3rem;background:var(--bg-tertiary);border-radius:3px;color:var(--text-muted);min-width:2rem;text-align:center}.matchup-team-btn .team-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchup-vs{text-align:center;font-size:.65rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:1px 0}.matchup-choices{display:flex;flex-direction:column;gap:4px}.bracket-progress-bar{margin-bottom:1.5rem}.third-place-details{margin-top:2rem;background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.third-place-summary{padding:1rem 1.5rem;cursor:pointer;color:var(--accent-primary);font-weight:600;font-size:.95rem}.third-place-summary:hover{background:var(--accent-bg)}.third-place-table-wrapper{padding:0 1.5rem 1.5rem;overflow-x:auto}.third-place-table{width:100%;border-collapse:collapse;font-size:.85rem}.third-place-table th{text-align:left;padding:.5rem;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-weight:600}.third-place-table td{padding:.5rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.third-place-table tr.qualifying{background:var(--accent-bg)}.third-place-table tr.eliminated{opacity:.5}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge-success{background:#28a74526;color:var(--success-color)}.badge-muted{background:#6c757d26;color:var(--text-muted)}@media (max-width: 768px){.bracket{flex-direction:column;min-width:unset}.bracket-round{min-width:unset}.bracket-slots{gap:.25rem}.matchup-team-btn{padding:.4rem .5rem;font-size:.75rem}}.playoff-stage-container{max-width:640px}.stage-indicators{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.stage-dot{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-muted);font-size:.7rem;font-weight:600;text-decoration:none;transition:all .15s ease}.stage-dot:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.stage-dot.active{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.stage-dot.filled:not(.active){border-color:var(--success-color);background:#28a7451a;color:var(--success-color)}.stage-dot-label{line-height:1}.playoff-stage-matchups{display:flex;flex-direction:column;gap:.75rem}.playoff-stage-matchup{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.playoff-stage-matchup.decided{border-color:var(--accent-primary)}.playoff-stage-slot{padding:.5rem}.playoff-stage-pair{display:flex;flex-direction:column;gap:2px}.playoff-stage-team-row{display:flex;align-items:center;gap:4px}.playoff-stage-team-row .playoff-stage-team-btn{flex:1;min-width:0}.playoff-swap-btn-inline{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;flex-shrink:0;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s ease}.playoff-swap-btn-inline:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.playoff-swap-btn-inline .playoff-swap-icon{font-size:.9rem;line-height:1}.playoff-stage-team-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:1rem;text-align:left;transition:all .15s ease}.playoff-stage-team-btn:hover:not(:disabled):not(.placeholder):not(.selected){border-color:var(--accent-primary);background:var(--accent-bg)}.playoff-stage-team-btn.selected{border-color:var(--accent-primary);background:#0069d926;color:#003d80;font-weight:600;box-shadow:0 0 6px #0069d926}[data-theme=dark] .playoff-stage-team-btn.selected{background:#4a9eff59;border-color:#6bb3ff;color:var(--text-primary);box-shadow:0 0 8px #4a9eff40}.playoff-stage-team-btn.not-selected{opacity:.6}[data-theme=dark] .playoff-stage-team-btn.not-selected{opacity:.35;background:#16213e99}.playoff-stage-team-btn.not-selected:hover:not(:disabled){opacity:1}[data-theme=dark] .playoff-stage-team-btn.not-selected:hover:not(:disabled){opacity:.85}.playoff-clear-indicator{margin-left:auto;font-size:1.25rem;color:var(--text-muted);font-weight:400;line-height:1;flex-shrink:0;transition:color .15s ease}.playoff-stage-team-btn.selected:hover .playoff-clear-indicator{color:var(--danger-color)}.playoff-swap-section{display:flex;flex-direction:column;align-items:center;margin-top:.5rem;position:relative}.playoff-swap-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.8rem;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s ease}.playoff-swap-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.playoff-swap-btn.active{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--bg-tertiary, var(--bg-secondary))}.playoff-swap-icon{font-size:1rem;line-height:1}.playoff-swap-dropdown{margin-top:.4rem;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-height:300px;overflow-y:auto}.playoff-swap-dropdown-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;padding:0 .25rem}.playoff-swap-close-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;color:var(--text-muted);font-size:1.1rem;cursor:pointer;border-radius:4px;transition:all .12s ease}.playoff-swap-close-btn:hover{background:var(--bg-secondary);color:var(--danger-color)}.playoff-swap-dropdown-label{font-size:.75rem;color:var(--text-muted)}.playoff-swap-candidate{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .5rem;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background .12s ease;font-size:.85rem;color:var(--text-primary)}.playoff-swap-candidate:hover{background:var(--bg-secondary)}.playoff-swap-candidate .playoff-team-flag-img{width:22px;height:16px;object-fit:cover;border-radius:2px}.playoff-swap-candidate .playoff-team-name{font-size:.85rem}.playoff-stage-team-btn.placeholder{cursor:default;opacity:.4;border-style:dashed}.playoff-stage-team-btn:disabled:not(.selected):not(.placeholder){opacity:.6;cursor:not-allowed}.playoff-team-flag-img{width:2rem;height:1.5rem;object-fit:cover;border-radius:3px;flex-shrink:0}.playoff-team-flag-code{display:inline-block;font-size:.75rem;padding:.2rem .4rem;background:var(--bg-tertiary);border-radius:3px;color:var(--text-muted);min-width:2.5rem;text-align:center;flex-shrink:0}.playoff-team-name{flex:1;font-size:1rem}.playoff-stage-vs{text-align:center;font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 0}.playoff-stage-choices{display:flex;flex-direction:column;gap:4px;padding:.5rem}.playoff-stage-team{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.playoff-stage-team .playoff-team-name{font-weight:600}.playoff-stage-team .clear-btn{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;border-radius:4px;transition:color .15s ease}.playoff-stage-team .clear-btn:hover{color:var(--danger-color)}