/* ===========================================
   🐙 홈 — 옥토퍼스 점술소
   =========================================== */
.home-hero{text-align:center;padding:22px 12px 6px;margin-bottom:14px;}
.home-hero-title{font-size:22px;font-weight:800;letter-spacing:-0.5px;color:var(--text);}
.home-hero-sub{font-size:13px;color:var(--text3);margin-top:4px;}

.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;}

.home-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px 16px 14px;
  display:flex;flex-direction:column;gap:10px;
}
.home-card-header{font-size:15px;font-weight:700;color:var(--text);padding-bottom:6px;border-bottom:1px dashed var(--border);}
.home-card-body{display:flex;flex-direction:column;gap:8px;}
.home-card-btn{
  padding:9px 12px;
  background:var(--accent);
  color:#fff;
  border:none;
  border-radius:var(--radius-sm);
  font-size:13px;font-weight:600;
  cursor:pointer;
  transition:filter .15s;
}
.home-card-btn:hover{filter:brightness(1.08);}
.home-card-btn:disabled{opacity:.55;cursor:not-allowed;}
.home-card-result{
  min-height:48px;
  margin-top:4px;
  padding:12px 12px;
  background:var(--surface2);
  border-radius:var(--radius-sm);
  font-size:13px;color:var(--text2);line-height:1.55;
}
.home-card-result:empty{display:none;}
.home-card-spinner{font-size:13px;color:var(--text3);text-align:center;padding:6px 0;}
.home-result-error{font-size:12.5px;color:var(--red);text-align:center;}
.home-result-text{margin:0;font-style:italic;color:var(--text2);}
.home-result-blessing{margin:6px 0 0;font-weight:600;color:var(--accent-text);}
.home-result-strategy{margin:8px 0 0;font-size:12px;color:var(--text3);}
.home-result-action{margin:6px 0 0;font-weight:600;color:var(--accent);}

/* 로또 — 5줄 */
.home-lotto-row{
  display:flex;align-items:center;gap:8px;
  padding:6px 0;border-bottom:1px dotted var(--border);
}
.home-lotto-row:last-of-type{border-bottom:none;}
.home-lotto-row-label{
  flex-shrink:0;width:22px;height:22px;border-radius:50%;
  background:var(--surface2);color:var(--text3);
  font-size:11px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;
}
.home-lotto-balls{display:flex;flex-wrap:wrap;gap:6px;flex:1;}
.home-lotto-ball{
  width:34px;height:34px;border-radius:50%;
  background:var(--accent);color:#fff;
  font-size:13px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}

/* 촉수 */
.home-tentacle-number{
  font-size:44px;font-weight:800;text-align:center;color:var(--accent);
  line-height:1;padding:6px 0 2px;
}
.home-tentacle-name{
  text-align:center;font-size:14px;font-weight:700;color:var(--text);
  padding-bottom:6px;
}

/* 모바일 */
@media (max-width: 720px){
  .home-grid{grid-template-columns:1fr;gap:10px;}
  .home-hero{padding:14px 8px 4px;}
  .home-hero-title{font-size:18px;}
}