@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import "https://cdn.jsdelivr.net/gh/quiple/galmuri/dist/galmuri.css";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;700&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@font-face{font-family:D2Coding;font-style:normal;font-weight:700;font-display:swap;src:local(D2Coding Bold),url(/assets/d2coding-bold-full-DihjSdqB.woff2)format("woff2"),url(/assets/d2coding-bold-full-CSKBmtXS.woff)format("woff"),url(/assets/d2coding-bold-full-6ElWIht0.ttf)format("truetype")}@font-face{font-family:D2Coding;font-style:normal;font-weight:400;font-display:swap;src:local(D2Coding Regular),url(/assets/d2coding-full-3vqQjOhG.woff2)format("woff2"),url(/assets/d2coding-full-tvcxQ2cQ.woff)format("woff"),url(/assets/d2coding-full-CxKV8hjx.ttf)format("truetype")}.app-header{z-index:calc(var(--z-nav) + 1);padding-top:env(safe-area-inset-top);border-bottom:.5px solid var(--clr-border);-webkit-backdrop-filter:blur(12px);background:#fffffff5;position:fixed;top:0;left:0;right:0}.app-header-inner{justify-content:center;align-items:center;max-width:480px;height:52px;margin:0 auto;padding:0 16px;display:flex;position:relative}.app-header--compact .app-header-inner{height:48px}.app-header-title-wrap{flex-direction:column;justify-content:center;align-items:center;display:flex}.app-header-title{color:var(--clr-text);margin:0;font-size:18px;font-weight:800;line-height:1}.app-header-subtitle{color:var(--clr-text-muted);margin:4px 0 0;font-size:11px;font-weight:600;line-height:1}.app-header-icon-btn{color:#7f77dd;width:28px;height:28px;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);background:#ffffffbd;border:1px solid #7f77dd29;border-radius:999px;justify-content:center;align-items:center;margin:auto 0;font-size:15px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:0;bottom:0;box-shadow:0 2px 8px #534ab70f}.app-header-icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;display:block}.app-header-icon-btn:hover{background:#fff;border-color:#7f77dd47;transform:translateY(-1px);box-shadow:0 4px 12px #534ab71a}.app-header-icon-btn:active{transform:scale(.96)}.app-header-icon-btn.is-muted{color:#a9a4e8;opacity:.82}.app-header-left{left:16px}.app-header-right{right:16px}.app-main{min-height:100dvh}.has-app-header .app-main{padding-top:calc(52px + env(safe-area-inset-top))}.has-compact-app-header .app-main{padding-top:calc(48px + env(safe-area-inset-top))}.navbar{width:min(100vw, var(--app-canvas-width,420px));z-index:var(--z-nav);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom);transform-origin:bottom;background:#fff;border-top:.5px solid #e2e1ee;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.navbar-inner{justify-content:space-around;align-items:center;width:100%;height:58px;margin:0 auto;padding:0 4px;display:flex}.nav-item{color:#9999b0;flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:6px 8px;text-decoration:none;transition:color .15s;display:flex}.nav-item.active{color:#7f77dd}.nav-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.nav-icon svg{stroke:currentColor;width:22px;height:22px;display:block}.nav-label{white-space:nowrap;color:inherit;font-size:9px;font-weight:500}.nav-alert-dot{background:#ff2448;border-radius:999px;width:7px;height:7px;position:absolute;top:-4px;right:-5px;box-shadow:0 0 0 2px #fff}@keyframes lt-spin{to{transform:rotate(360deg)}}.lt-spin{animation:1s linear infinite lt-spin}.info-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0616d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.info-modal-card{text-align:center;border:1px solid #7c3aed66;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:32px 24px;display:flex;position:relative;box-shadow:0 20px 50px #00000080,0 0 40px #7c3aed40}.info-modal-icon{margin-bottom:8px;font-size:2.5rem}.info-modal-desc{color:var(--clr-text,#1a1a2e);margin-bottom:24px;font-size:.95rem;line-height:1.6}.info-modal-btn{margin-top:0}@keyframes infoPopIn{0%{opacity:0;transform:scale(.9)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.mw-card{padding:0}.mw-row{border-bottom:1px solid #f0eff8;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.mw-row:last-child{border-bottom:none}.mw-top{justify-content:space-between;align-items:center;display:flex}.mw-title{color:#1a1a2e;font-size:13px;font-weight:500}.mw-prog-txt{color:#7a7a94;flex-shrink:0;font-size:11px}.mw-bar-wrap{background:#eeecf8;border-radius:3px;height:6px;overflow:hidden}.mw-bar-fill{background:var(--grad-primary,linear-gradient(90deg, #7f77dd, #a78bfa));border-radius:3px;height:100%;transition:width .35s}.mw-bottom{justify-content:space-between;align-items:center;display:flex}.mw-reward{color:#7a7a94;font-size:11px}.mw-claim-btn{background:var(--grad-primary,linear-gradient(90deg, #7f77dd, #a78bfa));color:#fff;cursor:pointer;border:none;border-radius:99px;padding:4px 14px;font-size:12px;font-weight:700;transition:opacity .15s}.mw-claim-btn:disabled{opacity:.5;cursor:not-allowed}.mw-done-badge{color:#7f77dd;font-size:11px;font-weight:600}.mw-auto-badge{color:#9999b0;font-size:11px}.qb-fab{z-index:500;cursor:grab;appearance:none;touch-action:none;filter:drop-shadow(0 6px 14px #00000040);border:none;outline:none;width:68px;height:68px;padding:0;position:fixed;box-shadow:none!important;background:0 0!important}.qb-fab:hover,.qb-fab:focus,.qb-fab:focus-visible,.qb-fab:active{cursor:grabbing;outline:none;box-shadow:none!important}.qb-fab-img{object-fit:contain;width:100%;height:100%;box-shadow:none;pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:0;transition:transform .15s;animation:2.6s ease-in-out infinite qb-float;display:block}.qb-fab:active .qb-fab-img{transform:scale(.94)}.qb-fab-open .qb-fab-img{animation:none}@keyframes qb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.qb-idle-hint{z-index:499;color:#26215c;text-align:center;white-space:normal;pointer-events:none;background:#fff;border:1px solid #7f77dd2e;border-radius:14px;width:max-content;padding:9px 12px;font-size:12px;font-weight:700;line-height:1.35;animation:.2s both qb-hint-pop;position:fixed;box-shadow:0 8px 22px #534ab729}.qb-idle-hint:after{content:"";background:#fff;width:10px;height:10px;position:absolute;top:18px;transform:rotate(45deg)}.qb-idle-hint-left:after{border-top:1px solid #7f77dd2e;border-right:1px solid #7f77dd2e;right:-5px}.qb-idle-hint-right:after{border-bottom:1px solid #7f77dd2e;border-left:1px solid #7f77dd2e;left:-5px}@keyframes qb-hint-pop{0%{opacity:0;transform:translateY(4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.qb-panel{z-index:500;background:var(--clr-surface,#fff);border-radius:18px;flex-direction:column;animation:.18s qb-pop;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 32px #00000038}@keyframes qb-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.qb-header{background:var(--grad-primary,linear-gradient(90deg, #7f77dd, #a78bfa));color:#fff;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.qb-header-avatar{object-fit:contain;width:28px;height:28px;box-shadow:none;background:0 0;border:none;border-radius:0}.qb-header-title{flex:1;font-size:14px;font-weight:700}.qb-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:20px;line-height:1}.qb-messages{background:#f7f6fc;flex-direction:column;flex:1;gap:12px;padding:14px 12px;display:flex;overflow-y:auto}.qb-bubble-row{align-items:flex-end;gap:6px;display:flex}.qb-bubble-row.user{justify-content:flex-end}.qb-bubble-avatar{object-fit:contain;width:22px;height:22px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-shrink:0}.qb-bubble{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:76%;padding:9px 12px;font-size:13px;line-height:1.55}.qb-bubble.bot{color:#1a1a2e;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000f}.qb-bubble.user{background:var(--grad-primary,linear-gradient(90deg, #7f77dd, #a78bfa));color:#fff;border-bottom-right-radius:4px}.qb-error{color:#e0567c;background:#fdeef2;flex-shrink:0;padding:6px 12px;font-size:12px}.qb-quickreplies{background:#fff;border-top:1px solid #efedf7;flex-wrap:wrap;flex-shrink:0;gap:8px;max-height:40%;padding:10px;display:flex;overflow-y:auto}.qb-quickreplies-hint{color:#9999b0;padding:4px 2px;font-size:12px}.qb-chip{color:#4b4570;cursor:pointer;white-space:nowrap;background:#f7f6fc;border:1px solid #e3e1f0;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s}.qb-chip:hover{background:#efebfb;border-color:#c9c0f5}.qb-chip:active{background:var(--grad-primary,linear-gradient(90deg, #7f77dd, #a78bfa));color:#fff;border-color:#0000}.home-page{padding-bottom:var(--sp-16);background:#f4f3fa;min-height:100dvh}body:has(.home-page){background:#f4f3fa}.home-loading{justify-content:center;align-items:center;gap:var(--sp-4);min-height:100vh;color:var(--clr-text-muted);flex-direction:column;display:flex}.home-hero{text-align:center;padding:24px var(--sp-6) 28px;flex-direction:column;align-items:center;gap:18px;display:flex;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#7f77dd2e 0%,#7f77dd14 34%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.home-hero-char{z-index:1;filter:drop-shadow(0 16px 32px #7f77dd3d);justify-content:center;align-items:center;font-size:6rem;line-height:1;display:inline-flex;position:relative}.home-hero-char:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#7f77dd29 0%,#7f77dd0f 45%,#0000 72%);border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-hero-char img{z-index:2;object-fit:contain;max-width:250px;max-height:250px;position:relative}.home-hero-sparkle{z-index:1;color:#7f77dd6b;pointer-events:none;font-size:.85rem;line-height:1;position:absolute}.home-hero-sparkle.sparkle-1{font-size:.95rem;top:16px;left:4px}.home-hero-sparkle.sparkle-2{top:12px;right:2px}.home-hero-sparkle.sparkle-3{bottom:26px;right:16px}.home-hero-dot{z-index:1;pointer-events:none;background:#7f77dd52;border-radius:50%;width:7px;height:7px;position:absolute}.home-hero-dot.dot-1{top:54px;left:-2px}.home-hero-dot.dot-2{width:5px;height:5px;bottom:40px;left:12px}.home-hero-badge{z-index:1;background:var(--grad-primary);color:#fff;font-size:var(--font-size-xs);letter-spacing:.15em;border-radius:var(--radius-full);margin-top:-15px;padding:5px 18px;font-weight:800;display:inline-block;position:relative;box-shadow:0 10px 22px #534ab72e}.home-hero-title{z-index:1;font-size:var(--font-size-3xl);color:#1a1a2e;font-weight:800;line-height:1.25;position:relative}.home-hero-accent{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-hero-sub{z-index:1;font-size:var(--font-size-md);color:#7a7a94;line-height:1.65;position:relative}.home-hero-actions{z-index:1;grid-template-columns:76px 86px 76px;justify-content:center;align-items:center;gap:14px;width:100%;max-width:360px;margin-top:8px;display:grid;position:relative}.home-hero-action{border-radius:var(--radius-full);width:76px;height:76px;color:#7f77dd;text-align:center;-webkit-backdrop-filter:blur(12px);background:#ffffffd6;border:1px solid #7f77dd47;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:.78rem;font-weight:800;line-height:1.25;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex;box-shadow:0 10px 24px #534ab71a}.home-hero-action.is-primary{color:#fff;background:linear-gradient(135deg,#8f7cff 0%,#6757d8 100%);border-color:#ffffff9e;width:86px;height:86px;box-shadow:0 16px 34px #6757d852,0 0 0 6px #7f77dd14}.home-hero-action:hover{background:#fffffff0;border-color:#7f77dd6b;transform:translateY(-3px)scale(1.02);box-shadow:0 16px 32px #534ab729}.home-hero-action.is-primary:hover{background:linear-gradient(135deg,#9686ff 0%,#6251d6 100%);box-shadow:0 20px 42px #6757d86b,0 0 0 8px #7f77dd1a}.home-hero-action:active{transform:translateY(0)scale(.96)}.home-hero-action-icon{color:currentColor;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.home-hero-action-icon svg{width:20px;height:20px;display:block}.home-hero-action.is-primary .home-hero-action-icon svg{width:22px;height:22px}.home-hero-action-label{line-height:1.2}.home-hero-helper{z-index:1;color:#8f86d9;text-align:center;word-break:keep-all;margin:-4px 0 0;font-size:.8rem;font-weight:700;line-height:1.4;position:relative}@media (width<=380px){.home-hero{padding:52px var(--sp-5) 26px;gap:16px}.home-hero-actions{grid-template-columns:68px 78px 68px;gap:10px}.home-hero-action{width:68px;height:68px;font-size:.72rem}.home-hero-action.is-primary{width:78px;height:78px}}@media (prefers-reduced-motion:reduce){.home-hero-action{transition:none}.home-hero-action:hover,.home-hero-action:active{transform:none}}.home-evo-preview{padding:var(--sp-6) var(--sp-4) var(--sp-2)}.home-section-title{font-size:var(--font-size-lg);margin-bottom:var(--sp-5);color:#1a1a2e;font-weight:700}.home-evo-track{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;padding:10px 0 6px;display:grid;overflow:visible}.home-evo-step{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.home-evo-orb{border-radius:var(--radius-full);background:#ffffff0a;border:2px solid;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex;overflow:hidden}.home-evo-icon{object-fit:contain;width:100%;height:100%}.home-evo-info{flex-direction:column;align-items:center;gap:2px;width:100%;min-width:0;display:flex}.home-evo-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.68rem;font-weight:700;overflow:hidden}.home-evo-range{color:var(--clr-text-faint);white-space:nowrap;font-size:.6rem}.home-evo-arrow{color:var(--clr-text-faint);z-index:1;font-size:1rem;position:absolute;top:20px;right:-12px}.home-features{padding:0 16px 40px}.home-feature-section-title{color:#17172a;align-items:center;gap:6px;margin-bottom:14px;font-size:1.05rem;font-weight:800;display:flex}.home-feature-section-title span{color:var(--clr-primary,#7f77dd);font-size:1rem}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-feature-card{transition:transform var(--transition-fast,.16s ease), box-shadow var(--transition-fast,.16s ease);background:#fffffff0;border:1px solid #7f77dd24;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 14px 32px #534ab71a}.home-feature-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px #534ab724}.home-feature-card:active{transform:translateY(0)scale(.99)}.home-feature-card.is-primary{background:radial-gradient(circle at 82% 34%,#7f77dd1f,#0000 34%),linear-gradient(135deg,#fff 0%,#f8f5ff 100%);grid-column:1/-1;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:10px;min-height:230px;padding:22px 20px;display:grid}.home-feature-card.is-primary:after{content:"";background:#7f77dd14;border-radius:28px;width:96px;height:96px;position:absolute;top:42px;right:-28px;transform:rotate(45deg)}.home-feature-main-copy{z-index:2;min-width:0;position:relative}.home-feature-badge{width:fit-content;color:var(--clr-primary,#7f77dd);background:#7f77dd29;border-radius:999px;margin-bottom:14px;padding:6px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.home-feature-title{color:#17172a;word-break:keep-all;font-weight:800}.home-feature-card.is-primary .home-feature-title{margin:0 0 10px;font-size:1.55rem;line-height:1.25}.home-feature-desc{color:#68687f;word-break:keep-all;white-space:pre-line}.home-feature-card.is-primary .home-feature-desc{max-width:190px;margin:0 0 10px;font-size:.86rem;line-height:1.6}.home-feature-main-visual{z-index:2;padding-top:80px;position:relative}.home-feature-main-visual:before{content:"";z-index:0;background:#7f77dd4d;border-radius:50%;width:13px;height:13px;position:absolute;top:60px;left:-2px}.home-feature-mascot-img{object-fit:contain;z-index:1;filter:drop-shadow(0 12px 20px #534ab72e);pointer-events:none;width:150px;height:150px;position:absolute;top:-20px;left:-30px}.home-feature-explain-card{z-index:3;background:#fff;border:1px solid #7f77dd24;border-radius:20px;width:100%;padding:16px 20px;position:relative;box-shadow:0 14px 30px #534ab71f}.home-feature-answer-row,.home-feature-ai-row{color:#25253a;word-break:keep-all;margin-bottom:6px;font-size:.8rem;font-weight:800;line-height:1.35}.home-feature-ai-row{color:var(--clr-primary,#7f77dd)}.home-feature-explain-card p{color:#55556e;word-break:keep-all;margin:0;font-size:.78rem;line-height:1.45}.home-feature-card.is-secondary{grid-template-columns:1fr;align-items:start;gap:10px;min-height:172px;padding:18px 14px;display:grid}.home-feature-icon{background:#7f77dd1a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.45rem;display:flex}.home-feature-secondary-copy{flex-direction:column;min-width:0;height:100%;display:flex}.home-feature-card.is-secondary .home-feature-title{margin:2px 0 8px;font-size:1.05rem;line-height:1.3}.home-feature-card.is-secondary .home-feature-desc{margin:0 0 16px;font-size:.78rem;line-height:1.55}.home-feature-pill{width:fit-content;color:var(--clr-primary,#7f77dd);align-items:center;gap:5px;margin-top:auto;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}@media (width<=430px){.home-feature-card.is-primary{grid-template-columns:minmax(0,1fr) 190px;gap:10px;min-height:200px;padding:20px 18px}.home-feature-card.is-primary .home-feature-title{font-size:1.35rem}.home-feature-card.is-primary .home-feature-desc{max-width:190px;font-size:.8rem}.home-feature-main-visual{padding-top:48px}.home-feature-mascot-img{width:120px;height:120px;top:-28px;left:-12px}.home-feature-explain-card{padding:10px}.home-feature-answer-row,.home-feature-ai-row{font-size:.7rem}.home-feature-explain-card p{font-size:.72rem}.home-feature-card.is-secondary{grid-template-columns:1fr;gap:10px;min-height:172px;padding:18px 14px}.home-feature-icon{width:54px;height:54px;font-size:1.45rem}.home-feature-card.is-secondary .home-feature-title{font-size:1.05rem}.home-feature-card.is-secondary .home-feature-desc{font-size:.78rem}}@media (width<=370px){.home-feature-card.is-primary{grid-template-columns:minmax(0,1fr) 165px;gap:8px;min-height:0;padding:16px 12px}.home-feature-card.is-primary .home-feature-desc{max-width:100%;margin-bottom:0}.home-feature-main-visual{padding-top:35px}.home-feature-mascot-img{width:110px;height:110px;top:-26px;left:-10px}.home-feature-explain-card{max-width:100%;padding:8px 10px}.home-feature-explain-card p{font-size:.65rem}}.hd-page{background:#f4f3fa;flex-direction:column;gap:10px;max-width:480px;min-height:100dvh;margin:0 auto;padding:8px 12px 90px;display:flex}body:has(.hd-page){background:#f4f3fa}.hd-card{background:#fff;border:.5px solid #e2e1ee;border-radius:16px;overflow:hidden}.hd-streak-card{padding:14px 16px}.hd-streak-top{align-items:center;gap:10px;margin-bottom:12px;display:flex}.hd-streak-flame{font-size:22px}.hd-streak-count{color:#1a1a2e;font-size:15px;font-weight:600}.hd-streak-label{color:#7a7a94;margin-top:2px;font-size:12px}.hd-week-dots{justify-content:space-between;display:flex}.hd-day-dot{flex-direction:column;align-items:center;gap:4px;display:flex}.hd-day-circle{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:flex}.hd-day-done{color:#fff;background:#7f77dd}.hd-day-today{color:#534ab7;background:#eeedfe;border:1.5px solid #7f77dd}.hd-day-empty{color:#9999b0;background:#eeedf6}.hd-day-label{color:#9999b0;font-size:10px}.hd-hero-card{padding:12px 14px 16px;position:relative}.hd-hero-top-meta{justify-content:space-between;align-items:center;gap:8px;min-height:28px;margin-bottom:10px;display:flex}.hd-hero-badge{color:#fff;background:#7f77dd;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500;position:absolute;top:14px;left:14px}.hd-settings-badge{color:#534ab7;cursor:pointer;width:30px;height:30px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#eeedfe;border:1px solid #7f77dd38;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 4px 10px #534ab714}.hd-settings-badge:hover{transform:translateY(-1px);box-shadow:0 6px 14px #534ab724}.hd-char-meta{flex-direction:column;justify-content:center;align-items:center;gap:5px;margin:0 0 4px;display:flex}.hd-char-name-row{justify-content:center;align-items:center;gap:10px;max-width:100%;display:flex}.hd-char-nickname{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:700;overflow:hidden}.hd-char-title-badge{color:var(--clr-primary,#7f77dd);background:#7f77dd1f;border-radius:20px;align-items:center;gap:6px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.hd-char-title-icon{border-radius:999px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.hd-char-title-icon svg{width:12px;height:12px}.hd-char-level-badge{color:var(--clr-text-muted,#888);background:#0000000d;border-radius:20px;margin-top:-28px;margin-bottom:10px;padding:2px 10px;font-size:11px;font-weight:500}.hd-char-area{flex-direction:column;align-items:center;padding:20px 0 0;display:flex}.hd-char-img{object-fit:contain;filter:drop-shadow(0 12px 20px #7f77dd4d);width:200px;height:200px;margin-top:-46px;animation:3s ease-in-out infinite charFloat}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hd-char-svg{width:110px;height:110px}.hd-currency-wrap{width:100%;margin-top:0}.hd-currency-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hd-status-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;width:100%;display:grid}.hd-status-badge{white-space:nowrap;text-overflow:ellipsis;border-radius:20px;padding:4px 9px;font-size:12px;font-weight:600;overflow:hidden}.hd-stage-badge{color:#534ab7;background:#eeedfe;justify-self:start;max-width:150px}.hd-lv-inline-badge{color:#534ab7;background:0 0;border-radius:0;flex:none;padding:0}.hd-currency-badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.hd-coin-badge{color:#b8860b;background:#b8860b1f}.hd-gp-badge{color:#7f77dd;background:#7f77dd1f}.hd-hero-info{margin-top:12px}.hd-hero-stage{color:#7a7a94;margin-bottom:8px;font-size:13px}.hd-hero-stage strong{color:#1a1a2e;font-weight:500}.hd-next-boss{color:#854f0b;background:#faeeda;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:flex}.hd-next-boss strong{color:#854f0b}.hd-cta-btn{color:#fff;cursor:pointer;background:#7f77dd;border:none;border-radius:14px;width:100%;margin-top:14px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s}.hd-cta-btn:active{opacity:.9;transform:scale(.98)}.hd-section-header{justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.hd-section-title{color:#1a1a2e;font-size:14px;font-weight:600}.hd-section-more{color:#7f77dd;font-size:12px}.hd-mission-row{border-bottom:.5px solid #eeedf6;align-items:center;gap:10px;padding:12px 14px;display:flex}.hd-mission-row:last-child{border-bottom:none}.hd-mission-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.hd-mission-icon.done{background:#eeedfe}.hd-mission-icon.todo{background:#f4f3fa}.hd-mission-text{flex:1}.hd-mission-name{color:#1a1a2e;font-size:13px}.hd-mission-reward{color:#7a7a94;margin-top:2px;font-size:11px}.hd-mission-check{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.hd-mission-check.done{color:#fff;background:#7f77dd}.hd-mission-check.todo{border:1.5px solid #dedde8}.hd-weekly-header{justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.hd-weekly-label{color:#7a7a94;font-size:12px}.hd-weekly-val{color:#7f77dd;font-size:12px;font-weight:600}.hd-weekly-bar{background:#eeedfe;border-radius:10px;height:5px;margin:0 14px 10px;overflow:hidden}.hd-weekly-fill{background:#7f77dd;border-radius:10px;height:100%;transition:width .6s}.hd-weekly-row{border-top:.5px solid #eeedf6;align-items:center;gap:10px;padding:10px 14px;display:flex}.hd-weekly-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.hd-weekly-dot.done{background:#7f77dd}.hd-weekly-dot.todo{background:#dedde8}.hd-weekly-name{flex:1;font-size:13px}.hd-weekly-name.done{color:#9999b0;text-decoration:line-through}.hd-weekly-name.todo{color:#1a1a2e}.hd-weekly-reward{color:#7a7a94;font-size:11px}.home-landing-footer{color:#636195;text-align:center;justify-content:center;align-items:center;gap:8px;margin-top:24px;margin-bottom:8px;font-size:.92rem;font-weight:600;display:flex}.home-landing-footer-heart{font-size:1.1rem}.lh-loading{color:#7a7a94;background:#f4f3fa;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.lh-page{background:#f4f3fa;min-height:100dvh}body:has(.lh-page){background:#f4f3fa}.lh-scroll{flex-direction:column;gap:10px;max-width:480px;margin:0 auto;padding:8px 12px 90px;display:flex}.lh-header{padding:20px 0 12px}.lh-header-label{font-size:var(--font-size-xs);color:var(--clr-primary);letter-spacing:.08em;margin:0 0 4px;font-weight:600}.lh-title{font-size:var(--font-size-2xl);color:var(--clr-text);margin:0;font-weight:700}.lh-level-tabs{gap:6px;display:flex}.lh-tab{text-align:center;color:#7a7a94;background:#fff;border:.5px solid #e2e1ee;border-radius:10px;flex:1;padding:9px 4px;font-size:13px;font-weight:500}.lh-tab.active{color:#fff;background:#7f77dd;border-color:#7f77dd;font-weight:700}.lh-tab.locked{color:#bbc}.lh-tab-lock{font-size:11px}.lh-progress-card{background:#fff;border:.5px solid #e2e1ee;border-radius:14px;padding:12px 14px}.lh-progress-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lh-progress-label{color:#7a7a94;font-size:12px}.lh-progress-val{color:#534ab7;font-size:12px;font-weight:500}.lh-prog-bar{background:#eeedfe;border-radius:10px;height:6px;overflow:hidden}.lh-prog-fill{background:#7f77dd;border-radius:10px;height:100%;transition:width .5s}.lh-unit-card{background:#fff;border:.5px solid #e2e1ee;border-radius:14px;overflow:hidden}.lh-unit-locked{opacity:.5}.lh-unit-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 13px;display:flex}.lh-unit-locked .lh-unit-header{cursor:default}.lh-unit-badge{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.lh-unit-badge.done{color:#b8ff6a;background:#7f77dd;font-size:16px}.lh-unit-badge.current{color:#534ab7;background:#eeedfe}.lh-unit-badge.locked{color:#9999b0;background:#f0eff8;font-size:15px}.lh-unit-info{flex:1;min-width:0}.lh-unit-title{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.lh-unit-title.locked{color:#9999b0}.lh-unit-meta{color:#7a7a94;margin-top:2px;font-size:10px}.lh-unit-chevron{color:#9999b0;flex-shrink:0;font-size:16px}.lh-mini-bar{background:#eeedfe;border-radius:10px;height:4px;margin:0 13px;overflow:hidden}.lh-mini-fill{background:#7f77dd;border-radius:10px;height:100%;transition:width .5s}.lh-stage-track{border-top:.5px solid #eeedf6;padding:8px 13px 13px}.lh-stage-label{color:#7a7a94;margin-bottom:8px;font-size:10px}.lh-stage-row{align-items:center;display:flex}.lh-stage-seg{flex:none;align-items:center;display:flex}.lh-stage-seg:has(.lh-stage-line){flex:1}.lh-stage-node{cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:600;transition:transform .1s;display:flex}.lh-stage-node:active{transform:scale(.92)}.lh-stage-node.done{color:#fff;background:#7f77dd;font-size:13px}.lh-stage-node.current{color:#534ab7;background:#eeedfe;border:2px solid #7f77dd}.lh-stage-node.todo{color:#9999b0;background:#f0eff8;border:1.5px solid #dedde8}.lh-stage-line{flex:1;min-width:4px;height:2px}.lh-stage-line.done{background:#7f77dd}.lh-stage-line.todo{background:#dedde8}.lh-boss-node{cursor:pointer;background:#faeeda;border:2px solid #ef9f27;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.lh-unit-done-action{color:#7f77dd;cursor:pointer;text-align:right;border-top:.5px solid #eeedf6;padding:8px 14px;font-size:12px}.lh-endboss-teaser-old{background:#fff;border:1.5px dashed #cecbf6;border-radius:14px;align-items:center;gap:10px;padding:13px 14px;transition:opacity .2s,border-color .2s,box-shadow .2s;display:flex}.lh-endboss-teaser.locked{opacity:.6;cursor:default}.lh-endboss-teaser.unlocked{opacity:1;cursor:pointer;border:1.5px solid #f0b429;box-shadow:0 2px 10px #f0b42940}.lh-endboss-icon{background:#faeeda;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.lh-endboss-title{color:#1a1a2e;font-size:13px;font-weight:500}.lh-endboss-desc{color:#7a7a94;margin-top:2px;font-size:10px}.lh-progress-card-v2{border-radius:18px;padding:16px 20px}.lh-progress-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.lh-progress-head .lh-progress-label{color:#7a7a94;font-size:13px;font-weight:700}.lh-progress-count{color:#7a7a94;font-size:11px}.lh-progress-count strong{color:#534ab7;font-size:13px;font-weight:700}.lh-progress-main{align-items:center;gap:14px;display:flex}.lh-progress-percent{color:#1a1a2e;letter-spacing:-.5px;min-width:65px;font-size:26px;font-weight:800;line-height:1}.lh-prog-bar-v2{background:#eeedfe;border-radius:10px;flex:1;height:8px;overflow:hidden}.lh-unit-node.unit-1{--unit-accent:#d96f7a;--unit-soft:#fff5f6;--unit-border:#f0c7cc}.lh-selected-unit-card.unit-1{--unit-accent:#e86f7a;--unit-soft:#fff0f2;--unit-border:#f2b7be}.lh-unit-node.unit-2{--unit-accent:#e28a45;--unit-soft:#fff7ef;--unit-border:#f2d1b2}.lh-selected-unit-card.unit-2{--unit-accent:#f29b50;--unit-soft:#fff3e8;--unit-border:#f7c89c}.lh-unit-node.unit-3{--unit-accent:#c9a227;--unit-soft:#fffbea;--unit-border:#ead98d}.lh-selected-unit-card.unit-3{--unit-accent:#d8a72e;--unit-soft:#fff8dd;--unit-border:#efd27a}.lh-unit-node.unit-4{--unit-accent:#55a98a;--unit-soft:#f0fbf6;--unit-border:#a8d9c6}.lh-selected-unit-card.unit-4{--unit-accent:#43a883;--unit-soft:#eaf9f2;--unit-border:#91d7bd}.lh-unit-node.unit-5{--unit-accent:#5c8fe8;--unit-soft:#f2f7ff;--unit-border:#b9d1fa}.lh-selected-unit-card.unit-5{--unit-accent:#4f8ef7;--unit-soft:#eef5ff;--unit-border:#a9c9ff}.lh-unit-node.unit-6{--unit-accent:#6674d8;--unit-soft:#f4f6ff;--unit-border:#bbc3f4}.lh-selected-unit-card.unit-6{--unit-accent:#5c70d6;--unit-soft:#eef1ff;--unit-border:#aeb9f2}.lh-unit-node.unit-7{--unit-accent:#9270d8;--unit-soft:#f7f2ff;--unit-border:#d0bff0}.lh-selected-unit-card.unit-7{--unit-accent:#9a6be8;--unit-soft:#f4eeff;--unit-border:#c8b2f4}.lh-unit-node.unit-8{--unit-accent:#cc75a8;--unit-soft:#fff4fa;--unit-border:#eabfdb}.lh-selected-unit-card.unit-8{--unit-accent:#d56bae;--unit-soft:#fff0f8;--unit-border:#f0b6d8}.lh-unit-node.locked,.lh-selected-unit-card.locked{--unit-accent:#a4a4b8;--unit-soft:#f6f6fa;--unit-border:#e2e1ee}.lh-unit-selector-card{background:#fff;border:.5px solid #e2e1ee;border-radius:18px;flex-direction:column;gap:14px;padding:16px 20px;display:flex}.lh-unit-selector-head{justify-content:space-between;align-items:baseline;display:flex}.lh-unit-selector-head h2{color:#1a1a2e;margin:0;font-size:14px;font-weight:700}.lh-unit-selector-head span{color:#7a7a94;font-size:11px;font-weight:500}.lh-unit-selector-viewport{position:relative}.lh-unit-selector-scroll{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;gap:14px;padding:8px 4px;display:flex;position:relative;overflow-x:auto}.lh-unit-selector-scroll::-webkit-scrollbar{display:none}.lh-unit-selector-scroll.dragging{cursor:grabbing;scroll-behavior:auto}.lh-roadmap-arrow{z-index:5;appearance:none;opacity:.76;cursor:pointer;filter:drop-shadow(0 1px 2px #534ab72e);-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:32px;height:44px;padding:0;position:absolute;top:18px}.lh-roadmap-arrow:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lh-roadmap-arrow:hover{opacity:1}.lh-roadmap-arrow-left{left:-24px}.lh-roadmap-arrow-left:before{border-right:10px solid #a9a4e8}.lh-roadmap-arrow-right{right:-24px}.lh-roadmap-arrow-right:before{border-left:10px solid #a9a4e8}.lh-unit-node{cursor:pointer;text-align:center;width:76px;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;flex-direction:column;flex-shrink:0;align-items:center;padding:0;transition:transform .2s;display:flex;position:relative}.lh-unit-node:focus{outline:none}.lh-unit-node:focus-visible .lh-unit-node-icon-wrap{outline-offset:3px;outline:2px solid #7f77dd59}.lh-unit-node.locked{cursor:not-allowed}.lh-unit-node:not(:last-child):after{content:"";z-index:1;border-top:1.5px dashed #dedde8;width:calc(100% - 40px);height:1px;position:absolute;top:32px;left:calc(50% + 32px)}.lh-unit-node.done:not(:last-child):after{border-top:1.5px dashed #a9a4e8}.lh-unit-node-icon-wrap{z-index:2;border:1.5px solid var(--unit-border,#e2e1ee);background:var(--unit-soft,#f7f6fb);width:64px;height:64px;color:var(--unit-accent,#7a7a94);border-radius:22px;place-items:center;margin-bottom:8px;transition:all .2s;display:grid;position:relative}.lh-unit-node.open .lh-unit-node-icon-wrap{border:1.5px solid var(--unit-border,#e2e1ee);background:var(--unit-soft,#f7f6fb);color:var(--unit-accent,#7a7a94)}.lh-unit-node.done .lh-unit-node-icon-wrap{border:1.5px solid var(--unit-border,#a9a4e8);background:var(--unit-soft,#f2f0ff);color:var(--unit-accent,#7f77dd)}.lh-unit-node.locked .lh-unit-node-icon-wrap{border:1.5px solid var(--unit-border,#e2e1ee);background:var(--unit-soft,#fafafc);color:var(--unit-accent,#c2c2d0)}.lh-unit-node.current .lh-unit-node-icon-wrap{border:2px solid var(--unit-accent,#7f77dd);background:var(--unit-soft,#f2f0ff);width:68px;height:68px;color:var(--unit-accent,#7f77dd);margin-top:-3px;margin-bottom:5px;box-shadow:0 0 0 4px #7f77dd1f}.lh-unit-node.selected .lh-unit-node-icon-wrap{border-color:var(--unit-accent,#7f77dd);box-shadow:0 0 0 3px color-mix(in srgb, var(--unit-accent,#7f77dd) 24%, transparent), 0 8px 18px color-mix(in srgb, var(--unit-accent,#7f77dd) 20%, transparent)}.lh-unit-node.selected:not(.current) .lh-unit-node-icon-wrap{border-width:2px}.lh-unit-node-svg{width:28px;height:28px;color:var(--unit-accent,currentColor)}.lh-unit-node-state{z-index:3;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-4px}.lh-unit-node-state.done{color:#fff;background:#7f77dd;font-size:9px}.lh-unit-node-state.locked{color:#fff;background:#9999b0;font-size:8px}.lh-unit-node-state.current{color:#fff;background:#7f77dd;font-size:7px}.lh-unit-node-num{color:#7a7a94;margin-bottom:2px;font-size:10px;font-weight:600}.lh-unit-node-title{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:3px;font-size:12.5px;font-weight:600;overflow:hidden}.lh-unit-node-status{display:none!important}.lh-unit-node.done .lh-unit-node-status{color:#7f77dd}.lh-unit-node.locked .lh-unit-node-status{color:#bbc}.lh-unit-node.current .lh-unit-node-status{color:#7f77dd;font-weight:700}.lh-unit-node.open .lh-unit-node-status{color:#7a7a94}.lh-selected-unit-card{background:#fff;border:1px solid #e2e1ee;border-radius:22px;flex-direction:column;gap:18px;padding:18px 20px;display:flex;box-shadow:0 4px 20px #00000005}.lh-selected-unit-card.locked{opacity:.7}.lh-selected-unit-head{align-items:center;gap:14px;display:flex;position:relative}.lh-selected-unit-icon{background:var(--unit-soft,#eeedfe);border:1.5px solid var(--unit-border,#7f77dd);border-radius:14px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.lh-selected-unit-card.locked .lh-selected-unit-icon{background:#f5f4fa;border-color:#dedde8}.lh-selected-unit-svg{width:26px;height:26px;color:var(--unit-accent,#7f77dd)}.lh-selected-unit-card.locked .lh-selected-unit-svg{color:#a4a4b8}.lh-selected-unit-info{flex:1;min-width:0}.lh-selected-unit-kicker{color:var(--unit-accent,#7f77dd);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700;line-height:1}.lh-selected-unit-card.locked .lh-selected-unit-kicker{color:#9999b0}.lh-selected-unit-info h2{color:#1a1a2e;margin:6px 0 0;font-size:18px;font-weight:700;line-height:1.35}.lh-stage-boss-cta{cursor:pointer;border-radius:20px;flex-shrink:0;align-self:flex-start;padding:5px 12px;font-size:10.5px;font-weight:700;transition:all .2s}.lh-stage-boss-cta.open{color:#fff;background:#7f77dd;border:none}.lh-stage-boss-cta.locked{color:#9999b0;cursor:not-allowed;background:#f1f0f6;border:none}.lh-stage-boss-cta.cleared{color:#6f5fe7;background:#f2f0ff;border:1px solid #dcd6ff}.lh-stage-boss-cta:not(.locked):active{transform:scale(.96)}.lh-selected-unit-progress{background:#f8f7fd;border:.5px solid #eeedf8;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.lh-selected-unit-progress span{color:#7a7a94;font-size:11px;font-weight:600}.lh-selected-unit-bar{background:#eeedfe;border-radius:10px;height:6px;overflow:hidden}.lh-selected-unit-bar div{background:#7f77dd;border-radius:10px;height:100%;transition:width .5s}.lh-paw-roadmap{flex-direction:column;padding:10px 0 4px;display:flex;position:relative}.lh-paw-roadmap:before{content:"";z-index:1;background:repeating-linear-gradient(#cfc8ff 0 8px,#0000 8px 16px);width:2px;position:absolute;top:42px;bottom:72px;left:31px}.lh-paw-stage{text-align:left;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;outline:none;align-items:center;gap:14px;width:100%;padding:10px 12px;display:flex;position:relative}.lh-paw-stage.locked{cursor:not-allowed}.lh-paw-stage.done{background:#fff;border:1px solid #eeeafd;border-radius:14px;margin-bottom:4px}.lh-paw-stage.current{background:linear-gradient(90deg,#f5f2ff 0%,#fff 100%);border:1px solid #cfc8ff;border-radius:14px;margin-bottom:4px;box-shadow:0 8px 20px #7f77dd14}.lh-paw-stage.locked{background:#fafafc;border:1px solid #ecebf3;border-radius:14px;margin-bottom:4px}.lh-paw-stage:before{content:"";opacity:.35;z-index:2;background:radial-gradient(at 35%,#7f77dd 0 35%,#0000 38%),radial-gradient(at 65%,#7f77dd 0 35%,#0000 38%);width:18px;height:12px;position:absolute;top:-10px;left:23px;transform:rotate(-18deg)}.lh-paw-stage.locked:before{opacity:.25;background:radial-gradient(at 35%,#b8b8c8 0 35%,#0000 38%),radial-gradient(at 65%,#b8b8c8 0 35%,#0000 38%)}.lh-paw-node{z-index:3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:relative}.lh-paw-stage.done .lh-paw-node{color:#7f77dd;background:#f2f0ff;border:1.5px solid #a9a4e8}.lh-paw-stage.current .lh-paw-node{color:#fff;background:#7f77dd;border:2.5px solid #7f77dd;font-size:14px;box-shadow:0 0 0 4px #7f77dd29}.lh-paw-stage.locked .lh-paw-node{color:#a4a4b8;background:#f6f6fa;border:1.5px solid #e2e1ee}.lh-paw-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lh-paw-title{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.lh-paw-stage.locked .lh-paw-title{color:#a4a4b8}.lh-paw-status{font-size:10px;font-weight:500}.lh-paw-stage.done .lh-paw-status{color:#37b66a}.lh-paw-stage.current .lh-paw-status{color:#7f77dd;font-weight:700}.lh-paw-stage.locked .lh-paw-status{color:#bbc}.lh-paw-action{border-radius:var(--radius-full);border:1px solid #0000;margin-right:4px;padding:4px 10px;font-size:9px;font-weight:700}.lh-paw-action.review{color:#6f5fe7;background:#f2f0ff;border:1px solid #ded9ff}.lh-paw-action.continue{color:#fff;background:#7f77dd}.lh-paw-lock{color:#9999b0;padding-right:4px;font-size:12px}.lh-paw-boss{cursor:pointer;z-index:2;text-align:left;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #cfc8ff;border-radius:16px;outline:none;align-items:center;gap:14px;width:100%;margin-top:12px;padding:14px 18px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 12px #7f77dd0a}.lh-paw-boss.locked{cursor:not-allowed;background:#fafafc;border:1px solid #ecebf3}.lh-paw-boss.open{background:#fff;border:1.5px solid #7f77dd;box-shadow:0 8px 24px #7f77dd14}.lh-paw-boss.open:active{transform:scale(.98)}.lh-paw-boss-icon{color:#7f77dd;background:#eeedfe;border:1px solid #7f77dd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.lh-paw-boss.locked .lh-paw-boss-icon{color:#9999b0;background:#eeedf2;border:1px solid #dedde8}.lh-paw-boss-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lh-paw-boss-text strong{color:#7f77dd;font-size:11px;font-weight:700}.lh-paw-boss.locked .lh-paw-boss-text strong{color:#a4a4b8}.lh-paw-boss-text span{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.lh-paw-boss.locked .lh-paw-boss-text span{color:#a4a4b8}.lh-paw-boss-desc{margin-top:1px;color:#7a7a94!important;font-size:10px!important;font-weight:500!important}.lh-paw-boss.locked .lh-paw-boss-desc{color:#bbc!important}.lh-paw-boss-action{border-radius:12px;flex-shrink:0;padding:5px 12px;font-size:10px;font-weight:700}.lh-paw-boss.locked .lh-paw-boss-action{color:#9999b0;background:#eeedf2}.lh-paw-boss.open .lh-paw-boss-action{color:#fff;background:#7f77dd}.lh-lesson-hero{color:#fff;background-color:#0000;background-image:linear-gradient(135deg,#8f7cfff5,#6757d8eb),url(/images/lesson-hero-bg.webp);background-position:100%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:160px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #6757d826}.lh-lesson-hero-content{flex-direction:column;gap:6px;max-width:60%;display:flex}.lh-lesson-hero-kicker{text-transform:uppercase;letter-spacing:1.2px;color:#ffffffd9;font-size:11px;font-weight:700}.lh-lesson-hero-title{color:#fff;margin:0;font-size:17px;font-weight:800;line-height:1.35}.lh-lesson-hero-pills{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.lh-hero-pill{white-space:nowrap;border-radius:12px;padding:3px 8px;font-size:9.5px;font-weight:700}.lh-hero-pill.status{color:#fff;background:#fff3}.lh-hero-pill.progress{color:#534ab7;background:#b8ff6a}.lh-lesson-hero-cta{color:#6757d8;cursor:pointer;background:#fff;border:none;border-radius:20px;align-self:flex-start;padding:6px 14px;font-size:10.5px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #00000014}.lh-lesson-hero-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.lh-lesson-hero-cta:active{transform:translateY(0)}.lh-roadmap-board{background:#fff;border:1px solid #e2e1ee;border-radius:22px;flex-direction:column;gap:16px;padding:18px 20px;display:flex;box-shadow:0 4px 18px #6757d80a}.lh-roadmap-board-head{flex-direction:column;gap:4px;width:100%;display:flex}.lh-roadmap-board-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.lh-roadmap-board-header-row h2{color:#1a1a2e;margin:0;font-size:18px;font-weight:700}.lh-roadmap-board-title-group{flex-direction:column;gap:3px;display:flex}.lh-roadmap-board-title-group h2{color:#1a1a2e;margin:0;font-size:16.5px;font-weight:800}.lh-roadmap-board-count{color:#7a7a94;text-align:left;font-size:13px}.lh-roadmap-board-count strong{color:#7f77dd;font-weight:700}.lh-roadmap-board-percent{color:#7f77dd;font-size:20px;font-weight:800}.lh-roadmap-board-progress-bar{background:#eae8f5;border-radius:3px;width:100%;height:6px;overflow:hidden}.lh-roadmap-board-progress-fill{background:#7f77dd;border-radius:3px;height:100%;transition:width .3s}.lh-unit-lock-notice{text-align:center;background:#f8f7fc;border:1px dashed #e2e1ee;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px 16px;display:flex}.lh-lock-icon{font-size:20px}.lh-lock-text{color:#7a7a94;margin:0;font-size:12px;line-height:1.5}.lh-unit-done-msg{color:#534ab7;margin:0;font-size:11.5px;font-weight:700;line-height:1.4}.lh-compact-stages-grid{flex-wrap:wrap;gap:8px;display:flex}.lh-compact-stage-chip{background:var(--unit-soft,#f2f0ff);border:1.5px solid var(--unit-border,#7f77dd);width:36px;height:36px;color:var(--unit-accent,#7f77dd);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;transition:all .2s;display:flex}.lh-compact-stage-chip:hover{transform:scale(1.08);box-shadow:0 4px 10px #7f77dd1f}.lh-compact-stage-chip:active{transform:scale(.96)}.lh-compact-stage-num{font-size:11px}.lh-compact-stage-check{margin-bottom:2px;margin-left:1px;font-size:8px}.lh-unit-done-container{background:#fbfbfe;border:1px solid #eeedf8;border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:flex}.lh-stage-complete-message{text-align:left;flex-direction:column;gap:4px;line-height:1.45;display:flex}.lh-stage-complete-message strong{color:#1a1a2e;font-size:16px;font-weight:800}.lh-stage-complete-message span{color:#6d6a85;font-size:13px}.lh-stage-chip-list{grid-template-columns:repeat(3,minmax(0,1fr));place-items:start center;gap:14px 12px;padding-top:10px;display:grid}.lh-stage-chip-item{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.lh-stage-chip-label{color:#7a7a94;font-size:11px;font-weight:700}.lh-stage-chip{color:#6f5fe7;cursor:pointer;background:#f8f6ff;border:1.5px solid #a9a4e8;border-radius:50%;outline:none;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:15px;font-weight:800;transition:all .2s;display:flex;position:relative}.lh-stage-chip:hover{transform:scale(1.08);box-shadow:0 4px 10px #7f77dd1f}.lh-stage-chip:active{transform:scale(.96)}.lh-compact-stage-num{font-size:14px;font-weight:800}.lh-compact-stage-check{color:#fff;background:#7f77dd;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.lh-unitboss-chip{cursor:pointer;box-sizing:border-box;border-radius:18px;place-items:center;width:56px;height:56px;padding:0;transition:all .2s;display:grid}.lh-unitboss-chip.open{color:#fff;background:linear-gradient(135deg,#5a46c8 0%,#7f77dd 100%);border:1.5px solid #c9b36a}.lh-unitboss-chip.cleared{color:#534ab7;background:#f2f0ff;border:1.5px solid #7f77dd}.lh-unitboss-chip.locked{color:#a4a4b8;cursor:not-allowed;background:#f1f0f6;border:1.5px solid #e2e1ee}.lh-unitboss-icon{justify-content:center;align-items:center;font-size:18px;display:inline-flex}.lh-unitboss-label{color:#534ab7;font-size:11px;font-weight:700}.lh-paw-stage-boss .lh-paw-node{font-size:16px}.lh-paw-stage-boss.open .lh-paw-node{color:#fff;background:linear-gradient(135deg,#5a46c8 0%,#7f77dd 100%);border:1.5px solid #c9b36a}.lh-paw-stage-boss.cleared .lh-paw-node{color:#534ab7;background:#f2f0ff;border:1.5px solid #7f77dd}.lh-paw-stage-boss.locked .lh-paw-node{color:#a4a4b8;background:#f1f0f6;border:1.5px solid #e2e1ee}.lh-selected-unit-meta-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:2px;display:flex}.lh-selected-unit-info-pill{color:#7f77dd;cursor:pointer;background:#f2f0ff;border:none;border-radius:12px;outline:none;padding:4px 12px;font-size:11px;font-weight:700;transition:all .2s}.lh-selected-unit-info-pill:hover{background:#eae8f5}.lh-stage-complete-header h3{color:#7a7a94;text-align:left;margin:0;font-size:13px;font-weight:700}.lh-unit-done-container .lh-stage-chip-list{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:stretch;align-items:stretch;gap:10px;padding-top:4px;display:grid}.lh-stage-pill{background:var(--unit-soft,#f1eeff);border:1px solid var(--unit-border,#dcd6ff);width:100%;min-width:0;height:36px;color:var(--unit-accent,#6f5fe7);cursor:pointer;box-sizing:border-box;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:inset 0 2px 5px #1a1a2e0f,inset 0 -1px #fffc,0 1px 2px #1a1a2e0a}.lh-stage-pill:hover{background:var(--unit-soft,#f1eeff);border-color:var(--unit-accent,#7f77dd);transform:translateY(0);box-shadow:inset 0 2px 6px #1a1a2e14,0 0 0 2px #ffffffa6}.lh-stage-pill:active{transform:translateY(0)}.lh-stage-pill.active{border-color:var(--unit-accent,#7f77dd);box-shadow:inset 0 2px 6px #1a1a2e14,0 0 0 3px #7f77dd29}.lh-paw-stage.active{border-color:var(--unit-accent,#7f77dd);box-shadow:0 6px 16px #7f77dd1f}.lh-stage-quick-actions{border:1px solid var(--unit-border,#dcd6ff);background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:13px 14px;display:flex;box-shadow:0 8px 18px #1a1a2e0f}.lh-stage-quick-head{justify-content:flex-start;align-items:baseline;display:flex}.lh-stage-quick-head span{color:var(--unit-accent,#7f77dd);font-size:12px;font-weight:800}.lh-stage-quick-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.lh-stage-quick-btn{border:1px solid var(--unit-border,#dcd6ff);background:var(--unit-soft,#f2f0ff);min-width:0;height:38px;color:var(--unit-accent,#6f5fe7);cursor:pointer;white-space:nowrap;border-radius:12px;font-size:12.5px;font-weight:800}.lh-stage-quick-btn.miniboss{background:var(--unit-accent,#6f5fe7);background:linear-gradient(135deg, color-mix(in srgb, var(--unit-accent,#6f5fe7) 90%, #fff 10%) 0%, var(--unit-accent,#6f5fe7) 100%);border-color:var(--unit-accent,#6f5fe7);box-shadow:0 6px 14px color-mix(in srgb, var(--unit-accent,#6f5fe7) 24%, transparent);color:#fff}.lh-stage-pill-num{font-size:13px;line-height:1}.lh-stage-pill-check{background:var(--unit-accent,#7f77dd);color:#fff;opacity:1;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:5px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff3d,0 1px 3px #1a1a2e29}.lh-unlocked-unit-content{flex-direction:column;gap:16px;display:flex}.lh-unitboss-gate-card{box-sizing:border-box;background:linear-gradient(135deg,#f3efff 0%,#e8e2ff 100%);border:1px solid #dcd6ff;border-radius:20px;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.lh-unitboss-gate-body{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.lh-unitboss-gate-text{text-align:left;flex-direction:column;gap:4px;display:flex}.lh-unitboss-gate-kicker{color:#7f77dd;font-size:11px;font-weight:700}.lh-unitboss-gate-text h4{color:#1a1a2e;margin:0;font-size:15px;font-weight:800}.lh-unitboss-gate-text p{color:#7a7a94;margin:0;font-size:12px}.lh-unitboss-gate-monster{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 10px #7f77dd14}.lh-unitboss-gate-silhouette{font-size:22px}.lh-unitboss-gate-cta{cursor:pointer;box-sizing:border-box;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;width:100%;height:40px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.lh-unitboss-gate-cta.open{color:#fff;background:#6f5fe7;box-shadow:0 4px 12px #6f5fe733}.lh-unitboss-gate-cta.cleared{color:#fff;background:#6f5fe7}.lh-unitboss-gate-cta.locked{color:#8f8ca6;cursor:not-allowed;background:#d5d2e5}.lh-unitboss-gate-cta:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.lh-unitboss-gate-cta:active:not(:disabled){transform:translateY(0)}.lh-endboss-outer-card{box-sizing:border-box;background:#fff;border:1px solid #e2e1ee;border-radius:22px;padding:18px 20px;box-shadow:0 4px 20px #00000005}.lh-endboss-gate-card{box-sizing:border-box;background:linear-gradient(135deg,#fff9e8 0%,#fff4cc 100%);border:1px solid #eddfa8;border-radius:20px;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.lh-endboss-gate-body{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.lh-endboss-gate-text{text-align:left;flex-direction:column;gap:4px;display:flex}.lh-endboss-gate-kicker{color:#d4a325;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.lh-endboss-crown-badge{color:#d4a325;background:#fff1b5;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.lh-endboss-gate-text h4{color:#1a1a2e;margin:0;font-size:15px;font-weight:800}.lh-endboss-gate-text p{color:#7a7a94;margin:0;font-size:12px}.lh-endboss-gate-media{background:#fff;border:1px solid #fff1b5;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 10px #e9c46a14}.lh-endboss-gate-icon{font-size:22px}.lh-endboss-gate-cta{cursor:pointer;box-sizing:border-box;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;width:100%;height:46px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.lh-endboss-gate-cta.unlocked{color:#fff;background:linear-gradient(135deg,#e2af24 0%,#e9c46a 100%);border:1px solid #d69f1b;box-shadow:0 4px 12px #e9c46a33}.lh-endboss-gate-cta.locked{color:#9e9885;cursor:not-allowed;background:#eae6d2;border:1px solid #dfd9c0}.lh-endboss-gate-cta:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.lh-endboss-gate-cta:active:not(:disabled){transform:translateY(0)}.lh-unit-info-overlay{z-index:4000;background:#1a1a2e73;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.lh-unit-info-card{box-sizing:border-box;background:#fff;border-radius:22px 22px 0 0;width:100%;max-width:420px;max-height:82vh;padding:22px 20px 24px;overflow-y:auto;box-shadow:0 -8px 30px #0000001f}@media (width>=560px){.lh-unit-info-overlay{align-items:center}.lh-unit-info-card{border-radius:22px;max-height:80vh}}.lh-unit-info-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.lh-unit-info-header h3{color:#1a1a2e;margin:0;font-size:16px;font-weight:800}.lh-unit-info-close{color:#7a7a94;cursor:pointer;background:#f2f0ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.lh-unit-info-section{border-bottom:1px solid #f0f0f5;padding:10px 0}.lh-unit-info-section:last-of-type{border-bottom:none}.lh-unit-info-label{color:#7f77dd;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.lh-unit-info-value{color:#1a1a2e;white-space:pre-line;margin:0;font-size:13.5px;line-height:1.5}.lh-unit-info-stage-list{flex-direction:column;gap:4px;margin:4px 0 0;padding-left:18px;display:flex}.lh-unit-info-stage-list li{color:#1a1a2e;font-size:13px;line-height:1.5}.lh-unit-info-close-btn{color:#fff;cursor:pointer;background:#7f77dd;border:none;border-radius:12px;width:100%;height:44px;margin-top:16px;font-size:13.5px;font-weight:700}.lh-unit-info-close-btn:hover{background:#6f5fe7}.lh-unitboss-gate-monster,.lh-endboss-gate-media{position:relative}.lh-unitboss-gate-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 10px #534ab72e);width:58px;height:58px}.lh-unitboss-gate-img.locked{opacity:.45;filter:grayscale(.8)drop-shadow(0 8px 10px #534ab71f)}.lh-endboss-gate-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 12px #534ab733);width:62px;height:62px}.lh-endboss-gate-img.locked{opacity:.42;filter:grayscale(.85)drop-shadow(0 8px 12px #534ab71f)}.lh-endboss-lock-badge,.lh-unitboss-lock-badge{color:#7a7a94;letter-spacing:.04em;background:#fff;border:1px solid #d9d6f2;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:900;line-height:1.2;position:absolute;bottom:-4px;right:-8px}.lh-selected-unit-head{grid-template-columns:50px minmax(0,1fr) auto;align-items:center;column-gap:14px;display:grid}.lh-selected-unit-icon{grid-row:1/span 2}.lh-selected-unit-info{grid-column:2/4;min-width:0;padding-top:9px;padding-right:76px;display:block;position:relative}.lh-selected-unit-meta-row{margin-bottom:0;display:block}.lh-selected-unit-info h2{overflow-wrap:anywhere;margin-top:0}.lh-selected-unit-info-pill{white-space:nowrap;position:absolute;top:8px;right:0}@media (width<=380px){.lh-selected-unit-card{padding:18px 20px}.lh-selected-unit-head{grid-template-columns:50px minmax(0,1fr) auto;column-gap:14px}.lh-selected-unit-info h2{font-size:15px;line-height:1.32}.lh-selected-unit-info{padding-top:9px;padding-right:72px}.lh-unit-selector-scroll{gap:10px}.lh-unit-node{width:66px}.lh-unit-node:not(:last-child):after{top:28px;left:calc(50% + 28px)}.lh-unit-node-icon-wrap{border-radius:18px;width:56px;height:56px;margin-bottom:7px}.lh-unit-node.current .lh-unit-node-icon-wrap{width:60px;height:60px;margin-top:-2px;margin-bottom:5px}.lh-unit-node-svg{width:24px;height:24px}.lh-unit-node-title{font-size:10.5px}.lh-roadmap-board-header-row h2{font-size:16.5px}}.sb-page{background:#f0effe;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.sb-page--app-header{padding-top:calc(48px + env(safe-area-inset-top))}.sb-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;padding:20px 20px 0;display:flex}.sb-title-row .sb-lesson-title{margin:0;padding-top:2px}.sb-title-row .stage-exit-btn{flex-shrink:0;margin:0 0 0 auto}.sb-progress-wrap{padding:0 20px 14px}.sb-progress-track{background:#d8d4f8;border-radius:99px;height:4px}.sb-progress-fill{background:#7f77dd;border-radius:99px;height:4px;transition:width .3s}.sb-body{flex-direction:column;flex:1;gap:16px;padding:0 20px 80px;display:flex;overflow-y:auto}.sb-unit-badge{color:#185fa5;background:#eff6ff;border:.5px solid #93c5fd;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:5px 12px;font-size:18px;font-weight:500;display:inline-flex}.sb-lesson-title{color:#26215c;margin-top:20px;margin-bottom:24px;margin-left:30px;font-size:20px;font-weight:600;line-height:1.3}.sb-mascot-bubble{box-sizing:border-box;background:#fff;border:.5px solid #e5e2f8;border-radius:18px;align-items:flex-start;gap:12px;width:416px;max-width:100%;margin-left:auto;margin-right:auto;padding:14px 50px 14px 14px;display:flex}.sb-mascot-avatar{flex-shrink:0;width:44px;height:44px}.sb-mascot-avatar img{object-fit:contain;width:44px;height:44px}.sb-bubble-text{color:#26215c;white-space:pre-wrap;text-align:left;word-break:keep-all;flex:1;padding-right:10px;font-size:15px;line-height:1.65}.sb-code-block{box-sizing:border-box;background:#1e1b4b;border-radius:14px;width:416px;max-width:100%;max-height:400px;margin-left:auto;margin-right:auto;padding:12px 14px;overflow:auto}.sb-code-block pre{color:#e9d5ff;white-space:pre-wrap;overflow-wrap:break-word;margin:0;font-family:Courier New,Consolas,monospace;font-size:15px;line-height:1.75}.sb-cm{color:#6b7280}.sb-str{color:#86efac}.sb-fn{color:#93c5fd}.sb-nm{color:#fca5a5}.sb-output-wrap{box-sizing:border-box;flex-direction:column;gap:6px;width:416px;max-width:100%;margin-left:auto;margin-right:auto;display:flex}.sb-output-label{color:#534ab7;letter-spacing:.3px;font-size:17px;font-weight:600}.sb-output-box{color:#534ab7;white-space:pre-line;background:#fff;border-left:3px solid #7f77dd;border-radius:0 10px 10px 0;padding:10px 14px;font-family:Courier New,monospace;font-size:15px}.sb-tip{box-sizing:border-box;background:#7f77dd14;border:1px solid #7f77dd40;border-radius:12px;width:416px;max-width:100%;margin-left:auto;margin-right:auto;padding:14px 16px}.sb-tip-label{color:#534ab7;margin-bottom:6px;font-size:15px;display:block}.sb-tip-text{color:#555;text-align:justify;margin:0;font-size:15px;line-height:1.6}.sb-nav-bar{justify-content:space-between;align-items:center;padding:12px 20px 24px;display:flex}.sb-nav-btn{cursor:pointer;border:none;border-radius:11px;align-items:center;gap:5px;padding:8px 15px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,color .15s,opacity .15s;display:inline-flex}.sb-nav-btn:active{transform:scale(.97)}.sb-nav-btn:disabled{opacity:.3;cursor:not-allowed}.sb-nav-prev{color:#7a7a94;background:#fff;border:.5px solid #d8d4f8}.sb-nav-prev:hover{color:#534ab7;background:#f5f3fe;border-color:#c9c3f0}.sb-nav-next{color:#fff;background:#7f77dd;box-shadow:0 2px 8px #7f77dd47}.sb-nav-next:hover{background:#6d64d4;transform:translateY(-1px);box-shadow:0 4px 12px #7f77dd57}.sb-slide-dots{align-items:center;gap:5px;display:flex}.sb-dot{background:#d8d4f8;border-radius:50%;width:6px;height:6px;transition:all .2s}.sb-dot.active{background:#7f77dd;border-radius:3px;width:18px}.quiz-card{padding:16px;overflow:visible}.quiz-question{margin-bottom:12px}.quiz-question p{color:#26215c;font-size:17px;font-weight:500;line-height:1.55}.quiz-options{flex-direction:column;gap:7px;display:flex}.quiz-option{color:#26215c;text-align:left;cursor:pointer;white-space:pre-wrap;background:#fff;border:.5px solid #e5e2f8;border-radius:11px;align-items:center;gap:9px;width:100%;padding:9px 13px;font-family:inherit;font-size:15px;transition:all .15s;display:flex}.quiz-option:not(:disabled):hover{border-color:#b0a8f0}.quiz-option.selected{background:#eeedfe;border-color:#7f77dd}.quiz-option.correct{color:#15803d;background:#f0fdf4;border-color:#4ade80;animation:none}.quiz-option.wrong{color:#991b1b;background:#fef2f2;border-color:#fca5a5;animation:none}.opt-label{color:#534ab7;background:#f4f3ff;border:.5px solid #c4bfee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.quiz-option.selected .opt-label{color:#fff;background:#7f77dd;border-color:#7f77dd}.quiz-option.correct .opt-label{color:#fff;background:#4ade80;border-color:#4ade80}.quiz-option.wrong .opt-label{color:#fff;background:#fca5a5;border-color:#fca5a5}.quiz-submit-btn{color:#fff;cursor:pointer;background:#7f77dd;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:11px;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .15s;display:flex}.quiz-submit-btn:disabled{cursor:default;background:#d8d4f8}.quiz-submit-btn:not(:disabled):hover{opacity:.9}.quiz-fill-form{flex-direction:column;gap:8px;display:flex}.fib-wrap{background:#fff;border:.5px solid #e5e2f8;border-radius:11px;align-items:center;gap:8px;padding:9px 13px;display:flex}.fib-lbl{color:#aaa;flex-shrink:0;font-size:11px}.fib-input{color:#26215c;background:0 0;border:none;outline:none;flex:1;font-family:Courier New,monospace;font-size:13px}.fib-input::placeholder{color:#ccc}.quiz-code-editor{box-sizing:border-box;background:#1e1b4b;border-radius:11px;width:416px;max-width:100%;max-height:400px;margin:0 auto 8px;padding:12px 14px;overflow-y:auto}.quiz-code-editor-lbl{color:#6b7280;margin-bottom:5px;font-family:Courier New,monospace;font-size:10px}.quiz-code-textarea{color:#e9d5ff;resize:none;caret-color:#7f77dd;background:0 0;border:none;outline:none;width:100%;font-family:Courier New,monospace;font-size:15px;line-height:1.7}.quiz-code-textarea::placeholder{color:#4b4870}.quiz-run-btn{color:#86efac;cursor:pointer;text-align:left;background:#1e1b4b;border:none;border-radius:9px;width:100%;margin-bottom:6px;padding:9px 13px;font-family:inherit;font-size:12px;font-weight:500}.quiz-code-output{color:#534ab7;background:#fff;border-left:3px solid #7f77dd;border-radius:0 9px 9px 0;min-height:30px;margin-bottom:8px;padding:8px 12px;font-family:Gothic A1,sans-serif;font-size:12px}.quiz-code-output.empty{color:#ccc}.quiz-explanation{border-radius:11px;flex-direction:column;gap:6px;margin-top:12px;padding:11px 13px;animation:.35s fadeIn;display:flex}.quiz-explanation.correct{background:#f0fdf4;border:.5px solid #86efac}.quiz-explanation.wrong{background:#fef2f2;border:.5px solid #fca5a5}.quiz-explanation span{font-size:12px;font-weight:600}.quiz-explanation.correct span{color:#15803d}.quiz-explanation.wrong span{color:#991b1b}.quiz-explanation p{color:#555;margin:0;font-size:15px;line-height:1.6}.ai-feedback-box{background:#f5f3ff;border:.5px solid #c4bfee;border-radius:11px;margin-top:8px;padding:11px 13px;font-size:12px}.ai-feedback-header{color:#534ab7;align-items:center;gap:6px;margin-bottom:7px;font-size:11px;font-weight:600;display:flex}.ai-feedback-badge{color:#7f77dd;background:#7f77dd26;border:.5px solid #c4bfee;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:400}.ai-feedback-text{color:#534ab7;padding-bottom:20px;line-height:1.7;font-size:16px!important}.ai-feedback-actions{gap:7px;display:flex}.ai-btn-retry{color:#534ab7;cursor:pointer;background:#fff;border:.5px solid #c4bfee;border-radius:9px;flex:1;padding:8px;font-family:inherit;font-size:12px;font-weight:500}.ai-btn-next{color:#fff;cursor:pointer;background:#7f77dd;border:none;border-radius:9px;flex:1;padding:8px;font-family:inherit;font-size:12px;font-weight:500}.ef-wrap{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.ef-line{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:.5px solid #e5e2f8;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;transition:all .15s;display:flex}.ef-line:not(.ef-line--dim):hover{border-color:#b0a8f0}.ef-line--dim{cursor:default;opacity:.55}.ef-line.sel{background:#eeedfe;border-color:#7f77dd}.ef-line.sel .ef-ln{color:#534ab7}.ef-line.sel .ef-lc{color:#26215c}.ef-line.correct{background:#f0fdf4;border-color:#4ade80}.ef-line.correct .ef-ln,.ef-line.correct .ef-lc{color:#15803d}.ef-line.wrong{background:#fef2f2;border-color:#fca5a5}.ef-line.wrong .ef-ln,.ef-line.wrong .ef-lc{color:#991b1b}.ef-ln{color:#aaa;text-align:right;flex-shrink:0;width:16px;font-family:d2coding,Courier New,monospace;font-size:11px}.ef-lc{color:#1e1b4b;white-space:pre;font-family:d2coding,Courier New,monospace;font-size:14px}.ef-no-error{color:#26215c;cursor:pointer;background:#fff;border:.5px solid #e5e2f8;border-radius:9px;justify-content:center;align-items:center;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.ef-no-error:not(:disabled):hover{border-color:#b0a8f0}.ef-no-error.sel{color:#534ab7;background:#eeedfe;border-color:#7f77dd}.ef-no-error.correct{color:#15803d;background:#f0fdf4;border-color:#4ade80}.ef-no-error.wrong{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.ef-no-error:disabled{cursor:default}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.quiz-multi-blank{margin-top:10px}.mbi-container{gap:16px;display:flex}.mbi-left{flex:1.2;min-width:0}.mbi-right{background:#fff;border:.5px solid #e5e2f8;border-radius:14px;flex-direction:column;flex:.8;gap:12px;padding:14px;display:flex}.mbi-code-block{background:#1e1b4b;border-radius:11px;padding:12px 14px;overflow-x:auto}.mbi-pre{color:#e9d5ff;margin:0;font-family:Courier New,monospace;font-size:15px;line-height:1.8}.mbi-code-line{flex-wrap:wrap;align-items:center;min-height:28px;display:flex}.mbi-code-text{white-space:pre-wrap}.mbi-inline-input{color:#e9d5ff;text-align:center;background:#2d264d;border:1px solid #534ab7;border-radius:5px;outline:none;margin:0 4px;padding:2px 6px;font-family:Courier New,monospace;font-size:15px;transition:all .2s ease-in-out}.mbi-inline-input:focus{background:#3b3166;border-color:#a78bfa;box-shadow:0 0 8px #a78bfa66}.mbi-inline-input.has-val{background:#312e81;border-color:#8b5cf6}.mbi-inline-input.revealed{color:#9ca3af;cursor:not-allowed;background:#1e1b4b;border-color:#4b5563}.mbi-sidebar-title{color:#26215c;border-bottom:1px solid #eeedfe;padding-bottom:8px;font-size:14px;font-weight:600}.mbi-inputs-form{flex-direction:column;gap:12px;display:flex}.mbi-inputs-grid{flex-direction:column;gap:8px;display:flex}.mbi-sidebar-item{flex-direction:column;gap:4px;display:flex}.mbi-sidebar-label{color:#7f77dd;font-size:11px;font-weight:500}.mbi-sidebar-input{color:#26215c;border:.5px solid #c4bfee;border-radius:8px;outline:none;padding:8px 10px;font-family:d2coding,monospace;font-size:13px;transition:all .15s}.mbi-sidebar-input:focus{border-color:#7f77dd;box-shadow:0 0 6px #7f77dd33}@media (width<=768px){.mbi-container{flex-direction:column}}.mb-page{background:#eae6f8;flex-direction:column;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.intro-card{position:relative}.miniboss-alert-close{z-index:2;color:#534ab7;cursor:pointer;background:#ffffffd1;border:1px solid #7f77dd47;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;line-height:1;display:flex;position:absolute;top:14px;right:14px}.miniboss-alert-close:hover{background:#fff;border-color:#7f77dd73}.mb-topnav{background:#fff;border-bottom:.5px solid #e5e2f8;justify-content:space-between;align-items:center;padding:13px 18px 12px;display:flex}.mb-logo{color:#26215c;letter-spacing:-.3px;font-size:15px;font-weight:500}.mb-crown-pill{color:#26215c;border:.5px solid #e5e2f8;border-radius:12px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:500;display:flex}.mb-user-info{align-items:center;gap:6px;display:flex}.mb-uavatar{background:#eeedfe;border:.5px solid #c4bfee;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mb-utext{flex-direction:column;gap:1px;display:flex}.mb-uname{color:#26215c;font-size:11px;font-weight:500}.mb-ulvl{color:#fff;background:#7f77dd;border-radius:4px;padding:1px 5px;font-size:9px}.mb-escape-btn{color:#aaa;cursor:pointer;background:0 0;border:.5px solid #e5e2f8;border-radius:8px;margin-left:4px;padding:4px 8px;font-family:inherit;font-size:11px}.mb-escape-btn:hover{color:#534ab7;background:#f5f4fe}.mb-prog-strip{background:#fff;border-bottom:.5px solid #e8e5f8;align-items:center;gap:9px;padding:6px 18px 10px;display:flex}.mb-prog-lbl{color:#aaa;white-space:nowrap;font-size:10px}.mb-prog-track{background:#7f77dd2e;border-radius:99px;flex:1;height:5px;overflow:hidden}.mb-prog-fill{background:#7f77dd;border-radius:99px;height:5px;transition:width .4s}.mb-prog-cnt{color:#26215c;white-space:nowrap;font-size:10px;font-weight:500}.mb-content{flex-direction:column;gap:11px;padding:16px 16px 100px;display:flex}.mb-boss-area{flex-direction:column;align-items:center;display:flex;position:relative}.mb-boss-area img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.mb-speech{color:#1a1a2e;text-align:center;background:#f4f3fa;border-radius:12px;max-width:280px;margin-top:8px;padding:8px 14px;font-size:12px;font-weight:500;line-height:1.4;position:relative}.mb-speech:before{content:"";border-bottom:7px solid #26215c;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.mb-hp-row{gap:8px;display:flex}.mb-hp-item{background:#fff;border:.5px solid #e5e2f8;border-radius:10px;flex:1;padding:8px 10px}.mb-hp-header{color:#26215c;align-items:center;gap:5px;margin-bottom:5px;font-size:11px;font-weight:600;display:flex}.mb-hp-num{color:#888;margin-left:auto;font-size:10px;font-weight:400}.mb-hp-track{background:#7f77dd26;border-radius:99px;height:5px;overflow:hidden}.mb-hp-fill-green{background:#4ade80;border-radius:99px;height:5px;transition:width .4s}.mb-hp-fill-red{background:#f38ba8;border-radius:99px;height:5px;transition:width .4s}.mb-qcard{background:#fff;border:.5px solid #e5e2f8;border-radius:18px;flex-direction:column;gap:13px;padding:16px 14px;display:flex}.mb-qtitle{align-items:flex-start;gap:8px;display:flex}.mb-qmark{background:#eeedfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:13px;display:flex}.mb-qtext{color:#26215c;font-size:17px;font-weight:500;line-height:1.5}.mb-q-terminal{box-sizing:border-box;background:#1c1939;border-radius:14px;width:416px;max-width:100%;max-height:400px;margin-left:auto;margin-right:auto;padding:12px 14px;overflow-y:auto}.mb-q-code{white-space:pre;font-family:Courier New,monospace;font-size:15px;line-height:1.9;overflow-x:auto}.mb-radio-opts{flex-direction:column;gap:7px;display:flex}.mb-ropt{cursor:pointer;background:#fff;border:.5px solid #e8e6fa;border-radius:12px;align-items:center;gap:9px;padding:10px 13px;transition:all .15s;display:flex}.mb-ropt:hover{border-color:#b0a8f0}.mb-ropt.sel{background:#f5f4fe;border-color:#7f77dd}.mb-rcircle{border:1.5px solid #c4bfee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:flex}.mb-ropt.sel .mb-rcircle{background:#7f77dd;border-color:#7f77dd}.mb-ropt.sel .mb-rcircle:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px;display:block}.mb-rtext{color:#26215c;font-family:Courier New,monospace;font-size:12.5px}.mb-fib-row{background:#f4f3ff;border:.5px solid #c4bfee;border-radius:10px;align-items:center;gap:8px;padding:8px 13px;display:flex}.mb-fib-l{color:#aaa;flex-shrink:0;font-size:10px}.mb-fib-in{color:#26215c;background:0 0;border:none;outline:none;flex:1;font-family:Courier New,monospace;font-size:13px}.mb-fib-in::placeholder{color:#ccc}.mb-e-terminal{box-sizing:border-box;background:#1c1939;border-radius:14px;width:416px;max-width:100%;max-height:400px;margin-left:auto;margin-right:auto;padding:12px 14px;overflow-y:auto}.mb-e-top{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.mb-e-lbl{color:#4c4465;font-family:Courier New,monospace;font-size:10px}.mb-e-in{color:#d0acff;resize:none;background:0 0;border:none;outline:none;width:100%;font-family:Courier New,monospace;font-size:15px;line-height:1.9}.mb-e-in::placeholder{color:#3a3560}.mb-e-divider{background:#2a2548;height:.5px;margin:9px 0}.mb-e-out{color:#4c4465;min-height:20px;font-family:Courier New,monospace;font-size:12px;line-height:1.7}.mb-subbtn{color:#fff;cursor:pointer;background:#534ab7;border:none;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;padding:12px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s;display:flex}.mb-subbtn:hover:not(:disabled){background:#3c3489}.mb-subbtn:disabled{opacity:.4;cursor:not-allowed}.mb-hint-btn{color:#534ab7;cursor:pointer;white-space:nowrap;background:#f4f3ff;border:.5px solid #c4bfee;border-radius:14px;flex:1;padding:12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s}.mb-hint-btn:hover:not(:disabled){background:#eeedfe}.mb-hint-btn:disabled{opacity:.4;cursor:not-allowed}.mb-hint-box{background:#7f77dd14;border-left:3px solid #7f77dd;border-radius:10px;padding:10px 12px}.mb-result-correct{color:#16a34a;text-align:center;background:#4ade801a;border:.5px solid #4ade80;border-radius:12px;flex-direction:column;align-items:center;padding:14px;font-size:14px;font-weight:600;display:flex}.mb-result-wrong{background:#f9f8ff;border:.5px solid #e5e2f8;border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.mb-result-wrong-header{color:#534ab7;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.evo-modal-overlay{z-index:9999;pointer-events:all;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.evo-modal-overlay.phase-flash:before{content:"";z-index:10000;pointer-events:none;background:#fff;animation:1.2s forwards screenFlash;position:fixed;inset:0}@keyframes screenFlash{0%{opacity:0}25%{opacity:1}60%{opacity:1}to{opacity:0}}.evo-card{text-align:center;background:#0f0a1e;border:1px solid #7c3aed66;border-radius:24px;flex-direction:column;align-items:center;gap:1rem;width:300px;padding:2rem 1.75rem;display:flex;position:relative;box-shadow:0 0 60px #7c3aed4d}.evo-modal-overlay.phase-flash .evo-card{opacity:0}.evo-modal-overlay.phase-reveal .evo-card{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards cardPop}@keyframes cardPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.evo-title{letter-spacing:.2em;color:#c4b5fd;text-transform:uppercase;font-size:.7rem;font-weight:800}.evo-stage{width:140px;height:140px;position:relative}.evo-char-old{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.evo-char-old img{object-fit:contain;width:110px;height:110px}.evo-modal-overlay.phase-reveal .evo-char-old{display:none}.evo-char-new{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.evo-char-new img{object-fit:contain;width:120px;height:120px}.evo-modal-overlay.phase-reveal .evo-char-new{animation:.6s .2s forwards charAppear}@keyframes charAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.evo-particles{pointer-events:none;position:absolute;inset:-30px}.evo-particle{opacity:0;border-radius:50%;width:6px;height:6px;position:absolute}.evo-modal-overlay.phase-reveal .evo-particle{animation:.7s forwards particleBurst}.evo-particle:first-child{--tx:-60px;--ty:-60px;background:#c4b5fd;animation-delay:.1s;top:50%;left:50%}.evo-particle:nth-child(2){--tx:60px;--ty:-50px;background:#06b6d4;animation-delay:.15s;top:50%;left:50%}.evo-particle:nth-child(3){--tx:70px;--ty:30px;background:#f59e0b;animation-delay:.1s;top:50%;left:50%}.evo-particle:nth-child(4){--tx:-50px;--ty:60px;background:#10b981;animation-delay:.2s;top:50%;left:50%}.evo-particle:nth-child(5){--tx:10px;--ty:-70px;background:#f472b6;animation-delay:50ms;top:50%;left:50%}.evo-particle:nth-child(6){--tx:-70px;--ty:10px;background:#7c3aed;animation-delay:.12s;top:50%;left:50%}.evo-particle:nth-child(7){--tx:50px;--ty:65px;background:#fbbf24;animation-delay:.18s;top:50%;left:50%}.evo-particle:nth-child(8){--tx:-40px;--ty:-70px;background:#67e8f9;animation-delay:80ms;top:50%;left:50%}@keyframes particleBurst{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(0)}}.evo-new-name{opacity:0;font-size:1.3rem;font-weight:800}.evo-new-sub{color:#a09aba;opacity:0;font-size:.85rem}.evo-modal-overlay.phase-reveal .evo-new-name{animation:.4s .4s forwards fadeUp}.evo-modal-overlay.phase-reveal .evo-new-sub{animation:.4s .55s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.evo-close-btn{color:#fff;cursor:pointer;opacity:0;background:linear-gradient(135deg,#7c3aed,#06b6d4);border:none;border-radius:999px;margin-top:.5rem;padding:.6rem 2rem;font-size:.9rem;font-weight:700}.evo-modal-overlay.phase-reveal .evo-close-btn{animation:.4s .8s forwards fadeUp}.evo-close-btn:hover{opacity:.9;transform:scale(1.03)}.title-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0616d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.title-modal-card{text-align:center;background:linear-gradient(135deg,#1a152ce6 0%,#0f0a1ef2 100%);border:1px solid #7c3aed66;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:32px 24px;display:flex;position:relative;box-shadow:0 20px 50px #00000080,0 0 40px #7c3aed40}.title-modal-header{color:#fbbf24;text-shadow:0 0 10px #fbbf244d;margin-bottom:8px;font-size:1.5rem;font-weight:800}.title-modal-subheader{color:#a7a2bc;margin-bottom:24px;font-size:.9rem}.title-modal-list{flex-direction:column;gap:12px;width:100%;margin-bottom:24px;display:flex}.title-modal-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:16px;padding:14px 18px;transition:transform .2s,border-color .2s;display:flex}.title-modal-item:hover{background:#7c3aed0d;border-color:#7c3aed66;transform:translateY(-2px)}.title-modal-icon-wrapper{background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.title-modal-info{text-align:left;flex-direction:column;gap:2px;display:flex}.title-modal-name{color:#000;font-size:1.05rem;font-weight:700}.title-modal-desc{color:#94a3b8;font-size:.8rem}.title-modal-hint{color:#64748b;margin-bottom:24px;font-size:.8rem}.title-modal-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);border:none;border-radius:12px;width:100%;padding:12px;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #7c3aed4d}.title-modal-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed66}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.gate-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0616d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gate-modal-card{text-align:center;border:1px solid #f7f7f766;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:32px 24px;display:flex;position:relative;box-shadow:0 20px 50px #00000080,0 0 40px #7c3aed40}.gate-modal-icon{margin-bottom:8px;font-size:2.5rem}.gate-modal-header{color:var(--clr-text,#1a1a2e);margin-bottom:12px;font-size:1.35rem;font-weight:800}.gate-modal-desc{color:var(--clr-text-muted,#7a7a94);margin-bottom:24px;font-size:.95rem;line-height:1.6}.gate-modal-desc strong{color:#7c3aed}.gate-modal-btn{margin-top:0}@keyframes gatePopIn{0%{opacity:0;transform:scale(.9)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.boss-loading{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.boss-page{background:#f4f3fa;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:4rem}body:has(.boss-page){background:#f4f3fa}.boss-header{padding:1rem}.boss-header-battle{padding:.75rem 1rem .5rem}.boss-container{justify-content:center;padding:1rem;display:flex}.boss-container-battle{justify-content:center;padding:0;display:flex}.boss-card{text-align:center;flex-direction:column;gap:1.25rem;width:100%;max-width:500px;padding:2rem 1.25rem;display:flex}.boss-avatar{justify-content:center;display:flex}.boss-avatar img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:200px;height:200px}.boss-title{color:#1a1a2e;font-size:1.5rem;font-weight:800}.boss-desc{color:#7a7a94;font-size:.875rem;line-height:1.6}.pulse-btn{animation:2s infinite pulse-red;background:#ef4444!important;border-color:#ef4444!important}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.result-crown{justify-content:center;display:flex}.result-crown img{object-fit:contain;width:200px;height:200px}.result-rewards{flex-direction:column;gap:.5rem;margin:.5rem 0;display:flex}.reward-item{background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem;font-size:1rem;font-weight:700;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.shake{animation:.4s shake}@keyframes boss-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)rotate(-2.5deg)}40%{transform:translate(7px)rotate(2.5deg)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.boss-shake{animation:.5s boss-shake}@keyframes my-shake{0%,to{transform:translateY(0)}25%{transform:translateY(-6px)}75%{transform:translateY(4px)}}.my-shake{animation:.5s my-shake}@keyframes screen-shake{0%{transform:translate(0)}10%{transform:translate(-6px,-4px)}20%{transform:translate(6px,4px)}30%{transform:translate(-5px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(4px,-2px)}80%{transform:translate(3px,-1px)}to{transform:translate(0)}}.screen-shake{outline-offset:-2px;outline:2px solid #ef444480;animation:.6s screen-shake}.quiz-attack-wrap{transform-origin:50%}@keyframes attack-fly{0%{opacity:1;transform:translate(0)scale(1)}60%{opacity:.8;transform:translate(110px,-180px)scale(.35)}to{opacity:0;transform:translate(180px,-300px)scale(.05)}}.quiz-attack-wrap.attack-fly{pointer-events:none;animation:.5s cubic-bezier(.4,0,.6,1) forwards attack-fly}@keyframes dmg-float{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}40%{opacity:1;transform:translate(-50%)translateY(-20px)scale(1.3)}to{opacity:0;transform:translate(-50%)translateY(-50px)scale(.8)}}.dmg-popup{color:#f9e2af;text-shadow:0 0 10px #f9e2afcc,0 2px 4px #0009;pointer-events:none;white-space:nowrap;z-index:10;font-size:1.8rem;font-weight:900;animation:.8s forwards dmg-float;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@keyframes boss-hit-flash{0%{filter:brightness()drop-shadow(0 4px 16px #534ab74d)}30%{filter:brightness(3)drop-shadow(0 0 20px #ef4444cc)}to{filter:brightness()drop-shadow(0 4px 16px #534ab74d)}}.boss-hit{animation:.4s boss-hit-flash}.stage-page{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.stage-page--app-header{padding-top:calc(48px + env(safe-area-inset-top))}.stage-exit-btn{margin:var(--sp-4) var(--sp-4) 0;background:var(--clr-bg-card);border:1px solid var(--clr-border);width:32px;height:32px;color:var(--clr-primary-lt);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;font-size:15px;line-height:1;display:inline-flex;box-shadow:0 1px 3px #534ab714}.stage-exit-btn:hover{color:var(--clr-primary);border-color:var(--clr-primary-lt);background:var(--clr-bg-2);transform:translateY(-1px)}.stage-exit-btn:active{transform:scale(.94)}.stage-loading{justify-content:center;align-items:center;gap:var(--sp-4);flex-direction:column;min-height:100vh;display:flex}.mb-page{z-index:100!important;width:100%!important;max-width:480px!important;position:fixed!important;top:0!important;bottom:0!important;left:50%!important;overflow-y:auto!important;transform:translate(-50%)!important}.stage-hero{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-3);background:var(--clr-bg-2);border-bottom:1px solid var(--clr-border);z-index:10;display:flex;position:sticky;top:0}.stage-hero-close{border:1px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-text-muted);cursor:pointer;transition:background var(--transition-fast);background:#ffffff0f;flex-shrink:0;padding:4px 10px;font-size:1rem}.stage-hero-close:hover{background:#ffffff1a}.stage-hero-text{flex:1}.stage-breadcrumb{font-size:var(--font-size-xs);color:var(--clr-primary);letter-spacing:.04em;margin:0 0 4px;font-weight:600}.stage-hero-title{font-size:var(--font-size-lg);color:var(--clr-text);margin:0;font-weight:700;line-height:1.3}.stage-char-area{padding:var(--sp-4) var(--sp-4) var(--sp-2);background:var(--clr-bg-2);justify-content:center;align-items:center;display:flex;position:relative}.stage-char-area .stage-exit-btn{top:var(--sp-3);right:var(--sp-8);margin:0;position:absolute}.stage-char-img{object-fit:contain;filter:drop-shadow(0 0 16px #7dd3fc4d);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:200px;height:200px}.stage-char-img.villain-char{filter:drop-shadow(0 0 20px #ef444480)}.stage-bottom-progress{margin:var(--sp-2) var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);background:color-mix(in srgb, var(--clr-primary) 6%, transparent);border-radius:var(--radius-md);border-bottom:1px solid var(--clr-border)}.stage-bottom-progress .progress-bar{background:color-mix(in srgb, var(--clr-primary) 12%, transparent);border-color:#0000}.stage-progress-label{justify-content:space-between;gap:var(--sp-3);font-size:var(--font-size-xs);color:var(--clr-text-muted);margin-bottom:var(--sp-2);font-weight:600;display:flex}.stage-progress-title{color:var(--clr-primary);letter-spacing:.04em}.stage-score-badge{font-size:var(--font-size-sm);color:var(--clr-accent);white-space:nowrap;text-align:right;min-width:48px;font-weight:800}.stage-content{padding-top:var(--sp-6)!important;width:100%!important;max-width:480px!important;margin:0!important;padding-bottom:120px!important}.stage-result{justify-content:center;align-items:center;gap:var(--sp-4);min-height:100vh;padding:var(--sp-8) var(--sp-4);text-align:center;flex-direction:column;max-width:400px;margin:0 auto;display:flex}.result-icon{font-size:5rem;line-height:1}.result-title{font-size:var(--font-size-2xl);font-weight:800}.result-score{font-size:4rem;font-weight:900;line-height:1}.result-desc{color:var(--clr-text-muted);font-size:var(--font-size-md)}.result-reward{gap:var(--sp-1);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-6);color:#6ee7b7;font-weight:700;font-size:var(--font-size-sm);background:#10b9811a;border:1px solid #10b9814d;flex-direction:column;display:flex}.result-actions{gap:var(--sp-3);width:100%;margin-top:var(--sp-4);flex-direction:column;display:flex}.result-icon img{object-fit:contain;width:200px;height:200px}.stage-page.villain-mode{background:radial-gradient(circle at 50% 0%, #8b000026 0%, var(--clr-bg) 70%)}.stage-page.villain-mode .boss-avatar,.stage-page.villain-mode .boss-avatar img{pointer-events:none}.villain-emoji{object-fit:contain;width:200px;height:200px;margin-bottom:var(--sp-2);filter:drop-shadow(0 0 20px #ef444466);animation:3s ease-in-out infinite float}.villain-speech{border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);color:#fca5a5;font-weight:700;font-size:var(--font-size-md);background:#1e1e2ecc;border:1px solid #ef44444d;position:relative;box-shadow:0 8px 32px #ef444426}.villain-speech:after{content:"";border:8px solid #0000;border-top-width:0;border-bottom-color:#ef44444d;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.mb-page,.stage-page.villain-mode,.stage-result{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;caret-color:#0000}.mb-page input,.mb-page textarea,.mb-page pre,.mb-page code{-webkit-user-select:text;user-select:text;caret-color:auto}.mb-page img,.stage-page.villain-mode img,.stage-result img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.eb-b-wrap{border-radius:20px;flex-direction:column;width:100%;max-width:480px;display:flex;overflow:hidden;box-shadow:0 4px 24px #534ab724}.eb-b-bg{background:linear-gradient(#eae6f8 0%,#d6d0f4 50%,#c4bcf0 100%);flex-shrink:0;height:300px;position:relative;overflow:hidden}.eb-b-ground-bot{opacity:.3;background:#b8b0e8;border-radius:60% 60% 0 0/16px 16px 0 0;height:34px;position:absolute;bottom:0;left:0;right:0}.eb-b-boss-hpbox,.eb-b-player-hpbox{z-index:6;width:min(42%,170px);min-width:0;position:absolute;top:12px}.eb-b-boss-hpbox{right:12px}.eb-b-player-hpbox{left:12px}.eb-b-player-hpbox.shake{animation:.4s eb-b-shake}@keyframes eb-b-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.eb-b-hp-name{color:#26215c;margin-bottom:1px;font-size:11px;font-weight:600}.eb-b-hp-sub{color:#9b96d0;margin-bottom:4px;font-size:9px}.eb-b-hp-bar-wrap{align-items:center;gap:5px;display:flex}.eb-b-hp-label{color:#7f77dd;flex-shrink:0;font-size:9px;font-weight:600}.eb-b-hp-track{background:#eeedfe;border-radius:99px;flex:1;height:6px;overflow:hidden}.eb-b-hp-fill{border-radius:99px;height:6px;transition:width .5s}.eb-b-hp-fill.player{background:linear-gradient(90deg,#7f77dd,#534ab7)}.eb-b-hp-nums{color:#aaa;text-align:right;margin-top:2px;font-size:9px}.eb-b-hearts{gap:4px;margin-top:3px;display:flex}.eb-b-heart{font-size:16px}.eb-b-boss-canvas{pointer-events:none;z-index:2;width:205px;height:205px;position:absolute;bottom:10px;right:-18px}.eb-b-player-canvas{pointer-events:none;z-index:3;width:132px;height:132px;position:absolute;bottom:22px;left:18px}@media (width<=420px){.eb-b-boss-hpbox,.eb-b-player-hpbox{width:calc(50% - 22px)}.eb-b-boss-canvas{width:190px;height:190px;right:-12px}.eb-b-player-canvas{width:118px;height:118px;left:20px}}.eb-b-boss-canvas.hit-red,.eb-b-player-canvas.hit-red{filter:sepia()saturate(8)hue-rotate(310deg)brightness(1.3);transition:filter}.eb-b-boss-canvas,.eb-b-player-canvas{transition:filter .3s}.eb-b-boss-img{object-fit:contain;filter:drop-shadow(0 4px 12px #534ab740);width:88px;height:88px;transition:filter .3s;position:absolute;top:18px;right:16px}.eb-b-boss-img.shake{animation:.4s eb-b-boss-shake}.eb-b-boss-img.hit{filter:brightness(2)drop-shadow(0 0 16px #ff6464cc)}@keyframes eb-b-boss-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.eb-b-player-img{object-fit:contain;filter:drop-shadow(0 3px 8px #534ab733);width:72px;height:72px;position:absolute;bottom:40px;left:16px;transform:scaleX(-1)}.eb-b-player-img.atk{animation:.5s eb-b-atk}@keyframes eb-b-atk{0%{transform:scaleX(-1)translate(0)}30%{transform:scaleX(-1)translate(-44px)scale(1.1)}60%{transform:scaleX(-1)translate(-20px)}to{transform:scaleX(-1)translate(0)}}.eb-b-flying-card{pointer-events:none;z-index:10;background:#fff;border:2px solid #534ab7;border-radius:6px;justify-content:center;align-items:center;width:34px;height:46px;font-size:18px;animation:.46s cubic-bezier(.3,0,.7,1) forwards eb-b-card-fly;display:flex;position:absolute;bottom:44px;left:20px;box-shadow:0 2px 8px #534ab766}@keyframes eb-b-card-fly{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}75%{opacity:1;transform:translate(250px,-80px)rotate(-22deg)scale(.85)}to{opacity:0;transform:translate(275px,-92px)rotate(-28deg)scale(.5)}}.eb-b-dmg-popup{color:#f44;text-shadow:0 2px 8px #ff444480;pointer-events:none;font-size:22px;font-weight:800;animation:.8s forwards eb-b-dmg-float;position:absolute;top:28px;right:28px}@keyframes eb-b-dmg-float{0%{opacity:1;transform:translateY(0)scale(1.2)}60%{opacity:1;transform:translateY(-28px)scale(1)}to{opacity:0;transform:translateY(-44px)scale(.8)}}.eb-b-quiz-wrap{background:#fff;flex-direction:column;gap:10px;padding:12px 14px 16px;display:flex}.eb-b-topbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.eb-b-badge{letter-spacing:.3px;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:600}.eb-b-qnum{color:#aaa;margin-left:auto;font-size:11px}.eb-b-hint-pill{color:#8a5500;cursor:pointer;background:#fff3dc;border:.5px solid #fac775;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:600;transition:opacity .15s}.eb-b-hint-pill:hover{opacity:.8}.eb-b-hint-pill.used{opacity:.4;cursor:not-allowed}.eb-b-escape-btn{color:#dc2626;cursor:pointer;background:#ef444414;border:.5px solid #ef44444d;border-radius:20px;margin-left:auto;padding:3px 10px;font-family:inherit;font-size:10px;font-weight:600;transition:all .15s}.eb-b-escape-btn:hover{background:#ef444426}.eb-b-qcard{background:#f9f8fe;border:.5px solid #e5e2f8;border-radius:16px;flex-direction:column;gap:9px;padding:13px;display:flex}.eb-b-qtext{color:#26215c;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:17px;font-weight:500;line-height:1.6}.eb-b-terminal{box-sizing:border-box;background:#1c1939;border-radius:12px;width:416px;max-width:100%;max-height:none;margin-left:auto;margin-right:auto;padding:12px 14px;overflow:visible}.eb-b-code{color:#e9d5ff;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font-family:Courier New,monospace;font-size:15px;line-height:1.8}.eb-b-radio-opts{flex-direction:column;gap:6px;display:flex}.eb-b-ropt{cursor:pointer;background:#fff;border:1px solid #e8e6fa;border-radius:12px;align-items:center;gap:9px;padding:9px 12px;transition:all .15s;display:flex}.eb-b-ropt:hover{background:#f9f8fe;border-color:#b0a8f0}.eb-b-ropt.sel{background:#f0effe;border-color:#7f77dd}.eb-b-rcircle{color:#9b96d0;border:1.5px solid #c4bfee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;transition:all .15s;display:flex}.eb-b-ropt.sel .eb-b-rcircle{color:#fff;background:#7f77dd;border-color:#7f77dd}.eb-b-rtext{color:#26215c;font-size:12.5px;line-height:1.5}.eb-b-fib-row{background:#fff;border:1px solid #c4bfee;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;display:flex}.eb-b-fib-lbl{color:#aaa;flex-shrink:0;font-size:10px}.eb-b-fib-in{color:#26215c;background:0 0;border:none;outline:none;flex:1;font-family:Courier New,monospace;font-size:13px}.eb-b-fib-in::placeholder{color:#ccc}.eb-b-editor{box-sizing:border-box;background:#1c1939;border-radius:12px;width:416px;max-width:100%;max-height:400px;margin-left:auto;margin-right:auto;padding:12px 14px;overflow-y:auto}.eb-b-edlbl{color:#4c4465;margin-bottom:6px;font-family:Courier New,monospace;font-size:10px}.eb-b-edta{color:#e9d5ff;resize:vertical;caret-color:#7f77dd;background:0 0;border:none;outline:none;width:100%;font-family:Courier New,monospace;font-size:15px;line-height:1.7}.eb-b-edta::placeholder{color:#3a3560}.eb-b-hint-box{background:#fff9ed;border:.5px solid #fac775;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.eb-b-hint-title{color:#8a5500;font-size:11px;font-weight:600}.eb-b-hint-body{color:#26215c;font-size:12px;line-height:1.55}.eb-b-atk-btn{color:#fff;cursor:pointer;background:#534ab7;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s;display:flex}.eb-b-atk-btn:hover:not(:disabled){background:#3c3489}.eb-b-atk-btn:disabled{cursor:not-allowed;background:#c4bfee}.eb-b-result-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#1e1b4ba6;justify-content:center;align-items:center;animation:.25s eb-b-fade-in;display:flex;position:fixed;inset:0}@keyframes eb-b-fade-in{0%{opacity:0}to{opacity:1}}.eb-b-result-card{background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:13px;width:310px;padding:26px 22px;animation:.3s eb-b-scale-in;display:flex}@keyframes eb-b-scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.eb-b-res-icon{font-size:44px}.eb-b-res-title{color:#26215c;text-align:center;font-size:17px;font-weight:700}.eb-b-res-desc{color:#9b96d0;text-align:center;max-height:80px;font-size:12px;line-height:1.65;overflow-y:auto}.eb-b-res-hp-row{color:#534ab7;background:#f0effe;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;font-size:12px;font-weight:500;display:flex}.eb-b-res-hp-val{font-size:15px;font-weight:700}.eb-b-res-clear{color:#4ade80;text-align:center;font-size:15px;font-weight:600}.eb-b-res-hint{color:#26215c;background:#fff9ed;border:.5px solid #fac775;border-radius:12px;flex-direction:column;gap:4px;width:100%;padding:10px 14px;font-size:12px;display:flex}.eb-b-next-btn{color:#fff;cursor:pointer;background:#534ab7;border:none;border-radius:14px;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.eb-b-next-btn:hover{background:#3c3489}.ep-hp-preview{align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.ep-hp-fill{border-radius:99px;height:7px}.ep-lives{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.ep-lives-title{color:#fca5a5a6;letter-spacing:.5px;font-size:11px;font-weight:700}.ep-lives-row{justify-content:center;gap:10px;display:flex}.ep-life{background:#ef44442e;border:2px solid #ef444466;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}.ep-lives-hint{color:#ffb4b480;font-size:11px}.ep-continue-btn{color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .1s}.ep-continue-btn:active{transform:translateY(2px)}.ep-continue-btn.red{background:linear-gradient(135deg,#ef4444,#dc2626);font-size:16px;font-weight:800;box-shadow:0 5px #991b1b,0 8px 24px #ef444466}.eb-b-hp-sub{z-index:8;color:#fff;text-shadow:0 2px 8px #1e1b4b73;background:0 0;flex-direction:column;align-items:center;gap:1px;padding:0;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.eb-b-level-label{color:#fff;font-size:8px;font-weight:800;line-height:1}.eb-b-boss-label{letter-spacing:0;white-space:nowrap;color:#fff;font-size:9px;font-weight:800;line-height:1}.eb-b-phase-intro{z-index:20;pointer-events:none;background:radial-gradient(circle,#1e1b4b6b,#1e1b4b00 62%);justify-content:center;align-items:center;animation:1.3s forwards eb-b-phase-intro-fade;display:flex;position:absolute;inset:0}.eb-b-phase-intro span{color:#fff;letter-spacing:0;text-shadow:0 6px 18px #1e1b4b73;font-size:52px;font-weight:900;animation:1.3s cubic-bezier(.2,.9,.2,1) forwards eb-b-phase-intro-pop}@keyframes eb-b-phase-intro-fade{0%{opacity:0}15%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes eb-b-phase-intro-pop{0%{opacity:0;transform:scale(.68)}18%{opacity:1;transform:scale(1.08)}36%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.eb-intro-card{background:#fff;border-radius:24px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 4px 24px #534ab71f}.eb-boss-stage{background:linear-gradient(#eae6f8 0%,#d6d0f4 60%,#c4bcf0 100%);flex-direction:column;align-items:center;min-height:190px;padding:20px 0 16px;display:flex;position:relative}.eb-boss-stage:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 30%,#ffffff59 0%,#0000 70%);position:absolute;inset:0}.eb-sparkles{pointer-events:none;height:48px;position:absolute;top:0;left:0;right:0}.eb-sp{border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite eb-sparkle;position:absolute}@keyframes eb-sparkle{0%,to{opacity:0;transform:scale(.6)translateY(0)}50%{opacity:1;transform:scale(1)translateY(-8px)}}.eb-boss-float{animation:3s ease-in-out infinite eb-float}@keyframes eb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.eb-anger-bubble{color:#26215c;z-index:1;background:#fff;border:1px solid #e5e2f8;border-radius:20px;align-items:center;gap:6px;margin-top:10px;padding:5px 14px;font-size:12px;font-weight:500;display:flex;position:relative;box-shadow:0 2px 8px #534ab71a}.eb-body-panel{flex-direction:column;gap:14px;padding:18px 20px 22px;display:flex}.eb-title-row{flex-direction:column;gap:4px;display:flex}.eb-eyebrow{color:#ef4444;letter-spacing:.8px;font-size:10px;font-weight:700}.eb-main-title{color:#26215c;letter-spacing:-.3px;font-size:20px;font-weight:800}.eb-main-desc{color:#666;margin-top:2px;font-size:12px;line-height:1.65}.eb-divider{background:#eeedfe;height:.5px}.eb-proj-label{color:#26215c;margin-bottom:8px;font-size:11px;font-weight:600}.eb-proj-grid{flex-direction:column;gap:7px;display:flex}.eb-proj-card{cursor:pointer;background:#fff;border:1px solid #e5e2f8;border-radius:14px;align-items:center;gap:11px;padding:10px 12px;transition:all .15s;display:flex;position:relative}.eb-proj-card:hover{background:#f9f8fe;border-color:#b0a8f0}.eb-proj-card.selected{background:#f0effe;border-color:#7f77dd}.eb-proj-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.eb-proj-name{color:#26215c;font-size:13px;font-weight:600}.eb-proj-tag{color:#9b96d0;margin-top:1px;font-size:10px}.eb-proj-check{background:#c4bfee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;transition:background .15s;display:flex}.eb-proj-card.selected .eb-proj-check{background:#7f77dd}.eb-level-ladder{flex-direction:column;gap:7px;display:flex}.eb-level-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e2f8;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;transition:all .15s;display:flex}.eb-level-card:hover:not(:disabled){background:#f9f8fe;border-color:#b0a8f0}.eb-level-card.selected{background:#f0effe;border-color:#7f77dd}.eb-level-card:disabled{cursor:not-allowed;opacity:.72}.eb-level-icon{background:#f4f3fa;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.eb-level-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.eb-level-status{color:#7f77dd;white-space:nowrap;background:#f0effe;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.eb-level-card.cleared .eb-level-status{color:#16a34a;background:#dcfce7}.eb-level-card.locked .eb-level-status,.eb-level-card.current:disabled .eb-level-status{color:#ef4444;background:#fee2e2}.eb-clear-note{color:#16a34a;text-align:center;padding:4px 0;font-size:12px}.eb-cond-row{flex-direction:column;gap:6px;display:flex}.eb-cond-item{color:#666;justify-content:space-between;font-size:12px;display:flex}.eb-cond-val{color:#26215c;font-weight:500}.eb-cond-val.free{color:#16a34a}.eb-cond-val.nohint{color:#ef4444}.eb-cond-val.purple{color:#7f77dd}.eb-error{color:#ef4444;text-align:center;padding:4px 0;font-size:12px}.eb-start-btn{cursor:pointer;color:#fff;background:linear-gradient(#ef4444 0%,#b91c1c 100%);border:none;border-radius:14px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 4px #991b1b,0 6px 12px #ef444459}.eb-start-btn:hover{transform:translateY(-1px)}.eb-start-btn:active{transform:translateY(2px);box-shadow:0 2px #991b1b,0 3px 6px #ef44444d}.ep-card{background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:420px;padding:28px 22px;display:flex;box-shadow:0 4px 24px #534ab71f}.ep-card.phase3{border-top:4px solid #ef4444}.ep-badge-wrap{text-align:center}.ep-phase-lbl{letter-spacing:2px;margin-bottom:4px;font-size:10px;font-weight:700}.ep-phase-lbl.blue{color:#93c5fd}.ep-phase-lbl.yellow{color:#fde047}.ep-phase-lbl.red{color:#fca5a5}.ep-big-num{letter-spacing:-4px;font-size:64px;font-weight:900;line-height:1}.ep-big-num.blue{color:#3b82f6}.ep-big-num.yellow{color:#eab308}.ep-big-num.red{color:#ef4444}.ep-phase-name{color:#26215c;margin-top:4px;font-size:18px;font-weight:700}.ep-phase-desc{color:#9b96d0;text-align:center;margin-top:4px;font-size:12px;line-height:1.6}.ep-phase-desc.blue{color:#93c5fd}.ep-phase-desc.yellow{color:#ca8a04}.ep-phase-desc.red{color:#ef4444}.ep-rules{background:#f9f8fe;border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:14px 16px;display:flex}.ep-rule-title{color:#ef4444;margin-bottom:2px;font-size:11px;font-weight:700}.ep-rule-row{color:#26215c;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.ep-rule-row.red{color:#ef4444}.ep-rule-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.ep-hp-preview{align-items:center;gap:10px;width:100%;display:flex}.ep-hp-bar-wrap{flex:1}.ep-hp-labels{color:#9b96d0;justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.ep-hp-track{background:#eeedfe;border-radius:99px;height:8px;overflow:hidden}.ep-hp-fill{border-radius:99px;height:8px;transition:width .5s}.ep-lives{background:#fff5f5;border:1px solid #fecaca;border-radius:16px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:14px 20px;display:flex}.ep-lives-title{color:#ef4444;font-size:11px;font-weight:600}.ep-lives-row{gap:10px;font-size:28px;display:flex}.ep-life{line-height:1}.ep-life.used{filter:grayscale()opacity(.5)}.ep-lives-hint{color:#ef4444;text-align:center;font-size:10px}.ep-continue-btn{cursor:pointer;color:#fff;border:none;border-radius:14px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:filter .15s}.ep-continue-btn:hover{filter:brightness(1.1)}.ep-continue-btn.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 14px #3b82f659}.ep-continue-btn.yellow{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 4px 14px #eab30859}.ep-continue-btn.red{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 14px #ef444459}.boss-select-page{max-width:480px;min-height:90vh;margin:0 auto;padding-top:1.5rem;padding-bottom:4rem}.boss-select-header{margin-bottom:2rem;padding:0 .5rem}.boss-select-title{background:linear-gradient(135deg,#ef4444 0%,#7f77dd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:1rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.boss-select-subtitle{color:#7a7a94;font-size:.875rem;line-height:1.5}.boss-select-error{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:14px;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.boss-select-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:0 .5rem;display:grid}.boss-select-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e1ee;border-radius:20px;flex-direction:column;min-height:200px;padding:1.25rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.boss-select-card:hover{border-color:#ef444466;transform:translateY(-4px);box-shadow:0 2px 12px #00000014,0 10px 25px #ef444426}.bs-card-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.bs-unit-badge{color:#7a7a94;background:#ffffff14;border:1px solid #e2e1ee;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.bs-icon{font-size:1.8rem}.bs-card-body{flex-direction:column;flex:1;justify-content:center;margin-bottom:1rem;display:flex}.bs-boss-name{color:#fff;margin-bottom:.5rem;font-size:1rem;font-weight:800;line-height:1.4}.bs-reward-row{flex-wrap:wrap;gap:.5rem;display:flex}.bs-reward-tag{color:#c4b5fd;background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:6px;padding:2px .5rem;font-size:.7rem;font-weight:600}.bs-reward-tag:nth-child(2){color:#818cf8;background:#6366f11a;border:1px solid #6366f140}.bs-card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.bs-attempts{font-size:.75rem;font-weight:700}.bs-available{color:#34d399}.bs-out{color:#9999b0}.bs-arrow{color:#9999b0;font-size:1.2rem;transition:transform .25s}.boss-select-card:hover .bs-arrow{color:#1a1a2e;transform:translate(4px)}.bs-dimmed{opacity:.65}.bs-dimmed:hover{opacity:.9;border-color:#fff3;box-shadow:0 2px 12px #00000014}.bs-exhausted-badge{color:#ef4444;text-transform:uppercase;z-index:2;background:#ef444426;border:1px solid #ef444466;border-radius:6px;padding:2px .5rem;font-size:.65rem;font-weight:800;position:absolute;top:12px;right:12px}.bs-crown-badge{color:#34d399;z-index:2;background:#34d39926;border:1px solid #34d39966;border-radius:6px;padding:2px .5rem;font-size:.65rem;font-weight:800;position:absolute;top:12px;right:12px}.bs-crown-text{color:#34d399}.char-page{background:#f4f3fa;min-height:100vh;padding-bottom:0}.char-shell{max-width:480px;margin:0 auto}.char-hero-bg{background:var(--clr-primary,#7f77dd);border-radius:28px;margin:12px 12px 0;padding:14px 16px 0;overflow:hidden}.char-hero-topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.char-hero-logo{color:#fff;letter-spacing:.05em;font-size:15px;font-weight:700}.char-hero-settings{cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);background:#fff3;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex;box-shadow:0 4px 10px #1a1a2e14}.char-hero-settings:hover{background:#ffffff47;transform:translateY(-1px);box-shadow:0 6px 14px #1a1a2e1a,0 0 0 3px #ffffff1f}.char-hero-settings:active{transform:translateY(0)scale(.98)}.char-hero-body{flex-direction:column;align-items:center;display:flex}.char-hero-top-meta{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:10px;display:flex}.char-hero-stage-badge{color:#534ab7;white-space:nowrap;text-overflow:ellipsis;background:#eeedfe;border-radius:20px;max-width:150px;padding:4px 9px;font-size:12px;font-weight:600;overflow:hidden}.char-hero-character-badge{color:#534ab7;white-space:nowrap;background:#eeedfe;border-radius:20px;flex:none;padding:4px 9px;font-size:12px;font-weight:600}.char-hero-meta{flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0 0 20px;display:flex}.char-hero-name-row{justify-content:center;align-items:center;gap:10px;max-width:100%;display:flex}.char-hero-username{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:700;overflow:hidden}.char-hero-inline-lv{color:#ffffffeb;flex:none;font-size:12px;font-weight:600}.char-hero-title-badge{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:6px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-flex}.char-hero-title-icon{border-radius:999px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.char-hero-title-icon svg{width:12px;height:12px}.char-hero-level-badge{color:#ffffffe0;letter-spacing:.3px;background:#ffffff1f;border-radius:20px;margin-top:18px;margin-bottom:26px;padding:2px 12px;font-size:11px;font-weight:500}.char-hero-glow{justify-content:center;align-items:center;width:90px;height:90px;margin-top:10px;display:flex;overflow:visible}.char-visual-img{object-fit:contain;filter:drop-shadow(0 4px 16px #0003);width:85px;max-width:none;height:85px}.char-hero-status{width:100%;min-height:16px;padding:0 0 14px}.char-hero-status-hint{color:#ffffffa6;text-align:center;margin-top:0;font-size:10px}.char-reward-strip{background:#534ab7d9;display:flex}.char-ri{border-right:.5px solid #ffffff26;flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 8px;display:flex}.char-ri:last-child{border-right:none}.char-ri-val{color:#fff;font-size:14px;font-weight:600}.char-ri-label{color:#ffffffa6;font-size:10px}.char-scroll{flex-direction:column;gap:10px;padding:12px 12px 90px;display:flex}.char-level-banner{border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--clr-primary);text-align:center;letter-spacing:.04em;background:#7dd3fc1f;border:1px solid #7dd3fc4d;padding:7px 16px;font-weight:600}.char-section-label{color:var(--clr-text);margin-bottom:-4px;padding:2px 4px;font-size:13px;font-weight:500}.char-level-banner+.char-section-label{margin-top:10px}.char-stats-grid+.char-section-header{margin-top:-4px}.char-section-hint{color:var(--clr-text-muted);margin-top:-6px;padding:0 4px;font-size:11px}.char-section-header{justify-content:space-between;align-items:center;gap:8px;padding:0 14px 0 4px;display:flex}.char-section-header+.char-section-card{margin-top:-4px}.char-section-header .char-section-label{margin-bottom:0}.char-section-header--hint{justify-content:flex-start;align-items:baseline;gap:6px;padding-right:4px}.char-section-header--hint .char-section-hint{text-align:left;flex:0 auto;margin:0;padding:0;line-height:1.35}.char-save-btn-inline{background:var(--clr-primary);color:#fff;cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:8px;flex-shrink:0;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:600;box-shadow:0 4px 10px #534ab729,0 0 0 1px #7f77dd14}.char-save-btn-inline:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.char-save-btn-inline:not(:disabled):hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 14px #534ab733,0 0 0 3px #7f77dd1a}.char-save-btn-inline:not(:disabled):active{transform:translateY(0)scale(.96)}.char-save-error{color:var(--clr-danger,#ef4444);margin:-6px 0 0;padding:0 4px;font-size:11px}.char-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.char-stat-card{background:var(--clr-bg-card);border:.5px solid var(--clr-border);aspect-ratio:1;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:10px 8px;display:flex}.char-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;margin-bottom:8px;font-size:13px;display:flex}.char-stat-val{color:var(--clr-text);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:15px;font-weight:600;line-height:1.15;overflow:hidden}.char-stat-label{color:var(--clr-text-muted);word-break:keep-all;width:100%;margin-top:5px;font-size:10px;line-height:1.2}.char-section-card{background:var(--clr-bg-card);border-radius:var(--radius-lg);border:.5px solid var(--clr-border);padding:14px}.char-grid{grid-template-columns:1fr 1fr;gap:2px 4px;margin-bottom:12px;display:grid}.char-option{background:var(--clr-bg);border:1.5px solid var(--clr-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;align-items:center;gap:0;padding:1px 2px 2px;display:flex;position:relative;box-shadow:0 6px 14px #1a1a2e0a,0 0 0 1px #7f77dd0a}.char-option:not(.locked):hover{border-color:var(--clr-primary);transform:translateY(-1px);box-shadow:0 8px 18px #534ab71a,0 0 0 3px #7f77dd14}.char-option.active{border-color:var(--clr-primary);background:#7f77dd14;box-shadow:0 8px 18px #534ab71f,0 0 0 3px #7f77dd1a}.char-option.locked{opacity:.5;cursor:not-allowed;box-shadow:none}.char-opt-check{background:var(--clr-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:flex;position:absolute;top:8px;right:8px}.char-opt-lock{font-size:12px;position:absolute;top:8px;right:8px}.char-opt-img{justify-content:center;align-items:center;width:80px;height:80px;display:flex}.char-opt-img img{object-fit:contain;width:60px;height:60px}.char-opt-name{color:var(--clr-text);font-size:12px;font-weight:600}.char-opt-desc{color:var(--clr-text-muted);text-align:center;font-size:10px;line-height:1.4}.char-save-btn{background:var(--clr-primary);color:#fff;cursor:pointer;width:100%;transition:box-shadow var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);border:1px solid #ffffff38;border-radius:14px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;box-shadow:0 8px 18px #534ab729,0 0 0 1px #7f77dd14}.char-save-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.char-save-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px);box-shadow:0 10px 22px #534ab733,0 0 0 4px #7f77dd1a}.char-logout-btn{border-radius:var(--radius-full);border:1.5px solid var(--clr-border);background:var(--clr-bg-card);width:100%;color:var(--clr-text-muted);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:6px;margin:4px 0 0;padding:12px 22px;font-family:inherit;font-size:13px;font-weight:600;display:flex;box-shadow:0 5px 12px #1a1a2e0a,0 0 0 1px #ef44440a}.char-logout-btn:hover{color:var(--clr-danger);background:#ef444414;border-color:#ef44444d;transform:translateY(-1px);box-shadow:0 7px 16px #ef44441a,0 0 0 3px #ef444414}.char-logout-btn:active{transform:translateY(0)scale(.99)}.char-title-list{background:var(--clr-bg-card);border-radius:var(--radius-lg);border:.5px solid var(--clr-border);overflow:hidden}.char-title-row{border-bottom:.5px solid var(--clr-border);text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;border-radius:0;align-items:center;gap:11px;padding:12px 14px;display:flex}.char-title-row:last-child{border-bottom:none}.char-title-row.equipped{background:#7f77dd12}.char-title-row.locked{opacity:.5;cursor:not-allowed}.char-title-row:not(.locked):hover{background:#ffffff08}.char-title-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.char-title-info{flex:1;min-width:0}.char-title-name-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.char-title-name{color:var(--clr-text);font-size:13px;font-weight:600}.char-title-equipped-badge{background:var(--clr-primary);color:#fff;border-radius:5px;padding:1px 6px;font-size:9px;font-weight:600}.char-title-desc{color:var(--clr-text-muted);font-size:11px;line-height:1.35}.char-title-equip-btn{color:var(--clr-primary);border:1.5px solid var(--clr-primary);background:0 0;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:600;line-height:1.4;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 10px #7f77dd1f,0 0 0 1px #7f77dd14}.char-title-equip-btn.on{background:var(--clr-primary);color:#fff;box-shadow:0 6px 14px #534ab72e,0 0 0 2px #7f77dd1f}.char-title-row:not(.locked):hover .char-title-equip-btn{transform:translateY(-1px);box-shadow:0 6px 14px #7f77dd29,0 0 0 2px #7f77dd1a}.char-title-row:not(.locked):hover .char-title-equip-btn.on{box-shadow:0 8px 18px #534ab738,0 0 0 3px #7f77dd1f}.char-title-row:not(.locked):active .char-title-equip-btn{transform:translateY(0)scale(.99);box-shadow:0 3px 8px #7f77dd1f,0 0 0 1px #7f77dd14}.char-cert-scroll{-ms-overflow-style:none;scrollbar-width:none;gap:12px;padding:4px 0 8px;display:flex;overflow-x:auto}.char-cert-scroll::-webkit-scrollbar{display:none}.char-cert-scroll:before,.char-cert-scroll:after{content:"";flex-grow:1}.char-cert-card{border:.5px solid var(--clr-border);border-radius:14px;flex-shrink:0;width:clamp(100px,33.3333vw - 18px,120px);overflow:hidden}.char-cert-top{padding:9px 10px 7px}.char-cert-badge{color:#ffffffbf;margin-bottom:2px;font-size:9px;font-weight:500}.char-cert-name{color:#fff;font-size:12px;font-weight:600}.char-cert-body{justify-content:center;align-items:center;padding:6px 0;display:flex}.char-cert-img{object-fit:contain;width:44px;height:44px}.char-cert-footer{justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.char-cert-date{color:#fffc;font-size:9px}.char-cert-share{color:#fff;cursor:pointer;font-size:9px;font-weight:600}.char-cert-locked{background:var(--clr-bg-card);border:1.5px dashed var(--clr-border);opacity:.5;flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex}.char-cert-locked-text{color:var(--clr-text-muted);text-align:center;font-size:10px;line-height:1.5}.char-custom-subtitle{color:var(--clr-text-muted);margin-bottom:10px;font-size:12px}.char-palette-row{flex-wrap:wrap;gap:8px;display:flex}.char-swatch{cursor:pointer;width:36px;height:36px;transition:box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:50%;flex-shrink:0;position:relative;box-shadow:0 5px 12px #1a1a2e14,0 0 0 1px #7f77dd0f}.char-swatch:not(.locked):hover{transform:translateY(-1px);box-shadow:0 7px 16px #1a1a2e1f,0 0 0 3px #7f77dd14}.char-swatch:not(.locked):active{transform:translateY(0)scale(.98)}.char-swatch.locked{opacity:.35;cursor:default;box-shadow:none}.char-swatch-lock{background:var(--clr-bg-card);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;bottom:-3px;right:-3px}.char-custom-divider{border-top:.5px solid var(--clr-border);margin:10px 0}.char-effect-row{flex-wrap:wrap;gap:7px;display:flex}.char-effect{cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:#ffffffb3;border:1px solid #7f77dd1f;border-radius:9px;padding:5px 12px;font-size:11px;box-shadow:0 4px 10px #1a1a2e0a}.char-effect:not(.locked):hover{border-color:#7f77dd3d;transform:translateY(-1px);box-shadow:0 6px 14px #534ab71a,0 0 0 3px #7f77dd14}.char-effect:not(.locked):active{transform:translateY(0)scale(.99)}.char-effect.active{color:var(--clr-primary);border:1.5px solid var(--clr-primary);background:#7f77dd33;box-shadow:0 6px 14px #534ab71f,0 0 0 3px #7f77dd1a}.char-effect.locked{color:var(--clr-text-faint);border:1px solid var(--clr-border);opacity:.5;cursor:default;background:#ffffff0a}.char-theme-card{background:var(--clr-bg-card);border-radius:var(--radius-lg);border:.5px solid var(--clr-border);overflow:hidden}.char-theme-row{border-bottom:.5px solid var(--clr-border);transition:background var(--transition-fast), transform var(--transition-fast);align-items:center;gap:10px;padding:11px 14px;display:flex}.char-theme-row:last-child{border-bottom:none}.char-theme-row.locked{opacity:.5}.char-theme-row:not(.locked):hover{background:#7f77dd0f}.char-theme-row:not(.locked):active{transform:scale(.995)}.char-theme-preview{border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;gap:3px;width:44px;height:30px;padding:4px 5px;display:flex}.char-theme-line{border-radius:2px;height:3px}.char-theme-info{flex:1}.char-theme-name{color:var(--clr-text);font-size:13px;font-weight:500}.char-theme-sub{color:var(--clr-text-muted);margin-top:2px;font-size:10px}.char-theme-active-label{color:var(--clr-primary);flex-shrink:0;font-size:10px;font-weight:600}.legal-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.18s legal-fade-in;display:flex;position:fixed;inset:0}@keyframes legal-fade-in{0%{opacity:0}to{opacity:1}}.legal-modal-card{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;animation:.2s legal-pop-in;display:flex;overflow:hidden;box-shadow:0 18px 48px #26215c47}@keyframes legal-pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.legal-modal-header{border-bottom:1px solid #efeefa;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.legal-modal-title{color:#26215c;margin:0;font-size:17px;font-weight:700}.legal-modal-close{color:#9b96d0;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:16px;line-height:1}.legal-modal-close:hover{color:#26215c;background:#f5f4fd}.legal-modal-body{flex:1;padding:18px 20px;overflow-y:auto}.legal-modal-date{color:#9b96d0;margin:0 0 14px;font-size:12px;font-weight:500}.legal-modal-intro{color:#4a4573;white-space:pre-wrap;margin:0 0 18px;font-size:13px;line-height:1.7}.legal-section{margin-bottom:16px}.legal-section-heading{color:#26215c;margin:0 0 6px;font-size:13.5px;font-weight:700}.legal-section-body{color:#5b5685;white-space:pre-wrap;margin:0;font-size:12.5px;line-height:1.75}.legal-modal-footer{border-top:1px solid #efeefa;flex-shrink:0;padding:14px 20px}.legal-modal-confirm{color:#fff;cursor:pointer;background:#7f77dd;border:none;border-radius:12px;width:100%;height:44px;font-size:14px;font-weight:600;transition:background .15s}.legal-modal-confirm:hover{background:#6c63d4}.st-page{max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:40px}.st-modal-overlay{z-index:1000;background:#1118278c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.st-modal-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:18px;width:min(100%,360px);padding:22px 18px 18px;box-shadow:0 18px 48px #0f172a42}.st-modal-title{color:var(--clr-text);margin:0;font-size:20px;font-weight:700}.st-modal-desc{color:var(--clr-text-muted);margin:12px 0 0;font-size:14px;line-height:1.55}.st-modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.st-modal-btn{cursor:pointer;border:1px solid #534ab71f;border-radius:12px;min-height:44px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .1s;box-shadow:0 6px 14px #1a1a2e0f,0 0 0 1px #7f77dd0a}.st-modal-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.st-modal-btn-ghost{background:var(--clr-bg);color:var(--clr-text);border:1px solid var(--clr-border)}.st-modal-btn-ghost:hover{background:#fff;border-color:#534ab72e;transform:translateY(-1px);box-shadow:0 8px 18px #1a1a2e14,0 0 0 3px #7f77dd14}.st-modal-btn-danger{color:#fff;background:#e24b4a;box-shadow:0 8px 18px #e24b4a2e,0 0 0 1px #e24b4a14}.st-modal-btn-danger:hover{transform:translateY(-1px);box-shadow:0 10px 22px #e24b4a38,0 0 0 4px #e24b4a1a}.st-modal-btn:active{transform:translateY(0)scale(.99)}.st-modal-btn-primary{background:var(--clr-primary);color:#fff;box-shadow:0 8px 18px #534ab729,0 0 0 1px #7f77dd14}.st-modal-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #534ab733,0 0 0 4px #7f77dd1a}.st-pw-form{flex-direction:column;gap:12px;margin-top:14px;display:flex}.st-pw-field{flex-direction:column;gap:6px;display:flex}.st-pw-input-wrap{display:flex;position:relative}.st-pw-input-wrap .st-nick-input{width:100%;padding-right:40px}.st-pw-eye-btn{width:26px;height:26px;color:var(--clr-text-muted);cursor:pointer;opacity:.75;background:0 0;border:none;justify-content:center;align-items:center;margin:auto 0;padding:0;line-height:0;transition:opacity .15s,color .15s;display:flex;position:absolute;top:0;bottom:0;right:6px}.st-pw-eye-btn:hover{opacity:1;color:var(--clr-primary)}.st-pw-eye-btn svg{pointer-events:none;display:block}.st-toast{color:#fff;text-align:center;z-index:1100;border-radius:14px;min-width:min(320px,100vw - 24px);max-width:calc(100vw - 24px);padding:13px 16px;font-size:14px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0f172a3d}.st-toast-success{background:#15803d}.st-toast-error{background:#b91c1c}.st-topbar{background:var(--clr-bg);z-index:10;border-bottom:.5px solid var(--clr-border);align-items:center;gap:10px;padding:14px 16px 10px;display:flex;position:sticky;top:0}.st-back-btn{background:var(--clr-bg-card);border:.5px solid var(--clr-border);width:32px;height:32px;color:var(--clr-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 4px 10px #1a1a2e0f,0 0 0 1px #7f77dd0a}.st-back-btn:hover{border-color:#534ab733;transform:translateY(-1px);box-shadow:0 6px 14px #1a1a2e14,0 0 0 3px #7f77dd14}.st-back-btn:active{transform:translateY(0)scale(.98)}.st-topbar-title{color:var(--clr-text);font-size:17px;font-weight:600}.st-scroll{flex-direction:column;gap:10px;padding:12px 12px 30px;display:flex}.st-section-label{color:var(--clr-text-muted);letter-spacing:.3px;margin-bottom:-4px;padding:0 4px;font-size:11px;font-weight:500}.st-group{background:var(--clr-bg-card);border:.5px solid var(--clr-border);border-radius:16px;overflow:hidden}.st-profile-top{border-bottom:.5px solid var(--clr-border);align-items:center;gap:12px;padding:14px 14px 12px;display:flex}.st-avatar{background:var(--clr-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.st-avatar img{object-fit:contain;width:100%;height:100%}.st-p-id{color:var(--clr-text);font-size:16px;font-weight:600}.st-p-sub{color:var(--clr-text-muted);margin-top:4px;font-size:13px}.st-nickname-wrap{flex-direction:column;gap:0;padding:12px 14px 14px;display:flex}.st-nick-label{color:var(--clr-text-muted);margin-bottom:7px;font-size:11px}.st-nick-row{align-items:stretch;gap:8px;display:flex}.st-nick-input{background:var(--clr-bg);border:.5px solid var(--clr-border);min-width:0;color:var(--clr-text);border-radius:10px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.st-nick-input:focus{border-color:var(--clr-primary)}.st-nick-check-btn{white-space:nowrap;color:var(--clr-primary);border:1px solid var(--clr-primary);cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .2s}.st-nick-check-btn:disabled{opacity:.4;cursor:not-allowed}.st-nick-check-btn:not(:disabled):hover{opacity:.85}.st-nick-msg{margin-top:7px;font-size:12px}.st-nick-msg.ok{color:#10b981}.st-nick-msg.err{color:#ef4444}.st-save-btn{background:var(--clr-primary);color:#fff;cursor:pointer;border:1px solid #ffffff38;border-radius:12px;width:100%;margin-top:9px;padding:13px;font-family:inherit;font-size:14px;font-weight:600;transition:box-shadow .15s,opacity .2s,transform .1s;box-shadow:0 8px 18px #534ab729,0 0 0 1px #7f77dd14}.st-save-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.st-save-btn:not(:disabled):hover{opacity:.9;transform:translateY(-1px);box-shadow:0 10px 22px #534ab733,0 0 0 4px #7f77dd1a}.st-srow{border-bottom:.5px solid var(--clr-border);align-items:center;gap:11px;padding:13px 14px;display:flex}.st-srow:last-child{border-bottom:none}.st-srow-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.st-srow-text{flex:1}.st-srow-label{color:var(--clr-text);font-size:15px}.st-srow-sub{color:var(--clr-text-muted);margin-top:4px;font-size:13px;line-height:1.45}.st-chevron{color:var(--clr-text-faint);font-size:20px;line-height:1}.st-toggle{border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .25s;position:relative}.st-toggle.on{background:var(--clr-primary)}.st-toggle.off{background:var(--clr-border)}.st-toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .25s;position:absolute;top:3px}.st-toggle.on .st-toggle-knob{left:21px}.st-toggle.off .st-toggle-knob{left:3px}.st-sound-wrap{flex-direction:column;gap:14px;padding:14px;display:flex}.st-sound-row{flex-direction:column;gap:8px;display:flex}.st-sound-top{justify-content:space-between;align-items:center;display:flex}.st-sound-name{color:var(--clr-text);align-items:center;gap:6px;font-size:13px;display:flex}.st-sound-pct{color:var(--clr-primary);font-size:11px;font-weight:600}.st-sound-controls{align-items:center;gap:8px;display:flex}.st-mute-btn{cursor:pointer;background:#a32d2d26;border:1px solid #a32d2d1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 3px 8px #e24b4a14}.st-vol-btn{cursor:pointer;background:#534ab72e;border:1px solid #534ab71f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 3px 8px #534ab714}.st-mute-btn:hover,.st-vol-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px #534ab71f,0 0 0 3px #7f77dd14}.st-mute-btn:active,.st-vol-btn:active{transform:translateY(0)scale(.98)}.st-slider{height:4px;accent-color:var(--clr-primary);cursor:pointer;border-radius:99px;flex:1}.st-divider{background:var(--clr-border);height:.5px}.st-level-hint{color:var(--clr-text-muted);border-bottom:.5px solid var(--clr-border);padding:11px 14px 4px;font-size:14px;line-height:1.5}.st-level-row{border-bottom:.5px solid var(--clr-border);cursor:pointer;align-items:center;gap:11px;padding:12px 14px;transition:background .15s;display:flex}.st-level-row:last-child{border-bottom:none}.st-level-row.current{background:#7f77dd1a}.st-level-row.locked{opacity:.55;cursor:default}.st-level-icon{text-align:center;flex-shrink:0;width:28px;font-size:18px}.st-level-info{flex:1}.st-level-name{color:var(--clr-text);font-size:15px;font-weight:500}.st-level-name.current{color:var(--clr-primary);font-weight:700}.st-level-name.locked{color:var(--clr-text-faint)}.st-level-desc{color:var(--clr-text-muted);margin-top:4px;font-size:13px;line-height:1.45}.st-current-tag{background:var(--clr-primary);color:#fff;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.st-lock-tag{background:var(--clr-bg);color:var(--clr-text-faint);border:.5px solid var(--clr-border);border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:10px}.st-info-action-row{border:0;border-bottom:.5px solid var(--clr-border);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:11px;padding:13px 14px;font-family:inherit;display:flex}.st-info-action-row:disabled{opacity:.6;cursor:wait}.st-info-action-row:not(:disabled):hover{background:#7f77dd14}.st-info-action-icon{background:#534ab729;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.st-info-action-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.st-info-action-label{color:var(--clr-text);font-size:14px;font-weight:600}.st-info-action-sub{color:var(--clr-text-muted);font-size:12px;line-height:1.45}.st-info-row{border-bottom:.5px solid var(--clr-border);justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.st-info-row:last-child{border-bottom:none}.st-info-label{color:var(--clr-text);font-size:13px}.st-info-val{color:var(--clr-text-muted);font-size:12px}.st-info-val.accent{color:var(--clr-primary);font-weight:600}.st-logout-btn{color:#fff;cursor:pointer;background:#e24b4a;border:1px solid #ffffff38;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:box-shadow .15s,opacity .15s,transform .1s;display:flex;box-shadow:0 8px 18px #e24b4a2e,0 0 0 1px #e24b4a14}.st-logout-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 10px 22px #e24b4a38,0 0 0 4px #e24b4a1a}.st-logout-btn:active{transform:translateY(0)scale(.99);box-shadow:0 6px 14px #e24b4a29,0 0 0 1px #e24b4a14}.st-delete-btn{cursor:pointer;color:#f09595;background:#e24b4a0f;border:1px solid #e24b4a1a;border-radius:9999px;justify-content:center;align-items:center;gap:5px;width:100%;padding:8px;font-family:inherit;font-size:12px;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .1s;display:flex;box-shadow:0 4px 10px #e24b4a0f}.st-delete-btn:hover{color:#d84a4a;background:#e24b4a1a;border-color:#e24b4a2e;transform:translateY(-1px);box-shadow:0 6px 14px #e24b4a1a,0 0 0 3px #e24b4a14}.st-delete-btn:active{transform:translateY(0)scale(.99)}.st-delete-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.st-footer{text-align:center;color:var(--clr-text-faint);padding:4px 0 2px;font-size:11px}.btp-page{background:#f4f3fa;flex-direction:column;min-height:100dvh;font-family:Segoe UI,Apple SD Gothic Neo,sans-serif;display:flex}body:has(.btp-page){background:#f4f3fa}.btp-header{box-sizing:border-box;background:linear-gradient(#fffffffa,#ffffffeb);border:.5px solid #e2e1ee;border-radius:18px;flex-shrink:0;width:calc(100% - 28px);max-width:452px;margin:12px auto 0;padding:16px 56px 16px 18px;position:relative;overflow:hidden;box-shadow:0 12px 28px #1a1a2e14,0 0 0 1px #7f77dd0d,inset 0 1px #ffffffbf}.btp-header:before{content:"";background:linear-gradient(#8b83e6,#6c63c7);width:5px;position:absolute;top:0;bottom:0;left:0}.btp-back-btn{color:#6c63c7;cursor:pointer;background:#f4f3fa;border:.5px solid #dad7f0;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:transform .1s,box-shadow .1s,background .12s;display:flex;position:absolute;top:14px;right:14px;box-shadow:inset 0 1px #fffc}.btp-back-btn:hover{background:#eeedfe;transform:translateY(-1px);box-shadow:0 8px 16px #534ab721,inset 0 1px #fffc}.btp-back-btn:active{transform:translateY(0)scale(.98);box-shadow:inset 0 1px #fffc}.btp-title{color:#1a1a2e;margin:0 0 4px;font-size:19px;font-weight:900;line-height:1.2}.btp-subtitle{color:#7a7a94;margin:0;font-size:12px;line-height:1.45}.btp-scroll{flex:1;width:100%;max-width:480px;margin:0 auto;padding:0 0 40px;overflow-y:auto}.btp-preview-panel{background:#0d1117;border-radius:16px;margin:16px;overflow:hidden;box-shadow:0 12px 26px #1a1a2e24,0 0 0 1px #7f77dd14,inset 0 1px #ffffff0f}.btp-code-area{background:#0d1117;align-items:flex-start;gap:10px;padding:14px 16px 12px;display:flex}.btp-line-nums{color:#86efac;-webkit-user-select:none;user-select:none;margin:0;font-family:Courier New,monospace;font-size:12px;line-height:1.8}.btp-code-content{color:#e2e4f3;white-space:pre;flex:1;margin:0;font-family:Courier New,monospace;font-size:14px;line-height:1.8;overflow-x:auto}.btp-output-area{background:#11151f;border-top:1px solid #7f77dd40;padding:10px 16px 12px}.btp-output-label{color:#9d97e0;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:6px;font-size:13px;display:flex}.btp-output-label:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px #10b98199}.btp-output-text{color:#c9f0d8;white-space:pre-wrap;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.btp-output-empty{color:#86efac;font-style:italic}.btp-output-input{color:#ffd54f}.btp-hint-text{color:#7a7a94;text-align:center;padding:0 16px 10px;font-size:11px;font-style:italic}.btp-section-label{color:#9999b0;letter-spacing:1px;text-transform:uppercase;padding:8px 16px 6px;font-size:12px;font-weight:700}.btp-grid{grid-template-columns:repeat(5,1fr);gap:8px;padding:0 14px 12px;display:grid}.btp-card{cursor:pointer;background:#fff;border:.5px solid #e2e1ee;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 9px;transition:transform .12s,box-shadow .12s,background .15s,border-color .15s;display:flex;box-shadow:0 8px 18px #1a1a2e0f,0 0 0 1px #7f77dd0d}.btp-card:hover{border-color:#c9c4f2;transform:translateY(-1px)}.btp-card:active{transform:scale(.99);box-shadow:0 5px 12px #1a1a2e0d,0 0 0 1px #7f77dd0d}.btp-active{background:linear-gradient(160deg,#8b83e6,#7f77dd)!important;border-color:#7f77dd!important;box-shadow:0 8px 18px #534ab738,0 0 0 3px #7f77dd1f!important}.btp-active:active{box-shadow:0 5px 12px #534ab72e,0 0 0 2px #7f77dd1a!important}.btp-active .btp-card-keyword,.btp-active .btp-card-desc{color:#fff}.btp-locked{opacity:.55;cursor:default;background:#f7f6fc;box-shadow:0 6px 14px #1a1a2e08,0 0 0 1px #7f77dd0a}.btp-locked:hover{border-color:#e2e1ee;transform:none}.btp-locked:active{transform:none;box-shadow:0 6px 14px #1a1a2e08,0 0 0 1px #7f77dd0a}.btp-lock-icon{color:#bbc;font-size:14px}.btp-card-keyword{color:#1a1a2e;font-family:Courier New,monospace;font-size:13px;font-weight:700}.btp-card-desc{color:#9999b0;font-size:12px}.btp-progress-bar{background:#eeedfe;border-radius:2px;width:88%;height:4px;overflow:hidden;box-shadow:inset 0 1px 1px #1a1a2e1a}.btp-progress-fill{border-radius:2px;height:100%;transition:width .4s}.btp-fill-done{background:linear-gradient(90deg,#43a047,#66bb6a)}.btp-fill-mid{background:linear-gradient(90deg,#f9a825,#ffca28)}.btp-fill-low{background:linear-gradient(90deg,#e53935,#ef5350)}.btp-fill-none{background:0 0}.btp-divider{background:#e2e1ee;height:1px;margin:2px 16px}.tr-page{background:#f4f3fa;min-height:100dvh}body:has(.tr-page){background:#f4f3fa}body:has(.tr-result-page){background:#f4f3fa}.tr-scroll{flex-direction:column;gap:10px;max-width:480px;margin:0 auto;padding:8px 12px 90px;display:flex}.tr-header{padding:20px 0 12px}.tr-header-label{font-size:var(--font-size-xs);color:var(--clr-primary);letter-spacing:.08em;margin:0 0 4px;font-weight:600}.tr-title{font-size:var(--font-size-2xl);color:var(--clr-text);margin:0;font-weight:700}.tr-today-card{cursor:pointer;background:linear-gradient(160deg,#8b83e6 0%,#7f77dd 55%,#6c63c7 100%);border-radius:14px;align-items:center;gap:12px;padding:14px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 12px 26px #534ab733,0 0 0 1px #7f77dd1f,inset 0 1px #ffffff40}.tr-today-card:active{transform:scale(.99);box-shadow:0 8px 18px #534ab729,0 0 0 1px #7f77dd1a,inset 0 1px #ffffff40}.tr-today-text{flex:1}.tr-today-label{color:#ffffffbf;margin-bottom:4px;font-size:10px}.tr-today-title{color:#fff;margin-bottom:3px;font-size:14px;font-weight:500}.tr-today-meta{color:#ffffffbf;font-size:11px}.tr-today-btn{color:#534ab7;cursor:pointer;background:#fff;border:1px solid #534ab71f;border-radius:9px;flex-shrink:0;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .2s,transform .1s,box-shadow .1s;box-shadow:0 6px 14px #534ab71f,0 0 0 1px #7f77dd14}.tr-today-btn:disabled{opacity:.6}.tr-today-btn:active:not(:disabled){transform:scale(.99);box-shadow:0 4px 10px #534ab71a,0 0 0 1px #7f77dd14}.tr-section-title{color:#1a1a2e;padding:2px 4px;font-size:13px;font-weight:600}.tr-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tr-mode-card{cursor:pointer;background:#fff;border:.5px solid #e2e1ee;border-radius:14px;padding:13px 12px;transition:transform .12s,box-shadow .12s;box-shadow:0 10px 24px #1a1a2e12,0 0 0 1px #7f77dd0f}.tr-mode-card:active{transform:scale(.99);box-shadow:0 6px 14px #1a1a2e0f,0 0 0 1px #7f77dd0f}.tr-mode-locked{opacity:.5;cursor:default;box-shadow:0 6px 14px #1a1a2e0a,0 0 0 1px #7f77dd0a}.tr-mode-locked:active{transform:none;box-shadow:0 6px 14px #1a1a2e0a,0 0 0 1px #7f77dd0a}.tr-mode-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:9px;font-size:18px;display:flex;box-shadow:inset 0 2px 3px #ffffff80,inset 0 -3px 5px #00000014}.tr-mode-name{color:#1a1a2e;margin-bottom:3px;font-size:13px;font-weight:500}.tr-mode-desc{color:#7a7a94;font-size:10px;line-height:1.4}.tr-mode-count{color:#7f77dd;margin-top:6px;font-size:10px;font-weight:500}.tr-mode-locked .tr-mode-count{color:#9999b0}.tr-wrong-card{background:#fff;border:.5px solid #e2e1ee;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px #1a1a2e0f,0 0 0 1px #7f77dd0d}.tr-wrong-header{justify-content:space-between;align-items:center;padding:11px 13px 8px;display:flex}.tr-wrong-title{color:#1a1a2e;font-size:13px;font-weight:500}.tr-wrong-more{color:#7f77dd;cursor:pointer;font-size:11px}.tr-wrong-row{border-top:.5px solid #eeedf6;align-items:center;gap:8px;padding:9px 13px;display:flex}.tr-wrong-tag{color:#a32d2d;background:#fcebeb;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:10px}.tr-wrong-q{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.tr-wrong-unit{color:#9999b0;flex-shrink:0;font-size:10px}.tr-accuracy-card{background:#fff;border:.5px solid #e2e1ee;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px #1a1a2e0f,0 0 0 1px #7f77dd0d}.tr-accuracy-row{align-items:center;gap:10px;padding:10px 13px;display:flex}.tr-bordered{border-top:.5px solid #eeedf6}.tr-accuracy-label{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.tr-accuracy-bar{background:#eeedfe;border-radius:10px;flex-shrink:0;width:80px;height:5px;overflow:hidden;box-shadow:inset 0 1px 2px #1a1a2e1f}.tr-accuracy-fill{background:linear-gradient(#948ce8 0%,#7f77dd 100%);border-radius:10px;height:100%;transition:width .5s;box-shadow:inset 0 1px #ffffff59}.tr-accuracy-pct{color:#534ab7;text-align:right;min-width:30px;font-size:11px;font-weight:500}.tr-level-row{gap:6px;display:flex}.tr-level-chip{color:#7a7a94;cursor:pointer;background:#fff;border:.5px solid #e2e1ee;border-radius:10px;flex:1;padding:8px 0;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;box-shadow:0 6px 14px #1a1a2e0f,0 0 0 1px #7f77dd0d}.tr-level-chip:active{transform:scale(.99);box-shadow:0 4px 10px #1a1a2e0d,0 0 0 1px #7f77dd0d}.tr-level-chip.active{color:#fff;background:linear-gradient(160deg,#8b83e6,#7f77dd);border-color:#7f77dd;box-shadow:0 8px 18px #534ab738,0 0 0 3px #7f77dd1f}.tr-level-chip.active:active{box-shadow:0 5px 12px #534ab72e,0 0 0 2px #7f77dd1a}.tr-level-chip.locked{opacity:.4;cursor:default}.tr-unit-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tr-unit-btn{color:#7a7a94;cursor:pointer;background:#fff;border:.5px solid #e2e1ee;border-radius:10px;padding:8px 4px;font-family:inherit;font-size:11px;transition:all .15s;box-shadow:0 6px 14px #1a1a2e0d,0 0 0 1px #7f77dd0d}.tr-unit-btn:active{transform:scale(.99);box-shadow:0 4px 10px #1a1a2e0d,0 0 0 1px #7f77dd0d}.tr-unit-btn.active{color:#fff;background:linear-gradient(160deg,#8b83e6,#7f77dd);border-color:#7f77dd;font-weight:500;box-shadow:0 8px 18px #534ab738,0 0 0 3px #7f77dd1f}.tr-unit-btn.active:active{box-shadow:0 5px 12px #534ab72e,0 0 0 2px #7f77dd1a}.tr-unit-btn-all{grid-column:1/-1;font-size:12px}.tr-locked-card{text-align:center;background:#fff;border:.5px solid #e2e1ee;border-radius:20px;max-width:450px;min-height:360px;margin:0 auto;padding:3.5rem 2rem;position:relative;box-shadow:0 16px 34px #1a1a2e1a,0 0 0 1px #7f77dd0f}.tr-locked-close{color:#7a7a94;cursor:pointer;padding:4px;font-size:1.2rem;line-height:1;position:absolute;top:18px;right:18px}.tr-locked-icon{margin-bottom:1rem;font-size:3.5rem}.tr-locked-title{color:#1a1a2e;margin-bottom:.8rem;font-size:1.5rem;font-weight:700}.tr-locked-desc{color:#7a7a94;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.tr-go-btn{color:#fff;cursor:pointer;background:linear-gradient(160deg,#8b83e6,#7f77dd 55%,#6c63c7);border:1px solid #ffffff38;border-radius:50px;width:100%;margin-top:8px;padding:16px 0;font-family:inherit;font-size:16px;font-weight:700;transition:opacity .2s,transform .1s,box-shadow .1s;box-shadow:0 12px 26px #534ab738,0 0 0 1px #7f77dd1f,inset 0 1px #ffffff4d}.tr-go-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #534ab742,0 0 0 4px #7f77dd1f,inset 0 1px #ffffff4d}.tr-go-btn:active{opacity:.92;transform:translateY(0)scale(.99);box-shadow:0 8px 18px #534ab72e,0 0 0 1px #7f77dd1a,inset 0 1px #ffffff4d}.train-page{background:var(--clr-bg);min-height:100vh;padding-top:2rem;padding-bottom:5rem}.train-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.train-progress{color:#a6adc8;text-align:center;min-width:60px;font-size:.95rem;font-weight:700}.tr-login-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.2s trOverlayIn;display:flex;position:fixed;inset:0}@keyframes trOverlayIn{0%{opacity:0}to{opacity:1}}.tr-login-popup{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:320px;padding:32px 28px;animation:.25s trPopupIn;position:relative;box-shadow:0 12px 40px #0003}@keyframes trPopupIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tr-login-title{color:#1a1a1a;margin:0 0 8px;font-size:1.75rem;font-weight:800}.tr-login-desc{color:#666;margin:0 0 20px;font-size:.95rem;line-height:1.6}.tr-login-close{color:#9b96d0;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:16px;line-height:1;position:absolute;top:12px;right:12px}.tr-login-close:hover{color:#26215c;background:#f5f4fd}.tr-result-page{--tr-result-primary:#6c63c7;--tr-result-primary-dark:#3f367f;--tr-result-accent:#21b979;--tr-result-accent-soft:#e9f8ef;color:#1a1a2e;background:linear-gradient(#ffffffdb 0%,#f4f3faf5 44%,#f4f3fa 100%);max-width:480px;min-height:100dvh;margin:0 auto;padding:clamp(24px,6dvh,54px) 14px 104px}.tr-result-page--complete{--tr-result-accent:#f0a92f;--tr-result-accent-soft:#fff5df}.tr-result-hero{text-align:center;isolation:isolate;background:radial-gradient(circle at 50% 0,#ffffff57,#0000 36%),linear-gradient(150deg,#9189f0 0%,#7168d5 48%,#4d44a8 100%);border-radius:24px;padding:24px 20px 26px;position:relative;overflow:hidden;box-shadow:0 22px 46px #534ab73d,inset 0 0 0 1px #ffffff80}.tr-result-page--complete .tr-result-hero{background:radial-gradient(circle at 50% 0,#ffffff57,#0000 36%),linear-gradient(150deg,#8b83e6 0%,#665fc3 54%,#3f367f 100%)}.tr-result-shine{opacity:.6;z-index:-1;background:linear-gradient(115deg,#0000 8%,#ffffff38 38%,#0000 62%);position:absolute;inset:0}.tr-result-badge{color:#ffffffe6;letter-spacing:.08em;background:#ffffff29;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin:0 auto 18px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff2e}.tr-result-badge-dot{background:var(--tr-result-accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ffffff2e}.tr-result-medal{width:86px;height:86px;color:var(--tr-result-primary);background:linear-gradient(145deg,#fff 0%,#f4f2ff 52%,#ddd9ff 100%);border-radius:50%;place-items:center;margin:0 auto;display:grid;box-shadow:0 18px 34px #1f19503d,0 0 0 10px #ffffff26,inset 0 -8px 14px #534ab71f}.tr-result-medal-mark{background:var(--tr-result-accent-soft);width:52px;height:52px;color:var(--tr-result-accent);border-radius:50%;place-items:center;font-size:34px;font-weight:900;line-height:1;display:grid}.tr-result-page--complete .tr-result-medal-mark{font-size:40px}.tr-result-copy{flex-direction:column;justify-content:center;align-items:center;min-height:132px;margin:0 auto;display:flex}.tr-result-title{color:#fff;margin:0;font-size:clamp(30px,9vw,42px);font-weight:900;line-height:1.08}.tr-result-subtitle{color:#ffffffc7;max-width:310px;margin:12px auto 0;font-size:15px;font-weight:600;line-height:1.45}.tr-result-score-ring{aspect-ratio:1;background:conic-gradient(var(--tr-result-accent) var(--tr-score), #fff3 0);border-radius:50%;place-items:center;width:136px;margin:0 auto;display:grid;box-shadow:0 16px 30px #1f195038,inset 0 0 0 1px #ffffff3d}.tr-result-score-inner{aspect-ratio:1;width:104px;color:var(--tr-result-primary-dark);background:#fffffff5;border-radius:50%;justify-content:center;align-items:baseline;display:flex;box-shadow:inset 0 2px 8px #534ab71a}.tr-result-score-value{font-size:36px;font-weight:900;line-height:104px}.tr-result-score-unit{margin-left:2px;font-size:15px;font-weight:900}.tr-result-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.tr-result-stat{text-align:center;background:#fff;border:.5px solid #e2e1ee;border-radius:16px;flex-direction:column;justify-content:center;gap:6px;min-height:82px;display:flex;box-shadow:0 10px 24px #1a1a2e0f,0 0 0 1px #7f77dd0d}.tr-result-stat-label{color:#7a7a94;font-size:12px;font-weight:700}.tr-result-stat strong{color:#1a1a2e;font-size:28px;font-weight:900;line-height:1}.tr-result-note{background:#fff;border:.5px solid #e2e1ee;border-radius:18px;align-items:center;gap:13px;padding:16px;display:flex;box-shadow:0 10px 24px #1a1a2e0f,0 0 0 1px #7f77dd0d}.tr-result-note-icon{background:var(--tr-result-accent-soft);width:44px;height:44px;color:var(--tr-result-accent);border-radius:14px;flex:none;place-items:center;font-size:22px;font-weight:900;display:grid}.tr-result-note strong{color:#1a1a2e;margin-bottom:4px;font-size:15px;font-weight:900;display:block}.tr-result-note p{color:#7a7a94;margin:0;font-size:13px;font-weight:600;line-height:1.45}.tr-result-done-btn{color:#fff;cursor:pointer;background:linear-gradient(160deg,#8b83e6,#7f77dd 55%,#6c63c7);border:0;border-radius:16px;width:100%;min-height:58px;margin-top:16px;font-family:inherit;font-size:16px;font-weight:900;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 14px 28px #534ab740,inset 0 0 0 1px #ffffff38}.tr-result-done-btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px #534ab74d,inset 0 0 0 1px #ffffff38}.tr-result-done-btn:active{opacity:.94;transform:translateY(0)scale(.99)}@media (width<=360px){.tr-result-page{padding-inline:10px}.tr-result-hero{padding-inline:16px}.tr-result-score-ring{width:122px}.tr-result-copy{min-height:116px}.tr-result-score-inner{width:94px}.tr-result-score-value{font-size:32px;line-height:94px}}.external-browser-modal-overlay{z-index:11000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#26215c75;justify-content:center;align-items:center;padding:18px;animation:.16s external-browser-fade-in;display:flex;position:fixed;inset:0}.external-browser-modal-card{color:#26215c;text-align:center;box-sizing:border-box;background:#fff;border:1.5px solid #d0ccf0;border-radius:24px;width:min(100%,360px);max-height:calc(100dvh - 36px);padding:24px 22px 22px;animation:.18s external-browser-pop-in;overflow-y:auto;box-shadow:0 18px 48px #26215c3d}.external-browser-modal-icon{background:#f0effe;border-radius:16px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 12px;font-size:22px;display:flex}.external-browser-modal-title{margin:0;font-size:19px;font-weight:700;line-height:1.35}.external-browser-modal-desc{color:#5b5685;word-break:keep-all;margin:12px 0 0;font-size:13px;line-height:1.75}.external-browser-modal-app{color:#534ab7;background:#f0effe;border-radius:12px;margin:14px 0 0;padding:10px 12px;font-size:12.5px;font-weight:600}.external-browser-modal-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.55}.external-browser-modal-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.external-browser-modal-copy,.external-browser-modal-close{border-radius:14px;min-width:0;height:44px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.external-browser-modal-copy{color:#fff;background:#7f77dd;box-shadow:0 10px 22px #534ab72e}.external-browser-modal-copy:hover{background:#6e66cc;box-shadow:0 12px 26px #534ab738}.external-browser-modal-close{color:#7f77dd;background:#fff;border:1.5px solid #e5e2f8}.external-browser-modal-close:hover{color:#534ab7;border-color:#c4bfee}@media (width<=340px){.external-browser-modal-card{padding:22px 18px 18px}.external-browser-modal-actions{grid-template-columns:1fr}}@keyframes external-browser-fade-in{0%{opacity:0}to{opacity:1}}@keyframes external-browser-pop-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.streak-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0616d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.streak-modal-card{text-align:center;border:1px solid #7c3aed66;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:32px 24px;display:flex;position:relative;box-shadow:0 20px 50px #00000080,0 0 40px #7c3aed40}.streak-modal-icon{filter:drop-shadow(0 0 12px #fb923c80);margin-bottom:8px;font-size:2.75rem}.streak-modal-header{color:var(--clr-text,#1a1a2e);margin-bottom:20px;font-size:1.4rem;font-weight:800}.streak-modal-rewards{flex-direction:column;gap:10px;width:100%;margin-bottom:20px;display:flex}.streak-modal-reward-row{background:#7c3aed0f;border:1px solid #7c3aed33;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;display:flex}.streak-modal-reward-icon{font-size:1.3rem}.streak-modal-reward-text{color:var(--clr-text,#1a1a2e);font-size:1.05rem;font-weight:700}.streak-modal-hint{color:var(--clr-text-muted,#7a7a94);margin-bottom:24px;font-size:.85rem}.streak-modal-btn{margin-top:0}.animate-pop-in{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards streakPopIn}@keyframes streakPopIn{0%{opacity:0;transform:scale(.9)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-page{background:linear-gradient(160deg,#eceaf8 0%,#ddd9f5 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 0 40px;display:flex;position:relative}body:has(.auth-page){background:0 0}.auth-card{background:#f0effe;border:1.5px solid #d0ccf0;border-radius:36px;flex-direction:column;width:360px;display:flex;overflow:hidden;box-shadow:0 16px 48px #534ab726}.auth-hero{background:#f0effe;flex-direction:column;align-items:center;gap:10px;padding:20px 24px 18px;display:flex}.auth-brand-pill{color:#fff;letter-spacing:.8px;background:#7f77dd;border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:700;display:flex}.auth-hero-img{object-fit:contain;width:96px;height:96px}.auth-hero-tagline{color:#26215c;text-align:center;font-size:17px;font-weight:700;line-height:1.45}.auth-hero-tagline em{color:#7f77dd;font-style:normal}.auth-form-panel{background:#fff;border-radius:28px 28px 0 0;flex-direction:column;gap:13px;padding:24px 22px 28px;display:flex}.auth-fields{flex-direction:column;gap:10px;display:flex}.auth-field-wrap{position:relative}.auth-field-label{color:#8b88b0;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.auth-field-icon{opacity:.5;pointer-events:none;font-size:15px;position:absolute;bottom:14px;left:14px}.auth-field-input{color:#26215c;box-sizing:border-box;background:#fff;border:1.5px solid #e8e5f8;border-radius:13px;outline:none;width:100%;padding:13px 44px 13px 42px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-field-input::placeholder{color:#c4bfee}.auth-field-input:focus{border-color:#7f77dd;box-shadow:0 0 0 3px #7f77dd1a}.auth-field-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.auth-field-action{color:#7f77dd;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:600;position:absolute;bottom:13px;right:13px}.auth-option-row{justify-content:space-between;align-items:center;display:flex}.auth-checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:flex}.auth-checkbox{background:#fff;border:1.5px solid #c4bfee;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.auth-checkbox.checked{background:#7f77dd;border-color:#7f77dd}.auth-checkbox-label{color:#6b6897;font-size:12px}.auth-btn-main{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7f77dd,#534ab7);border:1px solid #ffffff38;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s,box-shadow .15s,opacity .15s,transform .1s;display:flex;box-shadow:0 10px 22px #534ab72e,0 0 0 1px #7f77dd14}.auth-btn-main:hover{opacity:.93;transform:translateY(-1px);box-shadow:0 14px 28px #534ab738,0 0 0 4px #7f77dd1f}.auth-btn-main:active{transform:translateY(0)scale(.99);box-shadow:0 8px 18px #534ab729,0 0 0 1px #7f77dd14}.auth-btn-main:disabled{opacity:.6;cursor:not-allowed}.auth-btn-main.error-state{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 22px #ef44442e,0 0 0 1px #ef444414}.auth-link-row{color:#b0adce;justify-content:center;align-items:center;font-size:12px;display:flex}.auth-link{color:#7f77dd;cursor:pointer;background:0 0;border:none;padding:0 8px;font-family:inherit;font-size:12px;font-weight:600;box-shadow:none!important;transform:none!important}.auth-link:hover{background:0 0;text-decoration:underline;box-shadow:none!important;transform:none!important}.auth-link:active{box-shadow:none!important;transform:none!important}.auth-link-sep{color:#d8d4f0}.auth-or-divider{color:#c4bfee;align-items:center;gap:10px;font-size:12px;display:flex}.auth-or-line{background:#e8e5f8;flex:1;height:1px}.auth-social-btns{gap:8px;display:flex}.auth-social-btn-compact{cursor:pointer;color:#26215c;background:#fff;border:1.5px solid #e8e5f8;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 6px;font-family:inherit;font-size:12.5px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:flex}.auth-social-btn-compact:hover{border-color:#c4bfee;box-shadow:0 2px 8px #534ab71a}.auth-social-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.auth-error-banner{color:#dc2626;background:#fef2f2;border:1.5px solid #fecaca;border-radius:13px;align-items:flex-start;gap:10px;padding:13px 15px;font-size:13px;display:flex}.auth-error-banner-title{color:#dc2626;margin-bottom:2px;font-size:13px;font-weight:700}.auth-error-banner-desc{color:#ef4444;opacity:.85;font-size:11.5px}.auth-social-msg{text-align:center;color:#534ab7;background:#eeedfe;border:1px solid #d0ccf0;border-radius:10px;padding:8px 12px;font-size:.83rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#7a7a94;font-size:.875rem;font-weight:600}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;padding:.75rem 1rem;font-size:.875rem}.auth-social-group{flex-direction:column;gap:10px;margin-bottom:1.25rem;display:flex}.auth-social-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 16px;font-size:.9rem;font-weight:600;transition:transform .15s,opacity .15s,box-shadow .15s;display:flex}.auth-social-btn:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.auth-social-btn:active{transform:translateY(0)}.auth-social-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.pwa-install-modal-overlay{z-index:12000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#26215c75;justify-content:center;align-items:center;padding:18px;animation:.16s pwa-install-fade-in;display:flex;position:fixed;inset:0}.pwa-install-modal-card{color:#26215c;text-align:center;box-sizing:border-box;background:#fff;border:1.5px solid #d0ccf0;border-radius:24px;width:min(100%,360px);max-height:calc(100dvh - 36px);padding:24px 22px 22px;animation:.18s pwa-install-pop-in;overflow-y:auto;box-shadow:0 18px 48px #26215c3d}.pwa-install-modal-icon{object-fit:cover;border-radius:18px;width:64px;height:64px;margin:0 auto 14px;box-shadow:0 10px 22px #534ab72e}.pwa-install-modal-title{color:#26215c;word-break:keep-all;margin:0;font-size:19px;font-weight:700;line-height:1.35}.pwa-install-modal-desc{color:#5b5685;word-break:keep-all;margin:10px 0 0;font-size:13px;line-height:1.7}.pwa-install-modal-benefits{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.pwa-install-modal-benefits span{color:#534ab7;white-space:nowrap;background:#f0effe;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;line-height:1}.pwa-install-modal-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;display:grid}.pwa-install-modal-primary,.pwa-install-modal-secondary{cursor:pointer;border-radius:14px;min-width:0;height:46px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s}.pwa-install-modal-primary{color:#fff;background:#7f77dd;border:1px solid #ffffff38;box-shadow:0 10px 22px #534ab72e}.pwa-install-modal-primary:hover{background:#6e66cc;transform:translateY(-1px);box-shadow:0 12px 26px #534ab738}.pwa-install-modal-secondary{color:#7f77dd;background:#fff;border:1.5px solid #e5e2f8}.pwa-install-modal-secondary:hover{color:#534ab7;border-color:#c4bfee}@media (width<=340px){.pwa-install-modal-card{padding:22px 18px 18px}.pwa-install-modal-actions{grid-template-columns:1fr}}@keyframes pwa-install-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pwa-install-pop-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.reg-card{background:#fff;border:1.5px solid #c4bfee;border-radius:36px;flex-direction:column;width:375px;display:flex;overflow:hidden;box-shadow:0 8px 32px #534ab71f}.reg-mascot-hero{text-align:center;background:#fff;flex-direction:column;align-items:center;gap:16px;padding:28px 20px 20px;display:flex}.reg-mascot{object-fit:contain;width:96px;height:96px}.reg-hero-title{color:#26215c;font-size:22px;font-weight:700;line-height:1.3}.reg-hero-sub{color:#9b96d0;margin-top:6px;font-size:13px;line-height:1.6}.reg-body{flex-direction:column;gap:18px;padding:12px 20px 28px;display:flex}.reg-social-list{flex-direction:column;gap:10px;display:flex}.reg-social-btn{cursor:pointer;color:#26215c;background:#fff;border:1.5px solid #e8e5f4;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.reg-social-btn:hover{background:#fafafa;border-color:#c4bfee}.reg-social-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.reg-divider{align-items:center;gap:10px;display:flex}.reg-divider-line{background:#eeedfe;flex:1;height:1px}.reg-divider-text{color:#c4bfee;white-space:nowrap;font-size:11px}.reg-btn-primary{color:#fff;cursor:pointer;background:#7f77dd;border:1px solid #ffffff38;border-radius:14px;width:100%;padding:15px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:0 10px 22px #534ab72e,0 0 0 1px #7f77dd14}.reg-btn-primary:hover{background:#6e66cc;transform:translateY(-1px);box-shadow:0 14px 28px #534ab738,0 0 0 4px #7f77dd1f}.reg-btn-primary:active{transform:translateY(0)scale(.99);box-shadow:0 8px 18px #534ab729,0 0 0 1px #7f77dd14}.reg-btn-primary:disabled{box-shadow:none;cursor:not-allowed;background:#c4bfee;transform:none}.reg-btn-ghost{color:#9b96d0;cursor:pointer;background:0 0;border:1.5px solid #e5e2f8;border-radius:14px;width:100%;padding:13px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s}.reg-btn-ghost:hover{color:#534ab7;border-color:#c4bfee}.reg-header{background:#fff;justify-content:space-between;align-items:center;padding:10px 20px 8px;display:flex}.reg-back-btn{color:#534ab7;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:18px;transition:color .15s;display:flex;box-shadow:none!important;transform:none!important}.reg-back-btn:hover{color:#3e36a1;background:0 0;box-shadow:none!important;transform:none!important}.reg-back-btn:active{box-shadow:none!important;transform:none!important}.reg-logo-sm{color:#26215c;letter-spacing:-.3px;font-size:16px;font-weight:600}.reg-step-chip{color:#534ab7;background:#eeedfe;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.reg-prog-wrap{background:#fff;padding:0 20px 14px}.reg-prog-track{background:#eeedfe;border-radius:99px;height:4px;overflow:hidden}.reg-prog-fill{background:linear-gradient(90deg,#7f77dd,#534ab7);border-radius:99px;height:4px;transition:width .4s}.reg-page-title{color:#26215c;font-size:22px;font-weight:600;line-height:1.35}.reg-page-sub{color:#9b96d0;margin-top:5px;font-size:13px;line-height:1.6}.reg-fields{flex-direction:column;gap:14px;display:flex}.reg-field{flex-direction:column;gap:6px;display:flex}.reg-id-row{grid-template-columns:minmax(0,1fr) 84px;align-items:stretch;gap:8px;width:100%;display:grid}.reg-field-label{color:#534ab7;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.reg-field-label-icon{font-size:13px;line-height:1}.reg-field-wrap{background:#fafafa;border:1.5px solid #e5e2f8;border-radius:14px;align-items:center;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.reg-field-wrap:focus-within{background:#fff;border-color:#7f77dd}.reg-field-wrap.ok{border-color:#4ade80}.reg-field-wrap.error{border-color:#ff6b6b}.reg-field-icon{color:#c4bfee;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 12px 0 14px;font-size:16px}.reg-field-in{color:#26215c;background:0 0;border:none;outline:none;flex:1;padding:13px 12px;font-family:inherit;font-size:14px}.reg-field-in::placeholder{color:#c4bfee}.reg-field-suffix{color:#7f77dd;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 12px;font-family:inherit;font-size:12px;font-weight:500}.reg-field-hint{font-size:11px;line-height:1.5}.reg-field-hint.ok{color:#4ade80}.reg-field-hint.err{color:#ff6b6b}.reg-strength-box{background:#f9f8fe;border-radius:12px;padding:12px 14px}.reg-verify-icon{background:#f0effe;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.reg-otp-wrap{justify-content:center;gap:8px;display:flex}.reg-otp-box{color:#26215c;text-align:center;background:#fafafa;border:1.5px solid #e5e2f8;border-radius:14px;outline:none;width:46px;height:54px;font-family:inherit;font-size:22px;font-weight:600;transition:all .15s}.reg-otp-box:focus{background:#fff;border-color:#7f77dd}.reg-otp-box.filled{background:#f0effe;border-color:#7f77dd}.reg-info-box{border-radius:12px;align-items:flex-start;gap:8px;padding:11px 14px;font-size:12px;line-height:1.65;display:flex}.reg-terms-wrap{flex-direction:column;gap:8px;display:flex}.reg-terms-all{cursor:pointer;background:#fafafa;border:1.5px solid #e5e2f8;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s;display:flex}.reg-terms-all:hover{border-color:#c4bfee}.reg-terms-row{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 4px;display:flex}.reg-terms-check{background:#fff;border:1.5px solid #c4bfee;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:all .15s;display:flex}.reg-terms-check.on{color:#fff;background:#7f77dd;border-color:#7f77dd}.reg-terms-text{color:#26215c;flex:1;margin-left:10px;font-size:13px;font-weight:500}.reg-terms-text.sub{color:#9b96d0;font-size:12px;font-weight:400}.reg-terms-arrow{color:#c4bfee;font-size:13px}.reg-terms-divider{background:#f0effe;height:1px}.reg-terms-view{color:#9b96d0;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 6px;font-family:inherit;font-size:12px;text-decoration:underline}.reg-terms-view:hover{color:#7f77dd}.reg-char-preview{background:#f0effe;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.reg-char-name{color:#26215c;font-size:16px;font-weight:600}.reg-char-sub{color:#9b96d0;margin-top:2px;font-size:11px}.reg-nick-tag{color:#534ab7;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f0effe;border-radius:20px;padding:5px 12px;font-size:12px;transition:background .15s}.reg-nick-tag:hover{background:#e0ddff}.reg-nick-refresh{color:#7f77dd;cursor:pointer;background:0 0;border:none;padding:2px 0;font-family:inherit;font-size:11px;font-weight:600}.reg-nick-refresh:hover{color:#534ab7}.reg-select-grid{flex-direction:column;gap:8px;display:flex}.reg-sel-card{cursor:pointer;background:#fff;border:1.5px solid #e5e2f8;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.reg-sel-card:hover{border-color:#c4bfee}.reg-sel-card.active{background:#f0effe;border-color:#7f77dd}.reg-sel-icon{background:#eeedfe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;transition:background .15s;display:flex}.reg-sel-card.active .reg-sel-icon{background:#7f77dd}.reg-sel-title{color:#26215c;margin-bottom:2px;font-size:14px;font-weight:600}.reg-sel-card.active .reg-sel-title{color:#534ab7}.reg-sel-desc{color:#9b96d0;font-size:11px;line-height:1.4}.reg-sel-radio{border:1.5px solid #c4bfee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.reg-sel-card.active .reg-sel-radio{background:#7f77dd;border-color:#7f77dd}.reg-sel-card.active .reg-sel-radio:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;display:block}.reg-level-test-banner{cursor:pointer;background:#fff9ed;border:1px solid #fac775;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;transition:opacity .15s;display:flex}.reg-level-test-banner:hover{opacity:.88}.reg-goal-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reg-goal-card{cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e5e2f8;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:14px 12px;transition:all .15s;display:flex}.reg-goal-card:hover{border-color:#c4bfee}.reg-goal-card.active{background:#f0effe;border-color:#7f77dd}.reg-goal-icon{font-size:26px}.reg-goal-label{color:#26215c;font-size:12px;font-weight:600;line-height:1.4}.reg-goal-card.active .reg-goal-label{color:#534ab7}.reg-goal-check{border:1.5px solid #c4bfee;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .15s;display:flex}.reg-goal-check.on{color:#fff;background:#7f77dd;border-color:#7f77dd}.reg-time-btn{text-align:center;cursor:pointer;color:#9b96d0;-webkit-user-select:none;user-select:none;border:1.5px solid #e5e2f8;border-radius:12px;flex:1;padding:10px 0;font-size:12px;transition:all .15s}.reg-time-btn.active{color:#534ab7;background:#f0effe;border-color:#7f77dd;font-weight:600}.reg-complete-hero{text-align:center;background:linear-gradient(170deg,#7f77dd 0%,#534ab7 100%);flex-direction:column;align-items:center;gap:14px;padding:36px 24px 28px;display:flex}.reg-reward-row{gap:8px;display:flex}.reg-reward-card{text-align:center;background:#f0effe;border-radius:14px;flex-direction:column;flex:1;gap:5px;padding:14px 10px;display:flex}.reg-reward-icon{font-size:24px}.reg-reward-val{color:#534ab7;font-size:15px;font-weight:700}.reg-reward-label{color:#9b96d0;font-size:10px}.reg-summary-box{background:#f9f8fe;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.reg-summary-row{justify-content:space-between;align-items:center;display:flex}.reg-summary-label{color:#9b96d0;font-size:12px}.reg-summary-val{color:#26215c;font-size:13px;font-weight:600}.reg-summary-divider{background:#eeedfe;height:1px}.reg-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px}.reg-check-dup-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#7f77dd;border:1px solid #ffffff38;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-width:84px;height:50px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 6px 14px #534ab729,0 0 0 1px #7f77dd14}.reg-check-dup-btn:hover{background:#6e66cc;transform:translateY(-1px);box-shadow:0 8px 18px #534ab733,0 0 0 3px #7f77dd1a}.reg-check-dup-btn:active{transform:translateY(0)scale(.99);box-shadow:0 5px 12px #534ab724,0 0 0 1px #7f77dd14}.reg-check-dup-btn:disabled{box-shadow:none;cursor:not-allowed;background:#c4bfee;transform:none}.reg-email-container{grid-template-columns:minmax(0,1fr) 84px;align-items:stretch;gap:8px;width:100%;display:grid}.reg-id-row .reg-field-wrap,.reg-email-container .reg-field-wrap,.reg-id-row .reg-field-in,.reg-email-container .reg-field-in{min-width:0}.reg-email-at{color:#9b96d0;-webkit-user-select:none;user-select:none;padding:0 3px;font-weight:500}.reg-email-select{color:#26215c;cursor:pointer;background:0 0;border:none;border-left:1px solid #eeedfe;outline:none;flex:0 0 102px;min-width:94px;max-width:102px;height:100%;padding:0 6px 0 4px;font-family:inherit;font-size:13px}.reg-email-container .reg-check-dup-btn{min-width:84px}.splash-overlay{z-index:9999;background:#f4f3fa;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.splash-track{width:280px;height:80px;position:relative;overflow:hidden}.blob{width:52px;height:52px;position:absolute;bottom:0}.blob img{object-fit:contain;width:100%;height:100%}.blob-a{animation:3.2s ease-in-out infinite marchA}.blob-b{animation:3.2s ease-in-out .35s infinite marchB}.blob-c{animation:3.2s ease-in-out .7s infinite marchC}.blob-merged{opacity:0;width:72px;height:72px;animation:3.2s ease-in-out 2.1s infinite mergePop;position:absolute;bottom:0;left:50%}.blob-merged img{object-fit:contain;width:100%;height:100%}.splash-progress-track{background:#ffffff14;border-radius:99px;width:200px;height:4px;overflow:hidden}.splash-progress-fill{background:linear-gradient(90deg,#7c3aed,#06b6d4);border-radius:99px;width:0%;height:100%;animation:3.2s ease-in-out infinite splashProgress}.splash-loading-text{color:#a09aba;font-family:Outfit,Noto Sans KR,sans-serif;font-size:13px;animation:3.2s ease-in-out infinite textBlink}@keyframes marchA{0%{opacity:1;left:-60px}55%{opacity:1;left:30%}68%{opacity:0;left:40%}to{opacity:0;left:40%}}@keyframes marchB{0%{opacity:1;left:-60px}55%{opacity:1;left:44%}68%{opacity:0;left:40%}to{opacity:0;left:40%}}@keyframes marchC{0%{opacity:1;left:-60px}55%{opacity:1;left:58%}68%{opacity:0;left:40%}to{opacity:0;left:40%}}@keyframes mergePop{0%{opacity:0;transform:translate(-50%)scale(.2)}12%{opacity:1;transform:translate(-50%)scale(1.25)}22%{opacity:1;transform:translate(-50%)scale(.92)}30%{opacity:1;transform:translate(-50%)scale(1.06)}38%,78%{opacity:1;transform:translate(-50%)scale(1)}90%{opacity:0;transform:translate(-50%)scale(1)}to{opacity:0}}@keyframes splashProgress{0%{width:0%}65%{width:75%}82%{width:100%}to{width:100%}}@keyframes textBlink{0%,65%{opacity:1}85%,to{opacity:.4}}.level-test-info-page{background:var(--clr-bg);min-height:100vh;color:var(--clr-text);justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.level-test-info-bg-orb{border-radius:var(--radius-full);filter:blur(100px);z-index:0;opacity:.15;position:absolute}.level-test-info-bg-orb.orb-1{background:var(--clr-primary);width:350px;height:350px;top:-10%;left:-10%}.level-test-info-bg-orb.orb-2{background:#06b6d4;width:400px;height:400px;bottom:-10%;right:-10%}.level-test-info-container{z-index:1;width:100%;max-width:520px;position:relative}.level-test-info-title{font-size:var(--font-size-2xl);color:var(--clr-text);letter-spacing:-.02em;margin-bottom:.5rem;font-weight:800}.level-test-info-badge{color:var(--clr-primary-lt);font-size:var(--font-size-xs);border-radius:var(--radius-full);background:#7c3aed26;border:1px solid #7c3aed59;padding:4px 14px;font-weight:700;display:inline-block}.level-test-info-card{background:#1e1e2e73;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:2rem;padding:2rem 1.75rem}.level-test-info-benefits{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.benefit-item{align-items:flex-start;gap:1rem;display:flex}.benefit-icon{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.8rem;display:flex}.benefit-title{font-size:var(--font-size-sm);color:var(--clr-text);margin-bottom:2px;font-weight:700}.benefit-desc{color:var(--clr-text-muted);font-size:.82rem;line-height:1.5}.level-test-info-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}.game-page{background:#f4f3fa;min-height:100vh;padding-top:8px;padding-bottom:90px}.game-scroll{max-width:480px;margin:0 auto}.game-header{padding:20px 12px 12px}.game-header-label{font-size:var(--font-size-xs);color:var(--clr-primary);letter-spacing:.08em;margin:0 0 4px;font-weight:600}.game-title{font-size:var(--font-size-2xl);color:var(--clr-text);margin:0;font-weight:700}.game-challenge-hero{border-radius:var(--radius-lg);margin:0 12px 16px;padding:14px 14px 0;overflow:hidden}.game-challenge-top{grid-template-columns:28px 1fr auto;align-items:center;column-gap:8px;margin-bottom:12px;display:grid}.game-challenge-trophy{font-size:1.3rem;line-height:1}.game-challenge-text{min-width:0}.game-challenge-title{font-size:var(--font-size-md);color:var(--clr-text);margin:0 0 2px;font-weight:700}.game-challenge-sub{font-size:var(--font-size-xs);color:var(--clr-text-muted);margin:0}.game-challenge-done-badge{color:#34d399;border-radius:var(--radius-full);white-space:nowrap;background:#10b98126;border:1px solid #10b98159;flex-shrink:0;align-self:center;padding:4px 10px;font-size:10px;font-weight:700}.game-challenge-toggle{width:100%;box-shadow:none;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:10px 0 0;display:flex}.game-challenge-toggle-label{color:var(--clr-text-muted);font-size:11px;font-weight:600}.game-challenge-arrow{color:var(--clr-text-muted);font-size:13px;font-weight:700;line-height:1;transition:transform .15s}.game-challenge-arrow.open{transform:rotate(90deg)}.game-bonus-tag{border-radius:var(--radius-full);color:#e8a44a;white-space:nowrap;background:#faeeda1f;border:1px solid #854f0b40;flex-shrink:0;align-self:center;align-items:center;gap:3px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.game-bonus-label{color:var(--clr-text-muted);font-size:9px;font-weight:500}.game-overall-row{border-bottom:.5px solid var(--clr-border);align-items:center;gap:12px;margin-bottom:0;padding-bottom:12px;display:flex}.game-ring-wrap{flex-shrink:0;width:52px;height:52px;position:relative}.game-ring-label{text-align:center;line-height:1.1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-ring-num{color:var(--clr-primary);font-size:13px;font-weight:700;display:block}.game-ring-total{color:var(--clr-text-faint);font-size:9px;display:block}.game-overall-right{flex:1}.game-overall-label{color:var(--clr-text-muted);justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.game-overall-val{color:var(--clr-primary);font-weight:600}.game-overall-bar-bg{border-radius:var(--radius-full);background:#ffffff14;border:1px solid gray;height:6px;overflow:hidden}.game-overall-bar-fill{background:var(--grad-primary);border-radius:var(--radius-full);height:100%;transition:width .6s}.game-overall-msg{color:var(--clr-primary);margin-top:4px;font-size:10px}.game-challenge-claim-btn{border-radius:var(--radius-md);color:#3d2504;background:linear-gradient(135deg,#f8c14a,#e8944a);width:100%;min-height:38px;margin-top:12px;font-size:13px;font-weight:800}.game-challenge-claim-btn:disabled{opacity:.65;cursor:wait}.game-challenge-claim-error{color:#ef4444;margin-top:8px;font-size:11px}.game-challenge-list{flex-direction:column;display:flex}.game-challenge-item{border-bottom:.5px solid var(--clr-border);align-items:center;gap:10px;padding:11px 0;display:flex}.game-challenge-item:last-child{border-bottom:none;padding-bottom:14px}.game-chal-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.game-chal-info{flex:1;min-width:0}.game-chal-name-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.game-chal-name{color:var(--clr-text);font-size:12px;font-weight:600}.game-challenge-dots{flex-shrink:0;align-items:center;gap:5px;display:flex}.game-challenge-check{color:#0000;background:#f5f3fb;border:1.5px solid #dcd9ec;border-radius:4px;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:800;line-height:1;transition:color .2s,border-color .2s,background .2s,transform .2s;display:inline-flex}.game-challenge-check.filled{background:#fff;transform:scale(1.03)}.game-section-label{color:var(--clr-text);letter-spacing:.3px;padding:8px 26px;font-size:13px;font-weight:500}.game-list{flex-direction:column;gap:12px;padding:0 12px;display:flex}.game-row{border-radius:var(--radius-lg);align-items:center;gap:12px;padding:14px 13px;display:flex}.game-row--active{cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.game-row--active:hover{transform:translateY(-2px);box-shadow:0 6px 24px #7dd3fc1f}.game-row--active:active{transform:scale(.98)}.game-row--locked{opacity:.45}.game-row-icon{border:.5px solid var(--clr-border);background:#ffffff0a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.game-row-icon img{object-fit:contain;width:100%;height:100%}.game-row-emoji{font-size:1.5rem}.game-row-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.game-row-title{font-size:var(--font-size-md);color:var(--clr-text);margin:0;font-weight:600}.game-row-desc{font-size:var(--font-size-xs);color:var(--clr-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.4;overflow:hidden}.game-row-reward{color:var(--clr-primary);border-radius:var(--radius-full);background:#7dd3fc1a;border:.5px solid #7dd3fc33;width:fit-content;margin-top:3px;padding:2px 8px;font-size:10px;font-weight:600}.game-play-btn{background:var(--clr-primary);cursor:pointer;color:#fff;width:34px;height:34px;transition:background var(--transition-fast), transform var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.game-play-btn:hover{background:var(--clr-primary-lt);transform:scale(1.08)}.game-play-btn:active{transform:scale(.95)}.game-ranking-card{border-radius:var(--radius-lg);margin:10px 12px 6px;overflow:hidden}.game-ranking-header{justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.game-ranking-title{color:var(--clr-text);font-size:13px;font-weight:600}.game-ranking-more{color:var(--clr-primary);cursor:pointer;font-size:11px}.game-rank-row{border-top:.5px solid var(--clr-border);align-items:center;gap:10px;padding:9px 14px;display:flex}.game-rank-row--me{background:#7f77dd1a}.game-rank-medal{text-align:center;min-width:24px;font-size:16px}.game-rank-medal--me{color:var(--clr-primary);font-size:13px;font-weight:700}.game-rank-avatar{background:#7f77dd26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;overflow:hidden}.game-rank-avatar-img{object-fit:contain;width:100%;height:100%}.game-rank-name{color:var(--clr-text);flex:1;font-size:12px}.game-rank-score{color:#e8a44a;font-size:12px;font-weight:600}.game-ranking-status{text-align:center;color:var(--clr-text-muted);padding:20px 14px;font-size:12px}.game-ranking-locked{position:relative}.game-ranking-locked-blur{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.game-ranking-lock-overlay{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;inset:0}.game-ranking-lock-icon{filter:drop-shadow(0 1px 3px #00000080);font-size:22px}.game-ranking-lock-text{color:var(--clr-text-bright);text-shadow:0 1px 3px #0009;margin:0;font-size:12px;font-weight:600}.ranking-page{max-width:520px;margin:0 auto;padding:0 0 32px}.ranking-page-header{align-items:center;gap:12px;padding:16px;display:flex}.ranking-back-btn{color:var(--clr-text);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.ranking-page-title{color:var(--clr-text-bright);margin:0;font-size:18px;font-weight:800}.ranking-tabs{border:.5px solid var(--clr-border);border-radius:var(--radius-md);background:#ffffff0a;grid-template-columns:repeat(2,1fr);gap:4px;margin:0 16px 14px;padding:4px;display:grid}.ranking-tab{border-radius:calc(var(--radius-md) - 2px);min-height:34px;color:var(--clr-text-muted);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.ranking-tab--active{color:var(--clr-text-bright);background:#7f77dd2e}.ranking-page-status{text-align:center;color:var(--clr-text-muted);padding:40px 16px;font-size:13px}.last-week-banner{border-radius:var(--radius-lg);border:.5px solid #e8a44a73;margin:0 16px 14px;padding:12px 14px}.last-week-banner-title{color:#e8a44a;font-size:13px;font-weight:800}.last-week-banner-body{align-items:center;gap:10px;margin-top:8px;display:flex}.last-week-banner-avatar{background:#e8a44a26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.last-week-banner-info{flex-direction:column;min-width:0;display:flex}.last-week-banner-name{color:var(--clr-text-bright);font-size:14px;font-weight:700}.last-week-banner-meta{color:var(--clr-text-muted);font-size:12px}.last-week-banner-cta{color:var(--clr-text);margin-top:8px;font-size:12px}.ranking-section{border-radius:var(--radius-lg);margin:0 16px 14px;overflow:hidden}.ranking-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 16px 14px;display:grid}.ranking-game-card{border-radius:var(--radius-lg);min-width:0;overflow:hidden}.ranking-game-card-header{border-bottom:.5px solid var(--clr-border);align-items:center;gap:10px;padding:12px;display:flex}.ranking-game-icon{background:#7f77dd1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ranking-game-icon img{object-fit:contain;width:28px;height:28px}.ranking-game-title-wrap{flex-direction:column;min-width:0;display:flex}.ranking-game-title{color:var(--clr-text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}.ranking-game-sub{color:var(--clr-text-muted);font-size:11px}.ranking-game-list{min-height:102px}.ranking-game-row{gap:6px;padding:8px 10px}.ranking-game-row .ranking-medal{min-width:20px}.ranking-game-row .ranking-avatar{width:24px;height:24px}.ranking-game-row .ranking-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-game-row .ranking-score{white-space:nowrap}.ranking-game-empty{align-items:center;min-height:102px;display:flex}.ranking-game-me{border-top:.5px solid var(--clr-border)}.ranking-section-header{padding:12px 14px 8px}.ranking-section-title{color:var(--clr-text-bright);font-size:14px;font-weight:700}.ranking-section-empty{color:var(--clr-text-muted);padding:14px;font-size:12px}.ranking-row{border-top:.5px solid var(--clr-border);align-items:center;gap:10px;min-width:0;padding:9px 14px;display:flex}.ranking-row--me{background:#7f77dd1a}.ranking-medal{text-align:center;min-width:24px;font-size:16px}.ranking-medal--me{color:var(--clr-primary);font-size:13px;font-weight:700}.ranking-avatar{background:#7f77dd26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.ranking-avatar-img{object-fit:contain;width:100%;height:100%}.ranking-name{min-width:0;color:var(--clr-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.ranking-score{color:#e8a44a;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600}@media (width<=460px){.ranking-page{max-width:none}.ranking-game-grid{grid-template-columns:1fr;gap:10px;margin:0 14px 14px}.ranking-game-card{border-radius:18px}.ranking-game-card-header{padding:12px 14px}.ranking-game-icon{width:34px;height:34px}.ranking-game-icon img{width:27px;height:27px}.ranking-game-title{font-size:15px}.ranking-game-list{min-height:0}.ranking-game-row,.ranking-row{gap:8px;padding:9px 12px}.ranking-game-row .ranking-medal,.ranking-medal{min-width:26px}.ranking-game-row .ranking-avatar,.ranking-avatar{width:28px;height:28px}.ranking-game-row .ranking-score,.ranking-score{font-size:12px}.ranking-game-empty{min-height:64px}}*{box-sizing:border-box;margin:0;padding:0}body.aipang-active{-webkit-user-select:none;user-select:none;touch-action:none;background:#06021a;justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,sans-serif;display:flex;overflow:hidden}#game-root{transform-origin:50%;position:relative}#frame-container{background:url(/assets/board_frame-B8Ius7HS.png) 50%/cover no-repeat;flex-shrink:0;width:450px;height:806px;position:relative}.aipang-puzzle-back{z-index:200;color:#d8e4ff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e0a50e0;border:1.5px solid #78aaff8c;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:800;line-height:1;transition:background .15s,transform .12s;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 4px 14px #0a042052}.aipang-puzzle-back:hover{background:#3c148ceb;transform:translateY(-1px)}.aipang-puzzle-back:active{transform:scale(.95)}#particle-layer{pointer-events:none;z-index:50;position:fixed;inset:0}#lightning-layer{pointer-events:none;z-index:52;position:fixed;inset:0}.dmg-num{color:#fff;text-shadow:0 0 15px #f70,2px 2px #600;pointer-events:none;z-index:300;white-space:nowrap;font-size:1.7rem;font-weight:900;animation:.95s ease-out forwards dmg-fly;position:fixed}.dmg-num.big{color:#ffe055;text-shadow:0 0 22px #f40,2px 2px #400;font-size:2.3rem;animation:1.1s ease-out forwards dmg-fly-big}@keyframes dmg-fly{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1.3)}35%{opacity:1;transform:translate(-50%)translateY(-28px)scale(1.05)}to{opacity:0;transform:translate(-50%)translateY(-80px)scale(.65)}}@keyframes dmg-fly-big{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1.9)rotate(-4deg)}25%{opacity:1;transform:translate(-50%)translateY(-22px)scale(1.2)rotate(2deg)}to{opacity:0;transform:translate(-50%)translateY(-95px)scale(.5)rotate(0)}}.combo-text{color:#4fc;text-shadow:0 0 18px #0fa,2px 2px #064;pointer-events:none;z-index:301;font-size:1.6rem;font-weight:900;animation:1.1s ease-out forwards combo-pop;position:fixed;transform:translate(-50%)}@keyframes combo-pop{0%{opacity:1;transform:translate(-50%)scale(2.2)rotate(-8deg)}28%{opacity:1;transform:translate(-50%)scale(1.1)rotate(2deg)}to{opacity:0;transform:translate(-50%)scale(.4)translateY(-70px)}}.boss-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05001cd6;border:2px solid #6eaaff80;border-radius:13px;flex-direction:column;flex:1;align-items:center;padding:4px 5px 3px;transition:flex .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 0 16px #508cff4d,inset 0 0 10px #3c64c81f}.boss-cards-row .boss-card{gap:0}.boss-card.active{border-color:#a0d2ffd9;flex:1.45;box-shadow:0 0 26px #64b4ff8c,inset 0 0 14px #5082dc33}.boss-card.locked{filter:grayscale(.9)brightness(.42);border-color:#5a5a8266}.boss-card.shake{animation:.35s ease-in-out boss-shake}.boss-card.defeated{animation:.55s ease-out forwards boss-defeat}@keyframes boss-defeat{0%{opacity:1;transform:scale(1)}40%{filter:brightness(3);transform:scale(1.2)}to{opacity:0;transform:scale(0)}}.boss-img{object-fit:contain;filter:drop-shadow(0 2px 12px #9664ffb3);flex-shrink:0;width:68px;height:68px;transition:width .3s,height .3s}.boss-card.active .boss-img{width:100px;height:100px;animation:2.5s ease-in-out infinite boss-float}@keyframes boss-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.boss-name{letter-spacing:.8px;color:#c8d8ff;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;margin:2px 0 1px;font-size:.38rem;font-weight:900;overflow:hidden}.boss-hp-text{color:#fff;text-align:center;margin-bottom:2px;font-size:.42rem;font-weight:700}.boss-hp-bar{background:#ffffff38;border-radius:4px;flex-shrink:0;align-self:stretch;width:100%;height:7px;min-height:7px;margin-top:auto;overflow:hidden}.boss-hp-fill{background:linear-gradient(90deg,#f24,#f80);border-radius:4px;min-width:3px;height:100%;transition:width .4s;box-shadow:0 0 7px #ff3c3c99}.boss-hp-fill.final{background:linear-gradient(90deg,#80f,#f0c);box-shadow:0 0 9px #c800ffb3}#boss-section{z-index:5;flex-direction:column;gap:3px;height:158px;display:flex;position:absolute;top:4px;left:5px;right:5px}.boss-cards-row{flex:1;gap:4px;min-height:0;display:flex}.boss-cards-row--solo{justify-content:center}.boss-cards-row.boss-cards-row--solo .boss-card{flex:0 200px}.boss-info-strip{flex-shrink:0;justify-content:space-between;align-items:center;min-height:22px;padding:1px 12px;display:flex}.info-chip{flex-direction:column;align-items:center;gap:1px;display:flex}.info-label{color:#99b0dd;letter-spacing:1.2px;font-size:.36rem}.info-value{color:#fff;text-shadow:0 0 10px #a0dcffcc;font-size:.9rem;font-weight:900;line-height:1}.cell{cursor:pointer;background:0 0;border-radius:11px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .12s;display:flex;position:relative}.cell img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 6px #0009);width:54px;height:54px;transition:transform .12s}.cell.selected img{filter:drop-shadow(0 0 12px #b4dcfff2)drop-shadow(0 2px 6px #0009);transform:scale(1.2)}.cell.selected:after{content:"";pointer-events:none;border-radius:9px;position:absolute;inset:0;box-shadow:0 0 0 2px #90d0ff,0 0 14px #8cd2ffcc}.cell.pop{animation:.3s ease-out forwards pop-anim}@keyframes pop-anim{0%{opacity:1;transform:scale(1.2)}60%{opacity:.3;transform:scale(1.6)}to{opacity:0;transform:scale(0)}}.cell.drop{animation:.22s ease-in drop-anim}@keyframes drop-anim{0%{opacity:.2;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.cell.shake{animation:.28s ease-in-out shake-anim}@keyframes shake-anim{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}#board-wrap{z-index:1;width:292px;height:469px;position:absolute;top:174px;left:79px}#board{gap:3px;display:grid}#ctrl-bar{z-index:6;gap:18px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.ctrl-btn{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#1e0a50e6,#0f0532e6);border:2.5px solid #78aaff99;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.3rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 0 16px #508cff80,inset 0 0 10px #3c64c833}.ctrl-btn:hover{transform:scale(1.1);box-shadow:0 0 22px #64b4ffb3}.ctrl-btn:active{transform:scale(.95)}.ctrl-btn.muted{border-color:#b4646499;box-shadow:0 0 16px #c850504d}#volume-wrap{color:#fff;align-items:center;gap:6px;display:flex}#volume-wrap input[type=range]{accent-color:#78aaff;width:80px}#boss-intro{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#28003ceb;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}#boss-intro img{object-fit:contain;filter:drop-shadow(0 0 30px #c864ffcc);width:160px;height:160px;animation:.6s cubic-bezier(.2,1.5,.4,1) boss-appear}@keyframes boss-appear{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.boss-intro-name{color:#fff;text-shadow:0 0 20px #c850ffcc;letter-spacing:3px;font-size:1.6rem;font-weight:900}.boss-intro-sub{color:#c0a8ff;font-size:.85rem}#combo-gauge{z-index:10;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.gauge-orb{background:radial-gradient(circle,#280a50e6,#0a031ee6);border:2px solid #7850ff80;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 0 10px #7850ff4d}.gauge-orb.orb-charging{border-color:#ff8c28b3;box-shadow:0 0 16px #ff641499}.gauge-orb.orb-full{border-color:#ffc832;animation:.5s ease-in-out infinite alternate orb-pulse;box-shadow:0 0 28px #ffa014e6,0 0 50px #ff500080}@keyframes orb-pulse{0%{box-shadow:0 0 20px #ffa014cc,0 0 40px #ff500066}to{box-shadow:0 0 36px #ffc832,0 0 70px #ff6400b3}}.orb-img{object-fit:contain;mix-blend-mode:screen;width:36px;height:36px;transition:opacity .2s,transform .2s}.orb-img-full{filter:drop-shadow(0 0 8px #f80);animation:1.2s linear infinite orb-spin}@keyframes orb-spin{0%{transform:rotate(0)scale(1.1)}to{transform:rotate(360deg)scale(1.1)}}.gauge-track{background:#140532cc;border:1.5px solid #7850ff66;border-radius:6px;flex-direction:column;justify-content:flex-end;width:12px;height:140px;display:flex;overflow:hidden}.gauge-fill{background:linear-gradient(#fd0,#f90,#f40);border-radius:6px;width:100%;transition:height .15s ease-out;box-shadow:0 0 8px #ff640099}.gauge-fill-full{background:linear-gradient(#fe0,#f80,#f20);animation:.4s ease-in-out infinite alternate fill-glow;box-shadow:0 0 16px #ff9600}@keyframes fill-glow{0%{box-shadow:0 0 10px #ff6400cc}to{box-shadow:0 0 22px #ffc800}}.popup{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040014e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-card{text-align:center;background:linear-gradient(145deg,#120637f7,#0a0326f7);border:3px solid #78aaff8c;border-radius:26px;width:300px;padding:28px 32px;overflow:visible;box-shadow:0 0 0 3px #64a0ff66,0 0 36px #508cff59}.popup-title-text{color:#fff;text-shadow:0 0 18px #8cc8ffb3;margin-bottom:8px;font-size:2rem;font-weight:900}.popup-sub{color:#98b4ff;margin-bottom:12px;font-size:.82rem}#popup-title{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06021acc}.popup-card--white{background:#fff;border:1.5px solid #5a1af047;flex-direction:column;align-items:center;gap:8px;padding:22px 26px 24px;display:flex;box-shadow:0 24px 60px #1e0a4647,0 0 34px #8c50f033}.popup-thumb{object-fit:contain;width:120px;height:120px}.popup-title-text--modern{letter-spacing:-1px;color:#3a1470;text-shadow:none;margin:0;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:2.2rem;font-weight:800}.popup-sub--dark{color:#8b7ec8;margin:0;font-weight:600}.popup-rule{color:#4a3f78;background:#5a1af00f;border:1px solid #5a1af029;border-radius:14px;width:100%;margin-top:2px;padding:11px 16px;font-size:.86rem;line-height:1.6}.popup-rule strong{color:#6a2ff5}.popup-reward-pill{color:#8a5a00;background:linear-gradient(135deg,#fff3d0,#ffe49c);border:1px solid #b4780040;border-radius:99px;align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;font-weight:800;display:inline-flex}.popup-error{color:#e0445e;font-size:.85rem;font-weight:600}.popup-card--white .btn{margin-top:4px}.popup-boss-row{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.popup-boss-row img{object-fit:contain;filter:drop-shadow(0 3px 12px #b464ff99);width:72px;height:72px;animation:2s ease-in-out infinite float-boss}.popup-boss-row img:nth-child(2){animation-delay:.4s}.popup-boss-row--large img{width:130px;height:130px}@keyframes float-boss{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.char-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px;display:flex}.char-row img{object-fit:contain;filter:drop-shadow(0 3px 8px #648cff80);width:40px;height:40px;animation:2s ease-in-out infinite float-char}.char-row img:first-child{animation-delay:0s}.char-row img:nth-child(2){animation-delay:.2s}.char-row img:nth-child(3){animation-delay:.4s}.char-row img:nth-child(4){animation-delay:.6s}.char-row img:nth-child(5){animation-delay:.8s}.char-row img:nth-child(6){animation-delay:1s}@keyframes float-char{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.popup .btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a1af0,#b038f5);border:none;border-radius:50px;margin-top:8px;padding:11px 36px;font-size:.95rem;font-weight:900;transition:transform .15s;box-shadow:0 5px 20px #8c32f080}.popup .btn:hover{transform:translateY(-2px)}.popup .btn-red{background:linear-gradient(135deg,#e01040,#f05080)}.popup .btn-gray{background:linear-gradient(135deg,#444,#666)}.popup-btn-stack{flex-direction:column;align-items:center;gap:8px;display:flex}.popup-btn-stack .btn{min-width:150px}.aipang-wrap{z-index:0;background:#06021a;justify-content:center;align-items:center;width:100%;max-width:480px;display:flex;position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.runner-game-wrapper{background:#55b5f0;width:100%;max-width:none;height:100%;margin:0;position:relative;overflow:hidden}.rg-back-btn{z-index:30;color:#38c;cursor:pointer;background:#ffffffd9;border:1px solid #6be;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s,transform .1s;display:flex;position:absolute;top:14px;left:14px}.rg-back-btn:hover{background:#e8f6ff;transform:scale(1.04)}.runner-game-mount{width:100%;height:100%;position:relative}.runner-game-mount canvas{display:block;width:100%!important;height:100%!important}.rg-hud{pointer-events:none;z-index:10;position:absolute;inset:0}.rg-hp{letter-spacing:clamp(2px,1vw,6px);filter:drop-shadow(0 2px 6px #00000073);white-space:nowrap;z-index:5;max-width:40vw;font-size:clamp(16px,4.5vw,38px);position:absolute;top:clamp(6px,2vw,12px);left:50%;overflow:hidden;transform:translate(-50%)}.rg-hud-tl{flex-direction:column;gap:clamp(3px,1vw,6px);display:flex;position:absolute;top:clamp(46px,11vw,68px);left:clamp(8px,2.5vw,22px)}.rg-hud-tr{pointer-events:all;z-index:30;flex-direction:column;align-items:flex-end;gap:clamp(6px,1.5vw,10px);display:flex;position:absolute;top:clamp(8px,2.5vw,24px);right:clamp(6px,2vw,18px)}.rg-touch-zones{z-index:1;box-shadow:none;pointer-events:all;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:0;position:absolute;inset:0}.rg-volume-ctrl{pointer-events:all;background:#ffffffbf;border:1.5px solid #64b4ff80;border-radius:20px;align-items:center;gap:clamp(4px,1vw,8px);padding:clamp(3px,1vw,6px) clamp(8px,2vw,14px);display:flex;box-shadow:0 2px 8px #0000001a}.rg-vol-icon{cursor:pointer;font-size:clamp(16px,4vw,28px);line-height:1;transition:transform .1s}.rg-vol-icon:hover{transform:scale(1.12)}.rg-vol-icon:active{transform:scale(.92)}.rg-ctrl-divider{color:#64a0dc80;margin:0 2px;font-size:clamp(12px,2.5vw,18px);line-height:1}.rg-time-btn{color:#fff;cursor:pointer;pointer-events:all;white-space:nowrap;background:linear-gradient(135deg,#ffd060,#f83);border:none;border-radius:18px;padding:clamp(7px,1.6vw,10px) clamp(14px,3vw,22px);font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:clamp(13px,3vw,18px);font-weight:700;transition:transform .1s,box-shadow .15s;box-shadow:0 2px 8px #ff8c0059}.rg-time-btn:hover{transform:scale(1.06);box-shadow:0 4px 14px #ff8c008c}.rg-vol-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#6cf,#cef);border-radius:3px;outline:none;width:clamp(50px,12vw,90px);height:5px}.rg-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #5ae;border-radius:50%;width:clamp(11px,2.5vw,16px);height:clamp(11px,2.5vw,16px);box-shadow:0 1px 4px #0003}.rg-vol-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #5ae;border-radius:50%;width:clamp(10px,2.2vw,14px);height:clamp(10px,2.2vw,14px)}.rg-stat{background:#ffffffbf;border:1.5px solid #64b4ff66;border-radius:14px;flex-direction:column;align-items:flex-start;padding:clamp(3px,1vw,6px) clamp(8px,2vw,14px) clamp(4px,1.2vw,8px);line-height:1;display:flex;box-shadow:0 2px 10px #0000001f}.rg-stat-label{letter-spacing:2px;color:#38c;margin-bottom:2px;font-size:clamp(9px,2vw,13px);font-weight:700}.rg-stat-val{color:#f48;text-shadow:0 2px 8px #ff448859;letter-spacing:-1px;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:clamp(28px,8vw,64px);font-weight:900}.rg-stat-unit{color:#5ae;margin-left:2px;font-size:clamp(11px,2.5vw,20px);font-weight:700}.rg-overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#003c8c4d;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.rg-icon{object-fit:contain;filter:drop-shadow(0 4px 10px #0003);width:clamp(48px,12vw,80px);height:clamp(48px,12vw,80px);margin:0 auto 12px;display:block}.rg-panel{text-align:center;background:#fff;border:1.5px solid #7f77dd80;border-radius:26px;width:300px;max-width:100%;margin:0 auto;padding:22px 26px 24px;box-shadow:0 24px 48px #7f77dd2e}.rg-title{color:#7f77dd;letter-spacing:3px;text-shadow:0 2px #7f77dd2e;margin-bottom:6px;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:clamp(24px,6vw,38px);font-weight:900}.rg-subtitle{color:#7f77dd;margin-bottom:24px;font-size:clamp(11px,2.5vw,14px)}.rg-controls{color:#5f57c8;background:#7f77dd14;border-radius:12px;margin:0 auto 26px;padding:12px 16px;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:14px;line-height:2.2}.rg-btn{color:#fff;cursor:pointer;letter-spacing:2px;box-shadow:none;background:#7f77dd;border:none;border-radius:50px;margin-left:auto;margin-right:auto;padding:13px 42px;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:17px;font-weight:700;transition:transform .1s,box-shadow .2s}.rg-btn:hover{box-shadow:none;opacity:.92;transform:scale(1.05)}.rg-panel--start{flex-direction:column;align-items:center;gap:8px;display:flex}.rg-thumb{object-fit:contain;width:120px;height:120px}.rg-title--modern{letter-spacing:-1px;color:#3a2b7a;text-shadow:none;margin:0;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:2.2rem;font-weight:800}.rg-panel--start .rg-subtitle{margin:0;font-size:.82rem;font-weight:600}.rg-panel--start .rg-controls{border-radius:14px;width:100%;margin:2px 0 0;padding:11px 16px;font-size:.86rem;line-height:1.6}.rg-reward-pill{color:#8a5a00;background:linear-gradient(135deg,#fff3d0,#ffe49c);border:1px solid #b4780040;border-radius:99px;align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;font-weight:800;display:inline-flex}.rg-panel--start .rg-btn{letter-spacing:0;background:linear-gradient(135deg,#5a1af0,#b038f5);margin:4px auto 0;padding:11px 36px;font-size:.95rem;font-weight:900;box-shadow:0 5px 20px #8c32f080}.rg-score-final{color:#334;margin-bottom:14px;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:19px;font-weight:700}.rg-result-panel{background:#fff;border:1.5px solid #7f77dd80;box-shadow:0 24px 48px #7f77dd2e}.rg-result-title{color:#ff1f1f;letter-spacing:2px;text-shadow:0 2px #8f0000,0 0 14px #ff1f1f99,0 0 28px #ff5a3c59}.rg-result-panel .rg-score-final,.rg-result-panel .rg-score-final strong{color:#7f77dd}.rg-reward-info{color:#000;margin:10px auto 0;font-weight:700}.rg-result-panel .rg-btn{width:100%;box-shadow:none;color:#fff;letter-spacing:0;background:#7f77dd}.rg-result-panel .rg-btn:hover{box-shadow:none;opacity:.92}.rg-result-panel .rg-btn-danger{color:#5f57c8;background:#fff;border:1.5px solid #d9d6f2}.rg-result-panel .rg-btn-danger:hover{color:#534ab7;background:#fff;border-color:#c4bfee}.rg-quiz-panel{text-align:center;background:linear-gradient(160deg,#fff 0%,#eef8ff 100%);border:3px solid #6cf;border-radius:24px;width:92%;max-width:540px;padding:32px 40px;box-shadow:0 8px 40px #0064dc2e}.rg-quiz-label{color:#17c;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;font-size:14px;font-weight:700}.rg-quiz-q{color:#223;text-align:left;background:#64b4ff1a;border:1px solid #55aaee4d;border-left:3px solid #5ae;border-radius:14px;margin-bottom:26px;padding:18px 20px;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:26px;font-weight:700;line-height:1.65}.rg-quiz-btns{justify-content:center;gap:20px;margin-bottom:12px;display:flex}.rg-quiz-o,.rg-quiz-x{cursor:pointer;border:none;border-radius:50px;padding:14px 44px;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:22px;font-weight:900;transition:transform .1s,box-shadow .15s}.rg-quiz-o{color:#fff;background:linear-gradient(135deg,#5da,#2a6);box-shadow:0 4px 16px #2a66}.rg-quiz-o:hover{transform:scale(1.07);box-shadow:0 6px 22px #2a69}.rg-quiz-x{color:#fff;background:linear-gradient(135deg,#f67,#c13);box-shadow:0 4px 16px #c136}.rg-quiz-x:hover{transform:scale(1.07);box-shadow:0 6px 22px #c139}.rg-quiz-hint{color:#9ac;letter-spacing:1px;font-size:12px}.rg-result{text-align:center;border-radius:22px;padding:40px 56px;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:26px;font-weight:900;animation:.3s ease-out rg-pop}.rg-result.correct{color:#174;background:linear-gradient(160deg,#eaffef,#d0f5e0);border:3px solid #3c7;box-shadow:0 8px 32px #2a63}.rg-result.wrong{color:#c13;background:linear-gradient(160deg,#fff0f2,#ffe0e5);border:3px solid #f46;box-shadow:0 8px 32px #c133}.rg-result-icon{margin-bottom:8px;font-size:56px}.rg-result-sub{color:#789;margin-top:8px;font-size:15px;font-weight:400}@keyframes rg-pop{0%{opacity:0;transform:scale(.75)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.rg-panel .rg-btn+.rg-btn{margin-top:12px}.rg-btn-danger{background:linear-gradient(135deg,#f67,#c13);box-shadow:0 4px 16px #c136}.rg-btn-danger:hover{box-shadow:0 6px 24px #c139}.rg-countdown-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rg-countdown-guide{opacity:1;grid-template-columns:repeat(3,minmax(0,1fr));transition:opacity .55s;display:grid;position:absolute;inset:0}.rg-countdown-zone{color:#ffffffeb;text-align:center;text-shadow:0 2px 10px #002864a6;background:#ffffff14;border-right:2px solid #ffffff59;justify-content:center;align-items:flex-end;padding:0 10px clamp(96px,18vh,150px);font-size:clamp(17px,4.8vw,34px);font-weight:900;display:flex}.rg-countdown-zone:last-child{border-right:0}.rg-countdown-wrap--go .rg-countdown-guide{opacity:0;visibility:hidden}.rg-countdown-wrap--go .rg-countdown-zone{color:#0000;text-shadow:none;background:0 0;border-color:#0000}.rg-countdown{z-index:1;color:#fff;text-shadow:0 0 40px #64c8ffcc,0 4px 20px #0009,3px 3px #16c;letter-spacing:-4px;font-weight:900;animation:.9s ease-out forwards rg-countdown-pop;position:relative}.rg-countdown-go{color:#4fc;text-shadow:0 0 40px #4fcc,0 4px 20px #000000b3,3px 3px #175;letter-spacing:4px;font-size:100px}@keyframes rg-countdown-pop{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(.95)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.bd-root{--bd-bg:#f4f3fa;--bd-card:#fff;--bd-card-border:#e2e1ee;--bd-ink:#1a1a2e;--bd-muted:#7a7a94;--bd-accent:#7f77dd;--bd-accent-dark:#534ab7;--bd-accent-soft:#eeedfe;--bd-correct:#7f77dd;--bd-warn:#e0a83e;--bd-danger:#e2574c;--bd-shadow:0 6px 18px #1e1e3c14;--bd-shadow-sm:0 3px 10px #1e1e3c12;background:var(--bd-bg);height:100%;min-height:100%;color:var(--bd-ink);flex-direction:column;align-items:center;padding:0 16px 48px;font-family:Galmuri11,Apple SD Gothic Neo,sans-serif;font-weight:700;display:flex;position:relative;overflow:hidden auto}.bd-bg-pattern{display:none}.bd-root:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% 0,#fff9,#0000 70%),radial-gradient(50% 40% at 100% 100%,#2f8f740d,#0000 70%);position:fixed;inset:0}.bd-root>*{z-index:1;position:relative}@keyframes bd-num-danger{0%{transform:scale(1)}to{transform:scale(1.08)}}.bd-feedback{border:1px solid #f3c6c1;border-left:3px solid var(--bd-danger);color:#b64339;background:#fdeceb;border-radius:10px;align-items:center;gap:8px;width:100%;max-width:480px;margin:4px 0;padding:8px 16px;font-size:13px;font-weight:400;animation:.35s bd-shake;display:flex}@keyframes bd-shake{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}.bd-bomb-stage{justify-content:center;align-items:center;width:100%;max-width:200px;margin:8px 0;display:flex}.bd-bomb-stage--shake{animation:.35s bd-shake}.bd-runner-stage{width:170px;height:170px;animation:3.6s ease-in-out infinite bd-runner-move;position:relative}.bd-runner-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 10px 14px #503e1e2e);transition:filter .4s}.bd-runner-stage--danger .bd-runner-img{filter:drop-shadow(0 10px 14px #503e1e2e)sepia()saturate(6)hue-rotate(-50deg)brightness(1.05)}.bd-runner-stage--danger{animation-duration:1.4s}@keyframes bd-runner-move{0%{transform:translate(0)scale(1)}10%{transform:translate(-38px,-26px)scale(1.08)}22%{transform:translate(30px,10px)scale(.94)}35%{transform:translate(-26px,20px)scale(1.05)}48%{transform:translate(40px,-30px)scale(.95)}60%{transform:translate(-34px,-8px)scale(1.06)}72%{transform:translate(24px,24px)scale(.96)}85%{transform:translate(-18px,-18px)scale(1.04)}to{transform:translate(0)scale(1)}}.bd-sprite{filter:drop-shadow(0 10px 14px #503e1e2e);width:170px;height:170px}.bd-sprite--explode{width:210px;height:210px;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards bd-explode-anim}.bd-sprite--defused{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards bd-defused-anim}@keyframes bd-explode-anim{0%{opacity:0;transform:scale(.3)rotate(-15deg)}60%{opacity:1;transform:scale(1.15)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes bd-defused-anim{0%{transform:scale(.8)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes bd-clear-in{0%{opacity:0;transform:scale(.6)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.bd-stage-badge{background:var(--bd-accent-soft);border:3px solid var(--bd-accent);box-shadow:2px 2px 0 var(--bd-accent);color:var(--bd-accent-dark);white-space:nowrap;image-rendering:pixelated;border-radius:6px;align-items:center;padding:8px 12px;font-family:"Press Start 2P",Galmuri11,monospace;font-size:10px;display:inline-flex}.bd-lives{align-items:center;gap:4px;display:flex}.bd-heart{image-rendering:pixelated;display:inline-flex}.bd-progress-text{color:var(--bd-muted);font-family:Galmuri11,sans-serif;font-size:13px}.bd-screen{background:var(--bd-card);border:3px solid var(--bd-accent);width:100%;max-width:380px;box-shadow:5px 5px 0 var(--bd-accent);border-radius:20px;flex-direction:column;margin-top:40px;padding:16px 20px 22px;display:flex}.bd-topbar-new{justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.bd-topbar-left,.bd-topbar-right{align-items:center;gap:8px;display:flex}.bd-icon-btn{background:var(--bd-accent-soft);border:2px solid var(--bd-card-border);width:30px;height:30px;color:var(--bd-accent-dark);cursor:pointer;border-radius:8px;place-items:center;transition:transform .1s;display:grid}.bd-icon-btn:active{transform:scale(.9)}.bd-btn--full{width:100%;margin-top:4px}.bd-intro-overlay{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2d285a59;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.bd-intro-panel{text-align:center;background:#fff;border:1.5px solid #7b2ff747;border-radius:26px;flex-direction:column;align-items:center;gap:8px;width:300px;max-width:100%;padding:22px 26px 24px;animation:.35s cubic-bezier(.34,1.56,.64,1) both bd-intro-pop;display:flex;box-shadow:0 24px 60px #321e5a47,0 0 34px #9b5de538}@keyframes bd-intro-pop{0%{opacity:0;transform:scale(.82)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.bd-intro-back{z-index:41;width:32px;height:32px;color:var(--bd-accent-dark);cursor:pointer;background:#ffffffd9;border:1px solid #7f77dd66;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:background .15s;display:flex;position:fixed;top:14px;left:14px}.bd-intro-back:hover{background:#fff}.bd-intro-title{letter-spacing:-1px;color:#3a1470;margin:0;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:2.2rem;font-weight:800;line-height:1.05}.bd-intro-thumb{object-fit:contain;width:120px;height:120px;margin:0 0 2px}.bd-intro-desc{color:#8b7ec8;margin:0;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:.82rem;font-weight:600;line-height:1.45}.bd-intro-rule-box{color:#4a3f78;background:#7b2ff70f;border:1px solid #7b2ff72e;border-radius:14px;width:100%;margin-top:2px;padding:11px 16px;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:.86rem;font-weight:500;line-height:1.6}.bd-intro-rule-lines{color:#4a3f78;font-size:.86rem;font-weight:500;line-height:1.6}.bd-intro-reward{color:#8a5a00;background:linear-gradient(135deg,#fff3d0,#ffe49c);border:1px solid #b4780040;border-radius:99px;align-items:center;gap:6px;padding:7px 16px;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:.82rem;font-weight:800;display:inline-flex}.bd-intro-panel .bd-btn{color:#fff;background:linear-gradient(135deg,#5a1af0,#b038f5);border:none;border-radius:50px;width:auto;min-width:160px;min-height:auto;margin-top:4px;padding:11px 36px;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:.95rem;font-weight:900;line-height:1.2;box-shadow:0 5px 20px #8c32f080}.bd-intro-panel .bd-btn:before,.bd-intro-panel .bd-btn:after{display:none}.bd-intro-panel .bd-btn:hover{filter:brightness(1.08)}.bd-intro-panel .bd-btn:active{transform:scale(.98)}.bd-play{flex-direction:column;align-items:center;gap:8px;display:flex}.bd-timer-ring{width:140px;height:140px;position:relative}.bd-timer-ring-svg{width:100%;height:100%}.bd-timer-ring-track{fill:none;stroke:var(--bd-card-border);stroke-width:8px}.bd-timer-ring-fill{fill:none;stroke:var(--bd-accent);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .4s}.bd-timer-ring-fill.bd-timer--warn{stroke:var(--bd-warn)}.bd-timer-ring-fill.bd-timer--danger{stroke:var(--bd-danger)}.bd-timer-ring-label{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.bd-timer-ring-tag{letter-spacing:1px;color:var(--bd-accent-dark);font-family:"Press Start 2P",Galmuri11,monospace;font-size:11px}.bd-timer-ring-digits{color:var(--bd-ink);font-family:"Press Start 2P",Galmuri11,monospace;font-size:20px}.bd-timer-ring-digits.bd-timer--warn{color:var(--bd-warn)}.bd-timer-ring-digits.bd-timer--danger{color:var(--bd-danger);animation:.4s infinite alternate bd-num-danger}.bd-play .bd-code-panel{width:100%;margin-bottom:0}.bd-dots-row{gap:6px;margin-top:4px;display:flex}.bd-dot-sm{border:1px solid var(--bd-card-border);background:#eee6d3;border-radius:50%;width:8px;height:8px}.bd-dot-sm--done{background:var(--bd-accent);border-color:var(--bd-accent)}.bd-dot-sm--current{background:var(--bd-warn);border-color:var(--bd-warn)}.bd-clear-screen{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:4px 2px 2px;display:flex}.bd-clear-title{color:var(--bd-accent-dark);margin:6px 0 2px;font-family:"Press Start 2P",Galmuri11,monospace;font-size:26px}.bd-clear-title--fail{color:var(--bd-danger);font-size:20px}.bd-clear-sub{color:var(--bd-muted);margin-bottom:4px;font-family:Galmuri11,sans-serif;font-size:13px;line-height:1.6}.bd-bomb-stage--clear{position:relative}.bd-clear-check{animation:.3s steps(4,end) forwards bd-clear-in;position:absolute;bottom:4px;right:8px}.bd-reward-box{border:2px solid var(--bd-card-border);border-radius:12px;flex-direction:column;align-items:center;gap:8px;width:100%;margin:4px 0 6px;padding:10px 14px;display:flex}.bd-reward-label-tag{letter-spacing:1px;color:var(--bd-muted);font-family:"Press Start 2P",Galmuri11,monospace;font-size:10px}.bd-reward-chips{gap:10px;display:flex}.bd-reward-chip{background:var(--bd-accent-soft);border:2px solid var(--bd-accent);color:var(--bd-accent-dark);border-radius:999px;padding:6px 12px;font-family:"Press Start 2P",Galmuri11,monospace;font-size:12px}.bd-clear-screen--fail .bd-btn--primary{background:var(--bd-danger)}.bd-code-panel{background:var(--bd-card);border:2px solid var(--bd-card-border);width:100%;max-width:480px;box-shadow:var(--bd-shadow);border-radius:18px;margin-bottom:6px;overflow:hidden}.bd-panel-body{padding:18px 0;display:flex}.bd-code-tap{text-align:left;flex:1;padding:8px 20px;font-family:"Press Start 2P",Galmuri11,monospace;font-size:12px;font-weight:400;line-height:2.1;display:block}.bd-token{font:inherit;white-space:pre-wrap;color:var(--bd-ink);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 2px;transition:transform .12s,background .12s;display:inline}.bd-token:hover:not(:disabled){background:var(--bd-accent-soft);transform:translateY(-1px)}.bd-token:active:not(:disabled){transform:scale(.94)}.bd-token:disabled{cursor:default}.bd-token--static{cursor:default;pointer-events:none}.bd-token--fn,.bd-token--kw{color:#c2578f}.bd-token--str,.bd-token--num{color:var(--bd-accent-dark)}.bd-token--punc{color:var(--bd-muted)}.bd-token--target{color:var(--bd-danger);-webkit-text-decoration:underline wavy var(--bd-warn) 2px;text-decoration:underline wavy var(--bd-warn) 2px;text-underline-offset:5px}.bd-token--fixed{color:var(--bd-correct);text-decoration:none;animation:.5s bd-token-fixed}@keyframes bd-token-fixed{0%{transform:scale(.6)}60%{transform:scale(1.2)}to{transform:scale(1)}}.bd-hint{border-top:1px solid var(--bd-card-border);color:var(--bd-muted);align-items:center;gap:6px;padding:10px 20px 12px;font-family:Galmuri11,sans-serif;font-size:13px;display:flex}.bd-hint-icon{font-size:14px}.bd-btn{cursor:pointer;letter-spacing:.5px;image-rendering:pixelated;border-radius:8px;padding:13px 22px;font-family:"Press Start 2P",Galmuri11,monospace;font-size:11px;font-weight:400;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.bd-btn:active{transform:translate(2px,2px)}.bd-btn--primary{background:var(--bd-accent);color:#fff;border:3px solid var(--bd-accent-dark);box-shadow:3px 3px 0 var(--bd-accent-dark)}.bd-btn--primary:active{box-shadow:1px 1px 0 var(--bd-accent-dark)}.bd-btn--secondary{background:var(--bd-card);color:var(--bd-accent-dark);border:3px solid var(--bd-card-border);box-shadow:3px 3px 0 var(--bd-card-border)}.bd-btn--secondary:active{box-shadow:1px 1px 0 var(--bd-card-border)}.bd-clear-screen--fail .bd-btn--primary{border-color:#b23a30;box-shadow:3px 3px #b23a30}.bd-clear-screen--fail .bd-btn--primary:active{box-shadow:1px 1px #b23a30}@media (width<=400px){.bd-screen{margin-top:24px;padding:14px 16px 18px}.bd-play{gap:6px}.bd-timer-ring{width:112px;height:112px}.bd-timer-ring-digits{font-size:17px}.bd-runner-stage{width:132px;height:132px}.bd-bomb-stage{margin:4px 0}.bd-code-tap{padding:8px 14px;font-size:11px;line-height:1.9}}.mp-root{--mp-bg-deep:#eae3f3;--mp-bg-card:#1a1430;--mp-purple-neon:#9b5de5;--mp-purple-mid:#7b2ff7;--mp-purple-soft:#c77dff;--mp-purple-glow:#9b5de573;--mp-yellow:#ffd60a;--mp-white:#f0eeff;--mp-text-dim:#8b7ec8;--mp-border:#9b5de559;--mp-radius-xl:22px;--mp-radius-lg:16px;background:var(--mp-bg-deep);width:100%;height:100%;color:var(--mp-white);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 35% at 50% 0,#7b2ff738 0%,#0000 65%),radial-gradient(50% 20% at 80% 100%,#9b5de51f 0%,#0000 60%);flex-direction:column;align-items:center;padding:0 10px 8px;font-family:Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;display:flex;position:relative;overflow:hidden}.mp-back{z-index:30;border:1px solid var(--mp-border);width:32px;height:32px;color:var(--mp-purple-mid);cursor:pointer;background:#ffffffb3;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:background .15s,border-color .15s;display:flex;position:absolute;top:14px;left:14px}.mp-back:hover{border-color:var(--mp-purple-soft);background:#fffffff2}.mp-hero{pointer-events:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:520px;margin-top:8px;padding-bottom:2px;display:flex;position:relative}.mp-hero:before{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(#7b2ff74d 0%,#0000 70%);width:120px;height:40px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.mp-hero-char{object-fit:contain;z-index:1;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 0 12px #9b5de5cc)drop-shadow(0 0 24px #7b2ff766);width:140px;height:140px;transition:filter .2s;animation:3.2s ease-in-out infinite mpFloat;position:relative}.mp-hero-char:hover{filter:drop-shadow(0 0 18px #9b5de5)drop-shadow(0 0 36px #7b2ff7b3)}.mp-char-hint{color:var(--mp-text-dim);margin-top:2px;font-size:.58rem}@keyframes mpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mp-intro-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(65% 55% at 50% 45%,#7b2ff747 0%,#0000 70%);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.mp-intro-panel{text-align:center;background:#fff;border:1.5px solid #7b2ff747;border-radius:26px;flex-direction:column;align-items:center;gap:8px;width:300px;max-width:100%;padding:22px 26px 24px;animation:.35s cubic-bezier(.34,1.56,.64,1) both mpPanelPop;display:flex;box-shadow:0 24px 60px #321e5a47,0 0 34px #9b5de538}@keyframes mpPanelPop{0%{opacity:0;transform:scale(.82)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.mp-intro-thumb{object-fit:contain;width:120px;height:120px}.mp-intro-title{letter-spacing:-1px;color:#3a1470;margin:0;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:2.2rem;font-weight:800;line-height:1.05}.mp-intro-desc{color:#8b7ec8;margin:0;font-size:.82rem;font-weight:600}.mp-intro-rule{color:#4a3f78;background:#7b2ff70f;border:1px solid #7b2ff72e;border-radius:14px;width:100%;margin-top:2px;padding:11px 16px;font-size:.86rem;line-height:1.6}.mp-intro-rule strong{color:var(--mp-purple-mid)}.mp-intro-rule-sub{color:#9d92c4;margin-top:4px;font-size:.78rem}.mp-intro-reward{color:#8a5a00;background:linear-gradient(135deg,#fff3d0,#ffe49c);border:1px solid #b4780040;border-radius:99px;align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;font-weight:800;display:inline-flex}.mp-intro-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a1af0,#b038f5);border:none;border-radius:50px;margin-top:4px;padding:11px 36px;font-size:.95rem;font-weight:900;transition:filter .15s;box-shadow:0 5px 20px #8c32f080}.mp-intro-start:hover{filter:brightness(1.1)}.mp-dashboard{border:1.5px solid var(--mp-border);border-radius:var(--mp-radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1430e6;flex-shrink:0;align-items:center;width:100%;max-width:520px;margin:5px 0 6px;padding:6px 10px;display:flex;box-shadow:0 4px 24px #0006,inset 0 1px #9b5de526}.mp-dash-item{flex:1;align-items:center;gap:8px;display:flex}.mp-dash-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:flex}.mp-dash-icon.score-ico{background:#ffd60a26}.mp-dash-icon.time-ico{background:#9b5de533}.mp-dash-info{flex-direction:column;display:flex}.mp-dash-label{color:var(--mp-text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.6rem;font-weight:600;line-height:1}.mp-dash-val{color:var(--mp-white);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800;line-height:1.2}.mp-dash-val.time-color{color:#a0a0a0;opacity:.5;font-size:.9rem}.mp-dash-sep{background:var(--mp-border);flex-shrink:0;width:1px;height:28px;margin:0 8px}.mp-btn-restart{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7b2ff7 0%,#9b5de5 50%,#c77dff 100%);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;padding:7px 12px;font-size:.78rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 0 14px #9b5de580}.mp-btn-restart:hover{transform:translateY(-2px)scale(1.03)}.mp-btn-restart:active{transform:scale(.95)}.mp-progress-wrap{background:#9b5de526;border-radius:99px;flex-shrink:0;width:100%;max-width:520px;height:4px;margin-bottom:6px;overflow:hidden}.mp-progress-fill{background:linear-gradient(90deg, var(--mp-purple-mid), var(--mp-purple-soft));height:100%;box-shadow:0 0 6px var(--mp-purple-glow);border-radius:99px;transition:width .45s cubic-bezier(.4,0,.2,1)}.mp-grid{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:520px;min-height:0;display:grid}.mp-card{perspective:1400px;cursor:pointer;height:100%;min-height:0;position:relative}.mp-card:hover:not(.flipped):not(.matched) .mp-card-inner{filter:drop-shadow(0 14px 18px #00000073)drop-shadow(0 0 10px #9b5de58c);transform:translateY(-6px)scale(1.04)rotateX(8deg)}.mp-card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:var(--mp-radius-lg);transform-origin:bottom;transition:transform .48s cubic-bezier(.4,.2,.2,1);position:relative}.mp-card.flipped .mp-card-inner{transform:rotateY(180deg)}.mp-card.matched{pointer-events:none;animation:.55s forwards mpMatchPop}@keyframes mpMatchPop{0%{opacity:1;transform:scale(1)}40%{opacity:1;filter:brightness(1.4)drop-shadow(0 0 14px #c77dff);transform:scale(1.09)}to{opacity:0;transform:scale(.68)}}.mp-card.wrong .mp-card-inner{animation:.4s mpWrongShake}@keyframes mpWrongShake{0%,to{transform:rotateY(180deg)translate(0)}25%{transform:rotateY(180deg)translate(-5px)}75%{transform:rotateY(180deg)translate(5px)}}.mp-card-face{border-radius:var(--mp-radius-lg);backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.mp-card-back{background:linear-gradient(160deg,#453391 0%,#513a8f 55%,#524292 100%);border:1.5px solid #a46fe680;gap:0;box-shadow:inset 0 1px #ffffff24,inset 0 -5px 10px #00000052,inset 4px 0 8px #0000001f,0 3px #362a70,0 6px #2a1f5c,0 14px 22px #00000073}.mp-card-back:before{content:"";border-radius:var(--mp-radius-lg);pointer-events:none;background-image:radial-gradient(circle,#9b5de538 1px,#0000 1px);background-size:13px 13px;position:absolute;inset:0}.mp-card-back:after{content:"";border-radius:var(--mp-radius-lg);pointer-events:none;mix-blend-mode:overlay;z-index:3;background:linear-gradient(115deg,#ffffff3d 0%,#0000 30% 70%,#ffffff0f 100%);position:absolute;inset:0}.mp-spark{color:#c77dff8c;pointer-events:none;z-index:2;font-size:.5rem;line-height:1;position:absolute}.mp-spark-tl{top:6px;left:7px}.mp-spark-tr{top:6px;right:7px}.mp-spark-bl{bottom:6px;left:7px}.mp-spark-br{bottom:6px;right:7px}.mp-card-back-img{object-fit:contain;z-index:1;filter:drop-shadow(0 4px 12px #7b2ff7a6);width:55%;max-height:60%;position:relative}.mp-card-front{background:linear-gradient(160deg,#fdfbff 0%,#f4f0ff 55%,#e9e1fb 100%);border:1.5px solid #9b5de540;justify-content:flex-start;gap:0;padding:5px 5px 4px;transform:rotateY(180deg);box-shadow:inset 0 1px #ffffffe6,inset 0 -4px 8px #7b2ff714,0 3px #d9cdf2,0 6px #c8b8ea,0 14px 22px #4a1e8247}.mp-card-front:after{content:"";border-radius:var(--mp-radius-lg);pointer-events:none;z-index:3;background:linear-gradient(115deg,#ffffff8c 0%,#0000 28% 72%,#7b2ff70d 100%);position:absolute;inset:0}.mp-card-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;flex-shrink:0;margin-top:12px;margin-bottom:5px;padding:1px 7px;font-size:.8rem;font-weight:800;line-height:1.6}.badge-concept{color:#fff;background:#7b2ff7}.badge-analogy{color:#fff;background:#ff6b35}.mp-card-content{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.mp-card-text{color:#1a0e3a;text-align:center;word-break:keep-all;white-space:pre-wrap;font-size:1.15rem;font-weight:700;line-height:1.35}.mp-card-text.is-code{color:#ffd60a;text-align:left;white-space:pre-wrap;word-break:break-all;background:#1a0e3a;border-radius:6px;width:100%;padding:4px 5px;font-family:Consolas,Fira Code,Courier New,monospace;font-size:.68rem;font-weight:500;line-height:1.5}.mp-card-mini{object-fit:contain;opacity:.72;flex-shrink:0;width:20px;height:20px;margin-top:2px}.mp-hint{border:1px solid var(--mp-border);border-radius:var(--mp-radius-lg);width:100%;max-width:520px;color:var(--mp-text-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1430d9;flex-shrink:0;align-items:center;gap:6px;margin-top:5px;margin-bottom:10px;padding:5px 12px;font-size:.68rem;display:flex}.mp-hint strong{color:var(--mp-white)}.mp-modal-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#05030fd1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-modal{text-align:center;background:#fff;border:1.5px solid #9b5de580;border-radius:28px;width:90%;max-width:360px;margin:0 auto;padding:40px 36px 34px;animation:.42s cubic-bezier(.34,1.56,.64,1) mpPopIn;box-shadow:0 0 60px #7b2ff766,0 24px 48px #00000080}@keyframes mpPopIn{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.mp-modal-char{object-fit:contain;filter:drop-shadow(0 0 16px #9b5de5cc);width:86px;height:86px;margin:0 auto 14px;animation:3s ease-in-out infinite mpFloat;display:block}.mp-modal-title{color:#000;-webkit-text-fill-color:#000;background:0 0;margin-bottom:4px;font-size:1.75rem;font-weight:900}.mp-modal-sub{color:#000;margin-bottom:22px;font-size:.83rem}.mp-modal-stats{gap:12px;margin:0 auto 24px;display:flex}.mp-modal-stat{border-radius:var(--mp-radius-lg);background:#fff;border:1.5px solid #7f77dd;flex:1;padding:12px 10px}.mp-modal-stat-label{color:#7f77dd;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:.6rem}.mp-modal-stat-val{color:#7f77dd;font-size:1.55rem;font-weight:900}.mp-modal-reward{color:#000;margin-left:auto;margin-right:auto}.mp-btn-play-again{border-radius:var(--mp-radius-lg);color:#fff;cursor:pointer;background:#7f77dd;border:none;width:100%;margin-left:auto;margin-right:auto;padding:14px;font-size:.95rem;font-weight:700;transition:transform .15s;box-shadow:0 0 20px #9b5de580}.mp-btn-play-again:hover{transform:translateY(-2px)}.mp-btn-play-again:active{transform:scale(.97)}.mp-btn-to-list{border-radius:var(--mp-radius-lg);color:#5f57c8;cursor:pointer;background:#fff;border:1.5px solid #d9d6f2;width:100%;margin:10px auto 0;padding:11px;font-size:.88rem;font-weight:600;transition:color .15s,border-color .15s}.mp-btn-to-list:hover{color:#534ab7;background:#fff;border-color:#c4bfee}.mp-char-modal-bg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;background:#05030fe0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-char-modal{text-align:center;background:linear-gradient(160deg,#1e154a 0%,#2d1b5e 100%);border:1.5px solid #9b5de580;border-radius:24px;width:88%;max-width:340px;padding:28px 24px 22px;animation:.35s cubic-bezier(.34,1.56,.64,1) mpPopIn;box-shadow:0 0 60px #7b2ff766}.mp-char-modal-title{color:var(--mp-white);margin-bottom:4px;font-size:1rem;font-weight:800}.mp-char-modal-sub{color:var(--mp-text-dim);margin-bottom:18px;font-size:.72rem}.mp-char-grid-pick{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.mp-char-option{border:2px solid var(--mp-border);cursor:pointer;background:#0f0c1b99;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 10px;transition:border-color .2s,transform .15s;display:flex}.mp-char-option:hover{border-color:var(--mp-purple-soft);transform:translateY(-2px)}.mp-char-option.selected{border-color:var(--mp-purple-neon);background:#9b5de526}.mp-char-option img{object-fit:contain;filter:drop-shadow(0 0 8px #9b5de599);width:60px;height:60px}.mp-char-option-name{color:var(--mp-white);font-size:.65rem;font-weight:700}.mp-btn-char-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b2ff7 0%,#c77dff 100%);border:none;border-radius:12px;width:100%;padding:11px;font-size:.88rem;font-weight:700;transition:transform .15s}.mp-btn-char-confirm:hover{transform:translateY(-2px)}@media (width<=400px){.mp-grid{gap:5px}.mp-hero-char{width:50px;height:50px}.mp-card-text{font-size:.68rem}.mp-card-text.is-code{font-size:.6rem}.mp-dash-val{font-size:.9rem}.mp-btn-restart{padding:6px 10px;font-size:.72rem}}.mp-countdown-overlay{z-index:100;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.mp-countdown-box{border:2px solid var(--mp-purple-soft);box-shadow:0 10px 40px #0f0c1bd9,  0 0 20px var(--mp-purple-glow),  inset 0 0 15px #9b5de526;background:#141029;border-radius:18px;flex-direction:row;justify-content:center;align-items:center;gap:24px;width:auto;min-width:440px;padding:24px 64px;display:flex}.mp-countdown-label{color:var(--mp-white);letter-spacing:1px;text-shadow:0 2px 4px #0006;font-family:Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:1.7rem;font-weight:700}.mp-countdown-num{color:var(--mp-purple-soft);box-shrink:0;width:auto;height:auto;box-shadow:none;text-shadow:0 0 12px var(--mp-purple-glow);background:0 0;border-radius:0;font-family:Consolas,Segoe UI,sans-serif;font-size:1.95rem;font-weight:900;line-height:1;animation:.3s ease-out mpCountdownNumPop;display:inline-block}.mp-countdown-box.is-intro{justify-content:center;align-items:center;min-width:440px;padding:24px 0;animation:1s forwards mpCountdownIntroFade;display:flex}@keyframes mpCountdownIntroFade{0%{opacity:0;transform:scale(.9)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.mp-countdown-center-num{color:#fff;opacity:.3;text-shadow:0 0 30px #64c8ffcc,0 4px 15px #0009,2px 2px #16c;text-align:center;font-family:Orbitron,Consolas,Fira Code,sans-serif;font-size:3.5rem;font-weight:900;line-height:1;animation:.9s cubic-bezier(.175,.885,.32,1.275) forwards mpCountdownNumPopCenter}.mp-countdown-center-num.is-start-text{color:#c77dff;opacity:.3;text-shadow:0 0 30px #9b5de5cc,0 4px 15px #000000b3,2px 2px #5e17eb;letter-spacing:2px;font-size:3.5rem}@keyframes mpCountdownNumPopCenter{0%{opacity:.1;filter:blur(5px);transform:scale(2.2)}30%{opacity:.9;filter:blur();transform:scale(.9)}60%{opacity:1;transform:scale(1.05)}85%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.85)}}.mp-countdown-num-float{color:var(--mp-yellow);text-shadow:0 0 25px #ffd60ad9,0 4px 12px #000000b3;font-family:Orbitron,Consolas,Fira Code,sans-serif;font-size:4.5rem;font-weight:900;line-height:1;animation:.4s cubic-bezier(.175,.885,.32,1.275) mpCountdownNumGiantPop;position:absolute;bottom:-68px;left:50%;transform:translate(-50%)}.mp-countdown-num.is-start{color:#ffb703;letter-spacing:3px;text-shadow:0 0 16px #ffb703d9;box-shadow:none;font-size:2.1rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) mpCountdownNumPop}@keyframes mpCountdownNumPop{0%{opacity:.3;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes mpCountdownNumGiantPop{0%{opacity:.2;transform:translate(-50%)scale(1.8)}50%{opacity:.9;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.aicross-wrap{color:#4a3970;background:linear-gradient(#f4ecff 0%,#ece2fb 40%,#e5d9f7 100%);outline:none;flex-direction:column;gap:14px;width:100%;max-width:480px;min-height:100%;margin:0 auto;padding:16px;display:flex;position:relative}.aicross-back{color:#6a4bb0;cursor:pointer;z-index:901;background:#ffffffb3;border:1px solid #9664dc40;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;position:absolute;top:14px;left:14px}.aicross-back:hover{background:#fffffff2}.aicross-mobile-input{opacity:.01;pointer-events:none;color:#0000;background:0 0;border:0;width:1px;height:1px;padding:0;position:fixed;bottom:0;left:50%}.aicross-intro-overlay{z-index:900;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2814506b;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.aicross-intro-panel{text-align:center;background:#fff;border:1.5px solid #7850d247;border-radius:26px;flex-direction:column;align-items:center;gap:8px;width:300px;max-width:100%;padding:22px 26px 24px;animation:.35s cubic-bezier(.34,1.56,.64,1) both aicrossIntroPop;display:flex;box-shadow:0 24px 60px #321e5a47,0 0 34px #9664dc38}@keyframes aicrossIntroPop{0%{opacity:0;transform:scale(.82)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.aicross-intro-thumb{object-fit:contain;width:120px;height:120px}.aicross-intro-title{letter-spacing:-1px;color:#3a1470;margin:0;font-family:Pretendard,Noto Sans KR,sans-serif;font-size:2.2rem;font-weight:800;line-height:1.05}.aicross-intro-desc{color:#8b7ec8;margin:0;font-size:.82rem;font-weight:600}.aicross-intro-rule{color:#4a3f78;background:#7850d212;border:1px solid #7850d22e;border-radius:14px;width:100%;margin-top:2px;padding:11px 16px;font-size:.86rem;line-height:1.6}.aicross-intro-rule strong{color:#6a4bb0}.aicross-intro-reward{color:#8a5a00;background:linear-gradient(135deg,#fff3d0,#ffe49c);border:1px solid #b4780040;border-radius:99px;align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;font-weight:800;display:inline-flex}.aicross-intro-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a1af0,#b038f5);border:none;border-radius:50px;margin-top:4px;padding:11px 36px;font-size:.95rem;font-weight:900;transition:filter .15s;box-shadow:0 5px 20px #8c32f080}.aicross-intro-start:hover{filter:brightness(1.08)}.aicross-title-block{text-align:center;flex-direction:column;align-items:center;gap:4px;padding-top:6px;display:flex}.aicross-badge{color:#9a7fc4;letter-spacing:.04em;background:#fff9;border:1px solid #9664dc33;border-radius:20px;margin-bottom:2px;padding:3px 10px;font-size:10px;font-weight:700}.aicross-maintitle{letter-spacing:.02em;justify-content:center;align-items:center;gap:8px;margin:0;font-size:26px;font-weight:900;display:flex}.aicross-tag{color:#966edc73;font-family:Courier New,monospace;font-size:15px;font-weight:700}.aicross-title-ai{background:linear-gradient(90deg,#7c5cff,#b06bff);color:#0000;-webkit-background-clip:text;background-clip:text}.aicross-title-word{background:linear-gradient(90deg,#b06bff,#ff7fc4);color:#0000;-webkit-background-clip:text;background-clip:text}.aicross-subtitle{color:#8a6bb8;font-size:13px;font-weight:600}.aicross-set-label{color:#8a6bb899;margin-top:2px;font-size:11px;font-weight:500}.aicross-status{color:#8a6bb8;text-align:center;background:#fff9;border:1px solid #b48cff40;border-radius:18px;flex-direction:column;align-items:center;gap:12px;margin:48px auto;padding:24px 28px;font-size:14px;font-weight:600;display:flex}.aicross-status--error{color:#b05a7a}.aicross-status--info{color:#6a4bb0;background:#a078ff1a;border:1px solid #a078ff47;border-radius:12px;margin:0;padding:10px 14px;font-size:12px;font-weight:700}.aicross-progress-bar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.aicross-progress-badge,.aicross-reward-badge{white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:800}.aicross-progress-badge{color:#6a4bb0;background:#a078ff24;border:1px solid #a078ff52}.aicross-reward-badge{color:#b8860b;background:#ffc83c2e;border:1px solid #ffc83c66}.aicross-toolbar{align-items:stretch;gap:10px;display:flex}.aicross-set-select,.aicross-starter-badge{background:#ffffffb8;border:1px solid #b48cff47;border-radius:14px;box-shadow:0 4px 14px #7850c814}.aicross-set-select{flex:1;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.aicross-set-select span,.aicross-starter-badge span{color:#8a6bb8;white-space:nowrap;font-size:11px;font-weight:900}.aicross-set-select select{color:#4a3970;background:#fff;border:1px solid #a078ff59;border-radius:10px;outline:none;flex:1;min-width:0;height:32px;padding:0 8px;font-size:13px;font-weight:800}.aicross-set-select select:focus{border-color:#7c5cffb3;box-shadow:0 0 0 3px #7c5cff24}.aicross-starter-badge{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:86px;padding:7px 10px;display:flex}.aicross-starter-badge b{color:#5a3d99;font-family:Courier New,monospace;font-size:20px;line-height:1}.aicross-win-actions{gap:10px;margin-top:8px;display:flex}.aicross-win-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#3c1e5a8c;justify-content:center;align-items:center;animation:.3s winFade;display:flex;position:fixed;inset:0}.aicross-win-modal{text-align:center;background:linear-gradient(145deg,#fff,#f6ecff);border:1px solid #a878ff59;border-radius:22px;flex-direction:column;align-items:center;gap:12px;min-width:280px;margin:0 auto;padding:40px 32px;animation:.4s winPop;display:flex;box-shadow:0 20px 50px #7850c840}.aicross-win-hero{justify-content:center;align-items:center;width:128px;height:112px;margin-bottom:-4px;display:flex;position:relative}.aicross-win-character{justify-content:center;align-items:center;width:108px;height:108px;animation:.45s both aicrossCharacterPop,2.4s ease-in-out .45s infinite aicrossCharacterFloat;display:flex}.aicross-win-character img{object-fit:contain;filter:drop-shadow(0 8px 10px #5a3d9938);width:100%;height:100%}.aicross-win-emoji{z-index:2;filter:drop-shadow(0 8px 10px #b8860b38);font-size:58px;animation:.42s both aicrossCoinPop;position:absolute;top:2px;right:4px}.aicross-win-title{color:#5a3d99;font-size:26px;font-weight:800}.aicross-win-sub{color:#8a6bb8;margin-bottom:4px;font-size:14px}.aicross-win-reward{color:#7f77dd;background:#fff;border:1.5px solid #7f77dd;border-radius:12px;margin-left:auto;margin-right:auto;padding:10px 24px;font-size:22px;font-weight:800}.aicross-win-reward--claimed{color:#9a86bf;background:#9678dc14;border-color:#9678dc33;font-size:13px}.aicross-win-reward--muted{color:#8a6bb8;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.aicross-win-reward--loading{color:#8a6bb8;background:0 0;border:none;font-size:14px}.aicross-win-meta{color:#9a86bf;flex-direction:column;align-items:center;gap:2px;margin-top:-2px;font-size:11px;display:flex}.acbtn{cursor:pointer;background:0 0;border:1px solid;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:700}.acbtn--next{color:#fff;background:#7f77dd;border-color:#7f77dd;margin:8px auto 0}@keyframes winFade{0%{opacity:0}to{opacity:1}}@keyframes winPop{0%{opacity:0;transform:scale(.88)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes aicrossCoinPop{0%{opacity:0;transform:translateY(12px)scale(.65)rotate(-12deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes aicrossCharacterPop{0%{opacity:0;transform:translateY(18px)scale(.72)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes aicrossCharacterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.aicross-grid-card{box-sizing:border-box;scrollbar-width:none;background:linear-gradient(160deg,#5c4aa2 0%,#3a2a70 55%,#251a4a 100%);border-radius:22px;justify-content:center;max-width:100%;padding:22px 14px;display:flex;position:relative;overflow-x:auto;box-shadow:inset 0 1px #ffffff1f,inset 0 2px 6px #0000004d,inset 0 -10px 20px #0003,0 14px 34px #321e6466,0 3px 8px #1e0f3c59}.aicross-grid-card::-webkit-scrollbar{display:none}.aicross-corner{color:#c8aaff80;font-family:Courier New,monospace;font-size:13px;font-weight:700;position:absolute;top:10px}.aicross-corner--tl{left:14px}.aicross-corner--tr{right:14px}.aicross-grid{gap:5px;width:fit-content;margin:0 auto;display:grid}.ac-cell{width:var(--cell-size,38px);height:var(--cell-size,38px);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,transform .1s,box-shadow .12s;display:flex;position:relative}.ac-cell--void{cursor:default;pointer-events:none;background:0 0}.ac-cell:not(.ac-cell--void){background:linear-gradient(160deg,#fff,#f2ecfb);border-bottom:3px solid #5a3c9647;transition:background .12s,transform 80ms,box-shadow 80ms,border-bottom-width 80ms;box-shadow:inset 0 1px #fffffff2,0 5px 10px #140a3259,0 1px 2px #140a3233}.ac-cell:not(.ac-cell--void):hover{background:linear-gradient(160deg,#fff,#ece0fb)}.ac-cell:not(.ac-cell--void):active{border-bottom-width:1px;transform:translateY(2px);box-shadow:0 1px 2px #140a3240}.ac-cell.is-selected{background:linear-gradient(160deg,#f6efff,#e4d2ff);border-bottom-color:#8c5adc73;box-shadow:inset 0 0 0 2px #a06eff99,0 5px 10px #5a32b44d,0 1px 2px #140a3233}.ac-cell.is-cursor{z-index:1;background:linear-gradient(160deg,#fff3b0,#fd5);border-bottom-color:#b4820080;transform:scale(1.08);box-shadow:inset 0 0 0 2px #ffc93c,0 5px 12px #ffbe2880,0 1px 2px #b4820040}.ac-cell.is-correct{background:linear-gradient(160deg,#eafff0,#c9f4d5);border-bottom-color:#28965573;box-shadow:inset 0 0 0 2px #46be6e99,0 5px 10px #46be6e4d,0 1px 2px #140a3233}.ac-cell.is-wrong{background:linear-gradient(160deg,#ffefef,#ffd2d2);border-bottom-color:#d23c3c73;box-shadow:inset 0 0 0 2px #ff5a5a99,0 5px 10px #ff5a5a4d,0 1px 2px #140a3233}.ac-num{font-size:calc(var(--cell-size,38px) * .22);color:#785aaab3;pointer-events:none;font-weight:800;line-height:1;position:absolute;top:2px;left:3px}.ac-num--active{color:#b8860b}.ac-letter{font-size:calc(var(--cell-size,38px) * .44);color:#3a2a60;pointer-events:none;text-transform:uppercase;font-family:Courier New,monospace;font-weight:800;line-height:1}.ac-cell.is-correct .ac-letter{color:#2f9e56}.ac-cell.is-wrong .ac-letter{color:#d94848}.aicross-hint-box{background:linear-gradient(160deg,#f2e9fc 0%,#e5d6fa 100%);border:1px solid #8c5ae673;border-radius:18px;gap:12px;padding:14px 16px;display:flex;position:relative;box-shadow:inset 0 1px #fffffff2,inset 0 -6px 14px #a06eff14,0 10px 24px #7850c82e,0 2px 4px #7850c81f}.aicross-hint-icon{background:linear-gradient(145deg,#ffe27a,#ffc93c);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:inset 0 1px #fff9,inset 0 -2px 4px #96640026,0 4px 10px #ffb42873}.aicross-hint-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.aicross-hint-title{color:#361c6b;font-size:13px;font-weight:800}.aicross-hint-desc{color:#4e3a73;font-size:12px;line-height:1.4}.aicross-hint-answer-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.aicross-hint-boxes{flex-wrap:wrap;gap:5px;display:flex}.aicross-letter-box{color:#5a3d99;cursor:pointer;text-transform:uppercase;background:linear-gradient(160deg,#fff,#ecdcff);border:1.5px solid #b48cff66;border-bottom:3px solid #9664dc73;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:Courier New,monospace;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:flex;box-shadow:inset 0 1px #ffffffe6,0 4px 8px #7850c840,0 1px 2px #5a32a033}.aicross-letter-box:active{border-bottom-width:1.5px;transform:translateY(2px);box-shadow:0 1px 2px #7850c833}.aicross-letter-box.is-cursor{background:linear-gradient(160deg,#fff8dc,#ffe066);border-color:#ffc93c #ffc93c #d69f00;box-shadow:inset 0 1px #ffffffe6,0 5px 10px #ffbe2880,0 1px 2px #b4820040}.aicross-letter-box.is-correct{color:#2f9e56;background:linear-gradient(160deg,#f2fff5,#c9f4d5);border-color:#46be6e99 #46be6e99 #28965599;box-shadow:inset 0 1px #ffffffe6,0 4px 8px #46be6e4d,0 1px 2px #288c5033}.aicross-letter-box.is-wrong{color:#d94848;background:linear-gradient(160deg,#fff4f4,#ffd2d2);border-color:#ff5a5a99 #ff5a5a99 #d23c3c99;box-shadow:inset 0 1px #ffffffe6,0 4px 8px #ff5a5a4d,0 1px 2px #c83c3c33}.aicross-submit-btn{color:#5a3d10;cursor:pointer;white-space:nowrap;background:linear-gradient(145deg,#ffe27a,#ffc93c);border:none;border-radius:20px;padding:9px 18px;font-size:13px;font-weight:800;transition:transform .1s,box-shadow .1s;box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 4px #96640026,0 4px 10px #ffbe2873}.aicross-submit-btn:hover{transform:translateY(-1px)}.aicross-submit-btn:active{transform:translateY(0);box-shadow:inset 0 -1px 3px #96640033,0 1px 3px #ffbe284d}.aicross-submit-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;pointer-events:none;background:#cbd5e1;transform:none}.aicross-clue-card{background:#fff;border:1px solid #b48cff33;border-radius:18px;gap:8px;padding:14px 12px;display:flex;box-shadow:0 4px 14px #7850c80f}.aicross-clue-divider{background:#b48cff2e;width:1px;margin:2px 0}.aicross-clue-col{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.aicross-clue-heading{color:#6a4bb0;border-bottom:1px solid #b48cff2e;align-items:center;gap:5px;margin-bottom:4px;padding-bottom:6px;font-size:12px;font-weight:800;display:flex}.aicross-heading-icon{color:#b06bff;font-family:Courier New,monospace;font-size:10px}.aicross-clue-item{color:#6a5a8f;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:6px 8px;font-size:11.5px;line-height:1.4;transition:background .12s,color .12s}.aicross-clue-item b{color:#8a5cff;margin-right:4px;font-family:Courier New,monospace}.aicross-clue-item:hover{color:#5a3d99;background:#a078ff14}.aicross-clue-item.is-active{color:#5a3d99;background:#a078ff24;border-color:#a078ff59;font-weight:600}.aicross-clue-item.is-active b{color:#7c3dff}.aicross-word-bank{flex-wrap:wrap;gap:6px;margin:4px 0 6px;display:flex}.aicross-word-bank-letter{color:#3d1a80;text-transform:uppercase;cursor:pointer;background:#cbb3f7;border:1px solid #6e32d273;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-family:Courier New,monospace;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 4px #7850c81f}.aicross-word-bank-letter.is-used{opacity:.75;color:#1e293b;box-shadow:none;cursor:default;background:#94a3b8;border-color:#64748b}:root{--clr-bg:#f4f3fa;--clr-bg-2:#eeedfe;--clr-bg-card:#fff;--clr-border:#e2e1ee;--clr-primary:#7f77dd;--clr-primary-lt:#a9a4e8;--clr-primary-dk:#534ab7;--clr-secondary:#06b6d4;--clr-accent:#7f77dd;--clr-success:#10b981;--clr-danger:#ef4444;--clr-warning:#f59e0b;--clr-text:#1a1a2e;--clr-text-muted:#7a7a94;--clr-text-faint:#9999b0;--grad-primary:linear-gradient(135deg, #7f77dd 0%, #534ab7 100%);--grad-boss:linear-gradient(135deg, #ef4444 0%, #f59e0b 100%);--grad-card:#fff;--grad-bg:#f4f3fa;--font-main:"Outfit", "Noto Sans KR", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-glow-primary:0 0 20px #7f77dd29;--shadow-glow-cyan:0 0 20px #06b6d424;--shadow-glow-boss:0 0 24px #ef444447;--shadow-card:0 12px 32px #1a1a2e14;--shadow-control:0 0 0 1px #534ab71a;--shadow-control-hover:0 0 0 3px #7f77dd1a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--z-nav:100;--z-modal:200;--z-toast:300;--app-canvas-width:420px;--grad-neon-line:linear-gradient(90deg, #7f77dd 0%, #534ab7 100%);--clr-gold-glow:color-mix(in srgb, var(--clr-accent) 55%, transparent);--clr-glyph:color-mix(in srgb, var(--clr-accent) 7%, transparent);--clr-glyph-soft:color-mix(in srgb, var(--clr-accent) 4%, transparent);--halo-radial:radial-gradient(circle, color-mix(in srgb, var(--clr-accent) 35%, transparent) 0%, transparent 70%);--radius-blob:46% 54% 57% 43% / 52% 46% 54% 48%;--glass-blur:16px;--bevel-top:inset 0 0 0 #fff0;--bevel-bottom:inset 0 0 0 #1a1a2e00}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-main);font-size:var(--font-size-md);color:var(--clr-text);-webkit-font-smoothing:antialiased;background:#f4f3fa;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 20% 30%,#ffffff26 0%,#0000 100%),radial-gradient(1px 1px at 60% 70%,#ffffff1f 0%,#0000 100%),radial-gradient(1px 1px at 80% 20%,#ffffff1a 0%,#0000 100%);position:fixed;inset:0}body:after{display:none}#root{z-index:1;position:relative}.app-shell{width:100%;max-width:var(--app-canvas-width);min-height:100dvh;margin:0 auto;position:relative}@media (width<=420px){.app-shell{width:100%;max-width:none}}img,video,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,textarea,select{font:inherit}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-muted{color:var(--clr-text-muted)}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.app-locked-screen{justify-content:center;align-items:center;min-height:75vh;padding:2rem 1rem;display:flex}.app-locked-card.app-locked-card{text-align:center;border:1px solid #ffffff14;width:100%;max-width:450px;min-height:360px;margin:0 auto;padding:3.5rem 2rem;position:relative}.app-locked-close.app-locked-close{color:var(--clr-text-muted);cursor:pointer;padding:4px;font-size:1.2rem;line-height:1;position:absolute;top:20px;right:20px}.app-locked-icon.app-locked-icon{text-shadow:0 0 20px #7c3aed4d;margin-bottom:1.5rem;font-size:3.5rem}.app-locked-title.app-locked-title{color:var(--clr-text-bright,var(--clr-text));margin-bottom:.8rem;font-size:1.75rem;font-weight:800}.app-locked-desc.app-locked-desc{color:var(--clr-text-muted);margin-bottom:2.5rem;font-size:.95rem;line-height:1.6}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-md);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-control);background:#ffffffdb;border:1px solid #534ab71f;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);pointer-events:none;background:linear-gradient(#ffffff2e,#0000);position:absolute;inset:0}.btn:hover{box-shadow:var(--shadow-control-hover);border-color:#534ab738;transform:none}.btn:hover:after{opacity:1}.btn:active{transform:translateY(0)scale(.99)}.btn-primary{background:var(--grad-primary);color:#fff;border-color:#ffffff38;box-shadow:0 0 0 1px #7f77dd24}.btn-primary:hover{box-shadow:0 0 0 3px #7f77dd24}.btn-secondary{color:var(--clr-primary-dk);background:#ffffffb8;border:1px solid #534ab738}.btn-secondary:hover{background:#7f77dd14}.btn-danger{background:var(--grad-boss);color:#fff;border-color:#ffffff38;box-shadow:0 0 0 1px #ef444424}.btn-ghost{color:var(--clr-text-muted);border:1px solid var(--clr-border);background:#ffffffb3}.btn-ghost:hover{color:var(--clr-text);background:#fff}.btn-sm{padding:var(--sp-2) var(--sp-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--sp-4) var(--sp-8);font-size:var(--font-size-lg)}.btn-full{width:100%}.card{background:var(--grad-card);border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:var(--sp-6);box-shadow:var(--shadow-card), var(--bevel-top), var(--bevel-bottom);transition:transform var(--transition-normal), box-shadow var(--transition-normal);position:relative;background:#fff!important}.card:hover{box-shadow:var(--shadow-card), var(--shadow-glow-primary), var(--bevel-top);transform:translateY(-3px)}.card-glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:var(--sp-6);background:#fff}.badge{align-items:center;gap:var(--sp-1);padding:2px var(--sp-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.03em;font-weight:600;display:inline-flex}.badge-primary{color:#c4b5fd;background:#7c3aed40;border:1px solid #7c3aed66}.badge-success{color:#6ee7b7;background:#10b98133;border:1px solid #10b9814d}.badge-danger{color:#fca5a5;background:#ef444433;border:1px solid #ef44444d}.badge-warning{color:#c4b5fd;background:#7c3aed33;border:1px solid #7c3aed4d}.badge-cyan{color:#67e8f9;background:#06b6d433;border:1px solid #06b6d44d}.progress-bar{border:1px solid var(--clr-border);border-radius:var(--radius-full);background:#ffffff14;width:100%;height:10px;position:relative;overflow:hidden}.progress-bar-fill{background:var(--grad-neon-line);border-radius:var(--radius-full);height:100%;box-shadow:0 0 12px var(--clr-gold-glow);background-size:200% 100%;transition:width .6s cubic-bezier(.34,1.56,.64,1);position:relative}.progress-bar-fill:after{content:"";width:10px;height:10px;box-shadow:0 0 10px 3px var(--clr-gold-glow);background:#fff;border-radius:50%;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.input{border-radius:var(--radius-md);width:100%;padding:var(--sp-3) var(--sp-4);color:#1a1a2e;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border:1.5px solid #e2e1ee;outline:none}.input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px #7c3aed33}.input::placeholder{color:var(--clr-text-faint)}.container{max-width:640px;padding:0 var(--sp-4);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.w-full{width:100%}.grid-2{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-glow-primary)}50%{box-shadow:0 0 48px #7c3aedb3}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes neon-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes halo-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-slide-up{animation:.45s forwards slide-in-up}.animate-scale-in{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards scale-in}.animate-bob{animation:3s ease-in-out infinite bob}.animate-float{animation:4s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-neon-pulse{animation:2s ease-in-out infinite neon-pulse}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}.level-test-modal-inner::-webkit-scrollbar{display:none}.divider{background:var(--clr-border);height:1px;margin:var(--sp-4) 0}.neon-line{background:var(--grad-neon-line);border-radius:var(--radius-full);height:2px;box-shadow:0 0 8px var(--clr-gold-glow)}.glass-panel{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--clr-border);border-radius:var(--radius-xl);background:#ffffff08}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:not(:disabled):not(.auth-page *):not(.text-link-btn):not(.no-3d),a[class*=btn i]:not([aria-disabled=true]):not(.auth-page *):not(.text-link-btn):not(.no-3d),input[type=button]:not(:disabled):not(.auth-page *):not(.text-link-btn):not(.no-3d),input[type=submit]:not(:disabled):not(.auth-page *):not(.text-link-btn):not(.no-3d),[role=button]:not([aria-disabled=true]):not(.auth-page *):not(.text-link-btn):not(.no-3d){will-change:box-shadow;transition:background-color .12s,border-color .12s,box-shadow .12s!important;transform:none!important;box-shadow:0 0 0 1px #534ab71a!important}button:not(:disabled):not(.auth-page *):not(.text-link-btn):not(.no-3d):hover,a[class*=btn i]:not([aria-disabled=true]):not(.auth-page *):not(.text-link-btn):not(.no-3d):hover,input[type=button]:not(:disabled):not(.auth-page *):not(.text-link-btn):not(.no-3d):hover,input[type=submit]:not(:disabled):not(.auth-page *):not(.text-link-btn):not(.no-3d):hover,[role=button]:not([aria-disabled=true]):not(.auth-page *):not(.text-link-btn):not(.no-3d):hover{transform:none!important;box-shadow:0 0 0 3px #7f77dd1f!important}button:not(:disabled):not(.auth-page *):not(.text-link-btn):not(.no-3d):active,a[class*=btn i]:not([aria-disabled=true]):not(.auth-page *):not(.text-link-btn):not(.no-3d):active,input[type=button]:not(:disabled):not(.auth-page *):not(.text-link-btn):not(.no-3d):active,input[type=submit]:not(:disabled):not(.auth-page *):not(.text-link-btn):not(.no-3d):active,[role=button]:not([aria-disabled=true]):not(.auth-page *):not(.text-link-btn):not(.no-3d):active{transform:none!important;box-shadow:0 0 0 2px #7f77dd29!important}button:disabled:not(.auth-page *):not(.text-link-btn):not(.no-3d),a[aria-disabled=true]:not(.auth-page *):not(.text-link-btn):not(.no-3d),input[type=button]:disabled:not(.auth-page *):not(.text-link-btn):not(.no-3d),input[type=submit]:disabled:not(.auth-page *):not(.text-link-btn):not(.no-3d),[role=button][aria-disabled=true]:not(.auth-page *):not(.text-link-btn):not(.no-3d){opacity:.55;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}.text-link-btn,.text-link-btn:hover,.text-link-btn:active,.text-link-btn:focus{box-shadow:none!important;background:0 0!important;transform:none!important}.no-3d{box-shadow:none!important;transform:none!important}.btn,.auth-btn-main,.reg-btn-primary,.reg-check-dup-btn,.st-modal-btn,.st-back-btn,.st-save-btn,.st-mute-btn,.st-vol-btn,.st-logout-btn,.st-delete-btn,.char-hero-settings,.char-option,.char-save-btn,.char-logout-btn,.char-title-equip-btn,.char-swatch,.char-effect,.tr-today-card,.tr-today-btn,.tr-mode-card,.tr-level-chip,.tr-unit-btn,.tr-go-btn,.btp-back-btn,.btp-card,.hd-cta-btn,.hd-room-tool,.hd-room-action-btn,.hd-modal-close,.hd-shop-row-btn,.hd-shop-buy-btn{transform:none!important;box-shadow:0 0 0 1px #534ab71a!important}.btn:hover,.auth-btn-main:hover,.reg-btn-primary:hover,.reg-check-dup-btn:hover,.st-modal-btn:hover,.st-back-btn:hover,.st-save-btn:not(:disabled):hover,.st-mute-btn:hover,.st-vol-btn:hover,.st-logout-btn:hover,.st-delete-btn:hover,.char-hero-settings:hover,.char-option:not(.locked):hover,.char-save-btn:not(:disabled):hover,.char-logout-btn:hover,.char-title-row:not(.locked):hover .char-title-equip-btn,.char-swatch:not(.locked):hover,.char-effect:not(.locked):hover,.tr-today-card:hover,.tr-today-btn:not(:disabled):hover,.tr-mode-card:not(.tr-mode-locked):hover,.tr-level-chip:not(.locked):hover,.tr-unit-btn:not(:disabled):hover,.tr-go-btn:hover,.btp-back-btn:hover,.btp-card:not(.btp-locked):hover,.hd-cta-btn:hover,.hd-room-tool:hover:not(:disabled),.hd-room-action-btn:hover,.hd-modal-close:hover,.hd-shop-row-btn:hover,.hd-shop-buy-btn:hover:not(:disabled){transform:none!important;box-shadow:0 0 0 3px #7f77dd1f!important}.btn:active,.auth-btn-main:active,.reg-btn-primary:active,.reg-check-dup-btn:active,.st-modal-btn:active,.st-back-btn:active,.st-save-btn:not(:disabled):active,.st-mute-btn:active,.st-vol-btn:active,.st-logout-btn:active,.st-delete-btn:active,.char-hero-settings:active,.char-option:not(.locked):active,.char-save-btn:not(:disabled):active,.char-logout-btn:active,.char-title-row:not(.locked):active .char-title-equip-btn,.char-swatch:not(.locked):active,.char-effect:not(.locked):active,.tr-today-card:active,.tr-today-btn:not(:disabled):active,.tr-mode-card:not(.tr-mode-locked):active,.tr-level-chip:not(.locked):active,.tr-unit-btn:not(:disabled):active,.tr-go-btn:active,.btp-back-btn:active,.btp-card:not(.btp-locked):active,.hd-cta-btn:active,.hd-room-tool:active:not(:disabled),.hd-room-action-btn:active,.hd-modal-close:active,.hd-shop-row-btn:active,.hd-shop-buy-btn:active:not(:disabled){transform:none!important;box-shadow:0 0 0 2px #7f77dd29!important}.btn:disabled,.auth-btn-main:disabled,.reg-btn-primary:disabled,.reg-check-dup-btn:disabled,.st-modal-btn:disabled,.st-save-btn:disabled,.st-delete-btn:disabled,.char-save-btn:disabled,.tr-today-btn:disabled,.hd-room-tool:disabled,.hd-shop-buy-btn:disabled{box-shadow:none!important;transform:none!important}