.kafpoints-balance{display:flex;align-items:center;gap:9px;min-height:42px;padding:6px 12px 6px 7px;border:1px solid rgba(255,211,46,.42);border-radius:12px;background:linear-gradient(135deg,rgba(75,20,122,.82),rgba(26,12,44,.92));color:#fff;box-shadow:0 8px 24px rgba(32,5,54,.2);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.kafpoints-balance:hover{transform:translateY(-2px);border-color:#ffd32e;box-shadow:0 10px 30px rgba(75,20,122,.35)}
.kafpoints-balance[hidden]{display:none}.kafpoints-balance>span{display:grid;gap:1px;text-align:left}.kafpoints-balance small{color:#ffd32e;font-size:.52rem;font-weight:950;letter-spacing:.08em}.kafpoints-balance strong{font-size:.86rem;line-height:1;white-space:nowrap}.kafpoints-coin{display:block;width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.28))}
.kafpoints-sheet{position:fixed;z-index:250;inset:0;display:grid;place-items:center;padding:18px;background:rgba(5,4,10,.86);backdrop-filter:blur(18px)}.kafpoints-sheet[hidden]{display:none}
.kafpoints-panel{width:min(980px,100%);max-height:min(900px,94dvh);overflow:auto;border:1px solid rgba(255,211,46,.18);border-radius:18px;background:#111016;color:#f8f5ef;box-shadow:0 30px 100px rgba(0,0,0,.68)}
.kafpoints-panel>header{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(17,16,22,.94);backdrop-filter:blur(16px)}
.kafpoints-panel-brand{display:flex;align-items:center;gap:11px}.kafpoints-panel-brand img{width:42px;height:42px}.kafpoints-panel-brand span{display:grid}.kafpoints-panel header small,.kafpoints-hero small,.kafpoints-section-title small{color:#ffd32e;font-size:.58rem;font-weight:950;letter-spacing:.1em}.kafpoints-panel h2{margin:2px 0 0;font-size:1.3rem}.kafpoints-close{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:1.35rem;cursor:pointer}.kafpoints-close:hover{background:rgba(255,255,255,.12)}
.kafpoints-content{display:grid;gap:20px;padding:20px 22px 28px}.kafpoints-hero{display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;align-items:center;padding:25px;border:1px solid rgba(255,211,46,.2);border-radius:16px;background:radial-gradient(circle at 10% 20%,rgba(120,32,180,.42),transparent 38%),linear-gradient(135deg,#24102f,#17131d)}.kafpoints-hero img{width:100%;filter:drop-shadow(0 12px 22px rgba(0,0,0,.4))}.kafpoints-hero h2{margin:5px 0 7px;font-size:clamp(1.8rem,5vw,3.5rem);line-height:.95}.kafpoints-hero p{max-width:600px;margin:0;color:#c9c3ce;font-size:.92rem}
.kafpoints-summary{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.kafpoints-summary article{padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#1a1820}.kafpoints-summary article:first-child{border-color:rgba(255,211,46,.4);background:linear-gradient(135deg,#5a1688,#321047)}.kafpoints-summary small{display:block;margin-bottom:5px;font-size:.62rem;font-weight:850;text-transform:uppercase}.kafpoints-summary strong{font-size:clamp(1.7rem,7vw,3rem);line-height:1}.kafpoints-summary strong em{color:#ffd32e;font-size:.35em;font-style:normal}
.kafpoints-section{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#17151c}.kafpoints-section h3{margin:0 0 11px;font-size:.9rem;letter-spacing:.03em;text-transform:uppercase}.kafpoints-section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}.kafpoints-section-title span{display:grid;gap:4px}.kafpoints-section-title h3{margin:0;font-size:1.15rem}.kafpoints-section-title>b{color:#a8a2ae;font-size:.68rem}.kafpoints-leaderboard-section{border-color:rgba(255,211,46,.16)}
.kafpoints-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}.kafpoints-podium-place{position:relative;display:grid;justify-items:center;gap:3px;padding:17px 10px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#201d26;text-align:center}.kafpoints-podium-place.place-1{border-color:rgba(255,211,46,.55);background:linear-gradient(150deg,rgba(103,31,142,.62),#201d26)}.kafpoints-medal{display:grid;width:31px;height:31px;place-items:center;margin-bottom:3px;border-radius:50%;background:#514b58;color:#fff;font-weight:950}.place-1 .kafpoints-medal{background:#ffd32e;color:#281331}.place-2 .kafpoints-medal{background:#c7cad2;color:#222}.place-3 .kafpoints-medal{background:#b87543;color:#21130d}.kafpoints-podium-place strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kafpoints-podium-place small{color:#918b98;font-size:.65rem}.kafpoints-podium-place b{margin-top:5px;color:#ffd32e;font-size:.78rem}
.kafpoints-missions,.kafpoints-ranking,.kafpoints-history{display:grid;gap:7px}.kafpoints-mission,.kafpoints-rank,.kafpoints-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#1d1a22}.kafpoints-rank{grid-template-columns:35px minmax(0,1fr) auto}.kafpoints-rank>em{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:rgba(255,255,255,.06);font-style:normal;font-weight:900}.kafpoints-rank.is-me{border-color:#ffd32e;background:rgba(91,27,130,.3)}.kafpoints-mission.is-complete{border-color:rgba(62,207,142,.35)}.kafpoints-mission span,.kafpoints-rank span,.kafpoints-history-item span{display:grid;gap:3px;min-width:0}.kafpoints-mission small,.kafpoints-rank small,.kafpoints-history-item small{color:#95909d;font-size:.63rem}.kafpoints-mission b,.kafpoints-rank b,.kafpoints-history-item b{color:#ffd32e}.kafpoints-progress{height:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.kafpoints-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7e25b6,#ffd32e)}.kafpoints-empty{padding:18px;color:#95909d;text-align:center}
@media(min-width:1481px){.site-header{grid-template-columns:auto auto auto minmax(0,1fr) auto}}@media(min-width:981px) and (max-width:1480px){.site-header{grid-template-columns:auto auto auto minmax(0,1fr)}.site-header .kafpoints-balance{grid-column:3;grid-row:1}.site-header .social-links{grid-column:4;grid-row:1}}@media(max-width:980px){.site-header{grid-template-columns:auto minmax(0,1fr) auto}.site-header .brand{grid-column:1;grid-row:1}.site-header .kafpoints-balance{grid-column:2;grid-row:1;justify-self:center}.site-header .account-nav-link{grid-column:3;grid-row:1}.site-header .main-nav{grid-column:1/-1;grid-row:2}.site-header .social-links{grid-column:1/-1;grid-row:3}}
@media(max-width:680px){.kafpoints-balance{gap:6px;min-height:37px;padding:4px 8px 4px 5px}.kafpoints-balance>span{display:grid}.kafpoints-balance small{display:none}.kafpoints-balance strong{font-size:.75rem}.kafpoints-coin{width:27px;height:27px}.kafpoints-sheet{align-items:stretch;padding:0}.kafpoints-panel{max-height:100dvh;border:0;border-radius:0}.kafpoints-panel>header{padding:max(10px,env(safe-area-inset-top)) 14px 10px}.kafpoints-content{gap:14px;padding:14px 12px calc(22px + env(safe-area-inset-bottom))}.kafpoints-hero{grid-template-columns:65px minmax(0,1fr);gap:13px;padding:16px}.kafpoints-hero h2{font-size:1.65rem}.kafpoints-hero p{font-size:.75rem}.kafpoints-summary{grid-template-columns:1.2fr 1fr}.kafpoints-summary article,.kafpoints-section{padding:13px}.kafpoints-podium{gap:5px}.kafpoints-podium-place{padding:13px 5px 10px}.kafpoints-podium-place strong{font-size:.72rem}.kafpoints-rank{grid-template-columns:31px minmax(0,1fr) auto;padding:9px}.kafpoints-rank b{font-size:.7rem}}

html.app-android .app-header .kafpoints-balance{width:auto;min-width:max-content;max-width:none;overflow:visible}
html.app-android .app-header .kafpoints-balance>span{width:auto;min-width:max-content;overflow:visible}
html.app-android .app-header .kafpoints-balance strong{width:max-content;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}

/* Kafcenter 1.2.8 Beta */
.kafpoints-tabs{position:sticky;z-index:3;top:71px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(17,16,22,.95);backdrop-filter:blur(18px)}
.kafpoints-tabs button,.kafpoints-periods button{min-height:38px;border:0;border-radius:9px;background:transparent;color:#aaa4b1;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.kafpoints-tabs button:hover,.kafpoints-periods button:hover{color:#fff;background:rgba(255,255,255,.06)}.kafpoints-tabs button.is-active{color:#211126;background:#ffd32e;box-shadow:0 8px 25px rgba(255,211,46,.16)}
.kafpoints-summary article span{display:block;margin-top:7px;color:rgba(255,255,255,.62);font-size:.64rem}.kafpoints-level{display:grid;gap:12px;padding:18px;border:1px solid rgba(169,92,255,.28);border-radius:14px;background:linear-gradient(135deg,rgba(87,23,130,.34),rgba(28,25,34,.92))}.kafpoints-level>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:10px}.kafpoints-level span{display:grid}.kafpoints-level small{color:#ffd32e;font-size:.58rem;font-weight:900;letter-spacing:.08em}.kafpoints-level strong{font-size:1.3rem}.kafpoints-level b{color:#aaa3b0;font-size:.69rem}.kafpoints-level>i{height:8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.kafpoints-level>i>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7d28b4,#ffd32e);box-shadow:0 0 18px rgba(255,211,46,.45);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.kafpoints-mission button,.kaf-shop-item button{min-height:34px;padding:0 12px;border:1px solid #ffd32e;border-radius:8px;background:#ffd32e;color:#27132d;font:inherit;font-size:.66rem;font-weight:950;cursor:pointer}.kafpoints-mission button:hover,.kaf-shop-item button:hover{transform:translateY(-1px);filter:brightness(1.08)}.kafpoints-mission button:disabled,.kaf-shop-item button:disabled{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#77717d;cursor:not-allowed;transform:none}
.kafpoints-periods{display:flex;gap:6px;margin-bottom:14px;padding:4px;border-radius:11px;background:rgba(0,0,0,.22)}.kafpoints-periods button{flex:1}.kafpoints-periods button.is-active{background:#33263d;color:#ffd32e}.kafpoints-podium-place,.kafpoints-rank{text-decoration:none;color:inherit}.kafpoints-podium-place{animation:kaf-podium-in .55s both}.kafpoints-podium-place:nth-child(2){animation-delay:.08s}.kafpoints-podium-place:nth-child(3){animation-delay:.16s}.kafpoints-podium-place img,.kafpoints-podium-place>i{display:grid;width:46px;height:46px;place-items:center;margin:2px 0 5px;border:2px solid rgba(255,255,255,.18);border-radius:50%;object-fit:cover;background:#322b39;font-style:normal;font-weight:950}.place-1 img,.place-1>i{border-color:#ffd32e}.kafpoints-rank img{width:30px;height:30px;border-radius:50%;object-fit:cover}.kafpoints-rank:has(img){grid-template-columns:35px 30px minmax(0,1fr) auto}.kafpoints-ranking-note{margin:13px 2px 0;color:#827c88;font-size:.62rem;text-align:center}
.kaf-shop-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;padding:25px;border:1px solid rgba(255,211,46,.22);border-radius:16px;background:radial-gradient(circle at 90% 10%,rgba(255,211,46,.18),transparent 35%),linear-gradient(145deg,#3f165c,#17141d)}.kaf-shop-hero small{color:#ffd32e;font-size:.6rem;font-weight:950;letter-spacing:.1em}.kaf-shop-hero h2{margin:5px 0 8px;font-size:clamp(1.8rem,5vw,3.2rem);line-height:.95}.kaf-shop-hero p{max-width:530px;margin:0;color:#bbb4c2;font-size:.78rem}.kaf-shop-hero>strong{color:#ffd32e;font-size:2rem;white-space:nowrap}.kaf-shop-hero>strong small{font-size:.6rem}.kaf-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kaf-shop-item{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;overflow:hidden;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#19171e}.kaf-shop-item::before{position:absolute;content:"";inset:0 auto 0 0;width:3px;background:var(--item-accent)}.kaf-shop-item>i{display:grid;width:49px;height:49px;place-items:center;border:1px solid color-mix(in srgb,var(--item-accent) 45%,transparent);border-radius:13px;background:color-mix(in srgb,var(--item-accent) 12%,#17141d);color:var(--item-accent);font-size:1.35rem;font-style:normal;font-weight:950}.kaf-shop-item>i img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.kaf-shop-item>span{display:grid;gap:3px}.kaf-shop-item>span small{color:var(--item-accent);font-size:.53rem;font-weight:950;text-transform:uppercase}.kaf-shop-item>span p{margin:2px 0 0;color:#918a98;font-size:.66rem}.kaf-shop-item>div{display:grid;justify-items:end;gap:8px}.kaf-shop-item>div>b{color:#ffd32e;font-size:.76rem}.kaf-shop-item button.is-equipped{border-color:#55e6b5;background:rgba(85,230,181,.12);color:#55e6b5}.kafpoints-history-item.is-spent b{color:#ff7a69}.kaf-shop-item.is-frame{grid-template-columns:92px minmax(0,1fr) auto;min-height:120px}.kaf-shop-item.is-frame>i{width:88px;height:88px;border:0;border-radius:0;background:transparent}.kaf-shop-item.is-frame>i img{border-radius:0;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
.kafpoints-reward-toast{position:fixed;z-index:400;top:calc(18px + env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:10px;min-width:210px;padding:10px 15px 10px 9px;border:1px solid rgba(255,211,46,.52);border-radius:14px;background:rgba(29,14,40,.96);color:#fff;box-shadow:0 18px 60px rgba(0,0,0,.5);opacity:0;transform:translate(-50%,-24px) scale(.9);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.9,.2,1.25)}.kafpoints-reward-toast.is-visible{opacity:1;transform:translate(-50%,0) scale(1)}.kafpoints-reward-toast img{width:42px;height:42px;animation:kaf-coin-pop .7s ease}.kafpoints-reward-toast span{display:grid}.kafpoints-reward-toast strong{color:#ffd32e;font-size:1.05rem}.kafpoints-reward-toast small{color:#bbb4c2;font-size:.64rem}
@keyframes kaf-podium-in{from{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:none}}@keyframes kaf-coin-pop{50%{transform:rotate(14deg) scale(1.16)}}
@media(max-width:680px){.kafpoints-tabs{top:62px;padding:7px 12px}.kafpoints-summary strong{font-size:1.5rem}.kafpoints-level{padding:14px}.kaf-shop-hero{grid-template-columns:1fr;padding:18px}.kaf-shop-hero>strong{font-size:1.45rem}.kaf-shop-grid{grid-template-columns:1fr}.kaf-shop-item{grid-template-columns:46px minmax(0,1fr) auto;padding:12px}.kaf-shop-item>i{width:42px;height:42px}.kaf-shop-item.is-frame{grid-template-columns:72px minmax(0,1fr) auto;min-height:96px}.kaf-shop-item.is-frame>i{width:68px;height:68px}.kaf-shop-item>span p{display:none}.kafpoints-podium-place img,.kafpoints-podium-place>i{width:38px;height:38px}.kafpoints-rank:has(img){grid-template-columns:28px 28px minmax(0,1fr) auto}.kafpoints-rank img{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.kafpoints-podium-place,.kafpoints-reward-toast img{animation:none}}

.kafpoints-avatar-frame{position:relative;display:block;width:46px;height:46px;margin:2px 0 5px;}
.kafpoints-avatar-frame>img:first-child{display:block;width:100%;height:100%;margin:0;border:2px solid rgba(255,255,255,.18);border-radius:50%;object-fit:cover;}
.kafpoints-avatar-frame .kafpoints-frame-art{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);margin:0;border:0;border-radius:0;object-fit:contain;pointer-events:none;}
.kafpoints-rank .kafpoints-avatar-frame{width:30px;height:30px;margin:0;}
.kafpoints-rank .kafpoints-avatar-frame>img:first-child{border-width:1px;}
.kafpoints-weekly-bonus,.kafpoints-week-comparison>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:14px;border:1px solid color-mix(in srgb,var(--kaf-gold,#ffd32e) 30%,transparent);background:rgba(255,211,46,.06);border-radius:8px}.kafpoints-weekly-bonus span,.kafpoints-week-comparison>div{min-width:0}.kafpoints-weekly-bonus small,.kafpoints-week-comparison small{display:block;color:var(--muted,#aaa);margin-top:3px}.kafpoints-weekly-bonus button{border:0;background:#ffd32e;color:#111;font-weight:900;padding:10px 13px;border-radius:7px}.kafpoints-week-comparison>div{align-items:flex-start;flex-direction:column}.kafpoints-week-comparison span.is-up{color:#55e6b5}.kafpoints-week-comparison span.is-down{color:#ff6b6b}