/* 3단 레이아웃, 패널, 팀·대기 말 줄, 골인 칸 */
/* ---------- Layout ---------- */
.main{display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr) 250px;gap:24px;align-items:start}
body.board-only .main{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}
body.board-only .yut-panel{display:none}
@media (max-width:1150px){
  .main{grid-template-columns:minmax(290px,330px) minmax(0,1fr)}
  .yut-panel{grid-column:1 / -1}
}
@media (max-width:760px){
  .main,body.board-only .main{grid-template-columns:1fr}
  .board-wrap{order:-1}
}
.panel{background:var(--panel);border:2.5px solid var(--panel-line);border-radius:18px;padding:14px 14px 16px;box-shadow:5px 5px 0 var(--shade)}
.panel h2{font-size:15px;font-weight:700;margin:0;color:var(--ink-soft)}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}
.side{display:flex;flex-direction:column;gap:16px}

.seg{display:flex;border:2px solid var(--ink);border-radius:999px;overflow:hidden}
.seg button{border:none;background:transparent;color:var(--ink);padding:4px 11px;font-size:14px}
.seg button + button{border-left:2px solid var(--ink)}
.seg button[aria-pressed="true"]{background:var(--orange);color:#141414;font-weight:700}

.team-row{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px;padding:9px 6px}
.team-row + .team-row{border-top:1.5px dashed var(--line-soft)}
.team-name{
  width:100%;font:inherit;font-size:17px;font-weight:700;color:var(--ink);
  background:transparent;border:none;border-bottom:3px solid var(--tc);padding:4px 2px;border-radius:0;
}
.slots{display:flex;gap:6px;flex-wrap:nowrap}
.slot{width:var(--slot);height:var(--slot);flex:none;border-radius:50%;border:1.5px dashed var(--slot-line);position:relative}
.slot .piece{position:absolute;inset:0;width:100%;height:100%}
[hidden]{display:none !important}

.goal-tray{transition:box-shadow .15s,border-color .15s}
.goal-tray.drop-ok{border-color:var(--orange);box-shadow:0 0 0 4px var(--orange-soft),5px 5px 0 var(--shade)}
.goal-row{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:10px;padding:7px 6px}
.goal-label{font-weight:700;font-size:16px;border-left:4px solid var(--tc);padding-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.goal-count{font-family:"Black Han Sans",sans-serif;font-size:18px;color:var(--ink-soft);min-width:30px;text-align:right}
.goal-tray .slot{width:36px;height:36px;border-style:solid;border-color:transparent;background:var(--bg2)}
.goal-row.glow{animation:rowglow 1.2s ease-out}
@keyframes rowglow{0%{background:var(--orange-soft)}100%{background:transparent}}
.hint{font-size:13px;color:var(--ink-soft);line-height:1.6;margin:10px 4px 0}