:root{--bg: #0d1117;--surface: #161b27;--surface-2: #1e2436;--surface-3: #252d40;--border: rgba(255,255,255,.06);--border-light: rgba(255,255,255,.11);--text: #e2e8f4;--text-dim: #7c88a8;--text-muted: #404a63;--green: #3ecf8e;--green-faint: rgba(62,207,142,.12);--green-mid: rgba(62,207,142,.24);--gold: #F5B800;--gold-hov: #E0A900;--gold-act: #C89200;--gold-faint: rgba(245,184,0,.1);--gold-mid: rgba(245,184,0,.22);--gold-border: rgba(245,184,0,.28);--gold-glow: rgba(245,184,0,.18);--red: #f46260;--red-faint: rgba(244,98,96,.11);--red-mid: rgba(244,98,96,.22);--blue: #4a72d4;--blue-faint: rgba(74,114,212,.12);--amber: #f59e0b;--amber-faint: rgba(245,158,11,.11);--nav-h: 68px;--header-h: 56px;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--gap: 14px}[data-theme=light]{--bg: #eef1f7;--surface: #ffffff;--surface-2: #f4f6fb;--surface-3: #eaecf4;--border: rgba(0,0,0,.07);--border-light: rgba(0,0,0,.13);--text: #1a2038;--text-dim: #5a6484;--text-muted: #9aa0b8;--green-faint: rgba(62,207,142,.1);--green-mid: rgba(62,207,142,.2);--gold-faint: rgba(245,184,0,.08);--gold-mid: rgba(245,184,0,.18);--gold-border: rgba(245,184,0,.32);--gold-glow: rgba(245,184,0,.22);--red-faint: rgba(244,98,96,.08);--red-mid: rgba(244,98,96,.18);--blue-faint: rgba(74,114,212,.08);--amber-faint: rgba(245,158,11,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.page{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:var(--nav-h)}.page--home{padding-bottom:0}.page-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border);padding:0 16px;display:flex;align-items:center;gap:10px;height:var(--header-h);flex-shrink:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-title{font-size:15px;font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:var(--gap);overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .15s}[data-theme=light] .card{box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a}.card--gold{border-color:var(--gold-mid);background:linear-gradient(135deg,var(--gold-faint),transparent)}.card--green{border-color:var(--green-mid);background:linear-gradient(135deg,var(--green-faint),transparent)}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:var(--border-light)}.card--clickable:active{opacity:.85}.pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.pill--gold{background:var(--gold-faint);color:var(--gold);border:1px solid var(--gold-mid)}.pill--green{background:var(--green-faint);color:var(--green);border:1px solid var(--green-mid)}.pill--blue{background:var(--blue-faint);color:var(--blue);border:1px solid rgba(74,114,212,.25)}.pill--red{background:var(--red-faint);color:var(--red);border:1px solid var(--red-mid)}.pill--amber{background:var(--amber-faint);color:var(--amber);border:1px solid rgba(245,158,11,.22)}.pill--dim{background:var(--border);color:var(--text-dim);border:1px solid var(--border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s;white-space:nowrap;flex-shrink:0;line-height:1;letter-spacing:.01em}.btn:active{opacity:.8;transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.field input:focus-visible,.field select:focus-visible{outline:none}.btn--primary{background:var(--gold);color:#0d1117}.btn--primary:hover:not(:disabled){background:var(--gold-hov)}.btn--primary:active:not(:disabled){background:var(--gold-act)}.btn--ghost{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border-light)}.btn--danger{background:var(--red-faint);color:var(--red);border:1px solid var(--red-mid)}.btn--green{background:var(--gold);color:#0d1117}.btn--green:hover:not(:disabled){background:var(--gold-hov)}.btn--gold{background:var(--gold);color:#0d1117}.btn--gold:hover:not(:disabled){background:var(--gold-hov)}.btn--sm{padding:8px 14px;font-size:13px}.btn--full{width:100%}.btn--icon{padding:8px;background:transparent;border:none;color:var(--text-dim)}@keyframes dice-tumble{0%{transform:perspective(120px) rotateX(0) rotateY(0) rotate(0) scale(1)}20%{transform:perspective(120px) rotateX(-50deg) rotateY(80deg) rotate(10deg) scale(.74)}48%{transform:perspective(120px) rotateX(18deg) rotateY(195deg) rotate(-8deg) scale(.82)}72%{transform:perspective(120px) rotateX(-22deg) rotateY(310deg) rotate(5deg) scale(.9)}88%{transform:perspective(120px) rotateX(7deg) rotateY(354deg) rotate(-2deg) scale(1.1)}to{transform:perspective(120px) rotateX(0) rotateY(360deg) rotate(0) scale(1)}}.dice-icon{display:block;flex-shrink:0;transform-origin:center;color:var(--text);filter:drop-shadow(0 1px 3px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(0,0,0,.3));transition:filter .2s}.btn:hover .dice-icon{filter:drop-shadow(0 2px 5px rgba(0,0,0,.7)) drop-shadow(0 0 2px rgba(0,0,0,.4))}.dice-icon.spinning{animation:dice-tumble .58s cubic-bezier(.22,.61,.36,1)}.btn:hover .dice-icon:not(.spinning){animation:dice-tumble .58s cubic-bezier(.22,.61,.36,1)}@keyframes diceOverlayIn{0%{opacity:0}to{opacity:1}}.mini-dice{width:12px;height:12px;position:relative;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(32deg) scaleZ(1);transition:transform .25s ease}.mini-dice--spin,.btn:hover .mini-dice:not(.mini-dice--spin){animation:mini-dice-tumble .9s cubic-bezier(.33,1,.68,1) forwards}@keyframes mini-dice-tumble{0%{transform:rotateX(-22deg) rotateY(32deg) scaleZ(1)}15%{transform:rotateX(-44deg) rotateY(95deg) scale3d(.9,.9,.9)}42%{transform:rotateX(12deg) rotateY(210deg) scale3d(.86,.86,.86)}68%{transform:rotateX(-12deg) rotateY(322deg) scale3d(.93,.93,.93)}86%{transform:rotateX(3deg) rotateY(374deg) scale3d(1.06,1.06,1.06)}to{transform:rotateX(-22deg) rotateY(392deg) scaleZ(1)}}.mini-dice-glow{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;background:radial-gradient(circle,rgba(255,228,90,.82) 0%,rgba(255,200,40,.28) 45%,transparent 72%);filter:blur(4px);pointer-events:none;animation:mini-dice-glow .46s ease-out forwards}@keyframes mini-dice-glow{0%{opacity:0;transform:scale(.35)}16%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.75)}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--text-dim);font-weight:500}.field input,.field select{background:var(--surface-2);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text);font-size:15px;padding:12px 14px;outline:none;transition:border-color .15s;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-faint)}.field input::placeholder{color:var(--text-muted)}.field-error{font-size:11px;color:var(--red);margin-top:2px}.select-wrap{position:relative}.select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none;font-size:13px}.toggle-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s}.toggle-row:has(.toggle[data-on=true]){border-color:var(--gold-mid)}.toggle-label{flex:1}.toggle-label .lbl-title{font-size:14px;font-weight:600}.toggle-label .lbl-sub{font-size:12px;color:var(--text-dim);margin-top:3px}.toggle{flex-shrink:0;width:42px;height:24px;border-radius:999px;border:none;cursor:pointer;position:relative;background:var(--surface-3);border:1.5px solid var(--border-light);transition:background .2s,border-color .2s}.toggle[data-on=true]{background:var(--gold);border-color:var(--gold)}.toggle:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 4px #0000004d}.toggle[data-on=true]:after{transform:translate(18px)}.seg-radio{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface-2);border:1.5px solid var(--border-light);border-radius:var(--radius-sm)}.seg-radio input{display:none}.seg-radio label{padding:10px 8px;text-align:center;font-size:14px;font-weight:600;color:var(--text-dim);cursor:pointer;transition:all .15s;line-height:1.2;border-radius:7px}.seg-radio label:has(input:checked){background:var(--gold);color:#0d1117}.divider{display:flex;align-items:center;gap:10px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider span{font-size:11px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.section-heading{display:flex;align-items:center;gap:8px}.section-heading:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--border-light);flex-shrink:0}.section-heading .label{font-size:13px;font-weight:700;color:var(--text-dim);flex:1;letter-spacing:.01em}.section-heading.gold:before{background:var(--gold)}.section-heading.gold .label{color:var(--gold)}.section-heading.green:before{background:var(--green)}.section-heading.green .label{color:var(--green)}.match-card{display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;transition:border-color .15s;min-width:0}[data-theme=light] .match-card{box-shadow:0 1px 3px #0000000d}.match-card:hover{border-color:var(--border-light)}.match-team{flex:1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.match-team--right{text-align:right}.match-score{padding:7px 14px;background:var(--surface-2);border:1px solid var(--border-light);border-radius:8px;font-size:13px;font-weight:600;min-width:68px;text-align:center;flex-shrink:0;color:var(--text-muted)}.match-score--played{background:var(--surface-3);border-color:transparent;color:var(--text);font-weight:700;font-size:15px;letter-spacing:.04em}.list-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}[data-theme=light] .list-row{box-shadow:0 1px 3px #0000000a}.list-row .name{flex:1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.list-row .meta{font-size:12px;color:var(--text-dim);flex-shrink:0}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;text-align:center}.empty-state p{color:var(--text-dim);font-size:15px;line-height:1.6}.empty-state small{color:var(--text-muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 8px;text-align:center}[data-theme=light] .stat-box{box-shadow:0 1px 3px #0000000d}.stat-box .val{font-size:26px;font-weight:700;color:var(--green);line-height:1}.stat-box .lbl{font-size:10px;color:var(--text-dim);margin-top:5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stepper{display:flex;align-items:flex-start;padding:16px 20px 0;background:var(--bg);flex-shrink:0}.step{display:flex;flex-direction:column;align-items:center;gap:5px}.step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--surface-2);border:1.5px solid var(--border-light);color:var(--text-muted);transition:all .25s;flex-shrink:0}.step-circle.active{background:var(--gold);border-color:var(--gold);color:#0d1117}.step-circle.done{background:var(--gold-faint);border-color:var(--gold-mid);color:var(--gold)}.step-lbl{font-size:10px;font-weight:600;color:var(--text-muted);text-align:center;white-space:nowrap}.step-lbl.active,.step-lbl.done{color:var(--gold)}.step-line{flex:1;height:2px;background:var(--border-light);margin:13px 6px 0;border-radius:2px}.step-line.done{background:var(--gold)}.dropzone{border:1.5px dashed rgba(74,114,212,.35);border-radius:var(--radius);padding:22px 16px;display:flex;align-items:center;gap:14px;background:var(--blue-faint);cursor:pointer;transition:background .15s,border-color .15s}.dropzone:hover{background:#4a72d426;border-color:var(--blue)}.dropzone.active{background:#4a72d42e;border-color:var(--blue)}.dropzone .dz-title{font-size:14px;font-weight:700;color:var(--blue)}.dropzone .dz-sub{font-size:12px;color:var(--text-dim);margin-top:3px}.stnd-table{width:100%;border-collapse:collapse;font-size:13px}.stnd-table th{padding:10px 14px;font-size:10px;font-weight:700;color:var(--text-muted);background:var(--surface-2);text-align:left;text-transform:uppercase;letter-spacing:.06em}.stnd-table th:not(:first-child){text-align:center}.stnd-table td{padding:12px 14px;border-top:1px solid var(--border)}.stnd-table td:not(:first-child){text-align:center;color:var(--text-dim)}.stnd-table td:first-child{font-weight:600}.stnd-table td.pts{color:var(--gold);font-weight:800;font-size:14px}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:var(--surface);border-top:1px solid var(--border);display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=light] .tab-bar{box-shadow:0 -1px 12px #0000000f}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;transition:color .15s;background:none;border:none;cursor:pointer;position:relative}.tab-item.active{color:var(--gold)}.tab-item.active:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:20px;height:3px;border-radius:3px;background:var(--gold)}.back-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;margin-left:-6px;line-height:1;flex-shrink:0;display:flex;align-items:center;border-radius:8px;transition:background .15s}.back-btn:hover{background:var(--surface-2)}.page-footer{padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--border);display:flex;gap:10px;background:var(--bg);flex-shrink:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;line-height:1.6}.alert--error{background:var(--red-faint);color:var(--red);border:1px solid var(--red-mid)}.alert--success{background:var(--green-faint);color:var(--green);border:1px solid var(--green-mid)}.alert--info{background:var(--blue-faint);color:var(--blue);border:1px solid rgba(74,114,212,.25)}.alert--warn{background:var(--gold-faint);color:var(--gold);border:1px solid var(--gold-mid)}.floating-alerts{position:fixed;top:calc(var(--header-h, 52px) + 8px);left:16px;right:16px;z-index:30;display:flex;flex-direction:column;gap:8px;max-width:560px;margin:0 auto;pointer-events:none}.floating-alerts>.alert{pointer-events:auto;box-shadow:0 10px 32px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:floatingAlertIn .25s cubic-bezier(.16,1,.3,1);display:flex;align-items:flex-start;gap:10px}.floating-alerts .alert__close{background:none;border:none;cursor:pointer;padding:4px;margin:-4px -4px -4px 0;display:flex;color:inherit;opacity:.7;flex-shrink:0}.floating-alerts .alert__close:hover{opacity:1}@keyframes floatingAlertIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gap)}.col-full{grid-column:1 / -1}.champion-banner{background:linear-gradient(135deg,var(--gold-faint) 0%,transparent 70%);border:1px solid var(--gold-mid);border-radius:var(--radius-lg);padding:32px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.champion-banner .title{font-size:10px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.16em}.champion-banner .name{font-size:28px;font-weight:800;letter-spacing:-.02em}.champion-banner .sub{font-size:13px;color:var(--text-dim)}.theme-btn{width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s;color:var(--text-dim)}.theme-btn:hover{background:var(--surface-3);border-color:var(--border-light)}@media (min-width: 600px){.page-body,.page-footer{max-width:520px;margin:0 auto;width:100%}}@media (min-width: 600px){.page-body--wide,.page-footer--wide{max-width:1100px}}.cards-grid{display:flex;flex-direction:column;gap:10px}@media (min-width: 900px){.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.cards-grid--single{grid-template-columns:1fr;width:calc(50% - 6px);margin-left:auto;margin-right:auto}}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.auth-card-enter{animation:auth-card-enter .3s ease both}