/* Заставка и классы; задания; нижняя навигация; специализация Мастера.
   Профиль и статистика используют общие компоненты и существующую inline-разметку. */

/* Заставка */
.logo{
  width:52px;height:46px;position:relative;margin:0 auto 18px;
  clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg,#f3f4f5,#858a92);
}

.splash{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}

.splash h1{font-size:34px;margin:0 0 8px;letter-spacing:.14em;font-weight:800}

.splash p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}

/* Onboarding и классы */
#classGrid{min-height:0!important}

.class-card{
  min-width:0;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;
  padding:16px;margin:0;transition:background .18s,border-color .18s;position:relative;
}

.class-card.selected{border-color:#c8ccd2;background:#202328;box-shadow:inset 0 0 0 1px #ffffff12}

.class-icon{width:48px;height:48px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:#d9dde2;flex-shrink:0}

.class-icon span{font-size:36px!important}

.class-icon img{width:100%;height:100%;display:block;object-fit:contain}

.class-name{font-size:22px;font-weight:800;letter-spacing:-.025em;line-height:1.15}

.class-short{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.4}

.class-prompt{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-top:16px;line-height:1.5}

.class-long{color:#bec2c9;font-size:14px;line-height:1.6;margin:14px 0 0}

/* Задания */
.quest-line{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);cursor:pointer}

.quest-line:last-child{border-bottom:0;padding-bottom:2px}

.quest-line > div{min-width:0}

.check{width:24px;height:24px;border:1px solid #4c525c;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;margin-top:1px}

.check.done{background:var(--accent);color:#0b0d10;border-color:var(--accent)}

.quest-title{font-size:14px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}

.quest-meta{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.45}

.quest-done .quest-title{text-decoration:line-through;color:var(--muted)}

/* Нижняя навигация */
.bottom-nav{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,430px);
  background:rgba(9,10,12,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;
  padding:9px 9px calc(9px + env(safe-area-inset-bottom));z-index:30;
}

.nav-item{background:transparent;color:var(--muted);padding:12px 3px;font-size:11px;border-radius:12px}

.nav-item.active{color:var(--text);background:var(--soft)}

/* Выбор квеста и приключения */
.difficulty{font-size:10px;letter-spacing:.13em;color:var(--muted);font-weight:800;text-transform:uppercase}

.quest-card{position:relative}

.xp{font-weight:800;font-size:11px;background:var(--soft);padding:6px 8px;border-radius:9px;font-variant-numeric:tabular-nums;white-space:nowrap}

.adventure-box{border-style:dashed}

.adventure-box .small{flex:0 0 47%}

/* Специализация Мастера */
.master-slot{border:1px dashed #515761;border-radius:14px;padding:14px;margin-top:12px}

.master-slot b{display:block;margin-bottom:5px;font-size:13px}