.home-view{width:min(1080px,100%);margin:clamp(.35rem,2vh,1.1rem) auto 2rem;padding:0 1rem;box-sizing:border-box}
.home-hero,.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1rem 0 1.15rem;border-bottom:1px solid rgba(216,183,110,.22)}
.home-profile-block{display:flex;align-items:center;gap:1rem;min-width:0}
.home-avatar{width:74px;height:74px;flex:0 0 auto}
.home-kicker{margin:0 0 .24rem;color:var(--gold-lt);font-size:.72rem;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase}
.home-hero h2,.lobby-head h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,4.6rem);
  line-height:.95;color:var(--gold);letter-spacing:0}
.home-profile-name{margin:.45rem 0 0;color:var(--txt-dim);font-size:.95rem}
.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;width:min(430px,100%)}
.home-actions button,.lobby-head button,.home-panel button{min-height:44px}
.home-grid,.lobby-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem}
.home-panel{padding:.9rem;border:1px solid rgba(255,255,255,.09);border-radius:8px;
  background:rgba(0,0,0,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.home-wide{grid-column:1 / -1}
.home-panel-title{margin-bottom:.65rem;font-family:var(--font-display);font-size:1rem;
  color:var(--gold);letter-spacing:.08em;text-transform:uppercase}
.home-panel p{margin:.1rem 0 .8rem;color:var(--txt-dim);line-height:1.45;font-size:.88rem}
.tutorial-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.stat-list{display:grid;gap:.48rem}
.stat-list div{display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  min-height:34px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--txt-dim)}
.stat-list div:last-child{border-bottom:0}
.stat-list b{color:var(--txt);font-size:1rem}
.lobby-grid input{width:100%;box-sizing:border-box;margin:.15rem 0 .65rem;border-radius:8px;
  border:1px solid rgba(216,183,110,.32);background:rgba(0,0,0,.28);color:var(--txt);
  font:inherit;text-transform:uppercase;padding:.72rem .8rem;outline:none}
.lobby-grid input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,183,110,.16)}
@media(max-width:760px){
  .home-hero,.lobby-head{align-items:stretch;flex-direction:column}
  .home-actions,.home-grid,.lobby-grid,.tutorial-actions{grid-template-columns:1fr}
  .home-avatar{width:62px;height:62px}
}