/* 방송 순서를 배우는 미니게임: 작아져도 글자와 버튼을 읽을 수 있어요. */
.rg-game{--rg-ink:#173e3b;--rg-line:#253e38;--rg-cream:#fff8e9;--rg-mint:#dcefe5;--rg-yellow:#ffe39c;--rg-peach:#f9d9c4;color:var(--rg-ink);display:grid;gap:14px;min-width:0;width:100%;font-family:inherit}
.rg-game *{box-sizing:border-box}
.rg-header{background:var(--rg-cream);border:2px solid var(--rg-line);border-radius:16px;box-shadow:4px 4px 0 var(--rg-line);padding:clamp(15px,1.5vw,24px)}
.rg-tag{display:inline-block;background:var(--rg-yellow);border:1.5px solid var(--rg-line);border-radius:8px;padding:5px 10px;font-size:13px;font-weight:800;line-height:1.3}
.rg-header h2{font-size:clamp(25px,2.35vw,37px);letter-spacing:-.035em;line-height:1.25;margin:9px 0 5px;color:var(--rg-ink)}
.rg-header p,.rg-picks>p{font-size:clamp(15px,1.03vw,18px);line-height:1.55;margin:0;color:#365851}
.rg-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);align-items:stretch;gap:14px;min-width:0}
.rg-board,.rg-picks{min-width:0;padding:clamp(15px,1.4vw,22px);border:2px solid var(--rg-line);border-radius:16px;box-shadow:4px 4px 0 var(--rg-line)}
.rg-board{background:rgba(236,247,235,.97)}.rg-picks{background:rgba(255,248,233,.97)}
.rg-board h3,.rg-picks h3{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 9px;font-size:clamp(19px,1.35vw,24px);line-height:1.35;color:var(--rg-ink)}
.rg-board h3 span{font-size:14px;color:#356b5d;white-space:nowrap}
.rg-steps{display:grid;gap:8px;padding:0;margin:0;list-style:none;counter-reset:none}
.rg-steps li{display:flex;align-items:flex-start;gap:11px;min-height:76px;padding:11px 12px;background:rgba(255,255,255,.67);border:1.5px solid #a6bcb0;border-radius:10px}
.rg-steps li.is-filled{background:#d8eddb;border-color:#4c8c6e}.rg-steps li.is-next{background:#fff1c4;border:2px solid #bd8032}
.rg-number{flex:none;width:32px;height:32px;display:grid;place-items:center;border:1.5px solid var(--rg-line);border-radius:8px;background:#fff9ee;font-size:15px;font-weight:800}
.rg-steps strong{display:block;font-size:16px;line-height:1.35}.rg-steps p{margin:4px 0 0;font-size:15px;line-height:1.48;color:#375650}
.rg-picks>p{margin-bottom:10px}.rg-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rg-option{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;min-height:132px;padding:13px;text-align:left;white-space:normal;font:inherit;font-size:16px;font-weight:700;line-height:1.5;color:var(--rg-ink);background:#fffdf5;border:2px solid var(--rg-line);border-radius:11px;box-shadow:3px 3px 0 var(--rg-line);cursor:pointer;transition:background-color .16s,transform .16s,box-shadow .16s}
.rg-option:nth-child(2){background:#fff0ca}.rg-option:nth-child(3){background:#f9e4dc}.rg-option:nth-child(4){background:#e2f0eb}
.rg-option-label{display:inline-block;border:1px solid #779187;border-radius:6px;padding:3px 8px;background:rgba(255,255,255,.72);font-size:13px;font-weight:800;line-height:1.3}
.rg-option small{display:block;margin-top:auto;color:#476d61;font-size:13px;font-weight:800;line-height:1.3}
.rg-option:not(:disabled):hover{background:#d8efdf;transform:translateY(-2px);box-shadow:4px 5px 0 var(--rg-line)}
.rg-option:disabled{opacity:.7;cursor:default;box-shadow:none}.rg-option.is-used{background:#cde6d8;border-color:#5b927b}
.rg-feedback{margin:0;padding:12px 15px;background:#ffedbe;border:2px solid #9c7540;border-radius:10px;color:#543d21;font-size:16px;font-weight:700;line-height:1.5}.rg-feedback.is-complete{background:#daf0df;border-color:#4e9270;color:#235943}
.rg-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}
.rg-actions button{appearance:none;min-height:44px;padding:9px 14px;border:2px solid var(--rg-line);border-radius:9px;background:var(--rg-cream);box-shadow:3px 3px 0 var(--rg-line);color:var(--rg-ink);font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.rg-actions button:last-child{background:var(--rg-yellow)}.rg-actions button:disabled{opacity:.55;cursor:default;box-shadow:none}
.rg-game button:focus-visible{outline:3px solid #d86630;outline-offset:3px}.rg-game button:not(:disabled):active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--rg-line)}
@media(max-width:800px),(max-height:600px){.rg-workspace{grid-template-columns:minmax(0,1fr)}.rg-board,.rg-picks{padding:16px}.rg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.rg-steps li{min-width:0}.rg-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.rg-game{gap:11px}.rg-header,.rg-board,.rg-picks{padding:14px}.rg-header h2{font-size:25px}.rg-steps,.rg-options{grid-template-columns:minmax(0,1fr)}.rg-steps li{min-height:65px}.rg-option{min-height:105px}.rg-actions{justify-content:stretch}.rg-actions button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.rg-option{transition:none}}