html,body,#root{margin:0;min-height:100%}body{background:#fff0f7;font-family:-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#5b2a5e;-webkit-tap-highlight-color:transparent}.pg{max-width:560px;margin:0 auto;padding:14px 12px 40px;text-align:center}h1{margin:6px 0 10px;font-size:26px}.lv{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.lv button,.re{font:inherit;border:2px solid #f3a6cf;background:#fff;color:#a23b86;border-radius:20px;padding:8px 14px;font-weight:700}.lv button.on,.re.on{background:#e8579f;color:#fff;border-color:#e8579f}.lv small{opacity:.8;font-weight:400}.st{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-weight:700;margin:6px 0 12px;font-size:15px}.bd{display:grid;grid-template-columns:repeat(var(--c),1fr);gap:10px;justify-items:center;max-width:420px;margin:0 auto 16px}.cd{all:unset;cursor:pointer;width:100%;aspect-ratio:1;perspective:600px;display:block}.in{display:block;position:relative;width:100%;height:100%;transition:transform .45s;transform-style:preserve-3d}.cd.up .in{transform:rotateY(180deg)}.bk,.fr{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 2px 6px #7828644d}.bk{border:3px solid #fff;background:#0d1426}.bk img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.fr{transform:rotateY(180deg);border:3px solid #fff;background:#fff}.fr img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.cd.ok .fr{box-shadow:0 0 0 3px #ffd54a,0 0 12px #ffd54a}.cd.ok .in{animation:pop .5s}@keyframes pop{50%{transform:rotateY(180deg) scale(1.12)}}.win{position:fixed;inset:0;background:#5014468c;display:flex;align-items:center;justify-content:center;z-index:20}.win .box{background:#fff;border-radius:24px;padding:24px 32px;box-shadow:0 8px 30px #0005}.win .big{font-size:56px}.win h2{margin:6px 0}.spl{position:fixed;inset:0;z-index:50;background:linear-gradient(#0c101b,#131a2c);display:flex;align-items:center;justify-content:center;transition:opacity .6s}.spl.out{opacity:0;pointer-events:none}.spl img{max-width:100%;max-height:100%;object-fit:contain;animation:sin 1s ease-out}@keyframes sin{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.acts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.acts .re:disabled{opacity:.45}.xl{display:block;text-align:center;margin:10px auto;color:#a24b9c;font-weight:700;text-decoration:none}.cmb{text-align:center;font-weight:800;color:#e0457b;font-size:20px;animation:pop .5s}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}.stars{font-size:38px;letter-spacing:6px;color:#ddd}.stars .on{color:#ffb81c}.conf{position:fixed;inset:0;pointer-events:none;z-index:60;overflow:hidden}.conf i{position:absolute;top:-30px;font-style:normal;font-size:24px;animation:fall 2.6s linear infinite}@keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}.ad{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#efe9fb;border-top:1px solid #d9cdf2;padding:8px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px}.ad a{color:#4a3a8a;text-decoration:none;flex:1}.ad button{background:#fff;border:1px solid #c9b9ee;border-radius:10px;padding:6px 10px;font-size:12px;color:#4a3a8a}.adsp{height:20px}.pg{padding-bottom:70px}.win .sm{font-size:13px;color:#777}.win .er{color:#d33;font-size:13px}.win input{width:100%;padding:9px;border:1px solid #e2c3da;border-radius:10px;margin:8px 0;font:inherit}