:root{--bg:#f6f6f4;--fg:#1a1a1a;--muted:#6b6b6b;--line:#d9d9d4;--card:#ffffff;--accent:#222;--yellow:#c9a227;--red:#c4503f;--white-star:#9a9a94;--teal:#2f9c92;--orange:#d47a2f;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}body{line-height:1.5}main.wrap{max-width:420px;margin:0 auto;padding:16px 16px 40px;min-height:100dvh}h1{font-size:22px;margin:8px 0 12px}h2{font-size:18px;margin:16px 0 8px}p{margin:8px 0}.muted{color:var(--muted);font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:12px 0}.btn,.card{padding:16px}.btn{display:block;width:100%;font-size:18px;font-weight:700;border-radius:12px;border:1px solid var(--accent);background:var(--accent);color:#fff;margin:10px 0;text-align:center;text-decoration:none;cursor:pointer}.btn.secondary{background:#fff;color:var(--fg);border-color:var(--line)}.btn:disabled{opacity:.5;cursor:default}.choice{display:block;width:100%;padding:18px;font-size:18px;border-radius:12px;border:2px solid var(--line);background:#fff;margin:10px 0;text-align:left;cursor:pointer}.choice.correct{border-color:#2e7d32}.choice.wrong{border-color:#c62828}.bigcode{font-size:40px;letter-spacing:6px;font-weight:800;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:8px 0}.stars{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;margin:12px 0}.star{text-align:center;font-size:12px}.star .dot{width:44px;height:44px;border-radius:50%;margin:0 auto 6px;border:3px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.star.won .dot{border-color:var(--c);background:var(--c);color:#fff}.star.failed .dot{border-color:var(--c);background:#fff;color:var(--c)}.star.pending .dot{border-style:dashed;border-color:var(--c)}.banner{background:#fff4d6;border:1px solid #e0c27a;border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:12px}.banner a{color:#7a4d00}input.code{font-size:28px;letter-spacing:8px;text-align:center}input.code,textarea{width:100%;padding:12px;border:2px solid var(--line);border-radius:12px}textarea{font-size:16px;min-height:90px;font-family:inherit}.story{white-space:pre-wrap;font-size:16px}.story img{width:100%;border-radius:10px;margin:8px 0}.qr{display:block;width:220px;height:220px;margin:12px auto;image-rendering:pixelated}.result{font-size:26px;font-weight:800;margin:16px 0}.result,.spin{text-align:center}.spin{padding:40px 0;color:var(--muted)}