.app{min-height:100vh;position:relative;background-size:cover;background-position:center;background-attachment:fixed}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;z-index:0}.container{max-width:640px;margin:0 auto;padding:28px 16px 72px;position:relative;z-index:1}header{text-align:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}.header-eyebrow{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.header-title{font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:2px;color:var(--text);line-height:1}.header-sub{font-size:11px;letter-spacing:6px;text-transform:uppercase;color:var(--green);opacity:.6;margin-top:6px}.scenario-switcher{display:flex;margin-bottom:14px;border:1px solid var(--border);border-radius:2px;overflow:hidden}.scenario-btn{flex:1;padding:11px 6px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase;transition:color .2s,background .2s,border-bottom-color .2s}.scenario-btn:hover{background:var(--surface);color:var(--text)}.scenario-btn.active{background:var(--surface2);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);margin-bottom:12px;padding:24px 22px;position:relative;overflow:hidden}.main-card{padding-top:28px}.card-accent-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent, var(--green)),transparent 70%)}.scenario-tag{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.points-big{font-family:var(--font-display);font-size:96px;font-weight:700;line-height:1;transition:color .4s;letter-spacing:-2px}.points-label{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--muted);margin-top:4px;margin-bottom:22px}.stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid var(--border);padding-top:18px;margin-top:0}.stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 8px;border-right:1px solid var(--border)}.stat:last-child{border-right:none}.stat-val{font-family:var(--font-display);font-size:30px;font-weight:600;color:var(--text)}.stat-lbl{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.scenario-desc{font-size:14px;color:var(--muted);line-height:1.7;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.status-card{display:flex;align-items:center;justify-content:space-between;padding:20px 22px}.status-left{display:flex;align-items:center;gap:16px}.big-pos{font-family:var(--font-display);font-size:56px;font-weight:700;line-height:1;transition:color .3s}.pos-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.badge{display:inline-block;padding:3px 10px;font-size:10px;letter-spacing:2px;text-transform:uppercase;border:1px solid}.badge-safe{border-color:var(--green);color:var(--green)}.badge-danger{border-color:var(--red);color:var(--red)}.status-right{text-align:right}.gap-val{font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1;transition:color .3s}.gap-lbl{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:4px;max-width:140px;text-align:right}.next-match-card{display:flex;align-items:center;justify-content:space-between;background:#11a08d59}.match-tag{color:var(--electric)}.match-opponent{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text)}.match-when{font-size:14px;color:var(--muted);margin-top:4px}.match-vs{color:var(--electric);font-size:22px}.table-wrap{margin-top:8px}.section-title{font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.league-table{width:100%;border-collapse:collapse}.league-table thead th{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:6px 8px;text-align:left;border-bottom:1px solid var(--border);font-weight:400}.league-table thead th:last-child,.league-table thead th:nth-child(3){text-align:right}.league-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.league-table tbody tr:hover{background:var(--surface2)}.league-table tbody td{padding:9px 8px;font-size:13px}.col-pos{color:var(--muted);font-size:11px;width:26px}.col-name{font-weight:600;display:flex;align-items:center;gap:8px}.col-num{text-align:right;color:var(--muted);font-size:12px;width:36px}.col-pts{text-align:right;font-family:var(--font-display);font-size:18px;font-weight:600;width:44px}.row-me td{background:#ffd6000a}.row-me .col-name,.row-me .col-pts{color:var(--yellow)}.row-rel .col-name,.row-rel .col-pts{color:var(--red);opacity:.7}.row-rel-line{border-top:2px solid var(--red)!important}.me-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow);flex-shrink:0}footer{text-align:center;margin-top:40px;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}@media (max-width: 400px){.points-big{font-size:72px}.header-title{font-size:28px}.big-pos{font-size:44px}.gap-val{font-size:30px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--electric: #0ff;--green: #00e676;--red: #ff1744;--yellow: #ffd600;--blue: #29b6f6;--bg: #080808;--surface: #111111;--surface2: #191919;--border: #242424;--text: #efefef;--muted: #aaaaaa;--font-display: "Oswald", sans-serif;--font-body: "Barlow Condensed", sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.4;min-height:100vh;-webkit-font-smoothing:antialiased}button{font-family:var(--font-body);cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}