@font-face{font-family:Jua;src:url(/fonts/Jua-Regular.subset.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.subset.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.subset.woff2)format("woff2");font-weight:700;font-display:swap}:root{--navy:#2b1e4a;--purple:#7a4dff;--cream:#fff6e5;--gold:#ffc93c;--orange:#ff9a2e;--mint:#5fd8c0;--coral:#ff6b6b;--pink:#ff7eb3;--grade-1:#a7b0bf;--grade-2:#3d9bff;--grade-3:#e84fd0;--grade-4:#ffb020;--line:3px solid var(--navy);--ribbon-h:56px;--ribbon-top:10px;--ribbon-font:25px;--ribbon-pad:calc(var(--ribbon-top) + var(--ribbon-h) + 14px);--font-title:"Jua", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--font-body:"Pretendard", system-ui, -apple-system, "Segoe UI", "Malgun Gothic", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{height:100%;color:var(--navy);font-family:var(--font-body);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#241a33;margin:0;overflow:hidden}*{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:none}.num{font-family:var(--font-title);font-weight:400}#app{position:fixed;inset:0}#app canvas{touch-action:none;width:100%;height:100%;display:block}#rotate-hint{z-index:60;color:#fff;text-align:center;background:#241a33;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:none;position:fixed;inset:0}#rotate-hint p{font-family:var(--font-title);margin:0;font-size:24px}#rotate-hint p.sub{font-family:var(--font-body);opacity:.75;font-size:14px}#rotate-hint .rotate-icon{border:4px solid var(--gold);border-radius:10px;width:44px;height:72px;margin-bottom:8px}@media (orientation:landscape) and (pointer:coarse){#rotate-hint{display:flex}}.ico{flex:none;width:24px;height:24px}.chip{box-sizing:border-box;border:var(--line);background:var(--cream);height:36px;box-shadow:0 3px 0 var(--navy);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 12px 0 6px;font-size:15px;display:inline-flex}.chip b{font-size:20px;line-height:1}.chip.mini{padding:0 10px 0 5px}#hud{top:calc(8px + var(--safe-top));left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));z-index:2;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed}.topbar,.questbar{align-items:center;gap:6px;display:flex}.topbar .spacer{flex:1}.coin-chip b{min-width:34px}.stage-chip{background:linear-gradient(#9b74ff, var(--purple));color:#fff;padding:0 12px 0 4px}.stage-chip .stage-id{background:var(--navy);color:var(--gold);border-radius:999px;padding:2px 7px;font-size:15px;display:inline-block}#stage-country{font-family:var(--font-title);text-shadow:0 2px 0 var(--navy);font-size:17px}.questbar .chip{flex:none}#timer-chip.warn{background:#ffe0e0;animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.08)}}.quest-card{box-sizing:border-box;border:var(--line);background:var(--cream);width:fit-content;min-width:0;max-width:100%;height:44px;box-shadow:0 3px 0 var(--navy);border-radius:16px;flex:0 auto;align-items:center;gap:6px;padding:0 10px 0 3px;display:flex}.qchips{flex:0 auto;align-items:center;gap:4px;min-width:0;display:flex}.qchip{box-sizing:border-box;border:2px solid var(--navy);background:#ffe9c7;border-radius:12px;flex:0 auto;align-items:center;gap:2px;min-width:0;height:34px;padding:0 7px 0 2px;display:inline-flex;position:relative}.qchip img{border-radius:8px;flex:none;width:28px;height:28px}.qchip .num{white-space:nowrap;font-size:15px;line-height:1}.qchip small{white-space:normal;max-width:96px;margin-left:3px;font-size:11px;font-weight:700;line-height:1.1}.qchip.done{background:#c8f3e4}.qchip.done .num{color:#1c9c83}.qchip.done:after{content:"✓";border:2px solid var(--navy);background:var(--mint);width:16px;height:16px;color:var(--navy);text-align:center;border-radius:50%;font-size:11px;font-weight:900;line-height:12px;position:absolute;top:-7px;right:-5px}#quest-count[hidden]{display:none}#quest-count{font-size:22px}#quest-count.done{color:#1c9c83}.btn,.icon-btn{box-sizing:border-box;border:var(--line);cursor:pointer;touch-action:manipulation;pointer-events:auto;color:var(--navy);font-family:var(--font-title);-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;position:relative}.btn:before,.icon-btn:before{content:"";pointer-events:none;background:#ffffff73;border-radius:999px;height:18%;position:absolute;top:8%;left:14%;right:14%}.icon-btn:before,#drop:before{height:18%;top:12%;left:24%;right:24%}.btn:active,.btn.pressed,.icon-btn:active{transition-duration:80ms;transform:translateY(3px)scale(.92)}.btn-primary{background:linear-gradient(#ffe066 0%, var(--gold) 45%, var(--orange) 100%);box-shadow:0 5px 0 #b4561a, 0 5px 0 3px var(--navy);text-shadow:0 1px #fff9;border-radius:16px}.btn-primary:active,.btn-primary.pressed{box-shadow:0 1px 0 #b4561a, 0 1px 0 3px var(--navy)}.icon-btn{background:var(--cream);min-width:46px;height:46px;box-shadow:0 3px 0 var(--navy);border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.icon-btn:active{box-shadow:0 0 0 var(--navy)}.icon-btn.small-label{height:40px;padding:0 10px 0 6px;font-size:14px}.icon-btn .ico{width:26px;height:26px}#controls{left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:8px;display:flex;position:fixed}#joystick{box-sizing:border-box;touch-action:none;pointer-events:auto;background:radial-gradient(circle,#2b1e4a40 0%,#2b1e4a80 100%);border:3px solid #fff6e5d9;border-radius:50%;flex:none;width:132px;height:132px;position:relative;box-shadow:0 0 0 3px #2b1e4a99}#stick{box-sizing:border-box;border:var(--line);background:radial-gradient(circle at 35% 30%, #fffdf5 0%, var(--cream) 40%, #f2d7a6 100%);width:58px;height:58px;box-shadow:0 4px 0 var(--navy);border-radius:50%;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%}#drop-col{flex-direction:column;flex:none;align-items:center;gap:14px;display:flex}#rot-row{pointer-events:auto;gap:8px;display:flex}#drop{touch-action:none;border-radius:50%;flex:none;width:100px;height:100px;font-size:26px}.rot-btn{touch-action:none;-webkit-user-select:none;user-select:none;background:#d9f3ff}.rot-btn.disabled,#joystick.locked{filter:grayscale(.75)brightness(.9);opacity:.6}#drop.disabled{filter:grayscale(.75)brightness(.9)}#toast{z-index:3;border:var(--line);background:var(--cream);box-shadow:0 4px 0 var(--navy);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:9px 18px;font-size:15px;font-weight:700;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);position:fixed;top:34%;left:50%;transform:translate(-50%,-50%)scale(.9)}#toast.show{opacity:1;transform:translate(-50%,-50%)scale(1)}#acquire{z-index:3;pointer-events:none;justify-content:center;align-items:center;padding-bottom:8vh;display:none;position:fixed;inset:0}#acquire.show,#acquire.hide{display:flex}.acq-rays{background:repeating-conic-gradient(#ffec9699 0 9deg, #ffec9600 9deg 18deg);opacity:0;border-radius:50%;width:min(560px,150vw);height:min(560px,150vw);margin:calc(min(560px,150vw)/-2) 0 0 calc(min(560px,150vw)/-2);animation:7s linear infinite acq-spin;position:absolute;top:46%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0009 40%,#0000 70%);mask-image:radial-gradient(circle,#000 0%,#0009 40%,#0000 70%)}#acquire.show .acq-rays{opacity:1;transition:opacity .4s}@keyframes acq-spin{to{transform:rotate(360deg)}}.acq-card{box-sizing:border-box;border:var(--line);background:var(--cream);width:min(250px,70vw);box-shadow:0 6px 0 var(--navy);text-align:center;pointer-events:auto;opacity:0;border-radius:28px;padding:14px 12px;position:relative;transform:scale(0)}#acquire.show .acq-card{animation:.55s cubic-bezier(.34,1.56,.64,1) forwards acq-in}#acquire.hide .acq-card{animation:.25s ease-in forwards acq-out}#acquire.hide .acq-rays{opacity:0;transition:opacity .2s}@keyframes acq-in{0%{opacity:0;transform:translateY(70px)scale(.2)rotate(-8deg)}55%{opacity:1;transform:translateY(-12px)scale(1.12)rotate(3deg)}78%{transform:translateY(3px)scale(.96)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes acq-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-30px)scale(.7)}}#acquire-icon{border:2px solid var(--navy);background:#fff6e5;border-radius:22px;width:min(190px,52vw);height:min(190px,52vw);margin:0 auto 6px;display:block}#acquire-title{font-family:var(--font-title);font-size:27px;line-height:1.1}#acquire-sub{justify-content:center;align-items:center;gap:6px;margin-top:6px;display:flex}.acq-new{z-index:1;border:var(--line);background:var(--coral);box-shadow:0 3px 0 var(--navy);color:#fff;font-family:var(--font-title);border-radius:999px;padding:3px 10px;font-size:16px;position:absolute;top:-12px;right:-10px;transform:rotate(10deg)}.acq-new[hidden]{display:none}.grade-tag{box-sizing:border-box;border:2.5px solid var(--grade-1);background:var(--cream);height:22px;color:var(--navy);font-family:var(--font-title);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:0 8px;font-size:13px;line-height:1;display:inline-flex}.grade-tag .gstars{letter-spacing:-1px}.grade-tag.g1{border-color:var(--grade-1)}.grade-tag.g1 .gstars{color:#7e8796}.grade-tag.g2{border:4px double var(--grade-2)}.grade-tag.g2 .gstars{color:var(--grade-2)}.grade-tag.g3{border:2.5px dashed var(--grade-3);box-shadow:0 0 6px #e84fd099}.grade-tag.g3 .gstars{color:var(--grade-3)}.grade-tag.g4{background:linear-gradient(var(--cream), var(--cream)) padding-box, linear-gradient(90deg, #ffb020, #ff7a1a) border-box;border:2.5px solid #0000}.grade-tag.g4 .gstars{color:#ff8a1a}#result{z-index:4;box-sizing:border-box;padding:calc(12px + var(--safe-top)) 8px calc(12px + var(--safe-bottom));background:#17102899;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#result[hidden]{display:none}#result .panel{width:min(330px,86vw);max-height:100%;max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;box-sizing:border-box;padding:var(--ribbon-pad) 18px 22px;border:var(--line);background:var(--cream);box-shadow:0 6px 0 var(--navy);text-align:center;border-radius:24px;animation:.4s cubic-bezier(.34,1.56,.64,1) pop-panel;position:relative;overflow-y:auto}#result .panel *{touch-action:pan-y}@keyframes pop-panel{0%{opacity:0;transform:translateY(40px)scale(.6)}70%{opacity:1;transform:translateY(-4px)scale(1.08)}to{transform:none}}#result .ribbon,.ribbon{left:50%;top:var(--ribbon-top);box-sizing:border-box;min-width:180px;max-width:96%;height:var(--ribbon-h);border:var(--line);background:linear-gradient(#7fe8d3, var(--mint));box-shadow:0 4px 0 var(--navy);border-radius:16px;justify-content:center;align-items:center;padding:0 22px;display:flex;position:absolute;transform:translate(-50%)}#result.fail .ribbon{background:linear-gradient(#c9b6ff,#9b74ff)}#result-title,.ribbon span{font-family:var(--font-title);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--ribbon-font);color:#fff;-webkit-text-stroke:1.5px var(--navy);paint-order:stroke fill;text-shadow:0 3px 0 var(--navy);line-height:1.4;overflow:hidden}.stars{justify-content:center;align-items:flex-end;gap:4px;height:64px;margin:4px 0 6px;display:flex}.stars svg{fill:#d9cfbf;width:52px;height:52px}.stars svg:nth-child(2){width:62px;height:62px;margin-bottom:8px}.stars svg.on{fill:var(--gold);opacity:0;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards star-in}@keyframes star-in{0%{opacity:0;transform:translateY(-30px)scale(1.8)}55%{opacity:1;transform:translateY(0)scale(.85)}75%{transform:translateY(-6px)scale(1.12)}to{opacity:1;transform:none}}.cards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.card{box-sizing:border-box;border:var(--line);width:92px;box-shadow:0 4px 0 var(--navy);opacity:0;background:#fff;border-radius:18px;padding:6px 4px 8px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards card-in}.card.g2{outline:3px solid var(--grade-2);outline-offset:-7px}.card.g3{outline:3px dashed var(--grade-3);outline-offset:-7px}.card img{border-radius:12px;width:72px;height:72px}.card .cname{font-family:var(--font-title);font-size:16px;line-height:1.2}.card .ccount{font-family:var(--font-title);color:var(--purple);font-size:15px}@keyframes card-in{0%{opacity:0;transform:translateY(16px)scale(.6)}to{opacity:1;transform:none}}.fail-face{border:var(--line);border-radius:24px;width:96px;height:96px;animation:.5s ease-in-out .2s 2 shake-no;transform:rotate(-6deg)}@keyframes shake-no{25%{transform:rotate(-12deg)}75%{transform:rotate(2deg)}}#result-detail{margin:12px 0 18px;font-size:14px;font-weight:700;line-height:1.4}#next-stage{flex:1.35;min-width:0;height:58px;padding:0 10px;font-size:20px}.btn .fee{vertical-align:middle;background:#2b1e4a26;border-radius:999px;align-items:center;gap:2px;margin-left:8px;padding:1px 8px 1px 3px;font-size:16px;display:inline-flex}.btn .fee .ico{width:18px;height:18px}#insert-bar{left:50%;bottom:calc(190px + var(--safe-bottom));z-index:2;pointer-events:none;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.ins-chip{gap:6px;font-size:13px;font-weight:700}.ins-chip b{text-align:right;min-width:26px}#insert{gap:6px;display:flex}#insert .ins-opt{white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;min-width:78px;height:52px;padding:0 10px;font-size:16px;line-height:1.1;display:flex;position:relative}#insert .ins-opt .io-sub{opacity:.9;font-size:12px}#insert .ins-opt .io-bonus{border:2px solid var(--navy);background:var(--gold);color:var(--navy);pointer-events:none;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:900;line-height:1;position:absolute;top:-9px;right:-4px}#insert .ins-opt .io-bonus[hidden]{display:none}#insert .ins-opt.off{opacity:.45;filter:grayscale(.6)}#insert-bar.gone{display:none}@media (width<=370px){#joystick{width:118px;height:118px}#drop{width:90px;height:90px;font-size:23px}#rot-row{gap:2px}.icon-btn{min-width:44px;height:44px}.chip b{font-size:18px}#insert-bar{flex-direction:column;gap:8px;max-width:calc(100vw - 12px)}#insert-bar .ins-chip{padding:0 8px;font-size:12px}#insert{gap:4px}#insert .ins-opt{min-width:0;height:48px;padding:0 8px;font-size:14px}#insert .ins-opt .io-sub{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before{transition-duration:10ms!important;animation-duration:10ms!important}}