/* 설정 · 쪽지함 · 쿠폰 · 가이드 (js/ops.js) — 2026-10-06. 패널은 skin.css 의 .panel(한지색) 위에 그린다 */
#opsBtn{position:relative;flex:0 0 auto;width:44px;height:44px;margin-right:-6px;border:0;border-radius:12px;background:none;color:var(--paper);font-size:22px;cursor:pointer}
#opsBtn:active{background:var(--ink3)}
.opsDot{position:absolute;right:3px;top:4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--red);color:#fff;font:13px/17px 'Black Han Sans',sans-serif;font-style:normal;box-shadow:0 0 0 2px #0B0A0D}
.opsDot[hidden]{display:none}

.opRow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 10px;min-height:52px;padding:6px 0;border-bottom:1px solid rgba(43,38,32,.12);font-size:16px}
.opTgl{min-width:72px;min-height:40px;border:0;border-radius:20px;background:#CFC5B3;color:#5A5148;font:16px 'Black Han Sans',sans-serif;cursor:pointer}
.opTgl.on{background:var(--red);color:#fff}
.opSegs{display:flex;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 2px var(--paper-ink)}
.opSeg{min-width:50px;padding:0 6px;min-height:40px;border:0;background:transparent;color:var(--paper-ink);font:15px 'Black Han Sans',sans-serif;cursor:pointer}
.opSeg.on{background:var(--paper-ink);color:var(--paper)}
.opMenu{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 10px}
.opMenu button{position:relative;min-height:56px;padding:0 10px;border:0;border-radius:12px;background:#E6DCC8;color:var(--paper-ink);font:16px 'Black Han Sans',sans-serif;text-align:left;cursor:pointer}
.opMenu button:active{background:#D8CCB4}
.opN{position:absolute;right:10px;top:50%;transform:translateY(-50%);min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--red);color:#fff;font:13px/22px 'Black Han Sans',sans-serif;font-style:normal;text-align:center}
.opFoot{margin-top:6px;font-size:13px;line-height:1.7;color:#7A7065;text-align:center}
.opFoot a{color:#5A5148}
.opDoc{display:block;width:100%;height:min(62vh,520px);margin:6px 0 4px;border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #E3D9C6}   /* 개인정보처리방침 게임 안 창(10-19) */
.opLink{display:inline-block;min-height:40px;min-width:44px;padding:0 4px;border:0;background:none;color:#5A5148;font:inherit;text-decoration:underline;cursor:pointer}

.opList{display:flex;flex-direction:column;gap:8px;margin:10px 0 14px;max-height:52vh;overflow-y:auto}
.opMail{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:60px;padding:10px 40px 10px 14px;border:0;border-radius:12px;background:#E6DCC8;color:var(--paper-ink);text-align:left;cursor:pointer}
.opMail b{font:16px 'Black Han Sans',sans-serif}
.opMail span{font-size:13px;color:#7A7065}
.opMail.new{box-shadow:inset 4px 0 0 var(--red)}
.opMail i{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:11px;background:var(--red);color:#fff;font:13px/22px 'Black Han Sans',sans-serif;font-style:normal;text-align:center}
.opEmpty{padding:20px 0;text-align:center;color:#7A7065}
.opFrom{margin:-2px 0 6px;font-size:13px;color:#7A7065}
.opBody{white-space:normal}
.opRw{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 14px;padding:12px 14px;border-radius:12px;background:#2B2620;color:var(--gold);font:16px 'Black Han Sans',sans-serif}
.opRw.got{opacity:.6}
.opRw em{font-style:normal;color:var(--paper);font-size:14px}

.opIn{display:block;width:100%;box-sizing:border-box;min-height:52px;margin:6px 0 6px;padding:0 14px;border:2px solid var(--paper-ink);border-radius:12px;background:#fff;color:var(--paper-ink);font:20px 'Black Han Sans',sans-serif;letter-spacing:2px;text-align:center}
.opMsg{min-height:22px;margin:4px 0 12px;font-size:14px;line-height:1.5;color:var(--red);text-align:center}
.opMsg.ok{color:#2F7A55}
a.opA{display:flex;align-items:center;justify-content:center;text-decoration:none}

.opGuide{margin:10px 0 14px}
.opGuide details{border-bottom:1px solid rgba(43,38,32,.14)}
.opGuide summary{min-height:48px;display:flex;align-items:center;font:17px 'Black Han Sans',sans-serif;cursor:pointer;list-style:none}
.opGuide summary::-webkit-details-marker{display:none}
.opGuide summary::after{content:"＋";margin-left:auto;color:#7A7065}
.opGuide details[open] summary::after{content:"－"}
.opGuide details div{padding:0 2px 14px;font-size:14.5px;line-height:1.65;color:#4A4239}

/* 구글 계정 칸 (2026-10-07) */
.opAcct{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#2B2620;color:var(--paper)}
.acRow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.acRow div{display:flex;flex-direction:column;gap:2px;min-width:0}
.acRow b{font:15px 'Black Han Sans',sans-serif;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acRow span{font-size:12.5px;color:#C9BFAE;line-height:1.4}
.acBtn{flex:0 0 auto;min-height:44px;min-width:110px;font-size:15px}
.acBtns{display:flex;gap:8px;margin-top:8px}
.acBtns .btn{min-height:44px;font-size:15px;color:var(--paper);box-shadow:inset 0 0 0 2px rgba(242,235,221,.5)}

/* 정통 맞고 스위치 설명 줄 (2026-10-13) */
.opRow.opRowSub{flex-wrap:nowrap}.opRowSub>span{flex:1;min-width:0}.opRow .opSub{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:#7A6F60;word-break:keep-all}

/* 화투 뒷면 고르기 (2026-10-13) */
.bkGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.bkIt{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:10px 4px;border:2px solid transparent;border-radius:12px;background:#E8DFD0;color:#2B2620}
.bkIt.on{border-color:#B2291F;background:#F3E6C8}
.bkIt.lock{opacity:.55}
.bkIt b{font-size:13px}
.bkIt small{font-size:13px;color:#7A6F60}
.bkCard{display:block;width:44px;height:66px;border-radius:5px;background:var(--back);box-shadow:0 2px 5px rgba(0,0,0,.4)}

.opGuide .opGHead{margin:14px 2px 6px;font:15px 'Black Han Sans',sans-serif;color:#8A2B22;letter-spacing:.3px}   /* 가이드 묶음 제목 (2026-10-13) */
.opGuide .opGHead:first-child{margin-top:4px}
/* 설정 아래 글자 링크 줄 사이 여백(10-16 단추 여백 전수 조사 — 「이용약관」과 「확률 정보」가 위아래 0px 로 붙어 있었다) */
.opFoot .opLink{margin:4px 0}

/* 10-22 설정 맨 아래 버전 — 어떤 판으로 시험하는지 한눈에 */
.opVer{display:block;margin:12px auto 2px;padding:8px 12px;border-radius:10px;background:rgba(232,182,76,.14);border:1px solid rgba(232,182,76,.45);font:500 14px/1.4 'Noto Sans KR',sans-serif;color:inherit;text-align:center}
.opVer b{font-weight:700;font-size:16px}

/* 10-22 게임 초기화 — 메뉴와 떨어진 자리, 붉은 테두리(실수로 누르지 않게) */
.opReset{display:block;width:100%;min-height:44px;margin:14px 0 4px;padding:10px 12px;border-radius:12px;border:1.5px solid rgba(196,40,40,.55);background:transparent;color:#C42828;font:700 15px 'Noto Sans KR',sans-serif;cursor:pointer}