/* /minigames 선택 화면 — 게임과 같은 아케이드 톤, 사이트 색과 맞춘다 */
:root{color-scheme:dark;--bg:#070910;--panel:#0e131d;--line:#293245;--text:#f5f7fb;--muted:#8d98a9;--lime:#b8ff3a;--gold:#ffe263;font-family:Inter,"Pretendard","Noto Sans KR",system-ui,sans-serif}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text)}
body{background:radial-gradient(circle at 50% 0,#182036 0,transparent 34rem),linear-gradient(#070910,#0c0912)}
a{color:inherit}
.hub-top{max-width:1100px;margin:0 auto;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hub-brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:900;letter-spacing:.06em}
.hub-brand span{padding:3px 7px;border-radius:6px;background:var(--lime);color:#081003;font-size:.8rem}
.hub-home{color:var(--muted);font-size:.85rem;text-decoration:none}
.hub-home:hover,.hub-home:focus-visible{color:var(--lime)}
.hub-main{max-width:1100px;margin:0 auto;padding:8px 16px 48px}
.hub-main h1{margin:10px 0 6px;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;letter-spacing:.02em}
.hub-lead{margin:0 0 6px;color:var(--muted)}
.hub-points{display:inline-block;margin:6px 0 22px;padding:6px 10px;border:1px solid #3a3a1c;border-radius:999px;background:#1a1a0c;color:var(--gold);font-size:.8rem;font-weight:700}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0;margin:0;list-style:none}
.hub-card{display:grid;gap:8px;height:100%;padding:18px;border:1px solid var(--line);border-top:3px solid var(--mg-accent,var(--lime));border-radius:18px;background:var(--panel);text-decoration:none;transition:transform .15s,border-color .15s}
.hub-card:hover,.hub-card:focus-visible{transform:translateY(-3px);border-color:var(--mg-accent,var(--lime));outline:none}
.hub-card h2{margin:0;font-size:1.25rem;font-weight:900}
.hub-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}
.hub-card .hub-reward{color:var(--gold);font-size:.8rem;font-weight:700}
.hub-card em{color:var(--mg-accent,var(--lime));font-style:normal;font-size:.85rem;font-weight:800}
.hub-card .hub-play{justify-self:start;margin-top:4px;padding:9px 16px;border-radius:10px;background:var(--mg-accent,var(--lime));color:#081003;font-weight:900}
.hub-more{margin-top:26px;color:var(--muted);font-size:.85rem}
/* 카드 아래 줄 · 패치내역 · 댓글 시트 (2026-10-15) */
.hub-item{display:flex;flex-direction:column;gap:8px}
.hub-item .hub-card{flex:1}
.hub-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}
.hub-update{min-width:0;overflow:hidden;color:var(--muted);font-size:.78rem;white-space:nowrap;text-overflow:ellipsis}
.hub-open{flex:none;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#121826;color:var(--text);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.hub-open:hover,.hub-open:focus-visible{border-color:var(--lime);color:var(--lime);outline:none}
.hub-open span:not(:empty){margin-left:2px;color:var(--lime)}
.mg-sheet{width:min(640px,calc(100% - 32px));max-height:min(86vh,860px);padding:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text)}
.mg-sheet::backdrop{background:rgba(3,5,10,.72)}
.sheet-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--panel)}
.sheet-head h2{flex:1;min-width:0;margin:0;font-size:1.15rem;font-weight:900}
.sheet-play{padding:7px 14px;border-radius:10px;background:var(--lime);color:#081003;font-weight:900;text-decoration:none}
.sheet-close{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);font-size:1rem;cursor:pointer}
.sheet-section{padding:14px 18px}
.sheet-section+.sheet-section{border-top:1px solid var(--line)}
.sheet-section h3{margin:0 0 10px;font-size:.95rem;font-weight:900}
.sheet-notes{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.sheet-notes>li{display:grid;gap:4px}
.sheet-notes time{color:var(--muted);font-size:.75rem}
.sheet-notes b{font-size:.92rem}
.sheet-notes ul{margin:0;padding-left:18px;color:#c9d1dd;font-size:.86rem;line-height:1.55}
.sheet-notes>li[hidden]{display:none}
.sheet-more{margin-top:10px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;cursor:pointer}
.mgc-note{margin:0 0 10px;color:var(--muted);font-size:.85rem}
.mgc-note a{color:var(--lime)}
.mgc-form{display:grid;gap:6px;margin-bottom:14px}
.mgc-form textarea{width:100%;min-height:72px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#0a0e16;color:var(--text);font:inherit;font-size:.9rem;resize:vertical}
.mgc-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted);font-size:.75rem}
.mgc-row button,.mgc-report button,.mgc-report select{padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:#121826;color:var(--text);font:inherit;font-size:.8rem;cursor:pointer}
.mgc-row .mgc-send{border-color:var(--lime);background:var(--lime);color:#081003;font-weight:900}
.mgc-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.mgc-item{display:grid;gap:4px}
.mgc-replies{display:grid;gap:10px;margin:6px 0 0;padding:0 0 0 14px;border-left:2px solid var(--line);list-style:none}
.mgc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.8rem}
.mgc-head b{font-weight:800}
.mgc-head small{color:var(--muted)}
.mgc-body{margin:0;font-size:.9rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.mgc-actions{display:flex;gap:6px}
.mgc-actions button{padding:2px 8px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;cursor:pointer}
.mgc-actions button:hover,.mgc-actions button:focus-visible{color:var(--lime)}
.mgc-report{display:flex;flex-wrap:wrap;gap:6px}
.mgc-empty{margin:0;color:var(--muted);font-size:.85rem}
@media (max-width:640px){
  .mg-sheet{width:100%;max-width:100%;max-height:88vh;margin:auto 0 0;border-radius:18px 18px 0 0}
}
/* 맨 아래 "GameHubKorea에서 더 보기" (2026-10-15) — 미니게임만 하고 나가는 방문자를 사이트로. 카드는 위 게임 카드와 같은 색 · 테두리 */
.hub-site{margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}
.hub-site h2{margin:0 0 14px;font-size:1.15rem;font-weight:900}
.hub-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.hub-link{display:grid;align-content:start;gap:5px;height:100%;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none;transition:transform .15s,border-color .15s}
.hub-link:hover,.hub-link:focus-visible{transform:translateY(-2px);border-color:var(--lime);outline:none}
.hub-link span{color:var(--lime);font-size:.7rem;font-weight:900;letter-spacing:.12em}
.hub-link b{font-size:1rem;font-weight:900}
.hub-link small{color:var(--muted);font-size:.8rem;line-height:1.45;word-break:keep-all}
.hub-dev{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;padding:16px 18px;border:1px dashed var(--line);border-radius:14px;background:var(--panel);text-decoration:none;transition:border-color .15s}
.hub-dev:hover,.hub-dev:focus-visible{border-style:solid;border-color:var(--lime);outline:none}
.hub-dev b{font-size:1rem;font-weight:900}
.hub-dev span{flex:1 1 320px;color:var(--muted);font-size:.85rem;line-height:1.5;word-break:keep-all}
.hub-dev em{color:var(--lime);font-style:normal;font-size:.85rem;font-weight:900;white-space:nowrap}
@media (max-width:640px){
  .hub-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hub-links li:last-child:nth-child(odd){grid-column:1/-1}
  .hub-link{padding:12px}
  .hub-link b{font-size:.92rem}
  .hub-link small{font-size:.75rem}
  .hub-dev{padding:14px}
  .hub-dev span{flex-basis:100%}
}