/* 미니게임 — 왼쪽 게임 목록, 오른쪽 선택한 게임의 실제 화면 */
.mini-showcase{background:var(--paper,#f5f5f7);padding:86px 32px 75px;scroll-margin-top:110px}
.mini-showcase-inner{max-width:1180px;margin:0 auto}
.mini-showcase-heading{text-align:center;margin:0 auto 40px;max-width:670px}
.mini-showcase-heading h2{margin:18px 0 0;font-size:44px;line-height:1.25;letter-spacing:-2.1px;color:var(--ink,#1d1d1f)}
.mini-showcase-heading h2 span{color:var(--muted,#86868b)}
.mini-showcase-heading>p:not(.eyebrow){margin:20px auto 0;max-width:650px;font-size:15px;line-height:1.9;color:var(--muted,#86868b);word-break:keep-all;overflow-wrap:anywhere}
.mini-showcase-body{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:22px;align-items:start}
.mini-showcase-list{min-width:0;padding:10px 24px;background:#fff;border:1px solid #ededf0;border-radius:22px}
.mini-group{padding:16px 0}
.mini-group+.mini-group{border-top:1px solid #f0f0f3}
.mini-group h3{margin:0 0 10px;font-family:Arial,Union,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.4px;color:#86868b}
.mini-group ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.mini-group li{margin:0;padding:0;min-width:0}
.mini-chip{display:inline-flex;align-items:center;min-height:36px;padding:7px 15px;border:1px solid #e2e2e7;border-radius:999px;background:#fff;color:var(--ink,#1d1d1f);font:inherit;font-size:14px;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s,color .15s;word-break:keep-all}
.mini-chip:hover{border-color:#c7c7cc;background:#f5f5f7}
.mini-chip[aria-pressed="true"]{background:var(--blue,#0071e3);border-color:var(--blue,#0071e3);color:#fff}
.mini-chip:focus-visible{outline:3px solid #53a9ff;outline-offset:3px}
.mini-showcase-stage{position:sticky;top:96px;min-width:0;overflow:hidden;background:#0b0d12;border-radius:22px;box-shadow:0 24px 60px #0000001f}
.mini-stage-media{position:relative;aspect-ratio:16/10;background:#0b0d12}
.mini-stage-media img,.mini-stage-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.mini-stage-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 24px 20px;color:#f5f5f7}
.mini-stage-provider{font-family:Arial,Union,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.8px;color:#7cb8ff}
.mini-stage-caption h3{margin-top:6px;font-size:22px;letter-spacing:-.6px;color:#fff}
.mini-stage-count{flex-shrink:0;font-family:Arial,sans-serif;font-size:12px;color:#86868b}
.mini-showcase-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 23px;margin-top:35px;text-align:center}
.mini-showcase-footer p{font-size:12px;line-height:1.8;color:var(--muted,#86868b);margin:0;word-break:keep-all;overflow-wrap:anywhere}
.mini-showcase-sample{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;border:0;border-radius:999px;background:var(--blue,#0071e3);color:#fff;font:inherit;font-size:12px;line-height:1.5;cursor:pointer}
.mini-showcase-sample:hover{background:#0077ed}
.mini-showcase-sample:focus-visible{outline:3px solid #53a9ff;outline-offset:4px}
@media(max-width:1000px){.mini-showcase{padding:70px 28px 65px}.mini-showcase-heading h2{font-size:37px}.mini-showcase-heading>p:not(.eyebrow){font-size:13px}.mini-showcase-body{grid-template-columns:minmax(0,290px) minmax(0,1fr)}.mini-showcase-list{padding:6px 20px}}
@media(max-width:820px){.mini-showcase-body{grid-template-columns:1fr}.mini-showcase-stage{order:-1;position:static;scroll-margin-top:90px}}
@media(max-width:600px){.mini-showcase{padding:60px 16px 52px;scroll-margin-top:150px}.mini-showcase-heading{margin-bottom:28px}.mini-showcase-heading h2{font-size:32px;letter-spacing:-1.7px}.mini-showcase-heading>p:not(.eyebrow){font-size:12px;margin-top:16px}.mini-showcase-stage{border-radius:18px;scroll-margin-top:140px}.mini-stage-caption{padding:14px 18px 16px}.mini-stage-caption h3{font-size:19px}.mini-showcase-list{padding:4px 18px;border-radius:18px}.mini-group{padding:14px 0}.mini-chip{font-size:13px;min-height:34px;padding:6px 13px}.mini-showcase-footer{gap:15px;margin-top:29px}.mini-showcase-footer p{font-size:11px;width:100%}.mini-showcase-sample{font-size:11px;padding:10px 18px}}