*{box-sizing:border-box;margin:0;padding:0;font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif}body{color:#1f2a44;background:#f7f1e3;min-height:100vh}.wrap{max-width:480px;margin:0 auto;padding:24px 20px 60px}.brand{text-align:center;letter-spacing:4px;color:#8a7a55;margin-bottom:8px;font-size:15px;font-weight:700}h1{text-align:center;margin-bottom:4px;font-size:26px}.room-tag{text-align:center;color:#8a7a55;margin-bottom:20px;font-size:15px}.progress{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.dot{color:#1f2a44;background:#fff;border:2.5px solid #1f2a44;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex}.dot.done{color:#f7f1e3;background:#1f2a44}.dot.lock{color:#c9bfa4;background:0 0;border-color:#c9bfa4}.card{background:#fff;border:3px solid #1f2a44;border-radius:18px;padding:26px 22px;box-shadow:6px 6px #1f2a441f}.mission-no{letter-spacing:3px;color:#8a7a55;margin-bottom:8px;font-size:13px;font-weight:800}.card h2{margin-bottom:14px;font-size:21px}.story{margin-bottom:18px;font-size:15px;line-height:1.7}.q{background:#f7f1e3;border-radius:12px;margin-bottom:16px;padding:14px;font-size:16px;font-weight:700;line-height:1.6}input[type=text]{background:#fff;border:2.5px solid #1f2a44;border-radius:12px;width:100%;margin-bottom:12px;padding:14px;font-size:17px}button{color:#f7f1e3;cursor:pointer;background:#1f2a44;border:none;border-radius:12px;width:100%;padding:15px;font-size:17px;font-weight:800}button:active{transform:translateY(2px)}.hintbtn{color:#8a7a55;background:0 0;margin-top:4px;padding:10px;font-size:14px;font-weight:700}.hint{color:#8a7a55;background:#f2ecd9;border-radius:10px;margin-top:8px;padding:12px;font-size:14px;line-height:1.6}.msg{text-align:center;min-height:22px;margin-top:10px;font-size:15px;font-weight:700}.msg.err{color:#b2453a}.msg.ok{color:#2c7a4b}.final{text-align:center}.final .big{margin:10px 0;font-size:56px}.final h2{margin-bottom:10px;font-size:24px}.final .code{letter-spacing:4px;color:#f7f1e3;background:#1f2a44;border-radius:12px;margin:16px 0;padding:14px;font-size:28px;font-weight:900}.final p{font-size:15px;line-height:1.75}.foot{text-align:center;color:#9a8f74;margin-top:26px;font-size:12.5px;line-height:1.6}.reset{color:#c9bfa4;cursor:pointer;background:0 0;border:none;width:auto;margin-top:8px;font-size:12px;text-decoration:underline}.home{text-align:center;padding-top:60px}.home h1{margin-bottom:12px;font-size:34px}.home p{color:#556;font-size:16px;line-height:1.8}.boxcode{text-align:center;background:#f2ecd9;border:2.5px dashed #8a7a55;border-radius:12px;margin-bottom:14px;padding:14px;font-size:20px}.boxcode b{letter-spacing:6px;color:#1f2a44;font-size:26px}.cats-title{margin:18px 0 10px;font-size:18px}.cats{text-align:left;flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.cat{background:#f7f1e3;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.cat-emoji{font-size:24px}.cat b{flex-shrink:0}.cat-desc{color:#556;font-size:13px;line-height:1.5}