html,body{margin:0;padding:0;box-sizing:border-box;width:var(--main-width);height:var(--main-height);overflow:hidden;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none}body{font-family:Roboto,Helvetica Neue,sans-serif;display:flex;flex-direction:column;background-color:var(--main-background)}*{touch-action:manipulation}@font-face{font-family:DSEG14;src:url(/DSEG14ClassicMini-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--main-color: #A82CAA;--main-color-bright: #D95ADB;--main-color-light: #F2A4F0;--main-color-dark: #4A234B;--main-color-surface: #342435;--main-background: #222222}.tournament-banner{border-left-color:var(--main-color-light)!important}.player-count{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:14px}.player-count button{min-height:40px;border:1px solid #41434c;border-radius:5px;color:#a8aab3;background:#24252b}.player-count button.active{border-color:var(--main-color-bright);color:#fff;background:var(--main-color)}.player-names{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.player-names label{display:grid;grid-template-columns:38px 1fr;align-items:center;overflow:hidden;border:1px solid #3d3f48;border-radius:6px;background:#24252b}.player-names label span{color:var(--main-color-light);font-family:DSEG14;text-align:center}.player-names input{min-width:0;padding:13px 10px;border:0;border-left:1px solid #3d3f48;outline:0;color:#fff;background:transparent;font:inherit;-webkit-user-select:text!important;user-select:text!important}.tournament-start{display:block;margin:18px auto 0}.champion-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:18px;border-left:4px solid var(--main-color-light);background:var(--main-color-surface)}.champion-banner span{color:var(--main-color-light);font-size:11px;font-weight:800;text-transform:uppercase}.champion-banner strong{font-family:DSEG14}.bracket-list{margin-top:26px}.bracket-list>div{display:grid;grid-template-columns:35px 1fr auto;align-items:center;padding:12px 0;border-bottom:1px solid #35363e}.bracket-list p{margin:0}.bracket-list p strong{color:var(--main-color-light)}.bracket-list small{color:#8f919a}.game-center-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:15px;border-left:4px solid var(--main-color);background:#24252b}.game-center-strip strong,.game-center-strip small{display:block}.game-center-strip small{margin-top:4px;color:#aaaab2}.game-center-strip button{padding:10px 14px;border:0;border-radius:5px;color:#fff;background:var(--main-color)}.game-center-strip button:disabled{color:#888992;background:#34353c}.performance-chart{margin-top:12px;padding:16px;background:#24252b}.chart-bars{height:120px;display:flex;align-items:end;gap:8px;margin-top:14px;border-bottom:1px solid #5e3560}.chart-column{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.chart-column span{width:min(24px,75%);min-height:5px;border-radius:3px 3px 0 0;background:var(--main-color)}.chart-column small{color:#aaaab2;font-size:9px}@media (max-width: 560px){.player-names{grid-template-columns:1fr}.bracket-list>div{grid-template-columns:28px 1fr}.bracket-list small{grid-column:2;margin-top:4px}}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}body.high-contrast .screen{filter:contrast(1.2)}.onboarding-backdrop{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:16px;background:#0a0a0ce6}.onboarding-panel{box-sizing:border-box;width:min(560px,100%);padding:28px;border:1px solid #6b356c;border-top:4px solid var(--main-color);border-radius:7px;color:#fff;background:#24252b}.onboarding-panel h2{margin:8px 0 24px}.onboarding-points{display:grid;gap:4px}.onboarding-points div{padding:13px 0;border-bottom:1px solid #3b3c44}.onboarding-points strong,.onboarding-points small{display:block}.onboarding-points strong{color:#f2a4f0}.onboarding-points small{margin-top:5px;color:#aaaab2}.onboarding-action{width:100%;margin-top:22px;padding:15px;border:0;border-radius:5px;color:#fff;background:var(--main-color);font-weight:800;text-transform:uppercase}@supports (height: 100dvh){:root{--main-height: 100dvh;--main-width: 100dvw}}@supports not (height: 100dvh){:root{--main-height: 100vh;--main-width: 100vw}}
