:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f8f7;background:#061315;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#061315}body{min-height:100vh;min-height:100dvh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #55ef69;outline-offset:3px}.score-screen,.profile-screen,.auth-shell,.splash{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 50% 0%,#0b2928 0,#07191b 38%,#041012);color:#f7f7f4}.score-screen{position:relative;overflow:hidden;max-width:520px;margin:auto;padding:18px 18px 14px;display:flex;flex-direction:column}.court-bg{position:absolute;top:43%;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#08231fd1,#0b501ff0);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);border-top:1px solid rgba(150,255,141,.28)}.court-bg:before{content:"";position:absolute;left:50%;top:20%;bottom:0;width:1px;background:#7dff6e;opacity:.7}.court-line{position:absolute;left:8%;right:8%;border:1px solid rgba(130,255,104,.75)}.court-line.center{top:36%;bottom:0;border-bottom:0}.court-line.baseline{top:72%;height:1px}.court-net{position:absolute;top:20%;left:0;right:0;height:17px;border-top:2px solid #d7dfd5;border-bottom:1px solid #7f8e80;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(215,225,215,.18) 8px 9px)}.score-header,.score-top,.rule-pill,.tap-zone-wrap,.match-actions,.score-screen footer,.match-meta{position:relative;z-index:2}.score-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:start}.mini-copy{font-size:10px;letter-spacing:.22em;color:#9aadaf;line-height:1.45}.mini-copy span{display:block;width:32px;height:2px;background:#62f56c;margin-top:8px}.brand-mark{text-align:center;display:flex;flex-direction:column;align-items:center;line-height:.9}.brand-ball{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#5ff66a;color:#07130d;font-size:14px;letter-spacing:-2px;margin-bottom:7px}.brand-mark strong{font-size:33px;font-style:italic;letter-spacing:.02em}.brand-mark em{font-style:normal;font-weight:800;letter-spacing:.5em;color:#60ef69;font-size:12px;margin-left:.5em;margin-top:7px}.icon-button{border:0;background:transparent;color:#fff;padding:6px;justify-self:end}.icon-button svg{width:25px;height:25px}.match-meta{display:flex;justify-content:center;gap:12px;margin:8px 0 6px;font-size:10px;letter-spacing:.12em;color:#9cb3b3}.sync-ok{color:#75f279}.sync-off{color:#ffbdbd;display:flex;gap:4px;align-items:center}.score-top{display:grid;grid-template-columns:1fr 1px 1fr;gap:12px;align-items:stretch}.center-separator{background:#aec7c752;margin:10px 0}.side-score h2{font-size:16px;text-align:center;margin:8px 0 10px}.indicators{display:flex;gap:8px;justify-content:center;margin-bottom:13px}.indicator{width:19px;height:19px;border-radius:50%;border:1.5px solid #587078;background:transparent}.indicator.win{background:#53f26c;border-color:#53f26c;box-shadow:0 0 12px #53f26c59}.indicator.loss{background:#ff4146;border-color:#ff4146}.score-number{display:grid;place-items:center;font-size:72px;font-weight:900;letter-spacing:-.06em;background:linear-gradient(180deg,#ffffff0d,#ffffff04);border:1px solid rgba(166,214,207,.25);border-radius:22px;height:116px;text-shadow:0 8px 20px rgba(0,0,0,.35)}.rule-pill{align-self:center;display:flex;align-items:center;gap:12px;padding:10px 16px;margin:12px 0 8px;border:1px solid rgba(147,190,183,.28);border-radius:28px;background:#031416c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px}.rule-pill svg{color:#aaff36;flex:none}.rule-pill span{display:flex;flex-direction:column}.rule-pill small{color:#b1c1c3;margin-top:2px}.tap-zone-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;min-height:300px}.tap-zone{border:1.5px solid rgba(115,255,76,.76);background:linear-gradient(180deg,#14632624,#13692347);border-radius:26px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;min-height:250px;touch-action:manipulation;transition:transform .08s ease,filter .08s ease}.tap-zone:active{transform:scale(.985);filter:brightness(1.18)}.tap-zone:disabled{opacity:.58}.padel-ball{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#f5ff6a 0,#d8fb37,#a6df19 64%,#6e9d09);box-shadow:inset -13px -15px 22px #2d580059,0 16px 26px #0000004d;position:relative}.padel-ball:after{content:"";position:absolute;top:19px;right:12px;bottom:19px;left:12px;border:5px solid #263b2c;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-22deg)}.tap-zone strong{font-size:18px}.match-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:11px;color:#aebcbc}.match-actions button{border:0;border-radius:16px;padding:8px 10px}.ghost-action{display:flex;align-items:center;gap:5px;background:#00000042;color:#d6dfdf}.finish-action{background:#ffffff14;color:#fff}.finished-badge{color:#62ef6b}.score-screen footer{text-align:center;font-size:9px;letter-spacing:.35em;color:#82999b;margin-top:10px}.score-screen footer i:after{content:"•";font-style:normal;margin:0 6px;color:#60ef69}.auth-shell,.splash{display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,390px);padding:28px;border:1px solid rgba(114,255,127,.22);border-radius:28px;background:#051819d1;box-shadow:0 30px 80px #0000004d}.auth-card .brand-mark{margin-bottom:28px}.auth-kicker{font-size:10px;letter-spacing:.22em;color:#5df16a;text-align:center}.auth-card h1{text-align:center;font-size:24px}.auth-card form{display:grid;gap:10px}.auth-card input{width:100%;border:1px solid #294646;background:#071617;color:#fff;border-radius:14px;padding:14px}.primary{border:0;border-radius:14px;padding:14px;background:#58f26b;color:#041207;font-weight:900}.text-button{display:block;margin:13px auto 0;border:0;background:transparent;color:#b8c6c8}.form-message{font-size:12px;color:#c4d0d0;text-align:center}.profile-screen{max-width:520px;margin:auto;padding:18px}.panel-header{display:flex;justify-content:space-between;align-items:center}.brand-small{font-weight:900;font-style:italic}.brand-small span{color:#58ef68}.profile-identity{display:flex;gap:14px;align-items:center;padding:28px 0 20px}.profile-identity h1,.profile-identity p{margin:0 0 4px}.profile-identity small,.muted{color:#8fa6a8}.avatar{width:64px;height:64px;border-radius:22px;background:#58f26b;color:#071109;display:grid;place-items:center;font-size:26px;font-weight:900}.section-title{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.section-title h2{font-size:16px}.section-title button{border:0;background:transparent;color:#8ddf95}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{border:1px solid rgba(135,255,138,.12);background:#ffffff08;padding:12px;border-radius:16px;min-height:78px}.stat small{display:block;color:#89a0a2;font-size:10px}.stat strong{display:block;margin-top:9px;font-size:17px}.history-list{display:grid;gap:8px}.history-row{border:1px solid rgba(131,181,178,.12);background:#081b1d;color:#fff;border-radius:16px;padding:13px;text-align:left;display:flex;justify-content:space-between}.history-row span{display:flex;flex-direction:column}.history-row small{color:#8ea5a7;margin-top:3px}.result-win{color:#60ef69;text-align:right}.result-loss{color:#ff7474;text-align:right}.detail-sheet{position:fixed;z-index:20;inset:auto 0 0;margin:auto;max-width:520px;max-height:70dvh;overflow:auto;background:#071617;border:1px solid #244745;border-radius:28px 28px 0 0;padding:24px;box-shadow:0 -25px 60px #00000073}.close-sheet{float:right;border:0;background:transparent;color:#fff}.event-list{display:grid;gap:7px}.event-list div{display:flex;justify-content:space-between;border-top:1px solid #173234;padding-top:8px;font-size:12px}@media(min-width:700px){body{padding:24px;background:#02090a}.score-screen,.profile-screen{border-radius:36px;min-height:844px;box-shadow:0 30px 90px #0009}}@media(max-width:380px){.score-screen{padding:14px 12px}.score-number{font-size:62px}.padel-ball{width:96px;height:96px}.tap-zone-wrap{min-height:260px}.mini-copy{display:none}.score-header{grid-template-columns:1fr auto 1fr}}.header-actions{display:flex;justify-content:flex-end;gap:2px;align-items:flex-start}.header-actions .icon-button{justify-self:auto}.court-bg{top:38%;right:0;bottom:0;left:0}.court-net{top:18%}.tap-zone-wrap{margin-top:28px;min-height:270px}.tap-zone{position:relative;user-select:none;-webkit-user-select:none}.tap-zone.armed{border-color:#b8ff54;background:linear-gradient(180deg,#3e962f3d,#187e2a6b);box-shadow:inset 0 0 0 1px #b1ff5d52,0 0 24px #58f3691f}.tap-zone.armed .padel-ball{transform:scale(1.045);filter:brightness(1.12);box-shadow:inset -13px -15px 22px #2d580047,0 0 34px #b3ff304d}.confirm-hint{position:absolute;bottom:20px;color:#bfff69;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.share-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00080ac2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:14px}.share-sheet{position:relative;width:min(100%,480px);max-height:88dvh;overflow:auto;background:#071719;border:1px solid rgba(103,248,112,.24);border-radius:28px;padding:24px;box-shadow:0 -24px 70px #00000080}.share-close{position:absolute;right:15px;top:15px;border:0;background:transparent;color:#fff}.share-brand{font-size:16px;font-style:italic;font-weight:900;letter-spacing:.05em}.share-brand span{color:#59f36a}.share-sheet h2{margin:14px 0 4px;font-size:26px}.share-copy{margin:0 36px 18px 0;color:#9eb2b4;font-size:13px;line-height:1.45}.qr-wrap{display:grid;place-items:center;gap:9px;background:#fff;border-radius:22px;padding:18px;width:max-content;margin:10px auto 18px;color:#15302c}.qr-wrap small{font-size:10px;font-weight:700;letter-spacing:.08em}.share-link-card{display:grid;gap:6px;margin-top:12px}.share-link-card label{font-size:11px;color:#9eb2b4;text-transform:uppercase;letter-spacing:.13em}.share-link-card>div{display:grid;grid-template-columns:1fr 44px;gap:6px}.share-link-card input{min-width:0;border:1px solid #264544;background:#061315;color:#e9f0ef;border-radius:12px;padding:12px;font-size:12px}.share-link-card button{border:0;border-radius:12px;background:#5af16b;color:#061315;display:grid;place-items:center}.share-link-card button:disabled{opacity:.4}.share-link-card a{justify-self:start;color:#6ff37b;text-decoration:none;font-size:12px;display:flex;gap:5px;align-items:center}.display-screen{position:relative;overflow:hidden;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 50% 10%,#0c302c,#051416 54%,#02090a);color:#fff;display:flex;flex-direction:column;padding:clamp(24px,4vw,56px)}.display-court{position:absolute;top:36%;right:0;bottom:0;left:0;background:linear-gradient(180deg,#09281f8c,#0d5e24b8);clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);opacity:.78}.display-center{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#81ff62b8}.display-net{position:absolute;top:22%;left:0;right:0;height:22px;border-top:3px solid rgba(241,246,239,.8);border-bottom:1px solid rgba(241,246,239,.42);background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(255,255,255,.17) 13px 14px)}.display-header,.display-board,.display-footer,.display-error{position:relative;z-index:2}.display-header{display:flex;justify-content:space-between;align-items:flex-start}.display-brand{display:flex;flex-direction:column;align-items:flex-start;font-style:italic}.display-brand strong{font-size:clamp(28px,5vw,58px);line-height:.9}.display-brand em{font-style:normal;color:#5df16a;letter-spacing:.48em;font-weight:800;font-size:clamp(10px,1.6vw,18px);margin-top:9px}.display-brand .brand-ball{width:38px;height:38px;margin-bottom:12px}.live-pill{border:1px solid rgba(86,241,107,.4);background:#2787342e;color:#65f274;padding:10px 14px;border-radius:999px;font-size:12px;letter-spacing:.14em}.display-board{flex:1;display:grid;grid-template-columns:1fr 2px 1fr;align-items:center;gap:clamp(18px,4vw,56px);padding:6vh 2vw}.display-divider{height:62%;background:#c2dcd852}.display-side{text-align:center;display:flex;flex-direction:column;align-items:center}.display-side small{font-size:clamp(13px,2vw,26px);letter-spacing:.14em;color:#c1d0d0}.display-score{font-size:clamp(120px,26vw,360px);line-height:.86;letter-spacing:-.08em;text-shadow:0 14px 40px rgba(0,0,0,.4)}.display-games{font-size:clamp(18px,3vw,42px);color:#69f174;font-weight:800;margin-top:22px}.display-footer{text-align:center;color:#8ea4a5;letter-spacing:.36em;font-size:clamp(9px,1.3vw,16px)}.display-error{margin:auto;font-size:22px;color:#ffb0b0}@media(max-width:430px){.tap-zone-wrap{margin-top:24px;min-height:250px}.court-bg{top:37%;right:0;bottom:0;left:0}.court-net{top:17%}.share-sheet{padding:22px 18px}.header-actions{gap:0}.header-actions .icon-button{padding:5px}.score-header{grid-template-columns:1fr auto 1fr}}.win-target{color:#8fa5a5;font-size:11px}.gameover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00080ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px}.gameover-card{width:min(100%,390px);text-align:center;background:linear-gradient(180deg,#0a2221,#071617);border:1px solid rgba(91,242,108,.32);border-radius:28px;padding:28px 22px;box-shadow:0 28px 80px #0000008c}.gameover-trophy{color:#aaff36;margin-bottom:12px}.gameover-card>small{display:block;color:#75f279;letter-spacing:.18em;font-size:10px;font-weight:800}.gameover-card h2{font-size:28px;margin:10px 0 14px}.gameover-score{font-size:56px;font-weight:900;letter-spacing:-.06em}.gameover-score span{font-size:24px;color:#779091;margin:0 10px}.gameover-card p{color:#a9babb;font-size:13px;line-height:1.5}.gameover-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.gameover-actions button{min-height:48px;border-radius:14px;border:0}.gameover-actions .ghost-action{justify-content:center}.player-role{display:block;text-align:center;color:#789193;font-size:8px;letter-spacing:.13em;margin-top:5px}.guest-name-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:0;background:transparent;color:#fff;padding:0}.guest-name-button h2{margin:8px 0 10px}.guest-name-button svg{color:#67f174}.guest-label{display:block;color:#9eb2b4;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin:14px 0 6px}.guest-input{width:100%;border:1px solid #294646;background:#061315;color:#fff;border-radius:13px;padding:13px}.guest-search-row{display:grid;grid-template-columns:1fr 48px;gap:7px}.guest-search-row button{border:0;border-radius:13px;background:#5df16a;color:#061315;display:grid;place-items:center}.found-player{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;margin-top:16px;padding:12px;border:1px solid rgba(93,241,106,.2);border-radius:16px;background:#5df16a0d}.found-player .avatar{width:48px;height:48px;border-radius:14px;font-size:19px}.found-player div:nth-child(2){display:flex;flex-direction:column;min-width:0}.found-player small{color:#90a5a6;overflow:hidden;text-overflow:ellipsis}.found-player .primary{display:flex;gap:5px;align-items:center;padding:10px 12px}.guest-save{width:100%;margin-top:18px}.invite-row{align-items:center}.invite-actions{flex-direction:row!important;gap:6px}.invite-actions button{border:0;border-radius:10px;padding:8px 10px;background:#13292a;color:#c7d4d4}.invite-actions .accept-invite{background:#5df16a;color:#061315;font-weight:800}.display-side h2{font-size:clamp(22px,4vw,54px);margin:10px 0 8px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.games-top{text-align:center;color:#63f072;font-size:11px;font-weight:800;letter-spacing:.08em;margin:2px 0 1px;text-transform:uppercase}.player-directory{display:grid;gap:8px;margin-bottom:10px}.player-directory-loading{margin:4px 0 12px;font-size:12px}.player-directory-card{width:100%;min-height:50px;border:1px solid rgba(131,181,178,.14);background:#081b1d;color:#fff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.player-directory-card strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-directory-card.current{opacity:.52}.player-directory-card:disabled{cursor:default}.player-rating{display:flex;align-items:center;gap:3px;flex:none}.rating-star{position:relative;display:inline-block;color:#324b45;font-size:18px;line-height:1}.rating-star-fill{position:absolute;left:0;top:0;height:100%;overflow:hidden;color:#aaff36;white-space:nowrap}.invite-floating-wrap{position:fixed;z-index:55;top:max(88px,calc(env(safe-area-inset-top) + 64px));left:50%;width:min(calc(100% - 28px),480px);transform:translate(-50%);pointer-events:none}.invite-floating-card,.invite-floating-message{pointer-events:auto;background:#071719f7;border:1px solid rgba(93,241,106,.3);box-shadow:0 18px 50px #0000006b;border-radius:18px;padding:14px}.invite-floating-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.invite-floating-copy{display:flex;flex-direction:column;min-width:0}.invite-floating-copy small{color:#5df16a;font-size:9px;letter-spacing:.15em;font-weight:900}.invite-floating-copy strong{font-size:14px;margin-top:4px}.invite-floating-copy span{font-size:11px;color:#93a8a9;margin-top:3px}.invite-floating-actions{display:flex;gap:6px}.invite-floating-actions button{border:0;border-radius:11px;padding:9px 10px;display:flex;align-items:center;gap:4px;font-weight:800}.invite-floating-actions .decline{background:#13292a;color:#d7e0e0}.invite-floating-actions .accept{background:#5df16a;color:#061315}.invite-floating-message{text-align:center;color:#bfe8c2;font-size:12px}@media(max-width:430px){.invite-floating-card{grid-template-columns:1fr}.invite-floating-actions{justify-content:flex-end}.invite-floating-actions button{flex:1;justify-content:center}}