#loading-screen{--hero-size: min(100vw, 520px, 68svh);position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#151a30;color:#fff5e2;font-family:Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased;touch-action:none;transition:opacity .18s ease-out}#loading-screen *,#loading-screen *:before,#loading-screen *:after{box-sizing:border-box}#loading-screen p,#loading-screen h1{margin:0}#loading-screen.is-ready{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;padding:max(28px,env(safe-area-inset-top)) 0 max(64px,env(safe-area-inset-bottom))}.loading-kicker{position:relative;z-index:1;color:#d9bc86;font-size:11px;font-weight:700;letter-spacing:.24em;text-align:center}.loading-hero{position:relative;width:var(--hero-size);height:var(--hero-size);margin:calc(var(--hero-size) * -.04) 0 calc(var(--hero-size) * -.13)}.loading-hero img{display:block;width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(transparent,#000 13%,#000 79%,transparent);mask-composite:intersect}.loading-title{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-3deg);display:flex;flex-direction:column;align-items:center;width:66%;line-height:.95;font-weight:900;letter-spacing:-.065em;color:#fff5df;-webkit-text-stroke:1.5px #613012;paint-order:stroke fill;text-shadow:0 3px 0 #753315,0 5px 0 #4d2518,0 9px 14px #4d251859}.loading-title span{font-size:calc(var(--hero-size) * .1)}.loading-title strong{font-size:calc(var(--hero-size) * .195);font-weight:950;letter-spacing:-.07em;color:#fff2c5}.loading-tagline{position:relative;z-index:1;font-size:14px;font-weight:600;letter-spacing:.015em;color:#f2ddbb}.loading-meter{width:min(65vw,260px);margin-top:27px}.loading-track{height:10px;padding:2px;border:1px solid #967043;border-radius:999px;background:#0c1021;box-shadow:0 2px #0003}.loading-fill{position:relative;width:0;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#d97728,#ffd271);box-shadow:0 0 10px #ffb64344;transition:width .15s ease-out}.loading-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#fff8 50%,transparent 80%);animation:loading-shimmer 2.4s ease-in-out infinite}.loading-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:12px;color:#c7b79d;font-size:11px;line-height:1.4;min-height:2.8em}#loading-status{min-width:0}#loading-percent{flex-shrink:0}#loading-percent{color:#f1ca83;font-variant-numeric:tabular-nums}.loading-copyright{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));font-size:11px;letter-spacing:.06em;color:#8f91a3}@keyframes loading-shimmer{0%{transform:translate(-110%)}to{transform:translate(110%)}}#loading-screen.is-reduced,#loading-screen.is-reduced .loading-fill{transition:none}#loading-screen.is-reduced .loading-fill:after{animation:none;display:none}@media(prefers-reduced-motion:reduce){#loading-screen,.loading-fill{transition:none}.loading-fill:after{animation:none;display:none}}@media(max-height:480px){#loading-screen{--hero-size: min(62vw, 66svh)}.loading-content{padding:12px 0 32px}.loading-kicker{font-size:9px}.loading-tagline{font-size:12px}.loading-meter{margin-top:14px}.loading-caption{margin-top:6px}.loading-copyright{bottom:max(8px,env(safe-area-inset-bottom));font-size:9px}}:root{--accent: #f0a141;--accent-deep: #d6402f;--green: #4cd137;--green-deep: #2e9e1f;--cream: #fffaf2;--ink: #2a1d18;--gold: #ffcc33;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#151a30;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#game{position:fixed;inset:0}#game canvas{display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}.scrim{position:absolute;inset:0;z-index:2;background:#1408288c;pointer-events:auto;display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--safe-top)) 12px calc(12px + var(--safe-bottom));animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel{width:min(360px,100%);max-height:calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom));overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#fffdf8 0%,var(--cream) 100%);border:4px solid #c58b45;border-radius:28px;box-shadow:0 18px 50px #00000073,inset 0 -6px #efcf9f;padding:0;text-align:center;animation:pop-in .26s cubic-bezier(.2,1.4,.4,1);word-break:keep-all;overflow-wrap:break-word}.panel-header{position:relative;flex:0 0 auto;min-height:60px;padding:14px 58px 8px 18px;border-bottom:1px solid #e5d2b8}.panel-header.no-close{padding-right:18px}.panel-titles:empty:before{content:" "}.panel-close{position:absolute;top:6px;right:8px;width:48px;height:48px;border:0;border-radius:50%;background:transparent;color:#59483c;font:900 30px/1 system-ui,sans-serif;cursor:pointer}.panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:10px 20px}.panel-actions{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 16px 14px;border-top:1px solid #e5d2b8;background:#fffaf2}.panel-actions>:only-child,.panel-actions>:last-child:nth-child(odd){grid-column:1 / -1}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.panel h1{margin:0 0 6px;font-size:30px;font-weight:900;color:var(--accent-deep);letter-spacing:-.5px;text-shadow:0 2px 0 #fff}.panel-header h1,.panel-header h2{margin-bottom:2px}.panel h2{margin:0 0 12px;font-size:18px;font-weight:700;color:#7a6a5f}.panel p{margin:8px 0;font-size:18px;line-height:1.45}.panel .muted{color:#6f6055;font-size:15px}.objective{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 14px}.objective .item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:20px;font-weight:800;color:var(--ink)}.objective .item img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.25))}.objective .jelly-goal{max-width:112px;font-size:15px;line-height:1.25}.jelly-cell{display:grid;place-items:center;width:64px;height:64px;border:5px double #f0a141;border-radius:13px;box-shadow:inset 0 0 0 2px #fff1c7,inset 0 0 12px #f0a14173}.objective .jelly-cell img{width:46px;height:46px}.stars-row{display:flex;justify-content:center;gap:6px;margin:6px 0 12px}.stars-row img{width:54px;height:54px;object-fit:contain;filter:grayscale(1) brightness(.55) drop-shadow(0 2px 2px rgba(0,0,0,.25));transform:scale(.6);opacity:.6;transition:transform .32s cubic-bezier(.2,1.6,.4,1),filter .2s,opacity .2s}.stars-row img.lit{filter:drop-shadow(0 0 10px rgba(255,210,60,.9)) drop-shadow(0 2px 2px rgba(0,0,0,.25));transform:scale(1);opacity:1}.stars-row img:nth-child(2){transform:scale(.75) translateY(-8px)}.stars-row img.lit:nth-child(2){transform:scale(1.2) translateY(-8px)}.btn{display:block;width:100%;min-height:60px;margin-top:10px;border:none;border-radius:18px;font:inherit;font-size:22px;font-weight:900;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.45);background:linear-gradient(180deg,#6fe25c 0%,var(--green) 45%,var(--green-deep) 100%);box-shadow:0 6px #1f7a14,0 10px 16px #0000004d,inset 0 2px #ffffff8c;cursor:pointer;transition:transform 80ms}.panel-actions .btn{min-height:48px;margin-top:0;padding:6px 10px;font-size:17px}.btn:active{transform:translateY(4px);box-shadow:0 2px #1f7a14,0 4px 8px #0000004d}.btn.warm{background:linear-gradient(180deg,#ffc27a 0%,var(--accent) 45%,#e4664f 100%);box-shadow:0 6px #8f2a1e,0 10px 16px #0000004d,inset 0 2px #ffffff8c}.btn.warm:active{box-shadow:0 2px #8f2a1e,0 4px 8px #0000004d}.btn.quiet{background:none;box-shadow:none;color:#7a6a5f;text-shadow:none;font-size:18px;min-height:48px}.btn:disabled{filter:grayscale(.8);opacity:.6}.booster-pick{display:flex;justify-content:center;gap:14px;margin:8px 0 4px}.booster-pick button{position:relative;width:78px;height:78px;border-radius:20px;border:3px solid #d9b17a;background:#fff;padding:8px;cursor:pointer}.booster-pick button img{width:100%;height:100%;object-fit:contain}.booster-pick button .count{position:absolute;right:-8px;bottom:-8px;min-width:28px;height:28px;border-radius:14px;background:var(--accent-deep);color:#fff;font-weight:900;font-size:15px;line-height:28px;padding:0 6px;box-shadow:0 2px 4px #0000004d}.booster-pick button.on{border-color:var(--green);box-shadow:0 0 0 4px #4cd13759}.booster-pick button:disabled{opacity:.45}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 6px;font-size:20px;font-weight:700;border-bottom:1px solid #efe2d2}.volume-row{display:grid;grid-template-columns:minmax(70px,1fr) minmax(70px,1.3fr) 42px;align-items:center;gap:8px;margin:0 0 14px;font-size:13px}.volume-row input{width:100%;min-width:0;min-height:32px;accent-color:var(--chili)}.volume-row output{text-align:right;font-variant-numeric:tabular-nums}.finale-fast{position:absolute;bottom:calc(24px + var(--safe-bottom));left:50%;transform:translate(-50%);border:2px solid #ffd783;border-radius:28px;background:#40291f;color:#fff5de;font-family:inherit;font-size:16px;font-weight:800;line-height:1.2;padding:14px 24px;white-space:nowrap;pointer-events:auto;touch-action:manipulation;box-shadow:0 3px 12px #1c100baa}.finale-fast:disabled{opacity:.8}.toggle{width:64px;height:36px;border-radius:18px;border:none;background:#d6cec2;position:relative;cursor:pointer;transition:background .16s}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000004d;transition:left .16s}.toggle.on{background:var(--green)}.toggle.on:after{left:32px}.toast{position:absolute;left:50%;bottom:calc(96px + var(--safe-bottom));transform:translate(-50%);max-width:calc(100vw - 24px);padding:12px 20px;border-radius:16px;background:#151a30e6;color:#fff;font-size:18px;font-weight:700;text-align:center;word-break:keep-all;text-wrap:balance;animation:fade-in .16s ease-out}.tool-instruction{position:absolute;z-index:1;left:12px;right:12px;bottom:calc(var(--safe-bottom) + 12px);height:72px;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border:2px solid #c58b45;border-radius:18px;background:#fffaf2;color:#2a1d18;box-shadow:0 5px 18px #00000061;font-size:15px;font-weight:800;line-height:1.25;pointer-events:auto;touch-action:manipulation}.tool-instruction span{flex:1 1 auto;min-width:0;max-height:2.5em;overflow:hidden}.tool-instruction button{flex:0 0 auto;min-width:72px;min-height:48px;border:2px solid #9b5f2d;border-radius:14px;background:#fff;color:#56351f;font-family:inherit;font-size:16px;font-weight:800;line-height:1}.version{margin-top:14px;font-size:12px;color:#a89886}.panel .score{font-size:26px;font-weight:900;color:var(--accent-deep)}.toggle-row .pick{display:flex;gap:6px}.toggle-row .pick button{position:relative;min-height:44px;padding:0 14px;border:2px solid #d6cec2;border-radius:14px;background:#fff;font:inherit;font-size:17px;font-weight:700;color:#7a6a5f;cursor:pointer;white-space:nowrap}.toggle-row .pick button.on{border-color:var(--accent-deep);background:var(--accent);color:#2a1d18;box-shadow:inset 0 0 0 2px #fff7e8}.toggle-row .pick button.on:after{content:"✓";display:inline-block;margin-left:5px;font-weight:900}.dex{margin:6px 0 12px;text-align:left}.dex-sec{margin:14px 0 6px;font-size:15px;font-weight:900;color:var(--accent-deep);letter-spacing:.02em}.dex-card{display:flex;gap:12px;align-items:flex-start;padding:9px 4px;border-top:1px solid rgba(90,42,16,.14)}.dex-card img{flex:0 0 auto}.dex-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dex-text b{font-size:15px}.dex-text span{font-size:13.5px;line-height:1.45}.dex-text em{font-size:13px;line-height:1.45;font-style:normal;color:#806b59;word-break:keep-all}.panel .help-tip{padding:10px 12px;border-radius:12px;background:#f5ead9;color:#55412d;font-size:14px;text-align:left;line-height:1.5}.panel .score-required{font-size:15px;font-weight:700;color:#8f461d}.match-example{display:flex;justify-content:center;gap:8px}.effects-row{flex-direction:column;align-items:stretch;gap:8px}.effects-row>span:first-child{font-size:16px;white-space:nowrap}.effects-row .pick button{flex:1}