#game [hidden]{display:none!important}
#game .count{font-weight:700;margin-right:auto}
#game .stage{outline:none;border-radius:14px;padding:4px 0}
#game .stage:focus-visible{box-shadow:0 0 0 3px var(--accent2)}
#game .cat{margin:0;font-size:14px;font-weight:700;color:var(--accent)}
#game .q{margin:2px 0 14px;font-size:clamp(20px,5.2vw,26px);font-weight:800;line-height:1.35;color:var(--fg)}
#game .opts{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}
#game .vs{align-self:center;justify-self:center;font-weight:900;font-size:15px;color:var(--muted);letter-spacing:.05em}
#game .opts .opt{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;padding:18px 14px;border:2px solid var(--line);border-radius:14px;background:var(--bg);color:var(--fg);font-size:clamp(17px,4.6vw,21px);font-weight:800;line-height:1.35;text-align:center;word-break:keep-all;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#game .opts .opt:hover:not(:disabled){border-color:var(--accent)}
#game .opts .opt:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}
#game .opts .opt:disabled{opacity:1;cursor:default}
#game .opt .key{position:absolute;z-index:1;top:8px;left:10px;font-size:13px;font-weight:700;color:var(--muted)}
#game .opt .txt,#game .opt .res{position:relative;z-index:1}
#game .opt.instant .fill{transition:none!important}
#game .opt .res{font-size:15px;font-weight:700;color:var(--muted);min-height:0}
#game .opt .res b{font-size:clamp(24px,6vw,30px);color:var(--fg);margin-right:4px}
#game .opt .fill{position:absolute;left:0;bottom:0;width:100%;height:var(--p,0%);background:color-mix(in srgb,var(--accent) 22%,transparent);transition:height .6s cubic-bezier(.16,1,.3,1);z-index:0}
#game .opt.mine{border-color:var(--accent)}
#game .opt.mine .fill{background:color-mix(in srgb,var(--accent) 34%,transparent)}
#game .opt.mine::after{content:"내 선택";position:absolute;top:8px;right:10px;z-index:1;font-size:12px;font-weight:800;color:var(--accent-ink,#fff);background:var(--accent);border-radius:999px;padding:1px 8px}
#game .note{min-height:1.6em;margin:12px 0 4px;font-weight:700;color:var(--fg)}
#game .summary{margin:8px 0;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--accent2);border-radius:10px;background:var(--bg);font-size:15px;line-height:1.6}
#game .summary b{color:var(--accent)}
#game .next{width:100%;min-height:48px;margin-top:6px;font-size:16px}
@media (max-width:600px){
  #game .opts{grid-template-columns:1fr;gap:6px}
  #game .opts .opt{min-height:104px;padding:16px 12px}
  #game .opt .fill{top:0;bottom:auto;height:100%;width:var(--p,0%);transition:width .6s cubic-bezier(.16,1,.3,1)}
}