/* 성경백과 OX퀴즈 (church.wiki/quiz, 2026-10-11) — 링크처치 퀴즈 화면(app.css)을 교회위키 색 변수로 옮김 */
.quiz{--accent:var(--g);--accent-d:var(--g-d);--accent-low:var(--g-l);--accent-very-low:var(--t-teal);--panel:var(--card);--text:var(--ink);--text-high:var(--ink2);--muted:var(--mute);--line-mid:var(--line);--success:var(--ok);--danger:var(--err);--radius:10px;max-width:720px;margin:0 auto;padding:4px 0 1em}
.quiz .btn{display:inline-block;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--line-mid);background:var(--panel);color:var(--text);font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;text-align:center;margin:0}
.quiz .btn:hover{border-color:var(--accent);background:var(--panel)}
.quiz .btn--main{background:var(--accent);border-color:var(--accent);color:#fff}.quiz .btn--main:hover{background:var(--accent-d);color:#fff}
.quiz .btn--large{padding:14px 28px;font-size:17px}.quiz .btn--flat{background:none;border-color:transparent;color:var(--muted)}.quiz .btn.is-copied{color:var(--success);border-color:var(--success)}
.quiz__loading{text-align:center;color:var(--muted);padding:3em 0}
.mbti__error{color:var(--danger);text-align:center}.mbti__intro,.mbti__hero{text-align:center}.mbti__emblem{font-size:3em;line-height:1.2}
.mbti__title{margin:.2em 0;font-size:1.55em;word-break:keep-all}.mbti__lead{color:var(--text-high);font-size:1.08em;margin:0 auto 1.2em;max-width:30em;word-break:keep-all}
.mbti__points{list-style:none;margin:0 auto 1.2em;padding:1em 1.25em;max-width:30em;text-align:left;background:var(--accent-very-low);border:1px solid var(--accent-low);border-radius:var(--radius)}
.mbti__points li{padding:.25em 0 .25em 1.4em;position:relative}.mbti__points li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.mbti__login-note{color:var(--muted);font-size:.93em}.mbti__actions{display:flex;gap:.5em;justify-content:center;flex-wrap:wrap;margin:1em 0}
.mbti__disclaimer{margin-top:2em;color:var(--muted);font-size:.87em;text-align:center;word-break:keep-all}
.mbti__hero-label{color:var(--muted);margin:0}.mbti__type{font-size:2.6em;font-weight:800;color:var(--accent);line-height:1.2}.mbti__hero-title{margin:.2em 0 0;font-weight:600}
/* 분류 고르기 */
.quiz__cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px auto 6px;max-width:640px;text-align:left}
.quiz__cat{display:block;padding:10px 12px;border:1px solid var(--line-mid);border-radius:var(--radius);background:var(--panel);color:var(--text);cursor:pointer;font:inherit;text-align:left}
.quiz__cat b{display:block}.quiz__cat span{display:block;margin-top:2px;color:var(--muted);font-size:.82em;word-break:keep-all}.quiz__cat small{float:right;color:var(--muted);font-size:.8em}
.quiz__cat.is-on{border-color:var(--accent);background:var(--accent-very-low);box-shadow:inset 0 0 0 1px var(--accent)}.quiz__cat:disabled{opacity:.5;cursor:default}
.quiz__play,.quiz__over{max-width:640px;margin:0 auto;padding:8px 4px 24px}
.quiz__head{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;color:var(--text-high)}.quiz__head .chip{margin-left:6px;font-weight:400}
.quiz__score{color:var(--accent);font-size:1.15em}
.quiz__bar{height:10px;background:var(--line);border-radius:6px;overflow:hidden;margin:10px 0 4px}.quiz__bar-fill{height:100%;background:var(--accent);transition:width .1s linear}.quiz__bar-fill.is-low{background:var(--danger)}
.quiz__sec{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9em}
.quiz__q{font-size:1.45em;line-height:1.5;margin:22px 0 26px;text-align:center;word-break:keep-all;min-height:4.5em;display:flex;align-items:center;justify-content:center}
.quiz__ox{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quiz__ox .btn{font-size:3.2em;font-weight:800;padding:22px 0;border-radius:16px;line-height:1}
.quiz__o{background:#2f6fed!important;color:#fff!important;border-color:#2f6fed!important}.quiz__x{background:#e0483b!important;color:#fff!important;border-color:#e0483b!important}
.quiz__o:hover,.quiz__x:hover{filter:brightness(1.08)}.quiz__ox .btn:disabled{opacity:.55}
.quiz__hint{text-align:center;color:var(--muted);font-size:.88em;margin-top:16px}
.quiz__gain{text-align:center;font-size:1.25em;margin:18px 0 10px;color:var(--success)}.quiz__gain b{font-size:1.2em}.quiz__sub{margin:22px 0 8px;font-size:1.05em}
.quiz__reveal{border:1px solid var(--line);border-left:5px solid var(--success);background:var(--panel);border-radius:var(--radius);padding:14px 16px;margin:8px 0 16px}.quiz__reveal.is-no{border-left-color:var(--danger)}
.quiz__reveal p{margin:6px 0;line-height:1.6}.quiz__reveal-q{font-weight:700}.quiz__reveal-a b{font-size:1.3em;color:var(--accent)}.quiz__reveal-r{font-size:.9em}
.quiz__rank{max-width:640px;margin:30px auto 0;text-align:left}.quiz__rank h2{font-size:1.2em;margin:0 0 4px;border-bottom:2px solid var(--accent);padding-bottom:6px}
.quiz__rank-note{color:var(--muted);font-size:.86em;margin:6px 0 8px}.quiz__rank-tabs{margin:6px 0 4px}
.quiz__rank-list{list-style:none;margin:0;padding:0}.quiz__rank-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 4px;border-bottom:1px solid var(--line)}.quiz__rank-list li.is-me{background:var(--accent-very-low)}
.quiz__rank-no{width:1.8em;text-align:center;font-weight:800;color:var(--muted);padding-top:4px;flex:none}.quiz__rank-list li:nth-child(-n+3) .quiz__rank-no{color:var(--accent);font-size:1.15em}
.quiz__rank-av{width:34px;height:34px;border-radius:50%;background:var(--line);object-fit:cover;flex:none}.quiz__rank-body{flex:1;min-width:0}
.quiz__rank-top{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}.quiz__rank-name{font-weight:700;color:var(--text);text-decoration:none}.quiz__rank-score{color:var(--accent)}.quiz__rank-count{color:var(--muted);font-size:.85em}
.quiz__rank-fail{color:var(--muted);font-size:.86em;margin-top:2px;word-break:keep-all}
.quiz__badge{text-align:center;margin:10px 0;color:var(--text-high)}
.quiz__next{border:2px solid var(--accent);border-radius:var(--radius);background:var(--accent-very-low);padding:14px 16px;margin:16px 0;text-align:center}.quiz__next p{margin:0 0 12px;line-height:1.6}
.quiz__modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:1.2em 0 .8em}
.quiz__mode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;padding:14px 8px;border-radius:var(--radius);border:1px solid var(--accent);font:inherit;text-decoration:none;cursor:pointer;text-align:center}
.quiz__mode b{font-size:1.15em}.quiz__mode span{font-size:.82em;opacity:.85;word-break:keep-all}.quiz__mode--single{background:var(--accent);color:#fff}.quiz__mode--multi{background:var(--panel);color:var(--accent)}
.quiz__mode:hover{filter:brightness(1.06);text-decoration:none}.quiz__mode:disabled{opacity:.6;cursor:default}
@media (max-width:480px){.quiz__q{font-size:1.22em}.quiz__ox .btn{font-size:2.6em;padding:18px 0}.quiz__cats{grid-template-columns:1fr 1fr}}
/* ───── 함께하는 퀴즈 (quiz-room.js) ───── */
.oxroom{max-width:760px}
.oxl__box{margin:1.2em 0 0;padding:1em;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-align:left}.oxl__box h2{margin:0 0 .6em;font-size:1.05em}
.oxl__modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oxl__games{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.oxl__mode{text-align:left;padding:10px 12px;border:1px solid var(--line-mid);border-radius:var(--radius);background:var(--panel);color:var(--text);cursor:pointer;font:inherit}
.oxl__mode b{display:block}.oxl__mode span{display:block;margin-top:2px;color:var(--muted);font-size:.85em;word-break:keep-all}
.oxl__mode.is-on{border-color:var(--accent);background:var(--accent-very-low);box-shadow:inset 0 0 0 1px var(--accent)}.oxl__mode:disabled{opacity:.5;cursor:default}.oxl__mode--sub{padding:8px 10px;font-size:.93em}
.oxl__join{display:flex;gap:8px}.oxl__code{flex:1;min-width:0;padding:10px 12px;font:inherit;font-size:1.15em;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--line-mid);border-radius:var(--radius);background:var(--panel);color:var(--text)}
.oxl__rooms{list-style:none;margin:0;padding:0}.oxl__rooms a{display:flex;justify-content:space-between;gap:10px;padding:10px 4px;border-top:1px solid var(--line);color:var(--text);text-decoration:none}.oxl__rooms li:first-child a{border-top:0}.oxl__rooms span{color:var(--muted);font-size:.9em;white-space:nowrap}
.oxr__bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.oxr__bar-l b{font-size:1.1em;letter-spacing:.08em;margin-right:8px}.oxr__bar-l span{color:var(--muted);font-size:.9em}.oxr__bar-r .btn{padding:6px 10px;font-size:.9em}
.oxr__banner{margin:6px 0;padding:8px 12px;border-radius:var(--radius);background:var(--accent-very-low);border:1px solid var(--accent-low);color:var(--text-high);text-align:center}
.oxr__q{margin:8px 0 6px;padding:12px 14px;min-height:7.6em;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-align:center}
.oxr__q p{margin:0}.oxr__q-no{color:var(--muted);font-size:.9em;margin-bottom:4px!important}.oxr__q-main{font-size:1.22em;font-weight:700;line-height:1.45;word-break:keep-all}.oxr__q-main--small{font-size:1em;font-weight:600;color:var(--text-high)}
.oxr__q-sub{margin-top:6px!important;color:var(--muted);font-size:.93em;word-break:keep-all}.oxr__count{display:inline-block;min-width:1.2em;color:var(--accent);font-size:1.3em}.oxr__sec{margin-left:6px;color:var(--accent);font-weight:700}
.oxr__ans{display:inline-block;padding:0 .45em;border-radius:6px;color:#fff;font-size:1.25em}.oxr__ans--O{background:#2f6fed}.oxr__ans--X{background:#e5484d}
.oxr__timer{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.oxr__timer-fill{height:100%;width:0;background:var(--accent)}.oxr__timer-fill.is-low{background:var(--danger)}.oxr__timer-fill.is-reveal{background:var(--muted)}
.oxr__field{position:relative;height:min(44vh,360px);min-height:230px;margin:8px 0;border-radius:var(--radius);overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.oxr__field canvas{display:block}
.oxr__pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}
.oxr__btn{padding:14px 0;border:0;border-radius:var(--radius);color:#fff;font:inherit;font-size:1.9em;font-weight:800;cursor:pointer;opacity:.88}.oxr__btn--O{background:#2f6fed}.oxr__btn--X{background:#e5484d}
.oxr__btn.is-on{opacity:1;box-shadow:0 0 0 3px var(--panel),0 0 0 6px #ffd43b}.oxr__btn:disabled{opacity:.35;cursor:default}.oxr__pick-note{grid-column:span 2;margin:0;text-align:center;color:var(--muted);font-size:.9em}
.oxr__opts{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;margin-top:10px}.oxr__opt{display:flex;align-items:center;gap:6px;font-size:.93em;color:var(--muted)}.oxr__opt select{padding:6px 8px;font:inherit;border:1px solid var(--line-mid);border-radius:8px;background:var(--panel);color:var(--text)}
.oxr__players{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--line)}.oxr__players li{display:flex;align-items:center;gap:8px;padding:7px 4px;border-bottom:1px solid var(--line)}
.oxr__players li.is-me{background:var(--accent-very-low)}.oxr__players li.is-out{opacity:.55}.oxr__players li.is-off{opacity:.45}
.oxr__rank{flex:0 0 1.6em;text-align:center;color:var(--muted);font-weight:700}.oxr__av{flex:0 0 30px;width:30px;height:30px;border-radius:50%;object-fit:cover;background:var(--line)}
.oxr__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oxr__name small{color:var(--muted)}.oxr__state{color:var(--success);font-weight:700}.oxr__score{white-space:nowrap}
.oxr__pick--4{grid-template-columns:1fr 1fr;gap:8px}
.oxr__opt4{display:flex;align-items:center;gap:8px;min-height:54px;padding:8px 10px;border:0;border-radius:var(--radius);color:#fff;font:inherit;font-weight:700;text-align:left;cursor:pointer;opacity:.92;word-break:keep-all;overflow-wrap:anywhere}
.oxr__opt4 i{flex:0 0 auto;font-style:normal;font-size:1.25em;opacity:.9}.oxr__opt4 span{flex:1;min-width:0;line-height:1.3}
.oxr__opt4--1{background:#2f6fed}.oxr__opt4--2{background:#e5484d}.oxr__opt4--3{background:#8e5bd9}.oxr__opt4--4{background:#f08c00}
.oxr__opt4.is-on{opacity:1;box-shadow:0 0 0 3px var(--panel),0 0 0 6px #ffd43b}.oxr__opt4:disabled{cursor:default}.oxr__opt4:disabled:not(.is-on):not(.is-right){opacity:.45}
.oxr__opt4.is-right{background:#2fbf71;opacity:1}.oxr__opt4.is-wrong{background:#8a8f98;opacity:1}.oxr__opt4.is-dim{background:#8a8f98;opacity:.4}
.oxr__ans--1,.oxr__ans--2,.oxr__ans--3,.oxr__ans--4{background:#2fbf71;font-size:1.05em}.oxr__pts{color:var(--muted)}
.oxr__hints{margin:8px auto 0;padding:0 0 0 1.4em;max-width:30em;text-align:left;font-size:1.02em;line-height:1.5}.oxr__hints li{margin:4px 0;color:var(--text-high)}.oxr__hints li.is-new{color:var(--text);font-weight:700}
.oxr__hints--all{font-size:.93em}.oxr__hints--all li{color:var(--muted)}
.oxr--who .oxr__q,.oxr--speed .oxr__q{min-height:6.4em}.oxr--who .oxr__field,.oxr--speed .oxr__field{height:min(34vh,280px);min-height:190px}
@media (max-width:480px){.oxl__modes,.oxl__games{grid-template-columns:1fr}.oxr__q-main{font-size:1.1em}.oxr__opt4{min-height:50px;font-size:.95em}}
.quiz__modes--big{max-width:640px;margin:1.2em auto .6em}.quiz__modes--big .quiz__mode{min-height:110px}.quiz__modes--big .quiz__mode b{font-size:1.3em}.oxl__cats{grid-template-columns:repeat(3,1fr)}@media (max-width:480px){.oxl__cats{grid-template-columns:1fr 1fr}.quiz__modes--big{grid-template-columns:1fr}}
.oxr__invite{margin:10px 0 4px;padding:14px 14px 8px;border:2px dashed var(--accent);border-radius:var(--radius);background:var(--accent-very-low);text-align:center}.oxr__invite-h{margin:0 0 4px;font-weight:700}.oxr__invite-link{margin:0 0 6px;font-size:.92em;color:var(--muted);word-break:break-all}.oxr__invite .mbti__actions{margin:.4em 0}.oxr__invite-btn{flex:1 1 260px;font-size:1.1em;padding:14px 18px}.oxr__invite .mbti__login-note{margin:4px 0 0}
.oxr__lobby-actions{margin:12px 0 4px}.oxr__lobby-actions .btn--main{flex:1 1 220px;font-size:1.15em}.oxr__invite-btn{flex:1 1 200px;font-size:1.05em;padding:14px 16px;border:2px solid var(--accent);color:var(--accent-d)}.oxr__invite-btn.is-copied{border-color:var(--success);color:var(--success)}.oxr__invite-link{margin:0 0 8px;text-align:center;font-size:.86em;color:var(--muted);word-break:break-all}
.quiz__over-actions{margin:1.2em 0 .4em}.quiz__over-actions .btn--main{flex:1 1 220px;font-size:1.15em}.quiz__share-btn{flex:1 1 220px;font-size:1.08em;padding:14px 16px;border:2px solid var(--accent);color:var(--accent-d)}.quiz__share-btn.is-copied{border-color:var(--success);color:var(--success)}
.quiz__rank-period{font-weight:400;color:var(--muted);font-size:.78em}.quiz__ptabs{margin-top:2px}.quiz__psel{padding:3px 6px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--text);font:inherit;font-size:.92em}.quiz__ptabs li.on .quiz__psel{border-color:var(--accent);color:var(--accent-d)}
.quiz__rank-avwrap{position:relative;flex:none;display:inline-block;line-height:0}.quiz__rank-medal{position:absolute;right:-8px;bottom:-6px;font-size:1.15em;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.oxr__players .quiz__rank-avwrap{flex:0 0 30px}.oxr__players .quiz__rank-medal{font-size:1em;right:-7px;bottom:-5px}.quiz__rank-list li:nth-child(-n+3) .quiz__rank-av{box-shadow:0 0 0 2px var(--accent-low)}
.quiz__rank-avwrap{display:inline-flex;align-items:center;gap:4px}.quiz__rank-medal{position:static;font-size:1.7em;line-height:1}.oxr__players .quiz__rank-avwrap{flex:0 0 auto}.oxr__players .quiz__rank-medal{font-size:1.4em}   /* 메달은 아바타 오른쪽에 크게 (2026-10-11) */