/* TULU 首页补充样式 · home.css v0.2.0 */
/* hero 装饰与首页布局细节,基础组件见 base.css */

/* 变体游戏卡(单机/联机合并为一卡,点击弹出选择) */
.game-card.has-variants{
  appearance:none;-webkit-appearance:none;
  font-family:inherit;color:inherit;text-align:left;
  width:100%;padding:0;margin:0;cursor:pointer;
  border:1.5px solid var(--ink);border-radius:var(--radius);
  background:var(--card);
}
.game-card.has-variants .game-start{background:var(--ink-3);color:#fff}

/* 版本选择浮层 */
.gc-overlay{position:fixed;inset:0;z-index:80;background:rgba(15,27,61,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:18px}
.gc-overlay.show{display:flex}
.gc-card{width:min(420px,94vw);background:var(--card);border:1.5px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.gc-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.gc-title{font-size:16px;font-weight:600}
.gc-x{border:none;background:transparent;font-size:18px;color:var(--ink-3);cursor:pointer;line-height:1;padding:4px 8px}
.gc-list{padding:12px;display:flex;flex-direction:column;gap:10px}
.gc-opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--ink);border-radius:14px;text-decoration:none;color:inherit;background:var(--paper);transition:transform .1s,background .15s}
.gc-opt:active{transform:scale(.98)}
.gc-opt:hover{background:var(--yellow-soft)}
.gc-opt-name{font-size:15px;font-weight:600}
.gc-opt-desc{font-size:12px;color:var(--ink-3);flex:1;text-align:left}
.gc-opt-go{font-size:14px;color:var(--ink-3)}