/* 간편 게임규칙 확인 — 204·205·905 공통(shared/_game_rules · lib/game_rules.js · 목업 공통 조각과 같은 값 · 2026-10-16) */
.gr-overlay { display:none; position:fixed; inset:0; z-index:420; background:rgba(0,0,0,0.65); align-items:flex-end; justify-content:center; max-width:480px; margin:0 auto; }
.gr-overlay.visible { display:flex; }
.gr-sheet { width:100%; max-height:88vh; background:var(--color-bg); border-radius:var(--radius-xl) var(--radius-xl) 0 0; border-top:1.5px solid rgba(74,222,128,0.3); display:flex; flex-direction:column; overflow:hidden; }
.gr-title { padding:16px 16px 6px; font-size:var(--text-base); font-weight:800; color:var(--color-primary); text-align:center; }
.gr-body { flex:1; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:4px 12px 12px; }
.gr-intro { margin:0 0 10px; padding:0; list-style:none; }
.gr-intro li { position:relative; padding:2px 0 2px 14px; font-size:var(--text-sm); color:var(--color-text); line-height:1.6; }
.gr-intro li::before { content:''; position:absolute; left:2px; top:0.75em; width:5px; height:5px; border-radius:50%; background:var(--color-primary); }
.gr-intro li.gr-sorry { font-weight:700; }
.gr-head { font-size:var(--text-sm); font-weight:800; color:var(--color-primary); padding:6px 4px; }
.gr-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.gr-table th { background:var(--color-surface2); color:var(--color-text-muted); font-size:var(--text-xs); font-weight:700; padding:7px 6px; text-align:left; }
.gr-table td { background:var(--color-surface); color:var(--color-text); font-size:var(--text-sm); padding:8px 6px; border-top:1px solid rgba(74,222,128,0.12); vertical-align:middle; line-height:1.45; word-break:keep-all; }
.gr-table td.gr-k { width:34%; color:var(--color-text-muted); font-size:var(--text-xs); }
.gr-table td.gr-c, .gr-table th.gr-c { width:48px; text-align:center; }
.gr-chk { width:30px; height:30px; border-radius:var(--radius-sm); border:1.5px solid rgba(74,222,128,0.5); background:transparent; color:var(--color-bg); font-size:16px; font-weight:900; line-height:1; cursor:pointer; padding:0; }
.gr-chk[aria-checked="true"] { background:var(--color-primary); border-color:var(--color-primary); }
.gr-table tr.gr-wide td { color:var(--color-text); font-weight:700; }
.gr-dot { position:relative; display:block; padding-left:13px; }
.gr-dot::before { content:''; position:absolute; left:2px; top:0.6em; width:6px; height:6px; border-radius:50%; background:var(--color-primary); }
.gr-mission { display:flex; align-items:center; gap:10px; margin:0 0 10px; padding:10px; border-radius:var(--radius-md); border:1px solid rgba(74,222,128,0.35); background:var(--color-surface); }
.gr-mission[hidden] { display:none; }   /* 2026-10-16 — 목업과 같은 줄(실물은 전역 [hidden] 규칙이 이미 막는다) */
.gr-mission span { flex:1; font-size:var(--text-sm); font-weight:700; color:var(--color-text); line-height:1.5; }
.gr-left { padding:8px 4px 0; font-size:var(--text-xs); color:var(--color-text-muted); text-align:center; }
.gr-foot { display:flex; gap:8px; padding:10px 12px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid rgba(74,222,128,0.15); }
.gr-foot button { flex:1; height:46px; border-radius:var(--radius-md); font-size:var(--text-base); font-weight:700; border:1.5px solid rgba(74,222,128,0.35); background:transparent; color:var(--color-text-muted); cursor:pointer; }
.gr-foot button.gr-go { background:var(--color-primary); border-color:var(--color-primary); color:var(--color-bg); }
.gr-foot button.gr-go:disabled { background:transparent; border-color:rgba(74,222,128,0.25); color:var(--color-text-muted); opacity:0.6; cursor:not-allowed; }