:root{--bp-brand: #6e2bff;--bp-brand-strong: #4f1bd4;--bp-brand-soft: #ece1ff;--bp-accent: #00d4a0;--bp-accent-strong: #00a37c;--bp-warn: #f5a524;--bp-danger: #ef4444;--bp-bg: #f7f6fb;--bp-surface: #ffffff;--bp-surface-2: #f1eff7;--bp-border: #e6e3ef;--bp-overlay: rgba(15, 12, 32, .55);--bp-text: #15122b;--bp-text-soft: #4b4866;--bp-text-muted: #8b88a0;--bp-text-inverse: #ffffff;--bp-font-sans: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--bp-font-display: "Space Grotesk", var(--bp-font-sans);--bp-font-size-xs: .75rem;--bp-font-size-sm: .875rem;--bp-font-size-md: 1rem;--bp-font-size-lg: 1.125rem;--bp-font-size-xl: 1.5rem;--bp-font-size-2xl: 2rem;--bp-font-size-3xl: 2.75rem;--bp-space-1: 4px;--bp-space-2: 8px;--bp-space-3: 12px;--bp-space-4: 16px;--bp-space-5: 24px;--bp-space-6: 32px;--bp-space-8: 48px;--bp-space-10: 64px;--bp-radius-sm: 8px;--bp-radius-md: 12px;--bp-radius-lg: 18px;--bp-radius-pill: 999px;--bp-shadow-sm: 0 1px 2px rgba(15, 12, 32, .06);--bp-shadow-md: 0 8px 24px rgba(15, 12, 32, .08);--bp-shadow-lg: 0 18px 48px rgba(15, 12, 32, .14);--bp-ease: cubic-bezier(.2, .7, .2, 1);--bp-duration: .18s}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--bp-font-sans);color:var(--bp-text);background:radial-gradient(1200px 600px at 100% -10%,var(--bp-brand-soft) 0%,transparent 60%),radial-gradient(1000px 500px at -10% 110%,#d3f5ea 0%,transparent 55%),var(--bp-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.bp-main,.bp-main *{min-width:0}h1,h2,h3,h4{font-family:var(--bp-font-display);color:var(--bp-text);letter-spacing:-.01em;margin:0 0 var(--bp-space-3)}h1{font-size:var(--bp-font-size-3xl);line-height:1.05;font-weight:700}h2{font-size:var(--bp-font-size-2xl);line-height:1.15;font-weight:700}h3{font-size:var(--bp-font-size-xl);line-height:1.25;font-weight:600}h4{font-size:var(--bp-font-size-lg);line-height:1.3;font-weight:600}p{line-height:1.55;color:var(--bp-text-soft);margin:0 0 var(--bp-space-3)}a{color:var(--bp-brand-strong);text-decoration:none}a:hover{color:var(--bp-brand);text-decoration:underline}hr{border:0;height:1px;background:var(--bp-border);margin:var(--bp-space-6) 0}.bp-shell{min-height:100vh;display:flex;flex-direction:column}.bp-container{width:100%;max-width:1080px;margin:0 auto;padding:0 var(--bp-space-5)}.bp-main{flex:1;padding:var(--bp-space-6) 0 var(--bp-space-10)}.bp-nav{position:sticky;top:0;z-index:20;backdrop-filter:saturate(150%) blur(12px);-webkit-backdrop-filter:saturate(150%) blur(12px);background:#ffffffc7;border-bottom:1px solid var(--bp-border)}.bp-nav__inner{display:flex;align-items:center;gap:var(--bp-space-4);padding:var(--bp-space-3) var(--bp-space-5);max-width:1080px;margin:0 auto}.bp-brand{display:inline-flex;align-items:center;gap:var(--bp-space-3);font-family:var(--bp-font-display);font-weight:700;font-size:var(--bp-font-size-lg);color:var(--bp-text);text-decoration:none}.bp-brand:hover{text-decoration:none;color:var(--bp-text)}.bp-brand__mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--bp-brand) 0%,var(--bp-accent) 100%);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--bp-shadow-sm);color:#fff;font-family:var(--bp-font-display);font-weight:800;font-size:1rem;letter-spacing:-.04em}.bp-nav__links{display:flex;align-items:center;gap:var(--bp-space-2);margin-left:auto;list-style:none;padding:0}.bp-nav__link{display:inline-flex;align-items:center;padding:var(--bp-space-2) var(--bp-space-3);border-radius:var(--bp-radius-sm);color:var(--bp-text-soft);font-weight:500;cursor:pointer;text-decoration:none;transition:color var(--bp-duration) var(--bp-ease),background var(--bp-duration) var(--bp-ease)}.bp-nav__link:hover,.bp-nav__link--active{color:var(--bp-text);background:var(--bp-surface-2);text-decoration:none}.bp-nav__toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--bp-border);border-radius:var(--bp-radius-sm);padding:6px 10px;cursor:pointer;color:var(--bp-text)}@media(max-width:768px){.bp-nav__toggle{display:inline-flex}.bp-nav__links{display:none;position:absolute;top:100%;right:var(--bp-space-5);background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius-md);flex-direction:column;padding:var(--bp-space-3);margin-top:var(--bp-space-2);box-shadow:var(--bp-shadow-lg);min-width:200px}.bp-nav__links--open{display:flex}}.bp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bp-space-2);padding:10px 18px;border-radius:var(--bp-radius-sm);font-weight:600;font-size:var(--bp-font-size-sm);line-height:1;border:1px solid transparent;cursor:pointer;transition:transform var(--bp-duration) var(--bp-ease),background var(--bp-duration) var(--bp-ease),box-shadow var(--bp-duration) var(--bp-ease),color var(--bp-duration) var(--bp-ease);text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.bp-btn:active{transform:translateY(1px)}.bp-btn:disabled{opacity:.55;cursor:not-allowed}.bp-btn--primary{background:linear-gradient(135deg,var(--bp-brand) 0%,var(--bp-brand-strong) 100%);color:#fff;box-shadow:0 6px 16px #6e2bff47}.bp-btn--primary:hover{color:#fff;text-decoration:none;box-shadow:0 10px 22px #6e2bff57}.bp-btn--secondary{background:var(--bp-surface);color:var(--bp-text);border-color:var(--bp-border)}.bp-btn--secondary:hover{background:var(--bp-surface-2);color:var(--bp-text);text-decoration:none}.bp-btn--ghost{background:transparent;color:var(--bp-text-soft)}.bp-btn--ghost:hover{color:var(--bp-text);background:var(--bp-surface-2);text-decoration:none}.bp-btn--danger{background:transparent;color:var(--bp-danger);border-color:#ef44444d}.bp-btn--danger:hover{background:#ef444414;color:var(--bp-danger);text-decoration:none}.bp-btn--block{width:100%}.bp-btn--lg{padding:14px 24px;font-size:var(--bp-font-size-md)}.bp-card{background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius-lg);box-shadow:var(--bp-shadow-sm);padding:var(--bp-space-5)}.bp-card--soft{background:var(--bp-surface-2);border-color:transparent}.bp-card--interactive{cursor:pointer;transition:transform var(--bp-duration) var(--bp-ease),box-shadow var(--bp-duration) var(--bp-ease),border-color var(--bp-duration) var(--bp-ease)}.bp-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--bp-shadow-md);border-color:var(--bp-brand-soft)}.bp-card--selected{border-color:var(--bp-brand);box-shadow:0 0 0 3px #6e2bff1f,var(--bp-shadow-md)}.bp-stack>*+*{margin-top:var(--bp-space-4)}.bp-stack-sm>*+*{margin-top:var(--bp-space-2)}.bp-stack-lg>*+*{margin-top:var(--bp-space-6)}.bp-row{display:flex;gap:var(--bp-space-4);align-items:center;flex-wrap:wrap}.bp-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--bp-space-4)}.bp-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--bp-space-3)}.bp-master-detail{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:var(--bp-space-5)}.bp-field{display:block}.bp-label{display:block;font-size:var(--bp-font-size-sm);font-weight:600;color:var(--bp-text);margin-bottom:var(--bp-space-2)}.bp-input,.bp-select,.bp-textarea{width:100%;background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius-sm);padding:12px 14px;font-size:var(--bp-font-size-md);color:var(--bp-text);font-family:inherit;transition:border-color var(--bp-duration) var(--bp-ease),box-shadow var(--bp-duration) var(--bp-ease)}.bp-input:focus,.bp-select:focus,.bp-textarea:focus{outline:none;border-color:var(--bp-brand);box-shadow:0 0 0 3px #6e2bff26}.bp-input::placeholder{color:var(--bp-text-muted)}.bp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--bp-text-soft) 50%),linear-gradient(135deg,var(--bp-text-soft) 50%,transparent 50%);background-position:calc(100% - 20px) 18px,calc(100% - 14px) 18px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.bp-help{font-size:var(--bp-font-size-xs);color:var(--bp-text-muted);margin-top:var(--bp-space-1)}.bp-error{color:var(--bp-danger);font-size:var(--bp-font-size-sm)}.bp-checkbox{display:inline-flex;align-items:center;gap:var(--bp-space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.bp-checkbox input{width:18px;height:18px;accent-color:var(--bp-brand)}.bp-radio{cursor:pointer;-webkit-user-select:none;user-select:none}.bp-radio input{width:18px;height:18px;accent-color:var(--bp-brand);margin-top:2px}.bp-badge{display:inline-flex;align-items:center;gap:var(--bp-space-1);padding:4px 10px;border-radius:var(--bp-radius-pill);font-size:var(--bp-font-size-xs);font-weight:600;background:var(--bp-brand-soft);color:var(--bp-brand-strong);line-height:1}.bp-badge--accent{background:#00d4a026;color:var(--bp-accent-strong)}.bp-badge--warn{background:#f5a52429;color:#a8730a}.bp-badge--muted{background:var(--bp-surface-2);color:var(--bp-text-soft)}.bp-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--bp-space-8);align-items:center;padding:var(--bp-space-8) var(--bp-space-6);border-radius:var(--bp-radius-lg);background:radial-gradient(420px 280px at 90% 10%,rgba(0,212,160,.18),transparent 70%),radial-gradient(520px 360px at -10% 110%,rgba(110,43,255,.22),transparent 70%),var(--bp-surface);border:1px solid var(--bp-border);box-shadow:var(--bp-shadow-md)}.bp-hero h1{font-size:clamp(2rem,4.5vw,3rem)}.bp-hero p{font-size:var(--bp-font-size-lg);max-width:52ch}.bp-hero__art{aspect-ratio:1 / 1;width:100%;max-width:340px;justify-self:end;border-radius:var(--bp-radius-lg);background:linear-gradient(135deg,var(--bp-brand) 0%,var(--bp-accent) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 24px 64px #6e2bff57}@media(max-width:768px){.bp-hero{grid-template-columns:1fr;padding:var(--bp-space-6) var(--bp-space-5)}.bp-hero__art{max-width:220px;justify-self:center}}.bp-tabs{display:flex;gap:var(--bp-space-1);overflow-x:auto;border-bottom:1px solid var(--bp-border);margin-bottom:var(--bp-space-5);padding-bottom:1px}.bp-tabs__tab{flex-shrink:0;padding:var(--bp-space-3) var(--bp-space-4);color:var(--bp-text-soft);background:transparent;border:none;border-bottom:2px solid transparent;font-weight:600;cursor:pointer;text-decoration:none;font-size:var(--bp-font-size-sm);transition:color var(--bp-duration) var(--bp-ease),border-color var(--bp-duration) var(--bp-ease)}.bp-tabs__tab:hover{color:var(--bp-text);text-decoration:none}.bp-tabs__tab--active{color:var(--bp-brand-strong);border-bottom-color:var(--bp-brand)}.bp-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bp-overlay);z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--bp-space-4)}.bp-modal{background:var(--bp-surface);border-radius:var(--bp-radius-lg);padding:var(--bp-space-6);width:100%;max-width:440px;box-shadow:var(--bp-shadow-lg);max-height:90vh;overflow-y:auto}.bp-modal__title{margin-bottom:var(--bp-space-4)}.bp-spinner{display:inline-block;width:28px;height:28px;border-radius:50%;border:3px solid var(--bp-border);border-top-color:var(--bp-brand);animation:bp-spin .8s linear infinite}@keyframes bp-spin{to{transform:rotate(360deg)}}.bp-list{list-style:none;padding:0;margin:0}.bp-list__item{display:flex;align-items:center;justify-content:space-between;padding:var(--bp-space-3) var(--bp-space-4);border-radius:var(--bp-radius-md);cursor:pointer;color:var(--bp-text);transition:background var(--bp-duration) var(--bp-ease)}.bp-list__item:hover{background:var(--bp-surface-2)}.bp-list__item--active{background:linear-gradient(135deg,var(--bp-brand) 0%,var(--bp-brand-strong) 100%);color:#fff}.bp-list__item--active:hover{background:linear-gradient(135deg,var(--bp-brand) 0%,var(--bp-brand-strong) 100%)}.bp-muted{color:var(--bp-text-muted)}.bp-strong{font-weight:600;color:var(--bp-text)}.bp-text-center{text-align:center}.bp-text-right{text-align:right}.bp-mt-2{margin-top:var(--bp-space-2)}.bp-mt-4{margin-top:var(--bp-space-4)}.bp-mt-6{margin-top:var(--bp-space-6)}.bp-mb-4{margin-bottom:var(--bp-space-4)}.bp-flex-grow{flex:1}.bp-group-card{background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius-md);overflow:hidden;box-shadow:var(--bp-shadow-sm)}.bp-group-card__header{display:flex;justify-content:space-between;align-items:center;padding:var(--bp-space-3) var(--bp-space-4);background:var(--bp-surface-2);border-bottom:1px solid var(--bp-border);font-family:var(--bp-font-display);font-weight:700}.bp-group-card__team{display:grid;grid-template-columns:36px 32px 1fr auto;gap:var(--bp-space-3);align-items:center;padding:var(--bp-space-2) var(--bp-space-4);border-bottom:1px solid var(--bp-border);transition:background var(--bp-duration) var(--bp-ease)}.bp-group-card__team:last-child{border-bottom:0}.bp-group-card__team:hover{background:var(--bp-surface-2)}.bp-group-card__team--selected{background:#00d4a014}.bp-pos-toggle{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--bp-border);background:var(--bp-surface);cursor:pointer;font-weight:700;font-size:14px;color:var(--bp-text-muted);transition:all var(--bp-duration) var(--bp-ease);padding:0}.bp-pos-toggle:hover{border-color:var(--bp-brand-soft);color:var(--bp-text)}.bp-pos-toggle--1{background:linear-gradient(135deg,#ffd166,#f5a524);color:#fff;border-color:transparent;box-shadow:0 4px 12px #f5a52457}.bp-pos-toggle--2{background:linear-gradient(135deg,#d6dae6,#a8aebd);color:#fff;border-color:transparent;box-shadow:0 4px 12px #78829647}.bp-flag{width:32px;height:32px;border-radius:6px;object-fit:cover;background:var(--bp-surface-2)}.bp-flag--lg{width:56px;height:56px;border-radius:10px}.bp-flag--placeholder{width:32px;height:32px;border-radius:6px;background:var(--bp-surface-2);color:var(--bp-text-muted);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.bp-points{color:var(--bp-accent-strong);font-weight:700;font-variant-numeric:tabular-nums}.bp-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--bp-space-4);background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius-md);padding:var(--bp-space-3) var(--bp-space-4);box-shadow:var(--bp-shadow-sm)}.bp-match__team{display:flex;flex-direction:column;align-items:center;gap:var(--bp-space-2);cursor:pointer;padding:var(--bp-space-2);border-radius:var(--bp-radius-sm);transition:background var(--bp-duration) var(--bp-ease),border-color var(--bp-duration) var(--bp-ease);border:2px solid transparent}.bp-match__team:hover{background:var(--bp-surface-2)}.bp-match__team--winner{background:#00d4a01a;border-color:var(--bp-accent)}.bp-match__team-name{font-size:var(--bp-font-size-sm);font-weight:600;text-align:center}.bp-match__vs{color:var(--bp-text-muted);font-weight:600;font-size:var(--bp-font-size-xs);letter-spacing:.1em;text-transform:uppercase}.bp-knockout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--bp-space-3)}.bp-pill-toggle{background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius-pill);padding:8px 16px;font-weight:600;font-size:var(--bp-font-size-sm);cursor:pointer;transition:all var(--bp-duration) var(--bp-ease);color:var(--bp-text-soft)}.bp-pill-toggle:hover{color:var(--bp-text);border-color:var(--bp-brand-soft)}.bp-pill-toggle--active{background:linear-gradient(135deg,var(--bp-brand) 0%,var(--bp-brand-strong) 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px #6e2bff47}.bp-action-bar{position:sticky;bottom:16px;z-index:10;margin-top:var(--bp-space-6);background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius-md);padding:var(--bp-space-3) var(--bp-space-4);box-shadow:var(--bp-shadow-md);display:flex;align-items:center;justify-content:space-between;gap:var(--bp-space-3)}.bp-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--bp-space-3);margin:var(--bp-space-6) 0 var(--bp-space-4)}.bp-section-heading h4{margin:0}.bp-toaster{position:fixed;top:80px;right:16px;z-index:100;display:flex;flex-direction:column;gap:var(--bp-space-2);max-width:calc(100vw - 32px);pointer-events:none}.bp-toast{pointer-events:auto;display:inline-flex;align-items:flex-start;gap:var(--bp-space-3);min-width:280px;max-width:420px;padding:var(--bp-space-3) var(--bp-space-4);border-radius:var(--bp-radius-md);border:1px solid var(--bp-border);background:var(--bp-surface);box-shadow:var(--bp-shadow-lg);cursor:pointer;text-align:left;font-family:inherit;font-size:var(--bp-font-size-sm);color:var(--bp-text);animation:bp-toast-in .22s var(--bp-ease) both}.bp-toast:hover{transform:translateY(-1px)}.bp-toast__icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;background:var(--bp-brand)}.bp-toast__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.bp-toast__title{font-weight:600}.bp-toast__message{color:var(--bp-text-soft);word-break:break-word}.bp-toast--success{border-color:#00d4a073}.bp-toast--success .bp-toast__icon{background:var(--bp-accent-strong)}.bp-toast--error{border-color:#ef444473}.bp-toast--error .bp-toast__icon{background:var(--bp-danger)}@keyframes bp-toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.bp-leaderboard-table{width:100%;border-collapse:collapse;min-width:460px}.btn-primary{border-radius:var(--bp-radius-sm)}@media(max-width:768px){.bp-container{padding:0 var(--bp-space-4)}.bp-main{padding:var(--bp-space-5) 0 var(--bp-space-8)}h1{font-size:var(--bp-font-size-2xl)}h2{font-size:var(--bp-font-size-xl)}h1,h2,h3,h4{overflow-wrap:break-word}.bp-card{padding:var(--bp-space-4)}.bp-modal{padding:var(--bp-space-5)}.bp-section-heading{flex-wrap:wrap;align-items:flex-start}.bp-master-detail{grid-template-columns:1fr}.bp-action-bar{flex-wrap:wrap}.bp-action-bar>.bp-row{width:100%}.bp-action-bar .bp-btn{flex:1}.bp-match{gap:var(--bp-space-2);padding:var(--bp-space-3)}.bp-flag--lg{width:44px;height:44px}.bp-pos-toggle{width:34px;height:34px}}.bp-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none}.bp-tabs::-webkit-scrollbar{display:none}@media(max-width:480px){.bp-toaster{left:16px;right:16px;max-width:none}.bp-toast{min-width:0;max-width:none;width:100%}}