:root{--app-sidebar-width: 16rem;--app-tab-bar-height: 4rem;--app-card-max-width: 420px;--app-content-max-width: 40rem;--app-hero-height: 12rem;--app-menu-min-width: 14rem;--app-transition-duration: .28s}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:0}}::view-transition-old(root){animation:var(--app-transition-duration) ease both slide-out-left}::view-transition-new(root){animation:var(--app-transition-duration) ease both slide-in-right}[data-nav-back]::view-transition-old(root){animation:var(--app-transition-duration) ease both slide-in-right;animation-direction:reverse}[data-nav-back]::view-transition-new(root){animation:var(--app-transition-duration) ease both slide-out-left;animation-direction:reverse}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:system-ui,-apple-system,sans-serif;background:var(--wa-color-surface-lowered);color:var(--wa-color-text-normal)}wa-avatar{flex-shrink:0}.app-mobile-hide{@media(width<640px){display:none}}#app{min-height:100%}.auth-page{min-height:100dvh;position:relative;display:flex;align-items:flex-start;justify-content:center;padding:var(--wa-space-2xl) var(--wa-space-m) var(--wa-space-3xl);@media(width>=640px){align-items:center;padding:var(--wa-space-2xl)}.auth-card{width:100%;max-width:var(--app-card-max-width);background:var(--wa-color-surface-raised);border-radius:var(--wa-border-radius-l);padding:var(--wa-space-2xl) var(--wa-space-l);box-shadow:var(--wa-shadow-l);@media(width>=640px){padding:var(--wa-space-3xl) var(--wa-space-xl)}}.auth-logo{text-align:center;margin-bottom:var(--wa-space-xl);.auth-logo-text{display:block;font-size:2.5rem;font-weight:900;letter-spacing:-2px;color:var(--wa-color-brand-fill-loud);line-height:1}.auth-logo-sub{margin:var(--wa-space-2xs) 0 0;color:var(--wa-color-text-quiet);font-size:.95rem}}.auth-switch{text-align:center;margin:var(--wa-space-l) 0 0;font-size:.9rem;color:var(--wa-color-text-quiet);& a{color:var(--wa-color-brand-fill-loud);font-weight:600;text-decoration:none;&:hover{text-decoration:underline}}}}.btn-full{width:100%}.app-shell{display:flex;min-height:100vh}.app-sidebar{display:none;flex-direction:column;width:var(--app-sidebar-width);flex-shrink:0;background:var(--wa-color-surface-raised);border-right:1px solid var(--wa-color-border-quiet);padding:var(--wa-space-s) var(--wa-space-xs);position:sticky;top:0;height:100vh;@media(width>=640px){display:flex}}.app-sidebar-brand{padding:var(--wa-space-xs) var(--wa-space-s) var(--wa-space-m)}.app-sidebar-brand-text{font-size:1.5rem;font-weight:900;letter-spacing:-1.5px;color:var(--wa-color-brand-fill-loud)}.app-sidebar-nav{display:flex;flex-direction:column;gap:var(--wa-space-2xs);flex:1}.nav-item{width:100%;border-radius:var(--wa-border-radius-m);&::part(base){justify-content:flex-start}&.nav-item--active{background:var(--wa-color-brand-fill-quiet);color:var(--wa-color-brand-on-quiet)}}.app-sidebar-footer{display:flex;flex-direction:column;gap:var(--wa-space-2xs)}.app-sidebar-user{display:flex;align-items:center;gap:var(--wa-space-s);padding:var(--wa-space-xs) var(--wa-space-s);cursor:pointer;min-width:0;>div{min-width:0}}.app-sidebar-user-name{display:block;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar-user-email{display:block;font-size:.75rem;color:var(--wa-color-text-quiet);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-content{flex:1;min-width:0}.app-mobile-header{display:flex;align-items:center;padding:var(--wa-space-s) var(--wa-space-m);position:sticky;top:0;z-index:10;background:var(--wa-color-surface-lowered);@media(width>=640px){display:none}}.app-mobile-logo{font-size:1.5rem;font-weight:900;letter-spacing:-1.5px;color:var(--wa-color-brand-fill-loud)}.app-desktop-back{display:none;padding:var(--wa-space-s) var(--wa-space-m);position:sticky;top:0;z-index:10;background:var(--wa-color-surface-lowered);@media(width>=640px){display:block}}.app-main{padding:var(--wa-space-l) var(--wa-space-m);@media(width>=640px){padding:var(--wa-space-xl) var(--wa-space-l)}@media(width<640px){padding-bottom:calc(var(--wa-space-l) + var(--app-tab-bar-height))}}.app-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--app-tab-bar-height);z-index:100;background:var(--wa-color-surface-raised);border-top:1px solid var(--wa-color-border-quiet);align-items:center;justify-content:space-around;@media(width<640px){display:flex}}.app-bottom-bar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;flex:1;padding:var(--wa-space-2xs) 0;border:none;background:none;color:var(--wa-color-text-quiet);font-size:var(--wa-font-size-2xs);cursor:pointer;-webkit-tap-highlight-color:transparent;& wa-icon{font-size:1.25rem;margin:0}&.app-bottom-bar-item--active{color:var(--wa-color-brand-fill-loud)}& wa-avatar{flex-shrink:0}}.app-bottom-bar-more{position:relative;flex:1;display:flex;justify-content:center;align-items:center}.app-bottom-bar-menu-header{display:flex;align-items:center;gap:var(--wa-space-s);padding:var(--wa-space-s) var(--wa-space-m);>div{display:flex;flex-direction:column;min-width:0}& strong{font-size:var(--wa-font-size-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& span{font-size:var(--wa-font-size-xs);color:var(--wa-color-text-quiet);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.app-field{display:flex;flex-direction:column;gap:var(--wa-space-3xs)}.app-field-label{font-size:var(--wa-font-size-s);font-weight:500;color:var(--wa-color-text-default)}.app-field input{width:100%;box-sizing:border-box;font:inherit;font-size:var(--wa-font-size-m);padding:var(--wa-space-s) var(--wa-space-m);border:1px solid var(--wa-color-border-default);border-radius:var(--wa-border-radius-m);background:var(--wa-color-surface-default);color:var(--wa-color-text-default);color-scheme:inherit;&:focus{outline:none;border-color:var(--wa-color-brand-fill-loud);box-shadow:0 0 0 var(--wa-focus-ring-width) var(--wa-color-brand-fill-quiet)}}.app-profile-content{max-inline-size:var(--app-content-max-width)}.app-profile-title{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.app-profile-section{display:flex;flex-direction:column;gap:var(--wa-space-s)}.app-profile-section-title{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wa-color-text-quiet)}.app-details-form-group{border:1px solid var(--wa-color-border-quiet);border-radius:var(--wa-border-radius-m);overflow:hidden;wa-details{&:not(:first-of-type):not(:last-of-type){&::part(base),&::part(header){border-radius:0}}&:first-of-type{&::part(base),&::part(header){border-bottom-left-radius:0;border-bottom-right-radius:0}}&:last-of-type{&::part(base),&::part(header){border-top-left-radius:0;border-top-right-radius:0}}&[open]{&::part(header){border-bottom:var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border)}}[slot=summary].wa-flank{--flank-size: 12ch;inline-size:100%}}}.app-lang-row{display:flex;align-items:center;justify-content:space-between;gap:var(--wa-space-m)}.app-avatar-upload{display:flex;align-items:flex-start;gap:var(--wa-space-m);max-inline-size:var(--app-content-max-width)}.app-avatar-wrap{position:relative;flex-shrink:0;cursor:pointer;overflow:visible}.app-avatar-edit{position:absolute;inset-block-start:0;inset-inline-end:0;translate:25% -25%}.app-avatar-delete{position:absolute;inset-block-end:0;inset-inline-end:0;translate:25% 25%}.app-discipline-stats{display:flex;gap:var(--wa-space-m)}.app-discipline-stat{display:flex;align-items:center;gap:var(--wa-space-xs);font-size:.85rem;color:var(--wa-color-text-quiet);white-space:nowrap;& wa-icon{font-size:.75rem;flex-shrink:0;color:var(--wa-color-text-quiet)}}.app-player-search{display:flex;flex-direction:column;gap:var(--wa-space-s);height:14rem}.app-player-search-empty{margin:0;color:var(--wa-color-text-quiet);font-size:.9rem}.app-player-list{display:flex;flex-direction:column;gap:var(--wa-space-3xs);max-height:10rem;overflow-y:auto}.app-player-item{display:flex;align-items:center;gap:var(--wa-space-s);width:100%;padding:var(--wa-space-xs) var(--wa-space-s);background:none;border:none;border-radius:var(--wa-border-radius-m);color:var(--wa-color-text-normal);font:inherit;text-align:start;cursor:pointer;& span{flex:1}&:hover{background:var(--wa-color-surface-sunken)}&.app-player-item--selected{background:var(--wa-color-brand-fill-quiet);color:var(--wa-color-brand-on-quiet)}.app-player-item-check{margin-inline-start:auto}}.app-home-header{margin-bottom:var(--wa-space-l);.welcome-hello{margin:0;color:var(--wa-color-text-quiet);font-size:.95rem}.welcome-name{margin:var(--wa-space-3xs) 0 0;font-size:2rem;font-weight:800;letter-spacing:-1px}}.app-home-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--wa-space-m);padding:var(--wa-space-3xl) var(--wa-space-m);.app-home-empty-icon{font-size:3rem;color:var(--wa-color-text-quiet);opacity:.4}.app-home-empty-title{margin:0;font-size:1.25rem;font-weight:700}.app-home-empty-sub{margin:0;color:var(--wa-color-text-quiet);max-width:28rem}}.app-home-section{display:flex;flex-direction:column;gap:var(--wa-space-m)}.app-home-section-header{display:flex;align-items:center;justify-content:space-between}.app-home-section-title{margin:0;font-size:1rem;font-weight:700}.app-discipline-grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.app-discipline-stats{flex-wrap:nowrap}.app-discipline-card{cursor:pointer;transition:box-shadow .15s;&:hover{--wa-shadow-s: var(--wa-shadow-m)}.app-discipline-card-media{position:relative;& img{display:block;width:100%;height:8rem;object-fit:cover;border-radius:0}.app-discipline-card-media-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%);display:flex;align-items:flex-end;padding:var(--wa-space-s) var(--wa-space-m)}}.app-discipline-card-name{color:#fff;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.4)}.app-discipline-card-partner{display:flex;align-items:center;gap:var(--wa-space-s)}.app-discipline-card-partner-info{display:flex;flex-direction:column;gap:var(--wa-space-3xs);min-width:0}.app-discipline-card-partner-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wa-color-text-quiet)}.app-discipline-card-partner-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.app-main--no-pad-top{padding-top:0}.app-discipline-detail-hero{position:sticky;top:0;z-index:1;overflow:hidden;margin:0 calc(-1 * var(--wa-space-m)) var(--wa-space-l);@media(width>=640px){margin-inline:calc(-1 * var(--wa-space-l))}& img{display:block;width:100%;height:var(--app-hero-height);object-fit:cover;border-radius:0}}.app-discipline-detail-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 55%);display:flex;align-items:flex-end;padding:var(--wa-space-m)}.app-discipline-detail-title{margin:0;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.5px}.app-discipline-detail-content{display:grid;gap:var(--wa-space-l);grid-template-columns:1fr;@media(width>=768px){grid-template-columns:1fr 2fr}}.app-discipline-detail-left{display:flex;flex-direction:column;gap:var(--wa-space-l)}.app-discipline-detail-section{display:flex;flex-direction:column;gap:var(--wa-space-m)}.app-discipline-detail-section-title{margin:0;font-size:1rem;font-weight:700;display:flex;align-items:baseline;gap:var(--wa-space-s)}.app-discipline-detail-section-count{font-size:.8rem;font-weight:400;color:var(--wa-color-text-quiet)}.app-discipline-detail-empty{margin:0;color:var(--wa-color-text-quiet)}.app-leaderboard{display:flex;flex-direction:column;gap:var(--wa-space-3xs)}.app-leaderboard-row{display:flex;align-items:center;gap:var(--wa-space-s);padding:var(--wa-space-s) var(--wa-space-m);border-radius:var(--wa-border-radius-m);background:var(--wa-color-surface-raised);border:var(--wa-border-width-s) var(--wa-border-style) transparent;&.app-leaderboard-row--me{border-color:var(--wa-color-brand-fill-loud);background:var(--wa-color-brand-fill-quiet)}}.app-leaderboard-avatars{display:flex;& wa-avatar:not(:first-child){margin-inline-start:calc(-1 * var(--wa-space-s))}}.app-leaderboard-rank{width:2rem;text-align:center;font-size:.85rem;font-weight:700;color:var(--wa-color-text-quiet);flex-shrink:0}.app-leaderboard-name{flex:1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-leaderboard-gap{display:flex;align-items:center;justify-content:center;gap:var(--wa-space-xs);width:100%;padding:var(--wa-space-s) var(--wa-space-m);background:none;border:none;border-radius:var(--wa-border-radius-m);color:var(--wa-color-text-quiet);font:inherit;font-size:.85rem;cursor:pointer;&:hover{background:var(--wa-color-neutral-fill-quiet);color:var(--wa-color-text-normal)}}.app-leaderboard-footer{margin:var(--wa-space-s) 0 0;font-size:.8rem;color:var(--wa-color-text-quiet);text-align:center}.app-leaderboard-rating{font-size:.9rem;font-weight:700;color:var(--wa-color-text-quiet);flex-shrink:0}.welcome-card{background:var(--wa-color-surface-raised);border-radius:var(--wa-border-radius-l);padding:var(--wa-space-xl) var(--wa-space-l);box-shadow:var(--wa-shadow-s);max-width:600px;.welcome-hello{margin:0;color:var(--wa-color-text-quiet);font-size:.95rem}.welcome-name{margin:var(--wa-space-3xs) 0 var(--wa-space-s);font-size:2rem;font-weight:800;letter-spacing:-1px}.welcome-sub{margin:0;color:var(--wa-color-text-quiet);font-size:.95rem}}.app-match-header{display:flex;align-items:center;justify-content:center;gap:var(--wa-space-l);flex-wrap:wrap}.app-match-team{display:flex;flex-direction:column;align-items:center;gap:var(--wa-space-xs)}.app-match-team-name{font-weight:600;font-size:var(--wa-font-size-s)}.app-match-score{font-size:var(--wa-font-size-xl);font-weight:800;text-align:center}.app-match-vs{font-size:var(--wa-font-size-l);font-weight:700;color:var(--wa-color-text-quiet)}.app-match-info{display:flex;flex-wrap:wrap;gap:var(--wa-space-m);justify-content:center;font-size:var(--wa-font-size-s);color:var(--wa-color-text-quiet)}.app-match-message{text-align:center;font-size:var(--wa-font-size-s);color:var(--wa-color-text-quiet);font-style:italic}.app-match-actions{display:flex;flex-direction:column;align-items:center;gap:var(--wa-space-xs)}.app-match-score-input{font-size:2rem;font-weight:800;min-width:2rem;text-align:center}.app-match-score-team{display:flex;flex-direction:column;align-items:center;gap:var(--wa-space-2xs)}.app-match-score-controls{display:flex;align-items:center;gap:var(--wa-space-xs)}.app-match-score-form{display:flex;align-items:center;justify-content:center;gap:var(--wa-space-l)}.app-match-score-separator{font-size:var(--wa-font-size-xl);font-weight:700;color:var(--wa-color-text-quiet)}.app-match-change{flex-direction:column;align-items:stretch;gap:var(--wa-space-s)}.app-match-change-header{display:flex;align-items:center;gap:var(--wa-space-xs);justify-content:space-between}.app-dialog-footer{display:flex;gap:var(--wa-space-s);justify-content:flex-end}.app-icon-inline{font-size:var(--wa-font-size-xs);margin:0}.app-text-center{text-align:center}.app-touch-action{touch-action:manipulation}.app-player-header{display:flex;align-items:center;gap:var(--wa-space-m)}.app-player-name{margin:0;font-size:var(--wa-font-size-xl);font-weight:800}.app-player-stats{display:flex;gap:var(--wa-space-m);margin-top:var(--wa-space-2xs);color:var(--wa-color-text-quiet);font-size:var(--wa-font-size-s);white-space:nowrap}.app-player-h2h{display:flex;gap:var(--wa-space-l);font-size:var(--wa-font-size-l);font-weight:700}.app-section-title{margin:0;font-size:var(--wa-font-size-m);font-weight:700}.app-section-count{font-weight:400;color:var(--wa-color-text-quiet);font-size:var(--wa-font-size-s);margin-left:var(--wa-space-xs)}.app-match-item-body{display:flex;align-items:center;gap:var(--wa-space-s);flex:1;min-width:0}.app-match-item-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-match-item-meta{display:flex;align-items:center;gap:var(--wa-space-xs);font-size:var(--wa-font-size-xs);color:var(--wa-color-text-quiet);flex-wrap:wrap}.app-match-item-right{display:flex;align-items:center;gap:var(--wa-space-s);flex-shrink:0}.app-match-item-score{font-weight:700;font-size:var(--wa-font-size-s)}.app-my-stats{display:flex;gap:var(--wa-space-l);justify-content:center;cursor:pointer;font-size:var(--wa-font-size-s);color:var(--wa-color-text-quiet);padding:var(--wa-space-s) 0 var(--wa-space-l)}.app-upcoming-opponent{font-weight:600}.app-upcoming-body{flex:1}.app-challenge-row{justify-content:space-between;cursor:pointer}.app-challenge-row-body{display:flex;align-items:center;gap:var(--wa-space-s);min-width:0}.app-proposal-item{flex-direction:column;align-items:stretch;gap:var(--wa-space-s)}.app-proposal-header{display:flex;align-items:center;gap:var(--wa-space-s);justify-content:space-between}.app-proposal-author{display:flex;align-items:center;gap:var(--wa-space-xs)}.app-proposal-author-name{font-weight:600;font-size:var(--wa-font-size-s)}.app-proposal-details{display:flex;flex-wrap:wrap;gap:var(--wa-space-s);font-size:var(--wa-font-size-s)}.app-proposal-strikethrough{text-decoration:line-through;color:var(--wa-color-text-quiet);margin-right:var(--wa-space-2xs)}.app-proposal-status{display:flex;align-items:center;gap:var(--wa-space-xs);font-size:var(--wa-font-size-xs);color:var(--wa-color-text-quiet)}.app-proposal-actions{display:flex;gap:var(--wa-space-xs);flex-wrap:wrap}.app-flex-row{display:flex;align-items:center}.app-flex-col{display:flex;flex-direction:column}.app-flex-center{display:flex;align-items:center;justify-content:center}.app-flex-between{display:flex;align-items:center;justify-content:space-between}.app-flex-wrap{flex-wrap:wrap}.app-text-quiet{color:var(--wa-color-text-quiet)}.app-text-xs{font-size:var(--wa-font-size-xs)}.app-text-s{font-size:var(--wa-font-size-s)}.app-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-font-bold{font-weight:700}.app-font-extrabold{font-weight:800}.app-no-margin{margin:0}.app-border-win{border-left:3px solid var(--wa-color-success-fill-loud)}.app-border-loss{border-left:3px solid var(--wa-color-danger-fill-loud)}.app-border-draw{border-left:3px solid var(--wa-color-text-quiet)}.app-border-brand{border-left:3px solid var(--wa-color-brand-fill-loud)}.app-border-warning{border-left:3px solid var(--wa-color-warning-fill-loud)}.app-color-win{color:var(--wa-color-success-fill-loud)}.app-color-loss{color:var(--wa-color-danger-fill-loud)}.app-player-card{display:flex;align-items:center;gap:var(--wa-space-s);flex:1;min-width:0}.app-player-card-info{display:flex;flex-direction:column;min-width:0}.app-player-card-name{font-weight:600;font-size:var(--wa-font-size-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-player-card-trailing{margin-left:auto;flex-shrink:0;align-self:flex-start}