:root{--ink: #eaf1ff;--ink-dim: #9fb0d6;--accent: #a9c6ff;--accent2: #8a7dff;--panel: rgba(18, 24, 48, .72);--panel-solid: #12183a;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#0a0e22;color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,system-ui,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0}.layer{position:fixed;inset:0;display:block}.layer.bg{z-index:0}.layer.game{z-index:1;touch-action:none}.hud{position:fixed;inset:0;z-index:3;pointer-events:none}.hud.hidden{display:none}.hud button{pointer-events:auto}.hud-top{position:absolute;top:calc(12px + var(--safe-top));left:0;right:0;display:flex;align-items:center;gap:12px;padding:0 16px}.hud-title{font-size:17px;font-weight:700;letter-spacing:.02em;flex:1}.hud-counter{font-size:15px;font-weight:700;color:var(--accent);background:var(--panel);padding:5px 12px;border-radius:20px;backdrop-filter:blur(6px)}.hud-timer{position:absolute;top:calc(56px + var(--safe-top));right:16px;font-size:14px;color:var(--ink-dim);font-variant-numeric:tabular-nums;background:var(--panel);padding:4px 12px;border-radius:16px}.hud-timer.warn{color:#ff9d7a}.hud-timer.shake{animation:shake .4s}.hud-bottom{position:absolute;bottom:calc(18px + var(--safe-bottom));left:0;right:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 16px}.icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--panel);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;backdrop-filter:blur(6px)}.pill{border:none;border-radius:22px;padding:11px 20px;background:var(--panel);color:var(--ink);font-size:15px;font-weight:600;cursor:pointer;backdrop-filter:blur(6px);transition:transform .1s,background .2s}.pill:active{transform:scale(.94)}.pill.hidden{display:none}.overlay{position:fixed;inset:0;z-index:4;display:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.overlay.active{display:block}.screen{min-height:100%;display:flex;flex-direction:column;padding:calc(20px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));animation:fadeUp .4s ease}.scr-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.scr-title{flex:1;text-align:center;font-size:18px;font-weight:700}.title-screen{justify-content:center;align-items:center;text-align:center;gap:10px}.title-mark{font-size:44px;color:var(--accent);filter:drop-shadow(0 0 16px var(--accent));animation:float 4s ease-in-out infinite}.game-title{font-size:40px;font-weight:800;letter-spacing:.06em;margin-top:8px;background:linear-gradient(120deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.game-sub{color:var(--ink-dim);font-size:15px;margin-bottom:6px}.title-progress{font-size:13px;color:var(--accent);margin-bottom:24px}.title-btns{display:flex;flex-direction:column;gap:12px;width:min(300px,80vw)}.title-extra{display:flex;gap:10px;margin-top:20px}.btn{border:1px solid rgba(160,180,230,.25);border-radius:16px;padding:14px 20px;font-size:16px;font-weight:600;background:var(--panel);color:var(--ink);cursor:pointer;backdrop-filter:blur(8px);transition:transform .1s,background .2s}.btn:active{transform:scale(.96)}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent2));color:#0a0e22;border:none;font-weight:700}.btn.ghost{background:transparent;color:var(--ink-dim)}.btn.danger{color:#ff8a8a;border-color:#ff78784d}.chip{border:1px solid rgba(160,180,230,.25);border-radius:20px;padding:10px 16px;font-size:14px;background:var(--panel);color:var(--ink);cursor:pointer;backdrop-filter:blur(8px)}.chapter-grid{display:flex;flex-direction:column;gap:12px;max-width:460px;margin:0 auto;width:100%}.chapter-card{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid rgba(160,180,230,.18);border-radius:18px;padding:18px 20px;background:var(--panel);color:var(--ink);cursor:pointer;backdrop-filter:blur(8px);transition:transform .1s}.chapter-card:active{transform:scale(.98)}.chapter-card.locked{opacity:.45}.chapter-card.done{border-color:var(--accent);box-shadow:0 0 20px #8caaff26}.chapter-dot{width:14px;height:14px;border-radius:50%;box-shadow:0 0 12px currentColor;flex-shrink:0}.chapter-name{flex:1;font-size:16px;font-weight:700}.chapter-stars{font-size:13px;color:var(--accent)}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;max-width:520px;margin:0 auto;width:100%}.level-node{aspect-ratio:1;border-radius:16px;border:1px solid rgba(160,180,230,.18);background:var(--panel);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;backdrop-filter:blur(8px);transition:transform .1s;padding:6px}.level-node:active{transform:scale(.94)}.level-node.locked{opacity:.4}.level-node.cleared{border-color:#a0beff80}.level-node.current{border-color:var(--accent);box-shadow:0 0 0 2px #8caaff66,0 0 18px #8caaff40}.chip-continue{border-color:var(--accent);background:#8caaff24}.level-num{font-size:20px;font-weight:800}.level-name{font-size:10px;color:var(--ink-dim);text-align:center;line-height:1.1}.level-stars{font-size:11px;color:#ffd479;letter-spacing:-1px}.clear-screen,.finale-screen{justify-content:center;align-items:center;text-align:center;gap:14px;background:radial-gradient(circle at 50% 42%,#0a0e22cc,#060916eb)}.clear-burst{position:relative;font-size:56px;color:var(--accent);animation:pop .6s ease}.clear-burst:before{content:"";position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(150,180,255,.45),transparent 68%)}.clear-stars{position:relative;font-size:40px;color:#ffd479;letter-spacing:4px;animation:pop .6s .15s backwards}.clear-stars:before{content:"";position:absolute;inset:-30% -10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,rgba(255,200,80,.32),transparent 70%)}.clear-name{font-size:26px;font-weight:800}.dex-badge{color:var(--accent);font-size:14px;background:#8caaff1f;padding:6px 14px;border-radius:20px}.clear-meta{color:var(--ink-dim);font-size:14px}.clear-starhint{color:#ffd479;font-size:12px;opacity:.85;margin-top:2px}.clear-btns{display:flex;flex-direction:column;gap:10px;width:min(300px,80vw);margin-top:12px}.clear-big{font-size:30px;font-weight:800;color:var(--accent)}.mode-list{display:flex;flex-direction:column;gap:12px;max-width:460px;margin:0 auto;width:100%}.mode-card{display:flex;align-items:center;gap:16px;text-align:left;border:1px solid rgba(160,180,230,.18);border-radius:18px;padding:18px 20px;background:var(--panel);color:var(--ink);cursor:pointer;backdrop-filter:blur(8px);transition:transform .1s}.mode-card:active{transform:scale(.98)}.mode-ic{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#8caaff1a;border:1px solid rgba(160,180,230,.18)}.mode-ic .ic{width:26px;height:26px;filter:drop-shadow(0 0 6px currentColor)}.mode-body{flex:1;display:flex;flex-direction:column;gap:3px}.mode-name{font-size:17px;font-weight:700}.mode-desc{font-size:13px;color:var(--ink-dim);line-height:1.4}.mode-record{font-size:12px;color:var(--accent);margin-top:2px}.title-row{display:flex;gap:12px}.btn.half{flex:1}.packs-hint{text-align:center;color:var(--ink-dim);font-size:13px;margin-bottom:18px}.pack-list{display:flex;flex-direction:column;gap:14px;max-width:460px;margin:0 auto;width:100%}.pack-card{display:flex;align-items:center;gap:16px;text-align:left;border:1px solid rgba(160,180,230,.18);border-radius:20px;padding:20px;background:var(--panel);color:var(--ink);cursor:pointer;backdrop-filter:blur(8px);transition:transform .1s}.pack-card:active{transform:scale(.98)}.pack-ic{width:54px;height:54px;border-radius:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#8caaff14;border:1px solid rgba(160,180,230,.18)}.pack-ic .ic{width:30px;height:30px;filter:drop-shadow(0 0 6px currentColor)}.pack-body{flex:1}.pack-name{font-size:18px;font-weight:700}.pack-prog{font-size:13px;color:var(--ink-dim);margin:3px 0 8px}.pack-bar{height:6px;border-radius:3px;background:#a0b4e626;overflow:hidden}.pack-bar-fill{height:100%;border-radius:3px;transition:width .3s}.pack-modes{display:flex;gap:10px;justify-content:center;margin-bottom:18px}.pack-node{padding:8px 6px}.pack-thumb{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.pack-thumb .mini-svg{width:84%;height:84%}.pack-thumb .lock-ic .ic{width:24px;height:24px;opacity:.5}.pack-burst{display:flex;align-items:center;justify-content:center;width:110px;height:110px;margin:0 auto}.pack-burst .mini-svg{width:100%;height:100%}.dex-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:4px;-webkit-overflow-scrolling:touch}.dex-tab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;border:1px solid rgba(160,180,230,.2);border-radius:18px;padding:8px 14px;background:var(--panel);color:var(--ink-dim);cursor:pointer;font-size:13px}.dex-tab.active{color:var(--ink);border-color:var(--accent);background:#8caaff1f}.dex-tab-ic .ic{width:15px;height:15px}.finale-glow{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% 40%,rgba(150,130,255,.25),transparent 60%);animation:pulse 3s ease-in-out infinite}.finale-title{font-size:34px;font-weight:800;background:linear-gradient(120deg,#fff,#c9b8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.finale-sub{color:var(--ink-dim);font-size:15px;white-space:pre-line;line-height:1.6}.finale-stat{color:var(--accent);font-size:14px;margin:8px 0}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;max-width:560px;margin:0 auto 28px;width:100%}.dex-item{display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.55}.dex-item.got{opacity:1}.dex-thumb{width:100%;aspect-ratio:1;border-radius:14px;background:#0c122a99;border:1px solid rgba(160,180,230,.15);display:flex;align-items:center;justify-content:center;overflow:hidden}.mini-svg{width:100%;height:100%}.mini-edge{stroke:#a0beff8c;stroke-width:10}.mini-star{fill:#eef4ff}.dex-lock{font-size:28px;color:var(--ink-dim)}.dex-label{font-size:12px;text-align:center}.dex-mini-stars{font-size:11px;color:#ffd479;letter-spacing:-1px}.skin-section{max-width:560px;margin:0 auto;width:100%;border-top:1px solid rgba(160,180,230,.12);padding-top:20px}.skin-title{font-size:14px;color:var(--ink-dim);margin-bottom:12px}.skin-chips{display:flex;flex-wrap:wrap;gap:10px}.skin-chip{display:flex;align-items:center;gap:8px;border:1px solid rgba(160,180,230,.2);border-radius:16px;padding:8px 14px;background:var(--panel);color:var(--ink);cursor:pointer;font-size:13px}.skin-chip.locked{opacity:.5}.skin-chip.selected{border-color:var(--accent);box-shadow:0 0 12px #8caaff33}.skin-swatch{width:18px;height:18px;border-radius:50%}.settings-list{display:flex;flex-direction:column;gap:10px;max-width:420px;margin:0 auto;width:100%}.setting-row{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(160,180,230,.18);border-radius:16px;padding:16px 20px;background:var(--panel);color:var(--ink);cursor:pointer;font-size:16px}.toggle{width:44px;height:26px;border-radius:14px;background:#7882a066;position:relative;transition:background .2s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.setting-row.on .toggle{background:var(--accent)}.setting-row.on .toggle:after{transform:translate(18px)}.settings-info{text-align:center;color:var(--ink-dim);font-size:13px;margin:24px 0 16px}.settings-screen>.btn{max-width:420px;width:100%;margin-left:auto;margin-right:auto}.modal{position:fixed;inset:0;z-index:10;background:#040610b3;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade .2s}.dialog{background:var(--panel-solid);border:1px solid rgba(160,180,230,.2);border-radius:20px;padding:26px;max-width:340px;width:100%;text-align:center}.dialog h3{font-size:19px;margin-bottom:10px}.dialog p{color:var(--ink-dim);font-size:14px;line-height:1.5;margin-bottom:20px}.dialog-btns{display:flex;flex-direction:column;gap:10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ic{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;flex-shrink:0}.icon-btn .ic{width:22px;height:22px;vertical-align:middle}.pill{display:inline-flex;align-items:center;gap:7px}.pill .ic{width:18px;height:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn .ic{width:20px;height:20px}.chip{display:inline-flex;align-items:center;gap:6px}.chip .ic{width:16px;height:16px}.hud-timer{display:inline-flex;align-items:center;gap:5px}.hud-timer .ic{width:15px;height:15px}.chapter-name{display:inline-flex;align-items:center;gap:6px}.chapter-stars .ic,.dex-badge .ic{width:15px;height:15px}.dex-badge{display:inline-flex;align-items:center;gap:6px}.star-inline{color:#ffd479}.level-num .ic{width:24px;height:24px;opacity:.6}.star-row{display:inline-flex;gap:2px}.star .ic{width:1em;height:1em;color:#4a5578}.star.filled .ic{color:#ffd479;filter:drop-shadow(0 0 3px rgba(255,200,80,.4))}.clear-stars .star .ic{width:38px;height:38px;filter:none}.level-stars .star .ic{width:12px;height:12px}.dex-mini-stars .star .ic{width:11px;height:11px}.gimmick-screen{justify-content:center;align-items:center;padding:24px;background:#0609169e;backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9)}.gimmick-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;width:min(360px,88vw);padding:32px 28px 28px;background:linear-gradient(180deg,#1a2042eb,#10142cf0);border:1px solid rgba(160,180,230,.22);border-radius:26px;box-shadow:0 24px 60px #00000080,0 0 40px #788cff1a,inset 0 1px #ffffff0f;animation:cardIn .42s cubic-bezier(.2,.9,.3,1.2)}.gimmick-icon{width:88px;height:88px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#8caaff40,#141a3c80);border:1px solid rgba(160,180,230,.3);color:var(--accent);animation:pop .5s .1s ease backwards}.gimmick-icon .ic{width:44px;height:44px;filter:drop-shadow(0 0 10px var(--accent))}.gimmick-tag{font-size:12px;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}.gimmick-name{font-size:28px;font-weight:800}.gimmick-desc{color:var(--ink-dim);font-size:15px;line-height:1.6}.gimmick-card .btn{width:100%;margin-top:8px}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}.skin-preview{background:linear-gradient(180deg,#0a1024,#12183a);border-radius:14px;padding:8px 12px;border:1px solid rgba(160,180,230,.15);margin-bottom:6px}.skin-preview-svg{width:100%;height:70px;display:block}.skin-preview-label{font-size:12px;color:var(--ink-dim);text-align:center;margin-bottom:14px}.skin-chip{position:relative}.skin-chip .skin-check .ic{width:14px;height:14px;color:#ffd479}.skin-need{display:inline-flex;align-items:center;gap:2px;font-size:11px;color:var(--ink-dim)}.skin-need .ic{width:12px;height:12px}.legend-pill .ic{width:17px;height:17px}.guide-intro{text-align:center;color:var(--ink-dim);font-size:14px;line-height:1.6;white-space:pre-line;margin-bottom:18px}.guide-list{display:flex;flex-direction:column;gap:12px;max-width:460px;margin:0 auto;width:100%}.guide-card{display:flex;align-items:center;gap:16px;border:1px solid rgba(160,180,230,.16);border-radius:18px;padding:16px 18px;background:var(--panel);backdrop-filter:blur(8px)}.guide-ic{width:50px;height:50px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#8caaff2e,#141a3c80);border:1px solid rgba(160,180,230,.2);color:var(--accent)}.guide-ic .ic{width:26px;height:26px;filter:drop-shadow(0 0 6px var(--accent))}.guide-name{font-size:16px;font-weight:700;margin-bottom:4px}.guide-lv{font-size:11px;color:var(--accent);font-weight:600;margin-left:6px;padding:2px 8px;border-radius:10px;background:#8caaff1f}.guide-desc{font-size:13px;color:var(--ink-dim);line-height:1.5}.guide-tip{display:flex;align-items:flex-start;gap:10px;max-width:460px;margin:20px auto 0;padding:14px 16px;border-radius:14px;background:#8caaff14;font-size:13px;color:var(--ink-dim);line-height:1.5}.guide-tip .ic{width:18px;height:18px;flex-shrink:0;color:var(--accent);margin-top:1px}.layer-modal{position:fixed;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:24px;background:#060916a8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fade .25s}.legend-card{width:min(380px,90vw);max-height:84vh;overflow-y:auto;text-align:center;padding:28px 26px;border-radius:26px;background:linear-gradient(180deg,#1a2042f2,#10142cf5);border:1px solid rgba(160,180,230,.22);box-shadow:0 24px 60px #00000080,0 0 40px #788cff1a;animation:cardIn .42s cubic-bezier(.2,.9,.3,1.2)}.legend-emblem{width:120px;height:120px;margin:0 auto 6px}.legend-emblem .mini-svg{width:100%;height:100%}.legend-emblem .mini-edge{stroke:#b4c8ffb3}.legend-tag{font-size:12px;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}.legend-name{font-size:26px;font-weight:800;margin-top:4px}.legend-sub{font-size:13px;color:var(--accent);margin:6px 0 14px}.legend-text{font-size:15px;color:var(--ink);line-height:1.75;text-align:left;margin-bottom:22px;background:#0a0e2266;padding:16px 18px;border-radius:14px}.legend-card .btn{width:100%}.btn-hard{border-color:#ff6e6e59}.btn-hard .ic{color:#ff6b6b}.hard-note{display:flex;align-items:center;justify-content:center;gap:8px;max-width:460px;margin:0 auto 18px;padding:12px 16px;border-radius:14px;background:#ff5a5a1a;border:1px solid rgba(255,110,110,.25);color:#ffb0b0;font-size:13px}.hard-note .ic{width:17px;height:17px;color:#ff6b6b;flex-shrink:0}.settings-label{font-size:14px;color:var(--ink-dim);margin-bottom:10px}.linecolor-section{max-width:420px;margin:22px auto 0;width:100%}.linecolor-preview{background:linear-gradient(180deg,#0a1024,#12183a);border-radius:14px;padding:8px 12px;border:1px solid rgba(160,180,230,.15);margin-bottom:12px}.linecolor-preview .skin-preview-svg{width:100%;height:64px;display:block}.color-chips{display:flex;flex-wrap:wrap;gap:8px}.color-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(160,180,230,.2);border-radius:14px;padding:7px 12px;background:var(--panel);color:var(--ink);cursor:pointer;font-size:13px}.color-chip.selected{border-color:var(--accent);box-shadow:0 0 10px #8caaff40}.color-swatch{width:16px;height:16px;border-radius:50%}.toast{position:fixed;left:50%;bottom:calc(80px + var(--safe-bottom));transform:translate(-50%) translateY(10px);background:#141a3cf2;color:var(--ink);padding:12px 20px;border-radius:22px;font-size:14px;border:1px solid rgba(160,180,230,.25);z-index:12;opacity:0;transition:opacity .3s,transform .3s;backdrop-filter:blur(8px);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.reduce-motion .title-mark,.reduce-motion .finale-glow{animation:none!important}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:.06s!important}@media(min-width:700px){.game-title{font-size:48px}.screen{padding-left:32px;padding-right:32px}.dex-grid{max-width:940px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.dex-tabs{max-width:940px;margin-left:auto;margin-right:auto;flex-wrap:wrap;overflow-x:visible}.level-grid{max-width:820px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skin-section{max-width:940px}.scr-header,.packs-hint,.guide-intro{max-width:940px;margin-left:auto;margin-right:auto}}@media(min-width:1100px){.dex-grid,.dex-tabs{max-width:1120px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.level-grid{max-width:1000px}}