@font-face{font-family:Galmuri11;src:url(/play/rock/fonts/galmuri11-bold.v1.woff2) format("woff2");font-weight:400 900;font-display:swap}html:has(.mp){background:#dfeef8;-webkit-text-size-adjust:100%}html:has(.mp) body{margin:0}.mp{--bg: #dfeef8;--dot: #c9dff0;--panel: #fff;--line: #b8cad8;--text: #2f3a44;--text-2: #6b7c8a;--accent: #ff7f2a;--accent-d: #e8691a;--sky: #2f9be0;--px: "Galmuri11", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;min-height:100vh;min-height:100dvh;color:var(--text);background:var(--bg) radial-gradient(var(--dot) 1px,transparent 1px) 0 0 / 8px 8px;font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}.mp *,.mp *:before,.mp *:after{box-sizing:border-box}.mp [hidden],.mp[data-dev=pc] .m-only,.mp[data-dev=mobile] .pc-only{display:none!important}.mp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mp-wrap{max-width:720px;margin:0 auto;padding:40px 16px calc(64px + env(safe-area-inset-bottom))}.mp-px{display:block;image-rendering:pixelated}.mp-head{text-align:center;margin-bottom:24px}.mp-icon{display:block;width:88px;height:88px;margin:0 auto 12px;border-radius:22px;box-shadow:0 2px #2f4a6226,0 8px 20px #2f4a622e}.mp-logo{margin:0;font-family:var(--px);font-size:36px;font-weight:700;line-height:1.2;color:var(--sky);letter-spacing:0}.mp-logo span{color:var(--accent)}.mp-kind{display:inline-block;margin:10px 0 0;padding:3px 12px;border:1px dashed var(--sky);border-radius:999px;background:#fff;color:var(--sky);font-family:var(--px);font-size:12px;line-height:1.5}.mp-tag{margin:10px 0 0;color:var(--text-2);font-size:15px}.mp-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 2px #2f4a621f,0 8px 24px #2f4a6214;overflow:hidden}.mp-card+.mp-card{margin-top:16px}.mp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 18px;border-radius:10px;font:inherit;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.mp-btn:active,.mp-dl:active{transform:translateY(1px)}.mp-btn-fill{border:1px solid var(--accent-d);background:linear-gradient(#ff9a4d,var(--accent));color:#fff}.mp-btn-line{border:1px solid var(--sky);background:#fff;color:var(--sky)}.mp-msg{min-height:1.6em;margin:6px 0 0;color:var(--accent-d);font-size:14px;font-weight:700}.mp-msg:empty{min-height:0;margin:0}.mp-invite{padding:22px 20px 20px;border:2px dashed var(--accent);text-align:center;background:#fff linear-gradient(#fff6ee,#fff 70%)}.mp-invite-top{display:flex;align-items:center;justify-content:center;gap:10px}.mp-letter{width:45px;height:39px;flex:none}.mp-invite-t{margin:0;font-family:var(--px);font-size:20px;font-weight:700;line-height:1.35;color:var(--text)}.mp-code-label{margin:16px 0 2px;color:var(--text-2);font-size:13px}.mp-code{margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(26px,8.5vw,40px);font-weight:800;letter-spacing:.06em;color:var(--accent);user-select:all;-webkit-user-select:all;word-break:break-all}.mp-invite-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.mp-invite-btns .mp-btn-fill{flex:1 1 220px;max-width:320px}.mp-invite-btns .mp-btn-line{flex:0 1 140px}.mp-invite-help{margin:12px 0 0;color:var(--text-2);font-size:14px}.mp-invite-help a{color:var(--sky);font-weight:700}.mp-mobile{padding:20px;border:2px solid var(--sky)}.mp-mobile-top{display:flex;align-items:center;gap:14px}.mp-pcicon{width:60px;height:40px;flex:none}.mp-mobile-t{margin:0;font-family:var(--px);font-size:18px;font-weight:700;line-height:1.4;color:var(--sky)}.mp-mobile-d{margin:2px 0 0;font-size:15px;font-weight:700}.mp-link{display:block;width:100%;margin-top:14px;padding:10px 12px;border:1px dashed var(--line);border-radius:8px;background:#f6fafd;color:var(--text);font:14px/1.4 ui-monospace,SF Mono,Menlo,monospace;user-select:all;-webkit-user-select:all}.mp-mobile-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mp-mobile-btns .mp-btn{flex:1 1 140px}.mp-tip{margin:10px 0 0;color:var(--text-2);font-size:13px}.mp-tabs{display:flex;border-bottom:1px dashed var(--line)}.mp-tabs button{flex:1;min-height:52px;padding:12px 8px;border:0;background:#f6fafd;font:inherit;font-weight:700;color:var(--text-2);cursor:pointer}.mp-tabs button[aria-selected=true]{background:#fff;color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}.mp-pane{padding:24px}.mp-dl{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:14px;border:1px solid var(--accent-d);border-radius:10px;background:linear-gradient(#ff9a4d,var(--accent));color:#fff;font:inherit;font-size:18px;font-weight:800;text-decoration:none;cursor:pointer}.mp-meta{margin:8px 0 20px;text-align:center;color:var(--text-2);font-size:13px}.mp-steps{margin:0;padding-left:22px;line-height:1.9}.mp-steps b{color:var(--sky)}.mp-note{margin-top:16px;padding:12px 14px;border-radius:10px;background:#fff6ee;color:#b14d06;font-size:14px;line-height:1.65}.mp-ss{display:flex;align-items:center;gap:8px;margin-top:16px}.mp-ss-box{flex:1;min-width:0;padding:10px 10px 12px;border-radius:6px;background:#1f6fb5;color:#fff}.mp-ss-t{margin:0 0 8px;font-size:12px;font-weight:700;line-height:1.3}.mp-ss-l{display:block;height:5px;margin-bottom:5px;border-radius:3px;background:#ffffff59}.mp-ss-l2{width:70%}.mp-ss-more{display:inline-block;margin-top:4px;font-size:12px;text-decoration:underline}.mp-ss-btns{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.mp-ss-run,.mp-ss-no{padding:3px 8px;border:1px solid rgba(255,255,255,.7);font-size:11px;white-space:nowrap}.mp-ss-no{opacity:.6}.mp-ring{border-radius:4px;outline:2px solid var(--accent);outline-offset:3px;background:#ff7f2a40}.mp-ss-arrow{flex:none;color:var(--accent);font-weight:800}.mp-how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 0;padding:0;list-style:none}.mp-how li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;border:1px dashed var(--line);border-radius:12px;background:#ffffffc7;text-align:center;font-size:14px;line-height:1.5}.mp-how .mp-px{width:40px;height:40px}.mp-foot{margin-top:28px;text-align:center;color:var(--text-2);font-size:12px}.mp-foot p{margin:0}.mp-more{display:inline-block;margin-top:14px;padding:8px 16px;border:1px dashed var(--sky);border-radius:999px;background:#fff;color:var(--sky);font-size:14px;font-weight:700;text-decoration:none}.mp-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:10;max-width:calc(100% - 32px);padding:10px 16px;border-radius:999px;background:#2f3a44eb;color:#fff;font-size:14px;font-weight:700;opacity:0;transform:translate(-50%,8px);transition:opacity .2s,transform .2s;pointer-events:none}.mp-toast.on{opacity:1;transform:translate(-50%)}@media(max-width:520px){.mp-wrap{padding-top:28px}.mp-logo{font-size:30px}.mp-pane{padding:20px 16px}.mp-how{gap:8px}.mp-how li{padding:14px 4px 12px;font-size:13px}.mp-ss-t{font-size:11px}}