.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-brand-mark{position:relative;width:80px;height:80px;flex:0 0 auto;display:block;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.45))}
.home-brand-mark::before{content:"";position:absolute;inset:12px;border-radius:50%;
  background:radial-gradient(circle,rgba(216,183,110,.22),rgba(216,183,110,0) 66%)}
.brand-card{position:absolute;width:42px;height:60px;border-radius:7px;
  border:1px solid rgba(116,88,36,.7);box-shadow:0 10px 18px -10px rgba(0,0,0,.85)}
.brand-card-back{left:9px;top:10px;transform:rotate(-12deg);
  background:
    linear-gradient(135deg,rgba(242,221,166,.32),transparent 34%),
    repeating-linear-gradient(45deg,rgba(242,221,166,.28) 0 2px,transparent 2px 6px),
    linear-gradient(160deg,#153323,#0a1a13)}
.brand-card-front{right:9px;top:7px;transform:rotate(9deg);
  background:linear-gradient(158deg,#fff8e9 0%,var(--paper) 58%,#d8ceb7 100%);
  color:#172514}
.brand-card-rank{position:absolute;left:6px;top:4px;font-family:var(--font-display);
  font-size:1.12rem;font-weight:700;line-height:1;color:var(--ink)}
.brand-card-suit{position:absolute;inset:0;display:grid;place-items:center;
  font-size:1.55rem;line-height:1;color:#17341f}
.brand-bid-token{position:absolute;right:0;bottom:6px;min-width:42px;height:28px;display:grid;place-items:center;
  border-radius:999px;border:1px solid rgba(118,92,40,.72);
  background:linear-gradient(177deg,var(--gold-lt) 0%,#d9b66a 46%,#ad8a3a 100%);
  color:#241a05;font-size:.72rem;font-weight:850;letter-spacing:0;
  box-shadow:0 7px 14px -9px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.5)}
.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-brand-mark{width:68px;height:68px}
  .brand-card{width:36px;height:51px;border-radius:6px}
  .brand-card-rank{font-size:.98rem}
  .brand-card-suit{font-size:1.36rem}
  .brand-bid-token{min-width:36px;height:24px;font-size:.64rem}
}