*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#2a2350;width:100%;height:100%;overflow:hidden}body{color:#3a2350;font-family:Jua,Malgun Gothic,Apple SD Gothic Neo,Noto Sans KR,sans-serif}#stage{transform-origin:0 0;border-radius:6px;width:960px;height:540px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 40px #00000059}#cv{touch-action:none;width:960px;height:540px;display:block;position:absolute;top:0;left:0}#ui{pointer-events:none;position:absolute;inset:0}#back{z-index:50;color:#fff;opacity:.8;background:#28144673;border-radius:12px;padding:5px 9px;font:700 12px/1 Malgun Gothic,sans-serif;text-decoration:none;transition:opacity .3s;position:fixed;top:6px;left:8px}#back:hover{opacity:1}body.playing #back{opacity:.3}#rotate{z-index:60;color:#fff;pointer-events:none;background:#281446d9;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:900;animation:1.4s ease-in-out infinite bob;display:none;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}@media (orientation:portrait) and (max-width:900px){#rotate{display:block}}@keyframes bob{50%{transform:translate(-50%)translateY(-4px)}}.screen{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.screen.on{animation:.25s ease-out fadein;display:flex}.screen.dim{background:#28145073}@keyframes fadein{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.logo{letter-spacing:2px;color:#fff;text-shadow:0 5px #ff6fae,0 10px #7a3cc8,0 14px 24px #3c146480;-webkit-text-stroke:3px #5a2a9a;paint-order:stroke fill;font-size:84px;font-weight:900;line-height:1;animation:2.4s ease-in-out infinite logo}@keyframes logo{50%{transform:translateY(-6px)rotate(-1deg)}}.sub{color:#fff;text-shadow:0 2px #3c146499;margin-top:18px;font-size:18px;font-weight:900}.row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.btn{pointer-events:auto;color:#fff;cursor:pointer;text-shadow:0 2px #0003;background:linear-gradient(#ffb43a,#ff7a2e);border:none;border-radius:18px;min-width:120px;padding:12px 26px;font:900 22px Jua,Malgun Gothic,sans-serif;transition:transform 80ms;box-shadow:0 5px #c8501a,0 8px 14px #0003}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(3px);box-shadow:0 2px #c8501a}.btn.big{border-radius:24px;padding:14px 60px;font-size:34px}.btn.blue{background:linear-gradient(#6fd0ff,#3a9cff);box-shadow:0 5px #1f6ac8,0 8px 14px #0003}.btn.pink{background:linear-gradient(#ff9ad0,#ff5aa8);box-shadow:0 5px #c8307a,0 8px 14px #0003}.btn.green{background:linear-gradient(#7ee87a,#36c35a);box-shadow:0 5px #1f8a3a,0 8px 14px #0003}.btn.gray{background:linear-gradient(#c8c0d8,#9a90b0);box-shadow:0 5px #6a6080}.btn.small{border-radius:14px;min-width:0;padding:8px 16px;font-size:17px}.stats{gap:14px;margin-top:16px;display:flex}.chip{color:#5a2a9a;background:#ffffffe0;border-radius:16px;align-items:center;gap:6px;padding:6px 14px;font-size:17px;font-weight:900;display:flex;box-shadow:0 3px #5a28964d}.chip img{width:22px;height:22px}.panel{text-align:center;background:#fffffff2;border-radius:28px;max-width:860px;padding:22px 30px;position:relative;box-shadow:0 8px #b48ae8,0 18px 40px #280a5059}.panel h2{color:#7a3cc8;margin-bottom:10px;font-size:34px}.close{position:absolute;top:12px;right:14px}.coins-top{position:absolute;top:18px;left:22px}.cards{gap:16px;margin-top:6px;display:flex}.card{background:linear-gradient(#fff,#f3ebff);border:4px solid #e6d8ff;border-radius:22px;flex-direction:column;align-items:center;width:230px;padding:12px;display:flex}.card.sel{border-color:#ffb43a;box-shadow:0 0 0 4px #ffb43a4d}.card canvas{width:120px;height:120px}.card .nm{color:#5a2a9a;font-size:26px;font-weight:900}.card .tt{color:#9a7ac8;margin-bottom:4px;font-size:14px}.card .pk{color:#3a2350;background:#fff4d0;border-radius:10px;align-items:center;min-height:48px;margin:6px 0 10px;padding:4px 8px;font-size:15px;display:flex}.ups{flex-direction:column;gap:10px;min-width:640px;margin-top:4px;display:flex}.up{text-align:left;background:#f6f0ff;border-radius:18px;align-items:center;gap:14px;padding:10px 16px;display:flex}.up .ic{flex:none;width:46px;height:46px}.up .info{flex:1}.up .nm{color:#5a2a9a;font-size:20px;font-weight:900}.up .ds{color:#8a6ab0;font-size:14px}.pips{gap:4px;margin-top:4px;display:flex}.pips i{background:#e0d4f4;border-radius:5px;width:22px;height:9px}.pips i.on{background:linear-gradient(#ffd84a,#ffa82e)}.howto{text-align:left;grid-template-columns:1fr 1fr;gap:10px 26px;margin-top:4px;font-size:16px;display:grid}.howto h3{color:#ff5aa8;margin-bottom:4px;font-size:19px}.howto p{line-height:1.5}.howto .it{align-items:center;gap:6px;display:flex}.howto .it img{width:28px;height:28px}kbd{color:#5a2a9a;background:#efe6ff;border-bottom:2px solid #c8b4ec;border-radius:6px;padding:0 6px;font:900 14px Malgun Gothic,sans-serif;display:inline-block}.result .score{color:#ff7a2e;font-size:64px;font-weight:900;line-height:1.1}.result table{border-spacing:22px 4px;margin:8px auto 0;font-size:19px}.result td:first-child{color:#9a7ac8;text-align:left}.result td:last-child{color:#3a2350;text-align:right;font-weight:900}.record{color:#fff;text-shadow:0 2px #00000040;background:linear-gradient(90deg,#ff5a7a,#ffb43a,#ffe14d,#5ce07a,#4fc3ff,#a77bff);border-radius:20px;margin:-46px auto 10px;padding:2px 26px;font-size:38px;font-weight:900;animation:.6s ease-in-out infinite alternate rec;display:inline-block}@keyframes rec{0%{transform:rotate(-3deg)scale(1)}to{transform:rotate(3deg)scale(1.08)}}#hudbtns{pointer-events:auto;gap:8px;display:flex;position:absolute;top:10px;right:10px}#hudbtns button{cursor:pointer;background:#28144680;border:none;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}#hudbtns button:active{transform:scale(.92)}#hudbtns svg{fill:#fff;width:22px;height:22px}.toast{color:#fff;pointer-events:none;opacity:0;background:#281446e6;border-radius:16px;padding:8px 18px;font-weight:900;transition:opacity .25s;position:absolute;top:20px;left:50%;transform:translate(-50%)}.toast.on{opacity:1}