@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#cfe5f2;--bg2:#e9f5fb;--text:#123c5b;--muted:#557b97;--stroke:#b9d8e9;--panel:rgba(255,255,255,.79);--panel-strong:#f5fbff;--pill:#e3f3fd;--hover:#d4effd;--accent:#24b8ed;--accent-dark:#007fc0;--shadow:0 18px 60px rgba(24,82,125,.07);--row-shadow:0 8px 26px rgba(21,85,121,.04);--header:#081a29;--white:#fff;--gradient:linear-gradient(110deg,#d8eefa,#c8e3f3 60%,#e3f3fb)}
:root[data-theme=dark]{color-scheme:dark;--bg:#07131e;--bg2:#0b1d2d;--text:#edf8ff;--muted:#91b3cc;--stroke:#25465d;--panel:rgba(18,39,56,.93);--panel-strong:#152e42;--pill:#183b52;--hover:#1c4862;--accent:#5ddcff;--accent-dark:#4ac6ed;--shadow:0 20px 60px rgba(0,0,0,.16);--row-shadow:0 8px 25px rgba(0,0,0,.08);--gradient:linear-gradient(114deg,#071522,#092538 65%,#102b3e)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:500 14px/1.65 Manrope,system-ui,Arial,sans-serif;transition:background-color .55s,color .55s;overflow-x:hidden}body{position:relative;isolation:isolate}body:before,body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;transition:opacity .55s}body:before{background:linear-gradient(110deg,#d8eefa,#c8e3f3 60%,#e3f3fb);opacity:1}body:after{background:linear-gradient(114deg,#071522,#092538 65%,#102b3e);opacity:0}:root[data-theme=dark] body:before{opacity:0}:root[data-theme=dark] body:after{opacity:1}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{text-decoration:none;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.sprite{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1180px,calc(100% - 58px));margin:0 auto}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.header{position:sticky;top:0;z-index:40;background:rgba(8,25,39,.97);border-bottom:1px solid rgba(104,212,255,.19);backdrop-filter:blur(20px);color:#fff}.header-inner{min-height:83px;display:flex;align-items:center;gap:16px}.brand{display:inline-flex;align-items:center;gap:8px;font:800 23px/1 Outfit,sans-serif;letter-spacing:-.8px;white-space:nowrap}.brand img{width:50px;height:45px;object-fit:contain;filter:drop-shadow(0 4px 13px #17bcff25)}.brand em{color:#5ddcff;font-style:normal}.brand b,.brand small{color:#fff}.brand small{font-size:.69em}.header-divider{width:1px;height:23px;background:#466074}.header-subtitle{color:#97b5c9;font-size:12px;font-weight:800}.header-right{display:flex;align-items:center;gap:12px;margin-left:auto}.theme-toggle,.login-button,.profile-button,.logout-button{min-height:42px;border:1px solid #31546a;color:#ebfaff;background:#142b3c;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;font-weight:800;font-size:12px;transition:background .24s,transform .24s,border-color .24s}.theme-toggle:hover,.login-button:hover,.profile-button:hover,.logout-button:hover{background:#1b415b;border-color:#4da6cb;transform:translateY(-2px)}.login-button{background:linear-gradient(115deg,#1e9bdd,#36c9ed);border:0;color:#061d2d;padding:11px 18px}.login-button:hover{background:#76e3ff}.login-button .discord-glyph{width:17px;height:17px;stroke:none}.theme-icons{position:relative;display:inline-flex;width:19px;height:19px}.theme-icons svg{position:absolute;inset:0;width:19px;height:19px;transition:transform .48s cubic-bezier(.19,.8,.22,1),opacity .4s;transform-origin:center}.theme-icons .sun{opacity:1;transform:rotate(0) scale(1)}.theme-icons .moon{opacity:0;transform:rotate(-45deg) scale(.3)}:root[data-theme=dark] .theme-icons .sun{opacity:0;transform:rotate(60deg) scale(.4)}:root[data-theme=dark] .theme-icons .moon{opacity:1;transform:rotate(0) scale(1)}.session{display:flex;align-items:center;gap:8px}.profile-button{gap:9px;padding:5px 11px 5px 5px}.profile-button img{height:30px;width:30px;border-radius:9px;object-fit:cover}.logout-button{padding:11px}.logout-button svg{width:17px;height:17px}
.main{flex:1;padding-bottom:94px}.intro{text-align:center;padding:95px 0 64px}.intro-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent-dark);font-size:11px;font-weight:800;letter-spacing:2px}.status-dot{width:7px;height:7px;background:#3dd5f4;border-radius:50%;box-shadow:0 0 0 5px rgba(74,192,237,.12)}.intro h1{font:800 clamp(39px,5vw,68px)/1.09 Outfit,sans-serif;letter-spacing:-2.4px;margin:18px auto 18px}.intro h1 span{color:var(--accent-dark)}.intro p{max-width:595px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.9}.choice-screen{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;perspective:1100px}.choice-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:317px;overflow:hidden;border-radius:22px;border:1px solid var(--stroke);background:var(--panel);padding:30px;color:var(--text);box-shadow:var(--shadow);transition:background .5s,border-color .35s,box-shadow .35s,transform .35s;isolation:isolate}.choice-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,rgba(38,190,242,.20),transparent 71%);pointer-events:none}.choice-card:hover{border-color:var(--accent);transform:translateY(-7px);box-shadow:0 22px 56px rgba(14,118,171,.15)}.choice-icon{display:grid;place-items:center;width:57px;height:57px;border-radius:15px;background:var(--pill);color:var(--accent-dark);margin-bottom:37px}.choice-icon svg{width:29px;height:29px}.choice-copy{display:flex;flex-direction:column;gap:8px}.choice-copy strong{font:800 33px/1.2 Outfit,sans-serif;letter-spacing:-.9px}.choice-copy>span{font-size:13px;color:var(--muted)}.choice-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:18px;font-size:12px;font-weight:800;color:var(--accent-dark)}.choice-bottom svg{width:17px;height:17px;transition:transform .25s}.choice-card:hover .choice-bottom svg{transform:translateX(5px)}.economy-card{animation:fly-left .8s cubic-bezier(.2,.8,.2,1) both}.level-card{animation:fly-right .8s cubic-bezier(.2,.8,.2,1) both}.choice-screen.leaving .economy-card{animation:exit-left .5s cubic-bezier(.5,0,1,.6) both}.choice-screen.leaving .level-card{animation:exit-right .5s cubic-bezier(.5,0,1,.6) both}
.ranking-screen{max-width:1000px;margin:0 auto;animation:drop-view .65s cubic-bezier(.17,.84,.29,1.02) both}.rank-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.back-button,.refresh-button{background:transparent;color:var(--muted);border:1px solid var(--stroke);border-radius:11px;padding:10px 14px;display:inline-flex;gap:9px;align-items:center;font-size:12px;font-weight:800;transition:.25s}.back-button:hover,.refresh-button:hover{color:var(--accent-dark);border-color:var(--accent);background:var(--pill)}.back-button svg,.refresh-button svg{height:16px;width:16px}.sync-indicator{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-weight:700}.sync-dot{height:7px;width:7px;border-radius:50%;background:#c2a25c}.sync-indicator.live .sync-dot{background:#2dc8ad;box-shadow:0 0 0 4px rgba(52,199,173,.12)}.sync-indicator.stale .sync-dot{background:#e3a05b}.ranking-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:39px 0 30px}.overline{color:var(--accent-dark);letter-spacing:1.7px;font-size:10px;font-weight:800}.ranking-title h2{font:800 clamp(38px,4.8vw,58px)/1.15 Outfit,sans-serif;letter-spacing:-1.7px;margin:8px 0}.ranking-title p{margin:0;color:var(--muted)}.filters-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.filter-panel{background:var(--panel);border:1px solid var(--stroke);padding:19px 19px 21px;border-radius:16px;box-shadow:var(--row-shadow);transition:background .55s,border-color .55s}.filter-heading{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:800;font-size:12px;margin-bottom:14px}.filter-heading svg{width:16px;height:16px;color:var(--accent-dark)}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{border:1px solid var(--stroke);color:var(--muted);background:transparent;padding:9px 13px;border-radius:10px;font-weight:800;font-size:11px;transition:color .2s,background .2s,border-color .2s}.filter-pill:hover{color:var(--accent-dark);border-color:var(--accent)}.filter-pill.is-active{color:#071d2b;background:linear-gradient(100deg,#26afe9,#5bd8f4);border-color:transparent;box-shadow:0 6px 17px rgba(36,184,237,.13)}.your-position{margin-top:21px;background:linear-gradient(110deg,rgba(26,154,208,.12),rgba(36,199,235,.05));border:1px solid var(--accent);border-radius:14px;padding:15px 18px;display:flex;gap:10px;align-items:center;justify-content:space-between;color:var(--text)}.your-position[hidden]{display:none}.your-position strong{color:var(--accent-dark)}.ranking-count-row{margin:31px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;font-weight:800;color:var(--muted)}.rank-rows{display:grid;gap:10px}.rank-row{display:flex;align-items:center;gap:15px;background:var(--panel);border:1px solid var(--stroke);padding:13px 19px;border-radius:15px;min-height:77px;box-shadow:var(--row-shadow);animation:row-fall .55s cubic-bezier(.2,.8,.2,1) both;transition:background .4s,border-color .3s,transform .3s}.rank-row:hover{border-color:var(--accent);transform:translateX(3px)}.rank-place{font:800 22px/1 Outfit,sans-serif;min-width:43px;color:var(--muted);letter-spacing:-.7px}.rank-row:nth-child(1) .rank-place{color:#e9ab29}.rank-row:nth-child(2) .rank-place{color:#829db5}.rank-row:nth-child(3) .rank-place{color:#cd8856}.rank-avatar{width:44px;height:44px;object-fit:cover;border-radius:12px;background:var(--pill);color:var(--accent-dark);display:grid;place-items:center;font-weight:900;font-family:Outfit}.rank-identity{display:flex;flex:1;min-width:0;flex-direction:column}.rank-identity strong{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-identity small{font-size:11px;color:var(--muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis}.rank-me{background:var(--pill);font-size:9px;padding:3px 7px;border-radius:6px;color:var(--accent-dark);font-weight:800;vertical-align:middle}.rank-value{margin-left:auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.rank-value strong{font:800 18px/1.3 Outfit,sans-serif;color:var(--text)}.rank-value small{color:var(--muted);font-size:10px}.rank-empty{border:1px dashed var(--stroke);background:var(--panel);padding:48px 20px;text-align:center;color:var(--muted);border-radius:18px}.rank-empty svg{width:31px;height:31px;margin:0 auto 10px;color:var(--accent-dark)}.rank-empty strong{display:block;color:var(--text);font:800 19px Outfit}.rank-empty p{font-size:12px;margin:10px auto 0;max-width:460px}
.footer{border-top:1px solid var(--stroke);color:var(--muted);font-size:11px}.footer-inner{min-height:83px;display:flex;justify-content:space-between;align-items:center;gap:17px}.footer a{font-weight:800;display:inline-flex;align-items:center;gap:7px}.footer a:hover{color:var(--accent-dark)}.footer a svg{width:14px;height:14px}.toast{position:fixed;right:25px;bottom:25px;z-index:90;background:#0e2a3b;color:#fff;border:1px solid #316e8c;border-radius:12px;padding:12px 18px;box-shadow:0 20px 50px #0004;font-size:12px;font-weight:700;max-width:350px;pointer-events:none;opacity:0;transform:translateY(14px);transition:opacity .25s,transform .25s}.toast.shown{opacity:1;transform:translateY(0)}
@keyframes fly-left{from{opacity:0;transform:translateX(-110vw) rotate(-4deg)}to{opacity:1;transform:translateX(0) rotate(0)}}@keyframes fly-right{from{opacity:0;transform:translateX(110vw) rotate(4deg)}to{opacity:1;transform:translateX(0) rotate(0)}}@keyframes exit-left{to{opacity:0;transform:translateX(-115vw) rotate(-5deg)}}@keyframes exit-right{to{opacity:0;transform:translateX(115vw) rotate(5deg)}}@keyframes drop-view{from{opacity:0;transform:translateY(-120px)}to{opacity:1;transform:translateY(0)}}@keyframes row-fall{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:810px){.wrap{width:calc(100% - 38px)}.choice-screen{gap:14px}.choice-card{padding:24px;min-height:285px}.filters-grid{grid-template-columns:1fr}.intro{padding:75px 0 52px}}
@media(max-width:560px){.header-inner{min-height:71px;gap:7px}.brand{font-size:19px}.brand img{width:38px;height:37px}.header-divider,.header-subtitle{display:none}.header-right{gap:6px}.theme-toggle{padding:8px 10px;min-height:37px}.theme-name{display:none}.login-button{padding:9px 12px;min-height:37px}.login-button span{font-size:11px}.profile-button span,.logout-button span{display:none}.profile-button img{width:27px;height:27px}.logout-button{min-height:36px;padding:8px}.session{gap:4px}.intro{padding:56px 0 35px}.intro h1{letter-spacing:-1.5px}.intro p{font-size:13px}.choice-screen{grid-template-columns:1fr;gap:13px}.choice-card{min-height:220px;padding:24px}.choice-icon{margin-bottom:19px;width:47px;height:47px}.choice-icon svg{width:25px;height:25px}.choice-copy strong{font-size:29px}.choice-bottom{padding-top:13px}.main{padding-bottom:55px}.ranking-title{align-items:start;margin-top:25px}.ranking-title p{font-size:12px}.refresh-button{padding:10px}.refresh-button span{display:none}.rank-row{gap:9px;padding:12px 11px;min-height:70px}.rank-place{font-size:19px;min-width:29px}.rank-avatar{width:37px;height:37px;border-radius:10px}.rank-value strong{font-size:15px}.rank-identity strong{font-size:12px}.rank-identity small{font-size:10px}.footer-inner{flex-wrap:wrap;min-height:100px;justify-content:center;text-align:center;gap:2px;padding:14px 0}.footer-inner>*{margin:0 7px}.sync-indicator{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}
/* RainHub Stats V2: matching light/dark header, profile cards and owner dashboard */
:root{--header:rgba(226,244,253,.91);--header-stroke:#b6dcec;--header-btn:rgba(255,255,255,.76);--header-btn-hover:rgba(250,255,255,.95);--header-text:#133e5f;--header-muted:#4c7696}
:root[data-theme=dark]{--header:rgba(8,25,39,.95);--header-stroke:rgba(104,212,255,.19);--header-btn:#142b3c;--header-btn-hover:#1b415b;--header-text:#f1faff;--header-muted:#97b5c9}
.header{background:var(--header);border-bottom:1px solid var(--header-stroke);color:var(--header-text);transition:background-color .55s,border-color .55s,color .55s}
.header-divider{background:var(--header-stroke)}.header-subtitle{color:var(--header-muted)}
:root:not([data-theme=dark]) .brand b,:root:not([data-theme=dark]) .brand small{color:#133e5f}
.theme-toggle,.profile-button,.logout-button,.owner-button{background:var(--header-btn);color:var(--header-text);border-color:var(--header-stroke);transition:background-color .5s,color .5s,border-color .5s,transform .22s}
.theme-toggle:hover,.profile-button:hover,.logout-button:hover,.owner-button:hover{background:var(--header-btn-hover);border-color:var(--accent);color:var(--text)}
.owner-button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:11px;font-weight:800;font-size:12px;min-height:41px;cursor:pointer}.owner-button svg{height:16px;width:16px;color:#f2b33d}
.login-button{color:#071e2e}.login-button:hover{color:#071e2e}
.rank-row{animation-delay:var(--row-delay,0ms);text-decoration:none;cursor:pointer}
.rank-row:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.pages-controls{margin-top:25px;display:flex;justify-content:center;align-items:center;gap:18px;font-size:12px;font-weight:800;color:var(--muted)}.pages-controls button{border:1px solid var(--stroke);background:var(--panel);color:var(--text);padding:10px 16px;border-radius:10px}.pages-controls button:disabled{opacity:.4;cursor:default}
.profile-screen,.panel-screen{max-width:1000px;margin:0 auto;animation:drop-view .6s cubic-bezier(.17,.84,.29,1.02) both;padding-top:47px}
.profile-hero{display:flex;gap:28px;align-items:center;margin:37px 0 25px;padding:30px 34px;background:var(--panel);border:1px solid var(--stroke);border-radius:22px;box-shadow:var(--row-shadow)}
.profile-avatar{width:112px;height:112px;flex:none}.profile-avatar .rank-avatar{width:112px;height:112px;border-radius:24px;font-size:34px}
.profile-hero-text{min-width:0}.profile-hero h2{font:800 clamp(27px,4vw,45px)/1.15 Outfit,sans-serif;margin:10px 0 2px;overflow-wrap:anywhere}.profile-id,.profile-join{display:block;color:var(--muted);font-size:12px;margin-top:6px}.profile-join{color:var(--accent-dark);font-weight:750}
.profile-switch{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.profile-switch button{background:var(--panel);border:1px solid var(--stroke);border-radius:11px;color:var(--muted);font-weight:800;padding:11px 18px}.profile-switch button.is-active{background:linear-gradient(110deg,#23a7df,#5ddcff);color:#032333;border-color:transparent}
.profile-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-data .rank-empty{grid-column:1/-1}
.stat-tile{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;min-height:155px;padding:24px;display:flex;flex-direction:column;gap:11px;justify-content:center;animation:row-fall .6s cubic-bezier(.2,.8,.2,1) both;transition:background .55s,border-color .55s}
.stat-label{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);font-weight:800}.stat-label svg{height:18px;width:18px;color:var(--accent-dark)}.stat-tile strong{font:800 clamp(23px,3vw,33px)/1.2 Outfit,sans-serif;letter-spacing:-.45px;overflow-wrap:anywhere}.stat-tile small{font-size:11px;color:var(--muted)}
.profile-update{text-align:center;color:var(--muted);font-size:11px;margin-top:29px}
.panel-screen .ranking-title{margin-top:40px}.export-button{border-radius:11px;padding:12px 15px;background:var(--pill);border:1px solid var(--stroke);font-size:12px;font-weight:800;color:var(--accent-dark);display:inline-flex;align-items:center;gap:8px}.export-button svg{width:16px;height:16px}.panel-health{grid-column:1/-1;background:var(--panel);padding:16px 20px;border:1px solid var(--stroke);border-radius:12px;font-size:11px;overflow-wrap:anywhere;color:var(--muted);margin-top:15px}
.footer{background:color-mix(in srgb,var(--panel) 50%,transparent);transition:background .55s,border-color .55s}.footer-inner{min-height:82px}
@media(max-width:640px){.profile-hero{flex-direction:column;align-items:flex-start;padding:23px;gap:13px}.profile-avatar,.profile-avatar .rank-avatar{width:82px;height:82px}.profile-avatar .rank-avatar{border-radius:17px}.profile-data{grid-template-columns:1fr}.stat-tile{min-height:130px}.panel-screen .ranking-title{align-items:flex-start;flex-wrap:wrap}.export-button{margin-top:5px}.owner-button span{display:none}.owner-button{padding:10px}.profile-screen,.panel-screen{padding-top:28px}.header-right{gap:5px}}
@media(prefers-reduced-motion:reduce){.rank-row{animation:none!important}}

/* RainHub Statystyki V4 - układ profili i nawigacja */
.intro h1{margin-top:0}
.footer-inner{justify-content:center;text-align:center}
.session-menu-wrap{position:relative;display:flex;align-items:center}
.profile-button{gap:10px;padding:5px 11px 5px 5px;min-height:42px;white-space:nowrap}
.profile-button .rank-avatar{height:30px;width:30px;border-radius:9px;object-fit:cover;font-size:11px}
.profile-chevron{display:inline-grid;place-items:center;transition:transform .3s ease;color:var(--header-muted)}
.profile-chevron svg{width:15px;height:15px}
.profile-button[aria-expanded="true"] .profile-chevron{transform:rotate(180deg)}
.session-dropdown{position:absolute;top:calc(100% + 11px);right:0;z-index:60;width:205px;max-width:calc(100vw - 22px);padding:7px;background:var(--panel-strong);border:1px solid var(--header-stroke);border-radius:14px;box-shadow:0 18px 45px rgba(5,31,57,.17);animation:dropdown-enter .23s cubic-bezier(.16,1,.3,1) both;transform-origin:top right;transition:background .5s,border-color .5s}
.dropdown-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:var(--text);text-align:left;border-radius:9px;padding:11px 12px;font-size:12px;font-weight:800;transition:background .22s,color .22s}
.dropdown-item svg{width:17px;height:17px;color:var(--accent-dark)}
.dropdown-item:hover,.dropdown-item:focus-visible{background:var(--pill)}
.dropdown-logout:hover{color:#d75466}
.dropdown-logout:hover svg{color:#d75466}
.dropdown-divider{height:1px;margin:6px 4px;background:var(--stroke)}
@keyframes dropdown-enter{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:560px){.session{gap:5px}.profile-button{gap:7px;min-height:37px;padding:4px 7px 4px 4px}.profile-button .rank-avatar{height:27px;width:27px}.profile-button .profile-chevron{display:inline-flex}.profile-button .profile-name{display:none}.session-dropdown{width:195px}}
@media(prefers-reduced-motion:reduce){.session-dropdown{animation:none}}

/* V4 - profil jest osobnym widokiem pod własnym adresem */
.profile-screen{padding-top:72px}
.profile-screen .profile-hero{margin-top:39px}
.profile-screen .profile-data .profile-unavailable{grid-column:1/-1}
.profile-unavailable{padding:23px 26px;border:1px solid var(--stroke);border-radius:16px;background:var(--panel);color:var(--muted);font-size:14px;line-height:1.65}
.profile-unavailable svg{width:19px;height:19px;vertical-align:middle;margin-right:9px;color:var(--accent-dark)}
@media(max-width:640px){.profile-screen{padding-top:64px}}
@media(prefers-reduced-motion:reduce){.profile-screen{animation:none}}

/* RainHub Statystyki V5 */
.choice-screen{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.choice-card{min-width:0}
.reputation-card{animation:fly-right .75s .12s both}
.choice-screen.leaving .reputation-card{animation:exit-right .48s both}
.stat-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stat-edit{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;border:1px solid var(--border,rgba(0,137,209,.25));background:rgba(59,191,241,.10);cursor:pointer;transition:background .25s,transform .25s;color:#008ccc}
.stat-edit:hover{background:rgba(59,191,241,.22);transform:translateY(-2px)}.stat-edit svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-screen .rank-topline{margin-top:20px}.profile-screen .rank-topline>.overline{display:none}
.edit-dialog[hidden]{display:none}.edit-dialog{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}
.edit-shade{position:absolute;inset:0;background:rgba(0,15,30,.67);backdrop-filter:blur(7px)}
.edit-window{position:relative;width:min(440px,100%);padding:28px;border-radius:20px;background:var(--panel-strong,#f6fbff);color:var(--text,#123b54);border:1px solid rgba(65,186,232,.35);box-shadow:0 25px 65px rgba(0,16,42,.28);animation:editAppear .27s ease both}
.edit-window h3{font-size:1.4rem;margin:0 0 8px}.edit-window p{opacity:.75;font-size:.82rem;overflow-wrap:anywhere;margin:0 0 22px}
.edit-window label{display:block;font-size:.83rem;font-weight:700;margin-bottom:8px}.edit-window input,.permission-inputs input,.permission-inputs select{width:100%;border:1px solid rgba(41,147,194,.28);background:var(--panel-strong,#fff);color:inherit;border-radius:11px;padding:12px;font:inherit;outline:none}
.edit-window input:focus,.permission-inputs input:focus{border-color:#22a7df;box-shadow:0 0 0 3px rgba(34,167,223,.13)}
.edit-actions{display:flex;justify-content:end;gap:10px;margin-top:20px}.primary-button,.secondary-button{border-radius:11px;padding:12px 19px;border:1px solid rgba(13,143,201,.25);cursor:pointer;font:inherit;font-weight:700}
.primary-button{background:#22b8e7;color:#052137}.secondary-button{background:transparent;color:inherit}.primary-button:disabled{opacity:.5;cursor:not-allowed}
.permission-area{margin-top:30px;padding:26px;border:1px solid rgba(18,158,212,.18);border-radius:19px;background:var(--panel-strong,#f7fcff)}.permission-area h3{font-size:1.4rem;margin:0 0 5px}.permission-area>p,.permissions-note{opacity:.8;font-size:.87rem;margin:0 0 22px}
.permission-inputs{display:grid;grid-template-columns:200px 1fr;gap:12px}.permission-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0}.permission-check{display:flex;gap:9px;align-items:center;font-size:.9rem}.permission-check input{accent-color:#0aaad8;width:17px;height:17px}.permission-form .primary-button{margin-bottom:10px}.permissions-note{margin:8px 0 0}.grants-list{margin-top:20px;display:flex;flex-direction:column;gap:7px}.grants-list h4{margin:15px 0 3px}.grant-button{text-align:left;padding:11px 14px;border-radius:10px;border:1px solid rgba(25,160,216,.2);background:rgba(56,187,232,.06);color:inherit;cursor:pointer;overflow-wrap:anywhere}
@keyframes editAppear{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:850px){.choice-screen{grid-template-columns:1fr}.permission-inputs{grid-template-columns:1fr}.permission-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.permission-checks{grid-template-columns:1fr}.edit-window{padding:20px}}
[data-theme="dark"] .edit-window,[data-theme="dark"] .permission-area{background:#0e293f;color:#e8f8ff}[data-theme="dark"] .edit-window input,[data-theme="dark"] .permission-inputs input,[data-theme="dark"] .permission-inputs select{background:#14364c;color:#f2faff}

/* V6 - blokady kategorii i nowe ikony */
.choice-card .choice-icon svg{width:27px;height:27px;transition:transform .3s ease}
.choice-card:not(.is-locked):hover .choice-icon svg{transform:translateY(-2px) scale(1.08)}
.choice-card.is-locked,.choice-card:disabled{opacity:.66;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.choice-card.is-locked.can-preview-locked{cursor:pointer;opacity:.77}
.choice-card.is-locked.can-preview-locked:hover{opacity:.92;border-color:var(--accent-dark)}
.choice-card.is-locked .choice-icon{position:relative}
.choice-card.is-locked .choice-icon::after{content:"";position:absolute;inset:-3px;border:1px solid color-mix(in srgb,var(--muted) 38%,transparent);border-radius:16px;pointer-events:none}
.choice-card.is-locked .choice-icon{filter:grayscale(.55)}
.choice-card.is-locked .choice-bottom{display:flex;align-items:center;gap:7px;color:var(--muted)}
.choice-card.is-locked .choice-bottom svg{width:17px;height:17px}
.profile-switch button:disabled{opacity:.42;cursor:not-allowed}
.category-admin-area{margin-top:22px}
.category-admin-list{display:grid;gap:12px;margin-top:24px}
.category-admin-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;background:var(--panel);border:1px solid var(--stroke);border-radius:13px}
.category-admin-name{display:flex;align-items:center;gap:13px;font-weight:800;flex-wrap:wrap}
.category-admin-name svg,.category-lock-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--accent-dark)}
.category-admin-state{color:var(--muted);font-size:12px;font-weight:600}
.category-lock-button{display:flex;align-items:center;gap:8px;border:1px solid var(--stroke);border-radius:11px;background:var(--pill);color:var(--text);font:inherit;font-size:12px;font-weight:800;padding:10px 14px;cursor:pointer;transition:background .25s,transform .25s}
.category-lock-button:hover:not(:disabled){background:var(--panel-strong);transform:translateY(-1px)}
.category-lock-button:disabled{opacity:.45;cursor:wait}
@media(max-width:500px){.category-admin-row{flex-direction:column;align-items:stretch}.category-lock-button{justify-content:center}}

/* V6.1 - niezaleznie ladowane formularze panelu */
.panel-load-state{font-size:12px;color:var(--muted);margin:8px 0 12px;min-height:18px}
.permission-inputs input,.permission-inputs select{min-height:46px;border:1px solid var(--stroke);border-radius:11px;background:var(--panel);color:var(--text);padding:10px 13px;font:inherit;max-width:100%;outline:none}
.permission-inputs input:focus,.permission-inputs select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(35,176,221,.13)}
.permission-check{padding:10px 12px;background:var(--panel);border:1px solid var(--stroke);border-radius:10px;min-height:45px;cursor:pointer}
.permission-check:hover{border-color:var(--accent)}
.permission-form .primary-button{min-height:44px;padding:10px 18px;border-radius:11px;background:linear-gradient(105deg,#1faee1,#5bd8f4);color:#061f31;border:0;font-weight:800}
.permission-form .primary-button:disabled{opacity:.55}
.permission-form .primary-button:not(:disabled):hover{filter:brightness(1.08)}
#categoryAdminList .secondary-button{padding:10px 15px;border:1px solid var(--stroke);border-radius:10px;color:var(--text);background:var(--panel)}
.panel-screen .permission-area{animation:panel-rise .35s ease both}
@keyframes panel-rise{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}

/* V6.2: stan blokady jest widoczny także w podglądzie właściciela. */
.choice-lock-icon,.choice-bottom>span:has(svg){display:inline-flex;align-items:center;vertical-align:middle}
.choice-lock-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.choice-card.is-locked .choice-copy strong{opacity:.88}
.choice-card.is-locked:focus-visible{outline:3px solid var(--accent-dark);outline-offset:4px}

/* V6.4 - czyste ikony kategorii, bez kwadratowych teł. */
.choice-card .choice-icon,
.choice-card.is-locked .choice-icon {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.choice-card .choice-icon::before,
.choice-card .choice-icon::after,
.choice-card.is-locked .choice-icon::after {
  content: none !important;
  display: none !important;
}
.choice-card .choice-icon svg {
  width: 32px;
  height: 32px;
}
@media(max-width:560px) {
  .choice-card .choice-icon svg {width: 29px;height: 29px;}
}