@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2)format("woff2");font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap}:root{color:#0f1a14;font-synthesis:none;font-variant-numeric:tabular-nums;--green:#0b5d3b;--orange:#ff7a1a;--muted:#5b6b62;--paper:#f2f4f1;background:#e5eae5;font-family:Archivo,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #e26209}h1,h2,p{margin:0}h1{letter-spacing:-.035em;font-size:clamp(38px,8vw,52px);font-weight:900;font-stretch:80%;line-height:1.02}h2{letter-spacing:-.025em;font-size:20px;font-weight:800}p{line-height:1.55}button{border:0}input{min-width:0}input:not([type=radio]){color:#0f1a14;background:#fff;border:1.5px solid #ced7d0;border-radius:12px;width:100%;min-height:56px;padding:14px 16px}input::placeholder{color:#758078}input[aria-invalid=true]{border-color:#b4400c}.orange{color:var(--orange)}.muted{color:var(--muted)}.positive{color:#09643a}.negative{color:#a43b0d}.eyebrow{letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.6;display:block}.page{background:var(--paper);max-width:600px;min-height:100svh;margin:auto;box-shadow:0 0 70px #183a2010}.centered{flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;padding:32px;display:flex}.button{background:var(--orange);color:#241406;text-align:left;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:60px;padding:17px 20px;font-size:16px;font-weight:800;transition:background .15s,transform .15s;display:flex}.button>span:last-child{font-size:25px;line-height:1}.button:hover:not(:disabled){background:#ff8d3d}.button:active:not(:disabled){transform:translateY(1px)}.button-outline{color:#fff;background:0 0;border:2px solid #ffffffb3}.button-outline:hover:not(:disabled){background:#ffffff14}.button-secondary{color:var(--green);background:0 0;border:1.5px solid #cad4cd}.button-secondary:hover:not(:disabled){background:#e5ece6}.brand{letter-spacing:-.04em;align-items:center;gap:8px;font-size:23px;font-weight:900;display:inline-flex}.brand-ball{background:var(--orange);border-radius:50%;width:15px;height:15px}.icon-button{width:44px;height:44px;color:inherit;background:0 0;border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:28px;display:flex}.icon-button:hover{background:#0b5d3b0d}.skip-link{z-index:100;background:#fff;border-radius:8px;padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.welcome{isolation:isolate;background:var(--green);color:#fff;flex-direction:column;max-width:600px;min-height:max(760px,100svh);margin:auto;padding:38px 36px 30px;display:flex;position:relative;overflow:hidden}.court-lines{z-index:-1;border:2px solid #ffffffab;border-radius:4px;position:absolute;inset:14px}.court-lines span{background:#ffffff29;width:2px;position:absolute;inset:0 auto 0 50%}.court-lines i{background:#ffffffbd;height:3px;position:absolute;top:51%;left:0;right:0}.welcome-copy{margin-top:83px;position:relative}.welcome-copy h1{letter-spacing:-.05em;margin:15px 0 20px;font-size:clamp(80px,21vw,132px);font-stretch:70%;line-height:1}.welcome-description{color:#e6f2eb;max-width:310px;font-size:18px;line-height:1.55}.ball-trail{flex:1;height:148px;min-height:100px;position:relative}.ball-trail span{background:var(--orange);border-radius:50%;width:35px;height:35px;position:absolute;top:30%;right:18%;box-shadow:-9px 10px #0002}.ball-trail span:first-child{opacity:.13;width:20px;height:20px;box-shadow:none;top:60%;right:40%}.ball-trail span:nth-child(2){opacity:.28;width:27px;height:27px;box-shadow:none;top:45%;right:30%}.welcome-actions{flex-direction:column;gap:12px;display:flex;position:relative}.access-page{flex-direction:column;padding:24px 28px;display:flex}.access-top{justify-content:space-between;align-items:center;display:flex}.access-intro{margin:40px 0 28px}.access-form{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label,.invite-card label{font-size:13px;font-weight:750}.info-note{color:#294b37;background:#e3eee7;border-radius:12px;gap:12px;padding:14px;font-size:12px;line-height:1.5;display:flex}.info-note>span{font-size:22px;font-weight:700}.form-switch{text-align:center;color:var(--muted);margin:24px 0;font-size:13px}.form-switch a{color:var(--green);white-space:nowrap;font-weight:800}.form-error{color:#902f09;background:#fce6dd;border-radius:12px;padding:14px 16px;font-size:14px}.field-error{color:#a43b0d;font-size:12px}.page-header{justify-content:space-between;align-items:center;gap:4px;padding:18px 16px;display:flex}.page-header h1{letter-spacing:-.035em;text-align:center;font-size:23px;font-stretch:80%}.header-spacer{width:44px}.ranking-header{background:var(--green);color:#fff;padding:24px 24px 0;position:relative}.ranking-header:before{content:"";pointer-events:none;background:#ffffff0d;width:1px;position:absolute;top:0;bottom:0;left:50%}.ranking-top{justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.invite-link{background:#ffffff17;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:600;display:flex}.invite-link>span{font-size:20px}.league-heading{margin-top:30px}.league-heading h1{overflow-wrap:anywhere;text-transform:uppercase;font-size:clamp(30px,7.5vw,44px);line-height:1.05}.league-heading p{color:#cfe8da;gap:10px;margin-top:10px;font-size:12px;display:flex}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin-top:22px;display:grid}.podium-player{flex-direction:column;align-items:center;min-width:0;display:flex}.podium-player>strong{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;margin-top:8px;font-size:13px;overflow:hidden}.podium-rating{color:#cfe8da;margin:4px 0 12px;font-size:11px}.crown{color:#ffc53d;height:24px;margin-bottom:6px;font-size:27px;line-height:24px}.avatar{color:#0b5d3b;background:#e3eee7;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.ranking-actions{align-items:center;gap:10px;display:flex}.profile-menu{z-index:5;flex:none;position:relative}.profile-trigger{cursor:pointer;border:1px solid #ffffff60;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;list-style:none;display:flex;overflow:hidden}.profile-trigger::-webkit-details-marker{display:none}.profile-trigger:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.profile-trigger svg{width:24px;height:24px}.profile-trigger .avatar{width:100%;height:100%}.profile-options{color:#0f1a14;background:#fff;border:1px solid #ced7d0;border-radius:14px;width:196px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #001f1730}.profile-options button{text-align:left;background:0 0;border-radius:8px;width:100%;padding:13px 12px;font-size:14px;display:block}.profile-options button:hover{background:var(--paper)}.profile-options form{border-top:1px solid #e5eae5;margin-top:4px;padding-top:4px}.profile-dialog{color:#0f1a14;background:var(--paper);border:0;border-radius:22px;width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);padding:24px;box-shadow:0 20px 80px #001f1740}.profile-dialog::backdrop{background:#001f1799}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dialog-heading .icon-button{flex:none}.profile-dialog .button{width:100%;margin-top:24px}.photo-preview{justify-content:center;margin-bottom:24px;display:flex}.photo-preview .avatar{border:0;width:112px;height:112px;font-size:32px}.photo-hint{color:var(--muted);margin-top:8px;font-size:12px}.photo-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-dialog .photo-sources .button{text-align:center;justify-content:center;min-height:48px;margin-top:0;padding:12px 8px;font-size:14px}.clear-photo{margin:20px auto 0;display:block}.tone-0{color:#7a2e00;background:#ffe1cc}.tone-1{color:#0b3d73;background:#d9ecff}.tone-2{color:#0b5d3b;background:#e3eee7}.tone-3{color:#4b1f7a;background:#f1e2ff}.tone-4{color:#5c4300;background:#fff2c2}.avatar-large{border:3px solid #d08a55;width:62px;height:62px;font-size:22px}.place-2 .avatar-large{border-color:#bac6d0}.place-1 .avatar-large{border:4px solid #f2b731;width:76px;height:76px;font-size:28px}.medal{z-index:1;color:#2e1404;background:#d08a55;border:2px solid #9a5a2c;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;margin-top:-15px;font-size:12px;font-weight:900;display:flex}.place-2 .medal{color:#22313a;background:#c3cdd3;border-color:#8c9aa3}.place-1 .medal{color:#3d2a00;background:#f2b731;border-color:#b8871c}.podium-step{text-align:center;color:#ffffff67;background:#0e7049;border-radius:9px 9px 0 0;align-self:stretch;height:58px;padding-top:10px;font-size:36px;font-weight:900;font-stretch:75%}.place-1 .podium-step{background:#12804f;height:100px}.place-2 .podium-step{height:76px}.ranking-body{padding:22px 18px 0}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 6px 14px;display:flex}.section-heading h2{font-size:15px}.section-heading>span{color:var(--muted);font-size:10px}.ranking-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.ranking-list>li{background:#fff;border:1px solid #e7ebe7;border-radius:12px;align-items:center;gap:10px;min-height:70px;padding:10px 12px;display:flex}.ranking-list>li.is-me{background:#ffe9d8;border-color:#ffd7b8}.rank-number{color:#69766d;flex:none;width:20px;font-size:13px;font-weight:700}.player-detail{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.player-detail strong{overflow-wrap:anywhere;font-size:14px;line-height:1.35}.player-detail>span{color:var(--muted);font-size:10px}.you-tag{vertical-align:middle;letter-spacing:.03em;background:var(--orange);color:#261306;border-radius:4px;margin-left:4px;padding:3px 5px;font-size:8px;display:inline-block}.player-rating{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.player-rating strong{font-size:18px}.player-rating span{font-size:11px;font-weight:700}.first-rally{padding:32px 0}.first-rally p{color:#d2e8db;max-width:300px;font-size:13px}.history{border-top:1px solid #d9e1da;margin-top:24px;padding-top:24px}.history ul{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid #e0e6e0}.history a{justify-content:space-between;align-items:center;gap:16px;padding:15px 6px;font-size:12px;display:flex}.history a>span{overflow-wrap:anywhere}.history small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.history b{white-space:nowrap}.logout-form{text-align:center;padding:28px 0}.text-button{color:var(--muted);background:0 0;padding:10px;font-size:11px;text-decoration:underline}.sticky-action{padding:16px 24px max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;background:#fffc;border-top:1px solid #dde3df;position:sticky;bottom:0}.match-page{flex-direction:column;display:flex}.match-form{flex-direction:column;flex:1;display:flex}.match-content{flex:1;padding:22px 24px}.match-content>.form-error{margin-bottom:20px}.player-picker{border:0;min-width:0;margin:0 0 32px;padding:0}.player-picker legend{letter-spacing:.03em;margin-bottom:14px;padding:0;font-size:13px;font-weight:800}.winner legend{color:var(--green)}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.player-choice{cursor:pointer;background:#fff;border:1.5px solid #d5dcd7;border-radius:12px;align-items:center;gap:7px;min-width:0;min-height:56px;padding:9px;font-size:12px;font-weight:700;display:flex;position:relative}.player-choice>span:not(.avatar){overflow-wrap:anywhere;flex:1;min-width:0}.player-choice .avatar{width:28px;height:28px;font-size:10px}.player-choice input{opacity:0;width:1px;height:1px;position:absolute}.player-choice:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:3px}.player-choice.selected{background:var(--green);border-color:var(--green);color:#fff}.loser .player-choice.selected{background:#1c2d23;border-color:#1c2d23}.player-choice.blocked{opacity:.32;cursor:not-allowed}.player-choice small{font-size:9px}.match-footer{padding:18px 24px max(24px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dde3df;position:sticky;bottom:0}.rating-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rating-preview>div{overflow-wrap:anywhere;border-radius:12px;flex-direction:column;gap:5px;padding:13px;display:flex}.rating-win{color:var(--green);background:#e3eee7}.rating-loss{color:#a43b0d;background:#eef0ee}.rating-preview span{color:#294336;font-size:12px;font-weight:700}.rating-preview strong{font-size:23px}.rating-preview small{color:#294336;font-size:13px;font-weight:500}.preview-note{color:var(--muted);margin:0 0 8px;font-size:11px}.saved-page{flex-direction:column;display:flex}.saved-content{text-align:center;flex:1;padding:25px 28px}.success-mark{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 25px;font-size:35px;display:flex;box-shadow:0 0 0 10px #e0eae2}.saved-content h1{font-size:46px}.saved-subtitle{color:var(--muted);overflow-wrap:anywhere;margin-top:18px;font-size:14px}.result-cards{text-align:left;flex-direction:column;gap:10px;margin-top:30px;display:flex}.result-card{background:#fff;border:1px solid #dce4dd;border-radius:14px;align-items:center;gap:12px;padding:18px 14px;display:flex}.result-card.win{background:#e6eee6;border-color:#bbd3c1}.result-card>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.result-card strong{overflow-wrap:anywhere;font-size:14px}.result-card span:not(.avatar){color:var(--muted);font-size:12px}.result-card>b{font-size:25px;font-weight:900}.rank-callout{text-align:left;border:1px dashed #b7c9bc;border-radius:12px;align-items:center;gap:14px;margin:20px 0;padding:16px;display:flex}.rank-callout>span{color:var(--green);font-size:30px;font-weight:900}.rank-callout strong{overflow-wrap:anywhere;font-size:12px}.saved-actions{flex-direction:column;gap:12px;padding:10px 28px 28px;display:flex}.invite-content{padding:24px 28px}.invite-content>p{color:var(--muted);margin:20px 0;font-size:14px}.invite-card{background:#fff;border:1px solid #dce4dd;border-radius:18px;flex-direction:column;gap:14px;margin:28px 0;padding:22px;display:flex}.invite-card h2{overflow-wrap:anywhere;margin-bottom:8px;font-size:26px}.invite-card input{font-size:12px}.copy-status:empty{display:none}.copy-status{color:var(--green);font-size:12px}@media (width>=640px){body{padding:30px 0}.page,.welcome{border-radius:20px;min-height:calc(100svh - 60px);overflow:clip}.welcome{min-height:max(850px,100svh - 60px);padding:42px 52px 36px}.welcome-copy{margin-top:75px}.welcome-copy h1{font-size:142px}.welcome-description{font-size:22px}.access-page{padding:28px 48px}.access-intro{margin-top:50px}.ranking-header{padding:28px 36px 0}.ranking-body{padding:28px 28px 0}.podium{gap:22px;margin-top:30px}.podium-player>strong{font-size:16px}.podium-step{height:70px}.place-1 .podium-step{height:118px}.place-2 .podium-step{height:92px}.match-content{padding:30px 36px}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-choice{font-size:12px}.saved-content{padding:32px 48px}.saved-actions{padding:20px 48px 40px}.invite-content{padding:30px 48px}.sticky-action,.match-footer{padding:20px 36px 26px}.page-header{padding:22px 24px}.page-header h1{font-size:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.access-intro h1{overflow-wrap:anywhere}.league-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.league-list a{background:#fff;border:1.5px solid #d5dcd7;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:20px;font-weight:750;display:flex}.league-list a:hover{border-color:var(--green);background:#e3eee7}.league-list a span:first-child{overflow-wrap:anywhere;min-width:0}.league-list a span:last-child{color:var(--green);font-size:24px}.league-create{margin-top:24px}.league-empty{color:var(--muted)}.match-footer .rating-preview{margin-bottom:16px}.league-heading .league-password{color:#cfe8da;overflow-wrap:anywhere;margin-top:8px;font-size:11px;display:block}.league-password span{-webkit-user-select:all;user-select:all;white-space:pre-wrap}.password-recovery{margin-top:12px;font-size:12px}.password-recovery summary{cursor:pointer;padding:6px 0}.password-recovery .access-form{background:var(--paper);color:#0f1a14;border-radius:12px;margin-top:12px;padding:16px}.password-recovery .access-form p{font-size:12px}.name-confirmation{overflow-wrap:anywhere;font-size:18px}