/* Slovra V28 — Profil & Başarı Sistemi 2.0 */
.v28-screen{padding-bottom:98px!important;overflow-x:hidden}.v28-topbar{max-width:980px;margin:0 auto 12px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px}.v28-topbar>button{width:42px;height:42px;border:1px solid var(--border-color,#2b3545);border-radius:14px;background:var(--card-bg,#17202d);color:var(--text-main,#f4f7fb);font-size:18px;cursor:pointer}.v28-topbar>div{min-width:0}.v28-topbar span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--text-muted,#91a0b5)}.v28-topbar strong{display:block;margin-top:2px;font-size:16px;line-height:1.2}.v28-shell{max-width:980px;margin:0 auto;display:grid;gap:12px}.v28-profile-hero,.v28-section{border:1px solid var(--border-color,#2b3545);background:var(--card-bg,#17202d);border-radius:20px}.v28-profile-hero{padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;position:relative;overflow:hidden}.v28-profile-hero:before{content:"";position:absolute;width:150px;height:150px;right:-60px;top:-65px;border-radius:50%;background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 15%,transparent);pointer-events:none}.v28-avatar{width:62px;height:62px;padding:3px;border-radius:21px;background:linear-gradient(135deg,#1cb0f6,#7c3aed);display:grid;place-items:center;box-shadow:0 8px 26px rgba(0,0,0,.18)}.v28-avatar span{width:100%;height:100%;border-radius:18px;background:var(--input-bg,#101722);display:grid;place-items:center;font-size:25px;font-weight:950}.v28-avatar.frame-green{background:linear-gradient(135deg,#22c55e,#84cc16)}.v28-avatar.frame-purple{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.v28-avatar.frame-gold{background:linear-gradient(135deg,#f59e0b,#facc15)}.v28-hero-main{min-width:0}.v28-name-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.v28-name-row h1{margin:0;font-size:20px;line-height:1.1;overflow-wrap:anywhere}.v28-role-chip{font-size:9px;font-weight:900;border-radius:999px;padding:4px 7px;background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 13%,transparent);color:var(--accent,#55c7ff)}.v28-hero-main p{margin:7px 0 8px;color:var(--text-secondary,#9aa8bb);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.v28-meta-row{display:flex;gap:5px;flex-wrap:wrap}.v28-meta-row span{font-size:9px;font-weight:800;padding:4px 7px;border:1px solid var(--border-color,#2b3545);border-radius:999px;background:var(--input-bg,#101722)}.v28-rank-card{grid-column:1/-1;border:1px solid color-mix(in srgb,var(--slovra-accent,#1cb0f6) 28%,var(--border-color,#2b3545));background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 7%,var(--input-bg,#101722));border-radius:16px;padding:11px}.v28-rank-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.v28-rank-top>span{font-size:24px}.v28-rank-top small{display:block;font-size:8px;letter-spacing:.12em;font-weight:950;color:var(--text-muted,#91a0b5)}.v28-rank-top strong{font-size:12px}.v28-rank-top>b{font-size:11px}.v28-rank-track{height:7px;margin:10px 0 6px;border-radius:999px;background:rgba(127,145,170,.16);overflow:hidden}.v28-rank-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--slovra-accent,#1cb0f6),#8b5cf6)}.v28-rank-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px}.v28-rank-foot span{color:var(--text-muted,#91a0b5)}.v28-rank-foot strong{text-align:right}.v28-section{padding:14px}.v28-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:11px}.v28-section-head>div{min-width:0}.v28-section-head span{display:block;font-size:8px;font-weight:950;letter-spacing:.13em;color:var(--text-muted,#91a0b5)}.v28-section-head h2{margin:2px 0 0;font-size:14px}.v28-section-head>strong{font-size:10px;padding:5px 7px;border-radius:999px;background:var(--input-bg,#101722);white-space:nowrap}.v28-section-head button{border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);color:var(--text-main,#f4f7fb);border-radius:10px;padding:7px 9px;font-size:9px;font-weight:850;cursor:pointer}.v28-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v28-stat-card{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px;align-items:center;border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);border-radius:14px;padding:9px}.v28-stat-card>span{width:32px;height:32px;border-radius:10px;background:rgba(127,145,170,.10);display:grid;place-items:center;font-size:16px}.v28-stat-card div{min-width:0}.v28-stat-card small,.v28-stat-card em{display:block;font-style:normal;color:var(--text-muted,#91a0b5);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v28-stat-card strong{display:block;margin:2px 0;font-size:13px}.v28-heatmap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.v28-day{aspect-ratio:1;border-radius:5px;border:1px solid var(--border-color,#2b3545);background:rgba(127,145,170,.07)}.v28-day.l1{background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 20%,transparent)}.v28-day.l2{background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 38%,transparent)}.v28-day.l3{background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 62%,transparent)}.v28-day.l4{background:var(--slovra-accent,#1cb0f6)}.v28-heatmap-legend{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:7px;color:var(--text-muted,#91a0b5);font-size:8px}.v28-heatmap-legend i{width:9px;height:9px;border-radius:3px;background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 20%,transparent)}.v28-heatmap-legend i:nth-of-type(2){background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 38%,transparent)}.v28-heatmap-legend i:nth-of-type(3){background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 62%,transparent)}.v28-heatmap-legend i:nth-of-type(4){background:var(--slovra-accent,#1cb0f6)}.v28-achievement-tabs{display:flex;gap:6px;overflow:auto;padding:0 0 8px;scrollbar-width:none}.v28-achievement-tabs::-webkit-scrollbar{display:none}.v28-achievement-tabs button{flex:0 0 auto;border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);color:var(--text-muted,#91a0b5);padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;cursor:pointer}.v28-achievement-tabs button.is-active{background:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 17%,var(--input-bg,#101722));border-color:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 55%,var(--border-color,#2b3545));color:var(--text-main,#f4f7fb)}.v28-achievement-grid{display:grid;gap:7px}.v28-achievement{display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);border-radius:14px;padding:9px;position:relative}.v28-achievement.is-locked{opacity:.66}.v28-achievement.is-unlocked{border-color:color-mix(in srgb,var(--slovra-accent,#1cb0f6) 32%,var(--border-color,#2b3545))}.v28-achievement.is-new:after{content:"";position:absolute;inset:-1px;border:1px solid color-mix(in srgb,#facc15 70%,transparent);border-radius:14px;pointer-events:none}.v28-ach-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:rgba(127,145,170,.09)}.v28-ach-copy{min-width:0}.v28-ach-copy>div{display:flex;align-items:center;gap:5px}.v28-ach-copy strong{font-size:10px}.v28-ach-copy>div span{font-size:7px;font-weight:950;background:#facc15;color:#302400;border-radius:999px;padding:2px 5px}.v28-ach-copy small{display:block;margin-top:2px;color:var(--text-muted,#91a0b5);font-size:8px;line-height:1.25}.v28-ach-track{height:4px;border-radius:999px;background:rgba(127,145,170,.13);overflow:hidden;margin:6px 0 3px}.v28-ach-track i{display:block;height:100%;border-radius:inherit;background:var(--slovra-accent,#1cb0f6)}.v28-ach-copy em{display:block;font-style:normal;color:var(--text-muted,#91a0b5);font-size:7px;text-align:right}.v28-ach-done{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(34,197,94,.14);color:#4ade80;font-size:12px}.v28-ach-lock{font-size:11px;opacity:.55}.v28-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v28-profile-actions button{min-width:0;border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);color:var(--text-main,#f4f7fb);border-radius:13px;padding:10px 7px;font-size:9px;font-weight:850;cursor:pointer}.v28-profile-actions button:last-child{grid-column:1/-1}.v28-note{padding:2px 8px;text-align:center;color:var(--text-muted,#91a0b5);font-size:8px;line-height:1.4}.v28-loading,.v28-error{grid-column:1/-1;min-height:150px;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;color:var(--text-muted,#91a0b5);font-size:10px;text-align:center}.v28-loading span{width:26px;height:26px;border:3px solid rgba(127,145,170,.2);border-top-color:var(--slovra-accent,#1cb0f6);border-radius:50%;animation:v28spin .8s linear infinite}.v28-error button{border:0;border-radius:10px;background:var(--slovra-accent,#1cb0f6);color:#07111d;padding:8px 12px;font-weight:900}.v28-skeleton{height:66px;border-radius:14px;background:linear-gradient(90deg,rgba(127,145,170,.06),rgba(127,145,170,.13),rgba(127,145,170,.06));background-size:220% 100%;animation:v28shimmer 1.2s linear infinite}.v28-skeleton.tall{height:150px;grid-column:1/-1}.v28-settings-profile-btn{width:100%;margin:-5px 0 15px;align-self:center;border:1px solid var(--border-color,#2b3545);background:var(--input-bg,#101722);color:var(--text-main,#f4f7fb);border-radius:11px;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer}.v28-toast{position:fixed;left:50%;bottom:88px;z-index:9999;transform:translate(-50%,12px);opacity:0;background:#0d1520;color:#f8fafc;border:1px solid #334155;border-radius:12px;padding:9px 12px;font-size:9px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:.2s ease;pointer-events:none;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}.v28-toast.show{opacity:1;transform:translate(-50%,0)}@keyframes v28spin{to{transform:rotate(360deg)}}@keyframes v28shimmer{to{background-position:-220% 0}}
body.light-mode .v28-profile-hero,body.light-mode .v28-section,body.light-mode .v28-topbar>button{background:#fff!important;color:#22343c!important;border-color:#dce6e9!important;box-shadow:0 5px 18px rgba(15,23,42,.05)}body.light-mode .v28-rank-card,body.light-mode .v28-stat-card,body.light-mode .v28-section-head>strong,body.light-mode .v28-section-head button,body.light-mode .v28-achievement-tabs button,body.light-mode .v28-achievement,body.light-mode .v28-profile-actions button,body.light-mode .v28-avatar span,body.light-mode .v28-settings-profile-btn{background:#f3f7f8!important;color:#22343c!important;border-color:#d7e2e6!important}body.light-mode .v28-hero-main p,body.light-mode .v28-meta-row span,body.light-mode .v28-rank-top small,body.light-mode .v28-rank-foot span,body.light-mode .v28-section-head span,body.light-mode .v28-stat-card small,body.light-mode .v28-stat-card em,body.light-mode .v28-ach-copy small,body.light-mode .v28-ach-copy em,body.light-mode .v28-note{color:#6c8089!important}body.light-mode .v28-meta-row span{background:#f3f7f8;border-color:#d7e2e6}body.light-mode .v28-toast{background:#fff;color:#0f172a;border-color:#d7dee9}
@media(min-width:700px){.v28-profile-hero{grid-template-columns:auto minmax(0,1fr) minmax(260px,.7fr);padding:18px}.v28-rank-card{grid-column:auto}.v28-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v28-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v28-profile-actions{grid-template-columns:repeat(3,1fr)}.v28-profile-actions button:last-child{grid-column:auto}}
@media(max-width:360px){.v28-stat-grid{grid-template-columns:1fr}.v28-name-row h1{font-size:18px}.v28-meta-row span{font-size:8px}.v28-profile-actions{grid-template-columns:1fr}.v28-profile-actions button:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.v28-loading span,.v28-skeleton{animation:none}.v28-toast{transition:none}}
/* V28.1 / V29 mobile frame spacing fix: outer cards never touch viewport edges. */
#screen-profile-v28.v28-screen{box-sizing:border-box;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}.v28-topbar,.v28-shell,.v28-profile-hero,.v28-section{box-sizing:border-box;min-width:0}.v28-topbar,.v28-shell{width:100%}@media(max-width:480px){#screen-profile-v28.v28-screen{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}.v28-profile-hero,.v28-section{border-radius:18px}}