.avatar{padding:0;line-height:1}.avatar>img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.player-name{border:0;background:none;padding:0;font:inherit;font-weight:800;color:inherit;text-align:start;white-space:nowrap}.my-identity{display:flex;align-items:center;gap:7px;background:none;border:0;padding:0;font:inherit;font-weight:800}.my-identity .avatar{width:27px;height:27px;border-radius:9px;font-size:16px}.my-identity .avatar svg{width:18px;height:18px}.my-identity .avatar i{display:none}
.account-backdrop .account-panel>.account-close{position:absolute;z-index:2;width:42px;min-width:42px;min-height:40px;margin:0;padding:8px}
.player-four-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.player-four-stats>div{min-height:111px;border:1.5px solid #25283044;border-radius:18px;background:#eee9d5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 4px}.player-four-stats strong{font:600 32px Fredoka,Tajawal,sans-serif}.player-four-stats .small-rank{font:800 17px Tajawal,sans-serif}.player-four-stats small{font-size:14px;color:#6f7565}.player-four-stats svg{width:57px;height:57px}.player-four-stats>div:nth-child(2){gap:2px}
.home-actions .login-home{font-size:15px;min-height:42px;line-height:1.5;padding:4px}.home-account{display:flex;gap:9px;align-items:center;justify-content:center}.home-account .account-chip{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:5px;border:0;background:none;box-shadow:none;font-size:16px}.account-chip>svg{width:36px;height:36px}.account-chip span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-chip small{display:block;font-size:11px;font-weight:400;color:#707763}.home-account .icon-button{min-height:40px;font-size:21px}.home{min-height:0}.home-brand{min-height:140px}.home-brand .wordmark{max-height:48dvh;object-fit:contain}
.account-backdrop{position:fixed;inset:0;background:#25283080;backdrop-filter:blur(6px);z-index:110;display:grid;place-items:center;padding:18px}.account-panel{position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:27px;padding:62px 22px 24px;width:min(100%,460px);max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain;box-shadow:0 8px 0 #25283040;text-align:center;animation:modal-in .25s ease-out;outline:none}.account-close{position:absolute;top:13px;inset-inline-end:14px}.account-panel>h2{font-size:25px;margin:0 0 20px}.account-panel>h3{margin:22px 0 12px}.account-panel>p{line-height:1.7;margin:12px 0 22px}.account-panel>.btn{margin-top:20px;width:100%;font-size:18px}.account-panel form{text-align:start}.account-panel form .btn{width:100%;margin-top:22px}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:8px}.profile-photo{width:66px;height:66px;object-fit:cover;border:2px solid var(--ink);border-radius:23px;background:#f5dab7}.profile-photo.fallback{display:grid;place-items:center;font-size:30px;font-weight:800}.profile-photo.fallback svg{width:35px;height:35px}.profile-hero h2{font-size:23px;overflow-wrap:anywhere}.profile-rank{display:flex;align-items:center;gap:4px}.profile-rank>svg{width:72px;height:72px}.profile-rank strong{font-size:21px}.profile-cups{display:flex;align-items:center;gap:8px;color:#a66b22}.profile-cups b{font:600 33px Fredoka,sans-serif}.profile-cups svg{width:26px;height:26px}.rank-progress{height:9px;width:160px;border:1.5px solid var(--ink);border-radius:10px;overflow:hidden;background:#ddd5bd}.rank-progress i{display:block;height:100%;width:var(--progress);background:var(--teal)}.profile-hero>small{font:400 12px Fredoka,sans-serif;color:#737866;direction:ltr}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:18px 0 12px}.profile-stats>div{display:flex;flex-direction:column;gap:5px;background:#eee8d1;border-radius:13px;padding:13px 2px}.profile-stats strong{font:600 25px Fredoka,sans-serif}.profile-stats small{font-size:12px}.profile-links{display:flex;justify-content:center}.profile-links .btn{font-size:14px}.leaderboard{table-layout:fixed;width:100%;font-size:12px}.leaderboard th,.leaderboard td{border:0;border-bottom:1px solid #cbc6af;padding:10px 3px;text-align:center;white-space:normal}.leaderboard th{font-size:11px;color:#737764}.leaderboard th:first-child{width:7%}.leaderboard th:nth-child(2){width:39%;text-align:start}.leaderboard td{font-family:Fredoka,Tajawal,sans-serif}.leaderboard td:nth-child(2){text-align:start}.leaderboard button{display:flex;align-items:center;gap:3px;padding:0;width:100%;border:0;background:none;text-align:start;font:700 13px Tajawal,sans-serif}.leaderboard button>svg{width:25px;height:25px;flex-shrink:0}.leaderboard button>span{overflow-wrap:anywhere}.leaderboard .is-me{background:#fff0ce}.ranks-list{display:grid;gap:9px}.ranks-list>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #d7d1bb;padding:7px 0}.ranks-list svg{width:49px;height:49px}.ranks-list strong{flex:1;text-align:start;font-size:18px}.ranks-list span{font:400 13px Fredoka,Tajawal,sans-serif}.ranks-list small{display:block;margin-top:7px;color:#737866}.google-button{display:flex;justify-content:center;align-items:center;min-height:70px;flex-direction:column;gap:15px}.login-panel>p{font-size:16px;color:#6a705e}.privacy-link{display:block;font-size:13px;color:var(--teal);margin-top:25px}.account-loading{padding:60px 0}.login-error{color:#b04a50}
.reward-panel{overflow:hidden;padding-bottom:30px}.reward-panel>h2{margin-bottom:6px}.reward-rank{position:relative;width:170px;height:166px;margin:auto}.reward-old,.reward-new{position:absolute;inset:12px 15px;display:grid;place-items:center}.reward-rank svg{width:140px;height:140px}.reward-new{opacity:0}.rank-arrow{position:absolute;inset-inline-end:-22px;top:44px;font:700 65px Fredoka,sans-serif;opacity:0}.rank-arrow.up{color:#24995d}.rank-arrow.down{color:#ca4f59}.reward-rank-name{font-size:24px;margin:0 0 14px!important}.reward-delta{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--teal);font:600 35px Fredoka,sans-serif;transition:transform .7s,opacity .7s}.reward-delta svg{width:30px;height:30px}.reward-delta.negative{color:#c44e59}.reward-total{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}.reward-total strong{font:600 39px Fredoka,sans-serif}.reward-total svg{width:28px;height:28px;color:#b57a25}.reward-total small{font-size:15px}.reward-counting .reward-delta{transform:translateY(34px) scale(.7);opacity:0}.reward-caption{height:26px;margin:13px 0 0!important;color:var(--teal);font-weight:800}.rank-down .reward-caption{color:#bf4e57}.rank-up .reward-old{animation:rank-out-up .8s ease-in forwards}.rank-down .reward-old{animation:rank-out-down .8s ease-in forwards}.rank-up .reward-new{animation:rank-in-up .9s .4s both}.rank-down .reward-new{animation:rank-in-down .9s .4s both}.rank-up .rank-arrow,.rank-down .rank-arrow{animation:fade-in .5s .4s both}.rank-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rank-confetti i{position:absolute;left:var(--x);top:-10px;width:8px;height:14px;border-radius:2px;background:var(--color);animation:confetti-fall 2.8s var(--delay) ease-in both}.reward-panel .btn{position:relative;z-index:1}
@keyframes rank-out-up{to{transform:translateY(-110px) scale(.75);opacity:0}}@keyframes rank-out-down{to{transform:translateY(110px) scale(.75);opacity:0}}@keyframes rank-in-up{from{transform:translateY(80px) scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes rank-in-down{from{transform:translateY(-80px) scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(var(--tilt));opacity:1}100%{transform:translateY(560px) rotate(620deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.rank-up .reward-old,.rank-down .reward-old{opacity:0}.rank-up .reward-new,.rank-down .reward-new,.rank-up .rank-arrow,.rank-down .rank-arrow{opacity:1}.rank-confetti{display:none}}
.home-account small svg{width:13px;height:13px;vertical-align:-2px;margin-inline-start:3px;color:#b9872e}.player-four-stats small svg,.leaderboard th svg{width:20px;height:20px;color:#b9872e}.reward-total small[hidden]{display:none}

.leaderboard-self{margin-top:16px;padding-top:10px;border-top:2px dashed #c9b48f}.leaderboard-self>small{display:block;text-align:start;margin:0 5px 5px;font-weight:700}.leaderboard-self thead{visibility:collapse}.leaderboard th:first-child{width:12%}.leaderboard th:nth-child(2){width:34%}.home-actions .two-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.home-actions .two-buttons>.btn{min-width:0;padding-inline:10px;font-size:clamp(19px,5.8vw,25px)}
.home-account small svg{width:18px;height:18px;vertical-align:-4px}.player-four-stats small svg,.leaderboard th svg{width:25px;height:25px}.profile-cups svg{width:33px;height:33px}

.leaderboard-tabs{display:flex;border-bottom:2px solid #d8c8a5;gap:12px;margin:20px 0 5px}.leaderboard-tabs .btn{flex:1;border-radius:12px 12px 0 0;font-size:18px}.leaderboard-tabs [aria-selected="true"]{background:#f4d9af;border-bottom:3px solid var(--ink)}.home-account small{display:flex;align-items:center;justify-content:center;gap:4px}.profile-cups,.reward-total,.reward-delta,.trophy-inline{direction:ltr}.trophy-inline{display:flex;align-items:center;justify-content:center;gap:7px}.trophy-inline svg{width:27px;height:27px}.reward-total{flex-wrap:wrap}

.home-tools.home-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}.home-header>.icon-button{justify-self:end}.home-header .header-identity{display:flex;justify-content:flex-start;align-items:center;gap:6px;padding:0;min-width:0;min-height:44px;background:none;border:0;box-shadow:none;font-size:15px;text-align:start}.header-identity>svg{width:32px;height:32px;flex-shrink:0}.header-identity>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-cups{display:flex;gap:6px;align-items:center;justify-content:center}.header-cups svg{width:27px;height:27px}.header-cups b{font:500 21px Fredoka,sans-serif}.home-account-tools{display:flex;gap:16px;align-items:center;justify-content:center}.home-account-tools .login-home{flex:1;min-width:0}.preference-settings{display:grid;gap:20px;padding:8px 0 20px;border-bottom:1px solid #d8c8a5}.preference-settings>div{display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:700}.preference-settings .btn{font-size:16px;min-height:44px}.preference-settings .icon-button{min-width:48px}.home-account-tools .icon-button{width:48px;height:44px;min-height:44px;padding:9px}.home-account-tools .icon-button svg{width:25px;height:25px}@media(min-width:1000px){.home-header .header-identity{font-size:22px;gap:12px}.header-identity>svg{width:44px;height:44px}.header-cups svg{width:37px;height:37px}.header-cups b{font-size:29px}}@media(max-width:350px){.home-tools.home-header{gap:6px}.home-header .header-identity{font-size:12px;gap:3px}.header-identity>svg{width:27px;height:27px}.header-cups svg{width:23px;height:23px}.header-cups b{font-size:18px}}

.player-four-stats>div{min-height:132px;gap:6px}.player-four-stats>div>svg{width:58px;height:58px;flex:none}.player-four-stats strong{font-size:25px}.player-four-stats strong.small-rank{font-size:17px}

.rank-arrow{width:47px;height:64px;top:48px;inset-inline-end:-30px}.reward-rank .rank-arrow svg{width:47px;height:64px}.reward-delta{transition:transform 1.5s cubic-bezier(.22,1,.36,1),opacity 1.5s ease!important}.rank-up .reward-old{animation:rank-out-up 1.5s cubic-bezier(.4,0,.2,1) forwards!important}.rank-down .reward-old{animation:rank-out-down 1.5s cubic-bezier(.4,0,.2,1) forwards!important}.rank-up .reward-new{animation:rank-in-up 1.6s .55s cubic-bezier(.22,1,.36,1) both!important}.rank-down .reward-new{animation:rank-in-down 1.6s .55s cubic-bezier(.22,1,.36,1) both!important}.rank-up .rank-arrow,.rank-down .rank-arrow{animation:fade-in 1s .7s both!important}.rank-up .reward-old,.rank-down .reward-old{opacity:1}.rank-up .reward-new,.rank-down .reward-new,.rank-up .rank-arrow,.rank-down .rank-arrow{opacity:0}@media(prefers-reduced-motion:reduce){.rank-up .reward-old{animation-name:rank-short-out-up!important}.rank-down .reward-old{animation-name:rank-short-out-down!important}.rank-up .reward-new{animation-name:rank-short-in-up!important}.rank-down .reward-new{animation-name:rank-short-in-down!important}}@keyframes rank-short-out-up{to{transform:translateY(-28px);opacity:0}}@keyframes rank-short-out-down{to{transform:translateY(28px);opacity:0}}@keyframes rank-short-in-up{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}@keyframes rank-short-in-down{from{transform:translateY(-28px);opacity:0}to{transform:none;opacity:1}}

.reward-total{flex-direction:row!important;direction:ltr!important;gap:10px;margin-top:30px}.reward-total .reward-change{order:0;font:500 25px Fredoka,sans-serif;margin-inline-end:7px}.reward-total>.flip7-trophy{order:1;width:35px;height:35px}.reward-total>strong{order:2}.reward-change.positive{color:#24955a}.reward-change.negative{color:#c94f5a}.profile-cups{direction:ltr!important;flex-direction:row!important}.header-cups{direction:ltr!important}.search-cups{direction:ltr!important}

.profile-panel>.profile-settings-shortcut{position:absolute;top:13px;right:14px;width:42px;min-width:42px;min-height:40px;margin:0;padding:8px}.profile-panel>.account-close{left:14px;right:auto}.name-change-hint{font-size:14px;line-height:1.6;color:#79735f;margin-top:10px}.name-change-error{color:#a93f4b;margin-top:10px}.logout-confirm .two-buttons{margin-top:26px}.logout-confirm .btn{font-size:17px}.mode-button [hidden]{display:none!important}
.setup-error{border:2px solid #ad674a;background:#ffe6c5;color:#7e382e;border-radius:14px;padding:12px 14px;font-size:16px;font-weight:700;line-height:1.4;margin:14px 0 0}.setup-error[hidden]{display:none}#setup-form input[aria-invalid="true"]{border-color:#ad674a}#setup-form input[type="number"]{appearance:textfield}#setup-form input::-webkit-inner-spin-button,#setup-form input::-webkit-outer-spin-button{appearance:none;margin:0}
.settings-avatar{padding:20px 0 6px}.settings-avatar>button{display:inline-flex;align-items:center;gap:14px;border:0;background:none;font:800 17px Tajawal,sans-serif;color:var(--teal);cursor:pointer}.settings-avatar .profile-photo{width:68px;height:68px;border-radius:21px;box-shadow:0 3px 0 #25283030}.avatar-picker .avatar-preview{display:flex;justify-content:center;margin:0 0 22px}.avatar-preview .profile-photo{width:112px;height:112px;border-radius:30px;box-shadow:0 5px 0 #25283035}.avatar-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.avatar-choice{position:relative;aspect-ratio:1;padding:0;min-width:0;border:2px solid var(--ink);border-radius:19px;box-shadow:0 4px 0 #25283035;background:#fff4d8;cursor:pointer;transition:transform .2s,box-shadow .2s}.avatar-choice img{width:100%;height:100%;display:block;object-fit:cover;border-radius:16px}.avatar-choice:hover{transform:translateY(-3px)}.avatar-choice[aria-pressed=true]{outline:3px solid var(--teal);outline-offset:3px}.avatar-selected{display:none;position:absolute;bottom:-5px;inset-inline-end:-5px;width:25px;height:25px;border-radius:50%;border:2px solid var(--ink);background:#f4c56c;color:var(--ink);place-items:center}.avatar-selected svg{width:17px;height:17px}.avatar-choice[aria-pressed=true] .avatar-selected{display:grid}.avatar-upload{display:grid;place-items:center;border-style:dashed;box-shadow:none;color:var(--teal)}.avatar-upload>svg{width:40px;height:40px}.avatar-choice:disabled{cursor:wait;opacity:.65}.avatar-picker .avatar-upload-hint{font-size:14px;color:#79735f;margin:20px 0 0}.avatar-picker .avatar-error{color:#a93f4b;font-size:15px;line-height:1.6;margin:12px 0 0}.avatar-picker>.text-button{margin-top:12px;font-size:16px;min-height:36px}.avatar-picker[aria-busy=true]{cursor:wait}@media(max-width:360px){.avatar-choices{gap:10px}.avatar-choice{border-radius:14px}.avatar-choice img{border-radius:11px}.avatar-preview .profile-photo{width:92px;height:92px}.avatar-upload>svg{width:32px;height:32px}}

.victory-modal{position:relative;overflow:hidden;text-align:center;padding:55px 30px;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.victory-cup svg{width:140px;height:140px;animation:victory-cup 2s ease-in-out infinite}.victory-modal h1{font-size:32px;overflow-wrap:anywhere}.victory-modal h2{color:var(--teal);font-size:28px}@keyframes victory-cup{50%{transform:translateY(-8px) rotate(5deg) scale(1.04)}}html[data-motion=reduced] .victory-cup svg{animation:none}

.admin-link{color:var(--ink);width:100%;margin-top:18px}