@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap";.event-banner-container{position:relative;width:100%;height:140px;border-radius:20px;overflow:hidden;margin-bottom:24px;background:#14141799;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.event-banner-track{display:flex;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);will-change:transform}.event-banner-slide{min-width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;box-sizing:border-box;cursor:pointer}.slide-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-2;transition:transform 6s ease}.event-banner-slide:hover .slide-background{transform:scale(1.05)}.glass-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#000000b3,#0006,#0000);z-index:-1}.slide-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;z-index:2;max-width:75%}.slide-header{display:flex;align-items:center;gap:10px}.slide-badge{font-size:10px;font-weight:800;padding:4px 10px;border-radius:12px;letter-spacing:.8px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0003}.slide-badge.gacha{background:#ffc10740;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.slide-badge.event{background:#ff416c40;color:#ff8a80;border:1px solid rgba(255,65,108,.3)}.slide-badge.update{background:#00e5ff40;color:#00e5ff;border:1px solid rgba(0,229,255,.3)}.slide-badge.notice{background:#ffffff26;color:#e0e0e0;border:1px solid rgba(255,255,255,.2)}.slide-timer{font-size:11px;color:#fffc;font-weight:500;display:flex;align-items:center;gap:4px}.slide-title{font-size:20px;font-weight:800;color:#fff;margin:0;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:-.5px}.slide-subtitle{font-size:13px;color:#ffffffd9;margin:0;line-height:1.4;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slide-icon{font-size:48px;opacity:.9;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));animation:floatIcon 3s ease-in-out infinite;z-index:2}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(5deg)}}.event-banner-indicators{position:absolute;bottom:12px;right:16px;display:flex;gap:8px;z-index:20}.indicator-dot{width:24px;height:4px;background:#fff3;border:none;border-radius:2px;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.indicator-dot.active{background:#fff;width:32px;box-shadow:0 0 10px #ffffff80}:root{--bg-dark: #0a0a15;--bg-secondary: #121225;--accent-gold: #cfa966;--accent-blue: #44aaff;--accent-red: #ff4d4f;--glass-bg: rgba(20, 20, 35, .75);--glass-border: rgba(255, 255, 255, .1);--safe-top: env(safe-area-inset-top, 24px);--safe-bottom: env(safe-area-inset-bottom, 24px);--easing-premium: cubic-bezier(.19, 1, .22, 1)}.main-menu-container{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-dark);color:#fff;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;opacity:0;transition:opacity .8s ease-out}.main-menu-container.visible{opacity:1}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(26,26,60,.6) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(20,20,40,.8) 0%,transparent 60%),linear-gradient(180deg,#0a0a1500,#0a0a15cc);z-index:0}.bg-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.particle{position:absolute;bottom:-10px;width:3px;height:3px;background:#fff6;border-radius:50%;box-shadow:0 0 4px #4af6;animation:float-up var(--duration, 8s) infinite linear;opacity:0}@keyframes float-up{0%{transform:translateY(0) translate(0);opacity:0}20%{opacity:.6}80%{opacity:.4}to{transform:translateY(-110vh) translate(20px);opacity:0}}.menu-header{position:absolute;top:0;left:0;right:0;z-index:20;padding:calc(var(--safe-top) + 12px) 20px 10px;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(180deg,#0a0a15e6,#0a0a1500)}.profile-section{display:flex;align-items:center;gap:12px;background:#ffffff08;padding:6px 12px 6px 6px;border-radius:40px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:transform .2s}.profile-section:active{transform:scale(.98)}.avatar-frame{width:44px;height:44px;border-radius:50%;background:#2a2a4e;border:2px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.avatar-level{font-size:.7rem;font-weight:800;color:#fff;z-index:2}.player-details{display:flex;flex-direction:column;gap:2px}.nickname{font-size:.95rem;font-weight:700;color:#f0f0f0;letter-spacing:.5px}.exp-bar-container{width:90px;height:4px;background:#00000080;border-radius:2px;overflow:hidden}.exp-fill{height:100%;background:var(--accent-blue)}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.utility-buttons{display:flex;gap:8px}.header-btn{width:36px;height:36px;border-radius:10px;background:#14142399;border:1px solid var(--glass-border);color:#ccc;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s}.header-btn:active{background:#ffffff1a}.header-btn svg{width:20px;height:20px}.badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--accent-red);border-radius:50%;border:1px solid var(--bg-dark)}.resources-row{display:flex;gap:8px}.resource-pill{display:flex;align-items:center;gap:8px;background:#0006;padding:4px 12px 4px 4px;border-radius:20px;border:1px solid var(--glass-border)}.res-icon{width:22px;height:22px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.res-icon.gold{background:linear-gradient(135deg,gold,#b8860b);color:#000}.res-icon.gem{background:linear-gradient(135deg,#4af,#05f);color:#fff}.res-value{font-size:.85rem;font-weight:600;font-family:SF Mono,Roboto Mono,monospace;letter-spacing:-.5px}.menu-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;pointer-events:none}.center-interactive{pointer-events:auto;text-align:center;margin-top:-60px;animation:fadeZoomIn 1s var(--easing-premium)}@keyframes fadeZoomIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-logo{margin-bottom:40px;position:relative}.logo-main{font-size:3rem;font-weight:900;font-style:italic;letter-spacing:-2px;line-height:.9;background:linear-gradient(180deg,#fff 20%,#8af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px rgba(68,170,255,.4))}.logo-sub{font-size:1.2rem;font-weight:300;letter-spacing:8px;color:var(--accent-blue);text-transform:uppercase;margin-left:4px}.story-start-btn{position:relative;background:linear-gradient(135deg,#2a2a4e,#1a1a2e);border:1px solid rgba(68,170,255,.3);padding:16px 60px;border-radius:4px;color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:all .3s var(--easing-premium);box-shadow:0 4px 20px #0006}.story-start-btn:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-gold)}.story-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4af3;border-color:var(--accent-blue)}.story-start-btn:active{transform:scale(.96)}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:calc(70px + var(--safe-bottom));background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(5,1fr);align-items:start;padding-top:10px;padding-bottom:var(--safe-bottom);border-top:1px solid var(--glass-border);z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:#889;cursor:pointer;position:relative;height:100%;transition:all .3s}.nav-item.active{color:#fff}.nav-item.active:after{content:"";position:absolute;bottom:calc(var(--safe-bottom) + 4px);width:4px;height:4px;background:var(--accent-gold);border-radius:50%;box-shadow:0 0 8px var(--accent-gold)}.nav-icon-container{width:28px;height:28px;margin-bottom:6px;transition:transform .2s var(--easing-premium)}.nav-item:active .nav-icon-container{transform:scale(.9)}.nav-item svg{width:100%;height:100%;fill:currentColor}.nav-label{font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.nav-item.home .nav-icon-container{width:36px;height:36px;filter:drop-shadow(0 0 8px rgba(255,255,255,.3));color:#fff;transform:translateY(-4px)}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;animation:fadeIn .3s forwards}.bottom-sheet{position:absolute;bottom:0;left:0;right:0;background:#141420;border-top-left-radius:24px;border-top-right-radius:24px;padding:24px 24px calc(var(--safe-bottom) + 20px);border-top:1px solid var(--glass-border);box-shadow:0 -10px 40px #00000080;transform:translateY(100%);animation:slideUp .4s var(--easing-premium) forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}.sheet-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 20px}.sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sheet-item{display:flex;flex-direction:column;align-items:center;gap:10px;background:#ffffff08;border:1px solid transparent;padding:16px 8px;border-radius:16px;color:#ccc;cursor:pointer;transition:all .2s}.sheet-item:active{background:#ffffff14;transform:scale(.96)}.sheet-icon{width:28px;height:28px;fill:currentColor}.sheet-label{font-size:.75rem;font-weight:500}.sheet-category{grid-column:1 / -1;font-size:.8rem;color:#667;font-weight:700;margin-top:12px;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}:root{--stage-bg-dark: #0a0a15;--stage-bg-light: #1a0a2e;--stage-accent: #4a9eff;--stage-accent-glow: rgba(74, 158, 255, .6);--stage-boss: #ff4757;--stage-boss-glow: rgba(255, 71, 87, .6);--stage-text-main: #ffffff;--stage-text-sub: rgba(255, 255, 255, .7);--stage-glass-bg: rgba(20, 20, 35, .6);--stage-glass-border: rgba(255, 255, 255, .1)}.stage-select-screen{width:100%;height:100%;position:relative;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;color:var(--stage-text-main);background-color:var(--stage-bg-dark)}.stage-bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 30%,var(--stage-bg-light),var(--stage-bg-dark));z-index:0}.stage-bg-particles{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px,30px 30px;background-position:0 0,15px 15px;opacity:.3;z-index:0}.stage-header{position:absolute;top:0;left:0;right:0;height:80px;padding:calc(env(safe-area-inset-top) + 10px) 20px 10px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}.stage-header>*{pointer-events:auto}.back-btn{width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.back-btn:active{transform:scale(.9);background:#fff3}.back-btn .icon{width:24px;height:24px}.chapter-indicator{display:flex;flex-direction:column;align-items:center;text-shadow:0 2px 10px rgba(0,0,0,.5)}.chapter-subtitle{font-size:10px;letter-spacing:2px;color:var(--stage-accent);font-weight:700}.chapter-title{font-size:20px;font-weight:800;letter-spacing:1px}.stamina-pill{display:flex;align-items:center;gap:6px;background:#0006;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-energy{width:16px;height:16px;color:#fbbf24}.stamina-val{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.map-viewport{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:1;padding-top:120px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.map-viewport::-webkit-scrollbar{display:none}.map-container{position:relative;width:100%;min-height:100%}.map-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.map-line{stroke:#ffffff1a;stroke-width:3;stroke-dasharray:8;animation:dash 1s linear infinite}.map-line.unlocked{stroke:var(--stage-accent);stroke-opacity:.5;stroke-dasharray:none;filter:drop-shadow(0 0 4px var(--stage-accent-glow))}.map-line.locked{stroke-dasharray:8 4}@keyframes dash{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.map-node{position:absolute;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .3s cubic-bezier(.34,1.56,.64,1);background:var(--stage-glass-bg);border:2px solid var(--stage-glass-border);box-shadow:0 4px 15px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-node.selected{transform:translate(-50%,-50%) scale(1.15);border-color:#fff;box-shadow:0 0 20px var(--stage-accent-glow);background:#4a9eff33}.map-node.boss-node{width:80px;height:80px;border-color:var(--stage-boss)}.map-node.boss-node.selected{box-shadow:0 0 25px var(--stage-boss-glow);background:#ff475733}.map-node.locked{filter:grayscale(1);opacity:.6;cursor:not-allowed;border-style:dashed}.node-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.node-idx{font-size:16px;font-weight:800;line-height:1}.boss-badge{font-size:8px;background:var(--stage-boss);padding:1px 4px;border-radius:4px;margin-top:2px;font-weight:700;text-transform:uppercase}.node-stars{position:absolute;bottom:-10px;display:flex;gap:2px;background:#00000080;padding:2px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.mini-star{font-size:10px;color:#555}.mini-star.filled{color:gold;text-shadow:0 0 4px rgba(255,215,0,.6)}.icon-lock{width:20px;height:20px;opacity:.5}.node-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.5);opacity:0;pointer-events:none}.map-node.selected .node-ripple{animation:ripple 1.5s infinite}@keyframes ripple{0%{width:100%;height:100%;opacity:.8;border-width:2px}to{width:160%;height:160%;opacity:0;border-width:0px}}.stage-drawer{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s;display:flex;flex-direction:column;justify-content:flex-end}.stage-drawer.active{opacity:1;pointer-events:auto}.drawer-content{background:#14141ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid rgba(255,255,255,.1);padding:12px 24px calc(env(safe-area-inset-bottom) + 24px);box-shadow:0 -10px 40px #00000080;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);max-height:80vh;overflow-y:auto}.stage-drawer.active .drawer-content{transform:translateY(0)}.drawer-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 20px;cursor:grab}.drawer-header{margin-bottom:24px}.drawer-title-row{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.drawer-stage-code{font-size:24px;font-weight:800;color:var(--stage-accent)}.drawer-stage-name{font-size:20px;font-weight:700;margin:0}.drawer-description{font-size:14px;color:var(--stage-text-sub);line-height:1.5;margin:0}.drawer-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.info-card{background:#ffffff0d;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.info-card.cp-card{grid-column:span 1;background:#4a9eff0d;border:1px solid rgba(74,158,255,.1)}.info-card .label{font-size:11px;color:#ffffff80}.info-card .value{font-size:14px;font-weight:700;display:flex;align-items:center;gap:4px}.info-card .value.safe{color:#4ade80}.info-card .value.danger{color:#f87171}.icon-skull{width:14px;height:14px;opacity:.8}.rewards-section{margin-bottom:24px}.section-label{display:block;font-size:12px;color:#ffffff80;margin-bottom:12px;font-weight:600;text-transform:uppercase}.rewards-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.reward-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:60px}.reward-icon-box{width:56px;height:56px;background:#0000004d;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);position:relative}.reward-item.rarity-common .reward-icon-box{border-color:#9ca3af}.reward-item.rarity-rare .reward-icon-box{border-color:#60a5fa;background:radial-gradient(circle,rgba(96,165,250,.2),transparent)}.reward-item.rarity-epic .reward-icon-box{border-color:#a78bfa;background:radial-gradient(circle,rgba(167,139,250,.2),transparent)}.reward-item.rarity-legendary .reward-icon-box{border-color:#fbbf24;background:radial-gradient(circle,rgba(251,191,36,.2),transparent)}.reward-count{font-size:12px;color:#fffc}.icon-treasure{width:24px;height:24px;opacity:.8}.drawer-actions{display:grid;grid-template-columns:1fr 2fr;gap:16px}.action-btn{height:56px;border-radius:16px;border:none;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.action-btn.secondary{background:#ffffff1a;color:#fff}.action-btn.secondary.disabled{opacity:.5;cursor:not-allowed}.action-btn.primary{background:linear-gradient(135deg,#4a9eff,#2563eb);color:#fff;box-shadow:0 4px 15px #2563eb66}.icon-sword{width:20px;height:20px}.chapter-nav{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 20px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 20px;border-radius:30px;border:1px solid rgba(255,255,255,.1);z-index:10}.nav-btn{background:none;border:none;color:#fff;font-size:20px;font-weight:700;opacity:.8;cursor:pointer;padding:0 10px}.nav-btn:disabled{opacity:.3}.nav-current{font-size:14px;font-weight:700;letter-spacing:1px}.gacha-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center top,#1a1a3e,#0a0a15);color:#fff;display:flex;flex-direction:column;overflow:hidden;font-family:Noto Sans KR,sans-serif;z-index:100}.bg-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;bottom:-20px;width:4px;height:4px;background:#ffd70066;border-radius:50%;animation:floatUp 10s infinite linear}.particle:nth-child(odd){background:#00ffff4d;width:2px;height:2px}@for $i from 1 through 20{.particle:nth-child(#{$i}) {left: random(100) * 1%; animation-duration: 5s + random(10) * 1s; animation-delay: random(5) * 1s;}}.particle:nth-child(1){left:10%;animation-duration:7s;animation-delay:0s}.particle:nth-child(2){left:20%;animation-duration:12s;animation-delay:2s}.particle:nth-child(3){left:35%;animation-duration:9s;animation-delay:1s}.particle:nth-child(4){left:50%;animation-duration:15s;animation-delay:.5s}.particle:nth-child(5){left:65%;animation-duration:8s;animation-delay:3s}.particle:nth-child(6){left:80%;animation-duration:11s;animation-delay:1.5s}.particle:nth-child(7){left:90%;animation-duration:13s;animation-delay:2.5s}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}to{transform:translateY(-100vh) scale(.5);opacity:0}}.gacha-header{position:relative;z-index:10;display:flex;align-items:center;padding:calc(env(safe-area-inset-top,20px) + 10px) 20px 10px;background:linear-gradient(180deg,#0a0a15e6,#0a0a1500)}.back-button{width:40px;height:40px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:15px;cursor:pointer;transition:all .2s ease}.back-button:active{background:#ffffff26;transform:scale(.95)}.header-info{flex:1}.header-title{font-size:1.1rem;font-weight:800;margin:0;letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-subtitle{font-size:.75rem;color:#aaa;display:block}.currency-display{display:flex;align-items:center;gap:8px;background:#0009;border:1px solid rgba(255,215,0,.3);padding:6px 12px;border-radius:20px;box-shadow:0 4px 10px #0000004d}.temerald-icon{font-size:1rem}.temerald-value{font-family:Roboto,sans-serif;font-weight:700;font-size:.95rem;color:gold}.gacha-content{flex:1;position:relative;z-index:5;display:flex;flex-direction:column;padding:0;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 20px);overflow-y:auto}.gacha-banner{position:relative;width:92%;height:0;padding-bottom:56.25%;margin:10px auto 20px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.1);background:#111}.banner-visual{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2a2a5e,#1a1a3e)}.character-silhouette{position:absolute;right:-10%;bottom:-10%;width:80%;height:90%;background:#000;opacity:.3;filter:blur(20px);border-radius:50%}.character-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 60%);animation:pulseGlow 4s infinite ease-in-out}.banner-info{position:absolute;bottom:25px;left:25px;max-width:60%}.pickup-tag{display:inline-block;background:linear-gradient(90deg,#d4145a,#fbb03b);color:#fff;font-size:.7rem;font-weight:800;padding:4px 8px;border-radius:4px;margin-bottom:8px;box-shadow:0 4px 10px #d4145a66}.banner-title{font-size:1.8rem;font-weight:900;margin:0 0 5px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);line-height:1.1}.banner-desc{font-size:.85rem;color:#fffc;margin:0 0 10px}.banner-period{font-size:.7rem;color:#ffffff80;font-family:Roboto,sans-serif}.control-panel{padding:0 20px;margin-top:auto}.gacha-info-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background:#ffffff0d;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.pity-container{display:flex;align-items:baseline;gap:6px}.pity-label{font-size:.8rem;color:#aaa}.pity-value{font-size:1.1rem;font-weight:800;color:gold}.pity-total{font-size:.8rem;color:#555}.rates-btn{background:none;border:none;display:flex;align-items:center;gap:6px;color:#888;font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.rates-btn:hover{background:#ffffff0d;color:#fff}.rates-btn .icon{width:16px;height:16px}.pull-buttons-container{display:flex;gap:15px}.pull-btn{flex:1;position:relative;border:none;background:none;padding:0;cursor:pointer;height:80px;transition:transform .1s}.pull-btn:active:not(:disabled){transform:scale(.97)}.pull-btn:disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed}.btn-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#3a4a6a,#2a3a5a);border-radius:16px;box-shadow:0 4px #1a2a4a,0 10px 20px #0006,inset 0 1px #fff3;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.pull-btn.multi .btn-bg{background:linear-gradient(180deg,#6c5ce7,#4834d4);box-shadow:0 4px #30336b,0 10px 20px #4834d44d,inset 0 1px #fff3}.pull-btn.free-pull .btn-bg{background:linear-gradient(180deg,#00b894,#00cec9);box-shadow:0 4px #006266,0 10px 20px #00b8944d,inset 0 1px #fff3}.btn-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding-bottom:4px}.pull-type{font-size:.9rem;font-weight:700;text-transform:uppercase;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cost-row{display:flex;align-items:center;gap:4px}.cost-icon{font-size:.8rem}.cost-value{font-size:1.1rem;font-weight:800;font-family:Roboto,sans-serif}.cost-free{font-size:1.1rem;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.bonus-tag{position:absolute;top:-10px;right:-5px;background:#ff7675;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700;box-shadow:0 2px 5px #0003;transform:rotate(5deg)}.timer-text{position:absolute;bottom:-25px;font-size:.7rem;color:#888;white-space:nowrap}.gacha-animation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center}.magic-circle-container{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.magic-circle{position:absolute;border-radius:50%;border:2px solid rgba(255,215,0,.5);box-shadow:0 0 20px #ffd70033}.magic-circle.outer{width:280px;height:280px;border:1px dashed rgba(255,215,0,.3);animation:spin 10s linear infinite}.magic-circle.inner{width:180px;height:180px;border:4px solid #ffd700;border-top-color:transparent;border-bottom-color:transparent;animation:spin 3s linear infinite reverse}.magic-core{width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 0 40px 20px #ffd700cc;animation:corePulse .5s infinite alternate}.summon-rays{position:absolute;width:100%;height:100%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,215,0,.1) 20deg,transparent 40deg);animation:spin 2s linear infinite}.summon-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;animation:flash 2.5s ease-in-out forwards;pointer-events:none}.summon-message{margin-top:40px;color:#ffd700cc;font-size:1.2rem;letter-spacing:2px;animation:fadeIn 1s ease-out}@keyframes corePulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.5);opacity:1}}@keyframes flash{0%{opacity:0}80%{opacity:0}90%{opacity:1}to{opacity:1}}.gacha-results-view{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#2a1a3e,#0a0a15);z-index:150;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,20px) + 20px) 20px calc(env(safe-area-inset-bottom,20px) + 20px)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.results-header h2{margin:0;font-size:1.5rem;color:#fff}.skip-all-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 14px;border-radius:20px;font-size:.8rem;cursor:pointer}.cards-grid{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-content:center;overflow-y:auto;perspective:1000px}@media(max-width:500px){.cards-grid{grid-template-columns:repeat(2,1fr);align-content:flex-start}}.result-card{aspect-ratio:2 / 3;cursor:pointer;opacity:0;animation:cardDeal .5s ease-out forwards}@keyframes cardDeal{0%{transform:translateY(50px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.card-flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.result-card.revealed .card-flipper{transform:rotateY(180deg)}.card-face{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;overflow:hidden}.card-back{background:linear-gradient(135deg,#2c3e50,#000);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.card-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:10px 10px}.card-logo{font-weight:900;font-size:1.5rem;color:#fff3;transform:rotate(-45deg)}.card-front{transform:rotateY(180deg);background:#1a1a2e;border:2px solid var(--grade-color);box-shadow:0 0 15px var(--grade-color);display:flex;flex-direction:column}.result-card.rank-S .card-front{box-shadow:0 0 25px #ffd70099;border-width:3px}.grade-badge{position:absolute;top:4px;left:4px;background:var(--grade-color);color:#000;font-weight:800;font-size:.8rem;padding:2px 6px;border-radius:4px;z-index:2}.char-visual{flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.char-icon{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.5)}.char-info{background:#000c;padding:8px;text-align:center}.char-name{display:block;font-size:.8rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.char-faction{display:block;font-size:.6rem;color:#aaa}.card-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.8) 50%,transparent 60%);animation:shineSwipe 3s infinite;pointer-events:none}@keyframes shineSwipe{0%{transform:translate(-100%) translateY(-100%)}20%{transform:translate(100%) translateY(100%)}to{transform:translate(100%) translateY(100%)}}.results-footer{margin-top:20px;display:flex;gap:15px}.footer-btn{flex:1;padding:16px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s}.footer-btn:active{transform:scale(.98)}.footer-btn.confirm{background:#ffffff1a;color:#fff}.footer-btn.retry{background:gold;color:#000;box-shadow:0 4px 15px #ffd70066}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.rates-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);width:100%;max-width:320px;border-radius:16px;overflow:hidden;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.modal-header h3{margin:0;font-size:1rem;color:#fff}.close-modal{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-content{padding:20px}.rate-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.1)}.rate-row:last-of-type{border-bottom:none}.rate-grade{font-size:.9rem;color:#ccc}.rate-value{font-weight:700;color:#fff}.s-rank .rate-grade{color:gold}.a-rank .rate-grade{color:#ff7675}.rate-note{font-size:.75rem;color:#666;margin-top:16px;line-height:1.4}:root{--bg-dark: #0a0a15;--bg-panel: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--primary-gold: #FFD700;--primary-purple: #9D00FF;--primary-blue: #007BFF;--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .6);--grade-ss: #FFD700;--grade-s: #9D00FF;--grade-a: #007BFF;--grade-b: #808080}.character-list-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-dark);color:var(--text-main);display:flex;flex-direction:column;overflow:hidden;font-family:Rajdhani,sans-serif}.glass-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 20%,rgba(157,0,255,.1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,123,255,.1) 0%,transparent 40%);z-index:0;pointer-events:none}.glass-panel{background:#14142399;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.cl-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,20px) + 12px) 20px 16px}.cl-back-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff0d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cl-back-btn:active{transform:scale(.95);background:#ffffff1a}.cl-title{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(0,0,0,.5);margin:0}.cl-currency{display:flex;align-items:center;gap:8px;background:#0006;border:1px solid var(--primary-gold);padding:6px 12px;border-radius:20px;box-shadow:0 0 10px #ffd70033}.gold-icon{color:var(--primary-gold);font-weight:800}.cl-filters-container{position:relative;z-index:9}.cl-filters{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.cl-filter-group{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.cl-filter-group::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:8px 18px;border-radius:20px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-muted);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.filter-pill.active{background:#fff;color:#000;box-shadow:0 0 15px #ffffff4d;transform:translateY(-1px)}.filter-pill.grade-SS.active{background:var(--grade-ss);color:#000;box-shadow:0 0 15px #ffd70066}.filter-pill.grade-S.active{background:var(--grade-s);color:#fff;box-shadow:0 0 15px #9d00ff66}.filter-pill.grade-A.active{background:var(--grade-a);color:#fff;box-shadow:0 0 15px #007bff66}.cl-divider{height:1px;background:#ffffff0d;margin:4px 0}.filter-text{background:none;border:none;color:var(--text-muted);font-size:.9rem;padding:4px 8px;cursor:pointer;transition:color .2s}.filter-text.active{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}.cl-grid-scroll{flex:1;overflow-y:auto;padding:20px;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 20px);z-index:1}.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.char-card{position:relative;aspect-ratio:.75;border-radius:16px;overflow:hidden;background:#1e1e28cc;border:1px solid var(--glass-border);display:flex;flex-direction:column;cursor:pointer;transition:transform .2s,box-shadow .2s}.char-card:active{transform:scale(.96)}.char-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 100%);z-index:1}.char-card.grade-SS{border:2px solid var(--grade-ss);box-shadow:0 0 10px #ffd70033}.char-card.grade-S{border:2px solid var(--grade-s);box-shadow:0 0 10px #9d00ff33}.char-card.grade-A{border:2px solid var(--grade-a)}.char-portrait-container{flex:1;position:relative;overflow:hidden}.placeholder-portrait{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:#fff3;text-transform:uppercase}.char-grade-badge{position:absolute;top:6px;left:6px;padding:2px 6px;background:#000c;border-radius:4px;font-size:.7rem;font-weight:800;color:#fff;z-index:2;border:1px solid rgba(255,255,255,.2)}.char-info{position:absolute;bottom:0;left:0;right:0;padding:10px;z-index:2}.char-level{font-size:.7rem;color:var(--text-muted);margin-bottom:2px}.char-name{font-size:.9rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.8)}.char-stars-mini{margin-top:2px}.star-row{display:flex;gap:1px}.star{font-size:.7rem;color:#fff3}.star.filled{color:var(--primary-gold)}.char-cp-tag{position:absolute;top:6px;right:6px;background:#0009;padding:2px 6px;border-radius:4px;font-size:.65rem;color:#4af;z-index:2;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.char-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:flex-end;animation:fadeIn .3s ease}.char-detail-glass{width:100%;height:85%;background:#0f0f19f2;border-radius:30px 30px 0 0;border-top:1px solid var(--glass-border);box-shadow:0 -10px 40px #00000080;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.detail-header-bg{position:absolute;top:0;left:0;right:0;height:200px;z-index:0}.cd-close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;z-index:10;display:flex;align-items:center;justify-content:center;cursor:pointer}.cd-header{position:relative;z-index:1;padding:30px 24px 20px;display:flex;gap:20px;align-items:flex-end}.cd-portrait-lg{width:100px;height:100px;border-radius:24px;box-shadow:0 10px 20px #0000004d;border:2px solid rgba(255,255,255,.1);overflow:hidden}.placeholder-portrait-lg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:#ffffff4d}.cd-header-text{flex:1}.cd-grade-tag{display:inline-block;padding:4px 10px;border:1px solid currentColor;border-radius:8px;font-size:.8rem;font-weight:800;margin-bottom:8px;background:#0003}.cd-name{font-size:2rem;margin:0;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.5)}.cd-title{color:var(--text-muted);margin:4px 0 8px;font-size:1rem}.cd-content{flex:1;overflow-y:auto;padding:24px;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 24px);position:relative;z-index:1}.cd-section{margin-bottom:30px}.section-title{font-size:1.1rem;color:#fff;margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-title:before{content:"";display:block;width:4px;height:16px;background:var(--primary-blue);border-radius:2px}.cd-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-pill{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:12px 16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.stat-pill .label{color:var(--text-muted);font-size:.9rem}.stat-pill .value{font-size:1.1rem;font-weight:700;color:#fff}.cd-skill-list{display:flex;flex-direction:column;gap:12px}.cd-skill-row{display:flex;gap:16px;background:#ffffff08;padding:16px;border-radius:16px;align-items:flex-start}.skill-icon-box{width:48px;height:48px;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-muted);border:1px solid rgba(255,255,255,.1);flex-shrink:0}.skill-name{font-weight:700;margin-bottom:4px;color:#fff}.skill-desc-short{font-size:.85rem;color:var(--text-muted);line-height:1.4}.cd-action-area{margin-top:20px}.cd-growth-main-btn{width:100%;padding:18px;background:linear-gradient(90deg,var(--primary-blue) 0%,#00C6FF 100%);border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 20px #007bff66;cursor:pointer;transition:all .2s}.cd-growth-main-btn:active{transform:scale(.98)}:root{--cg-bg-dark: #0a0a15;--cg-bg-gradient-start: #0a0a15;--cg-bg-gradient-end: #1a0a2e;--cg-glass-bg: rgba(20, 20, 35, .6);--cg-glass-border: rgba(255, 255, 255, .1);--cg-glass-shine: rgba(255, 255, 255, .05);--cg-primary: #00C6FF;--cg-secondary: #007BFF;--cg-accent: #FFD700;--cg-danger: #ff4757;--cg-success: #2ed573;--cg-text-main: #ffffff;--cg-text-sub: rgba(255, 255, 255, .7);--cg-text-muted: rgba(255, 255, 255, .4);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 20px)}.character-growth-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--cg-bg-gradient-start) 0%,var(--cg-bg-gradient-end) 100%);color:var(--cg-text-main);display:flex;flex-direction:column;overflow:hidden;font-family:Noto Sans KR,sans-serif;z-index:100}.cg-bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.cg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.cg-orb-1{width:300px;height:300px;background:#4a00e0;top:-50px;left:-50px}.cg-orb-2{width:250px;height:250px;background:#8e2de2;bottom:10%;right:-50px}.cg-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-area-top) + 16px) 24px 16px;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%)}.cg-back-btn{width:48px;height:48px;border-radius:16px;border:1px solid var(--cg-glass-border);background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.cg-back-btn:active{transform:scale(.95);background:#fff3}.cg-header-resources{display:flex;gap:12px}.resource-pill{display:flex;align-items:center;gap:8px;background:#00000080;padding:6px 14px;border-radius:20px;border:1px solid var(--cg-glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.res-icon{font-size:1.1rem}.res-val{font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.1rem}.cg-content-wrapper{flex:1;display:flex;flex-direction:column;z-index:1;position:relative;height:100%}.cg-character-preview-section{flex:0 0 45%;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px}.cg-char-model-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.cg-char-image{max-height:90%;max-width:90%;filter:drop-shadow(0 0 20px rgba(0,0,0,.5));animation:float 6s ease-in-out infinite;font-size:8rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.cg-char-info-overlay{position:absolute;bottom:20px;left:24px;text-align:left}.cg-grade-badge{display:inline-block;padding:4px 12px;border-radius:8px;font-family:Rajdhani,sans-serif;font-weight:800;font-size:1.2rem;margin-bottom:8px;background:#0009;border:1px solid currentColor;box-shadow:0 0 15px currentColor}.cg-char-name-large{font-size:2.5rem;font-weight:800;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.5);margin:0;background:linear-gradient(180deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cg-char-title{font-size:1rem;color:var(--cg-text-sub);margin-top:4px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.cg-control-panel{flex:1;background:#141423d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-left-radius:30px;border-top-right-radius:30px;border-top:1px solid var(--cg-glass-border);box-shadow:0 -10px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .4s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cg-tabs{display:flex;padding:20px 24px 0;gap:20px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.05)}.cg-tab-btn{background:none;border:none;padding:10px 4px;font-size:1.1rem;color:var(--cg-text-sub);font-weight:600;position:relative;cursor:pointer;transition:all .3s;white-space:nowrap}.cg-tab-btn.active{color:#fff}.cg-tab-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--cg-primary);border-radius:3px;transform:scaleX(0);transition:transform .3s;box-shadow:0 0 10px var(--cg-primary)}.cg-tab-btn.active:after{transform:scaleX(1)}.cg-panel-content{flex:1;overflow-y:auto;padding:24px;padding-bottom:calc(var(--safe-area-bottom) + 80px)}.cg-section{margin-bottom:24px}.cg-section h3{font-size:.9rem;color:var(--cg-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.cg-section h3:before{content:"";display:block;width:4px;height:14px;background:var(--cg-accent);border-radius:2px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px;display:flex;flex-direction:column}.stat-label{font-size:.8rem;color:var(--cg-text-sub);margin-bottom:4px}.stat-values{display:flex;align-items:baseline;gap:8px}.stat-curr{font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:700;color:#fff}.stat-arrow{color:var(--cg-text-muted);font-size:.8rem}.stat-next{font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:700;color:var(--cg-success)}.exp-container{background:#ffffff0d;border-radius:20px;padding:20px;text-align:center}.exp-bar-bg{height:12px;background:#00000080;border-radius:6px;overflow:hidden;margin:10px 0;position:relative}.exp-bar-fill{height:100%;background:linear-gradient(90deg,var(--cg-secondary),var(--cg-primary));position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.exp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);animation:shimmer 2s infinite}.exp-text{font-family:Rajdhani,sans-serif;font-weight:600;color:var(--cg-text-sub)}.materials-grid{display:flex;gap:16px;overflow-x:auto;padding:4px}.material-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:80px}.mat-icon-box{width:56px;height:56px;background:#0000004d;border:2px solid var(--cg-glass-border);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative}.mat-count{font-family:Rajdhani,sans-serif;font-size:.9rem;color:var(--cg-text-sub)}.mat-count.ok{color:var(--cg-success)}.mat-count.lack{color:var(--cg-danger)}.skill-list{display:flex;flex-direction:column;gap:12px}.skill-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;display:flex;gap:16px;align-items:center;transition:background .2s}.skill-card:active{background:#ffffff14}.skill-icon{width:50px;height:50px;background:#333;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.2)}.skill-info{flex:1}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.skill-name{font-weight:700;font-size:1rem}.skill-lv{font-family:Rajdhani,sans-serif;color:var(--cg-primary);font-weight:700;background:#00c6ff1a;padding:2px 8px;border-radius:6px}.skill-desc-short{font-size:.85rem;color:var(--cg-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cg-action-bar{position:absolute;bottom:0;left:0;right:0;padding:16px 24px calc(var(--safe-area-bottom) + 16px);background:linear-gradient(0deg,#0a0a15 0%,rgba(10,10,21,.9) 80%,transparent 100%);display:flex;gap:16px;align-items:center;z-index:100}.cg-main-btn{flex:1;height:56px;border-radius:16px;border:none;background:linear-gradient(90deg,#007bff,#00c6ff);color:#fff;font-size:1.1rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;box-shadow:0 4px 20px #007bff66;cursor:pointer;position:relative;overflow:hidden}.cg-main-btn:disabled{background:#2a2a35;color:#555;box-shadow:none;cursor:not-allowed}.cg-main-btn:not(:disabled):active{transform:scale(.98)}.btn-label{display:block}.btn-cost{font-size:.85rem;font-weight:500;opacity:.9;display:flex;align-items:center;gap:4px}.cg-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.success-card{width:80%;max-width:400px;background:#1a0a2e;border:1px solid var(--cg-primary);border-radius:24px;padding:30px;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 50px #00c6ff4d;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.success-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,198,255,.2) 0%,transparent 70%);animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:20px;position:relative;text-shadow:0 0 10px var(--cg-primary)}.success-close-btn{margin-top:24px;padding:12px 30px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:12px;cursor:pointer}.stars-container{display:flex;gap:4px;justify-content:center}.star-lg{font-size:1.5rem;color:#333;transition:color .3s}.star-lg.filled{color:var(--cg-accent);text-shadow:0 0 10px var(--cg-accent)}::-webkit-scrollbar{width:0px;background:transparent}:root{--rarity-legendary: #ffaa00;--rarity-epic: #aa55aa;--rarity-rare: #5555ff;--rarity-uncommon: #55aa55;--rarity-common: #888888;--bg-dark-glass: rgba(20, 20, 35, .7);--border-light: rgba(255, 255, 255, .1)}.equipment-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% -20%,#2a2a4e,#0a0a15 80%);color:#fff;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.eq-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,20px) + 12px) 16px 12px;background:var(--bg-dark-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);z-index:10}.eq-back-btn{width:40px;height:40px;background:#ffffff0d;border:1px solid var(--border-light);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.eq-title{font-size:1.1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.eq-currency{display:flex;align-items:center;gap:6px;background:#0006;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,215,0,.2)}.gold-icon{width:18px;height:18px;background:#ffda44;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#000;box-shadow:0 0 5px #ffda4480}.eq-filters{padding:12px 16px;background:#0a0a1466;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border-light)}.eq-filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.eq-filter-row::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;padding:8px 16px;background:#ffffff0d;border:1px solid var(--border-light);border-radius:20px;color:#888;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn.active{background:#4af;color:#fff;border-color:#4af;box-shadow:0 0 10px #4aaaff4d}.filter-tag{flex-shrink:0;padding:6px 12px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;color:#888;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.filter-tag.active{color:#fff;border-color:currentColor;background:#ffffff1a}.filter-tag.rarity-legendary.active{color:var(--rarity-legendary)}.filter-tag.rarity-epic.active{color:var(--rarity-epic)}.filter-tag.rarity-rare.active{color:var(--rarity-rare)}.filter-tag.rarity-uncommon.active{color:var(--rarity-uncommon)}.filter-tag.rarity-common.active{color:var(--rarity-common)}.eq-sort-row{display:flex;align-items:center;justify-content:flex-end;gap:8px}.sort-btn{padding:4px 10px;background:transparent;border:1px solid var(--border-light);border-radius:6px;color:#666;font-size:.75rem}.sort-btn.active{border-color:#4af;color:#4af}.eq-grid-container{flex:1;overflow-y:auto;padding:12px 16px;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 20px)}.eq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(min-width:500px){.eq-grid{grid-template-columns:repeat(5,1fr)}}.eq-card{aspect-ratio:1;background:linear-gradient(145deg,#28283c99,#14141ecc);border-radius:12px;position:relative;cursor:pointer;border:1px solid transparent;transition:transform .1s;overflow:hidden}.eq-card:active{transform:scale(.95)}.rarity-border-legendary{border-color:var(--rarity-legendary);box-shadow:inset 0 0 15px #fa03}.rarity-border-epic{border-color:var(--rarity-epic);box-shadow:inset 0 0 15px #a5a3}.rarity-border-rare{border-color:var(--rarity-rare);box-shadow:inset 0 0 15px #55f3}.rarity-border-uncommon{border-color:var(--rarity-uncommon)}.rarity-border-common{border-color:#444}.eq-icon-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.eq-enhancement{position:absolute;top:4px;right:4px;background:#000c;color:#4af;font-size:.65rem;font-weight:700;padding:1px 4px;border-radius:4px;border:1px solid #4af}.eq-lock{position:absolute;top:4px;left:4px;width:14px;height:14px;color:#888;opacity:.7}.eq-equipped{position:absolute;bottom:0;left:0;right:0;background:#00b464cc;font-size:.6rem;font-weight:700;text-align:center;padding:2px 0;text-transform:uppercase}.eq-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .2s ease-out}.eq-detail-modal{background:#1e1e2df2;height:85vh;border-radius:24px 24px 0 0;box-shadow:0 -5px 30px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.2,.8,.2,1);border-top:1px solid rgba(255,255,255,.1)}.ed-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#0000004d;border:none;border-radius:50%;color:#fff;z-index:20;cursor:pointer}.ed-header{padding:30px 24px 20px;display:flex;gap:20px;align-items:flex-start;position:relative;background:linear-gradient(180deg,#ffffff08,#fff0)}.ed-icon{width:80px;height:80px;border-radius:16px;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 4px 10px #0000004d;border:2px solid transparent}.ed-header-info{flex:1}.ed-main-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ed-rarity-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px}.ed-slot{font-size:.8rem;color:#8b9bb4;font-weight:600}.ed-name{font-size:1.4rem;font-weight:700;margin:0 0 8px;line-height:1.2}.ed-enhancement{color:#4af;margin-left:6px}.ed-description{font-size:.9rem;color:#aab;margin:0;line-height:1.4}.ed-content-scroll{flex:1;overflow-y:auto;padding:0 24px 24px}.ed-section{margin-bottom:24px}.ed-section h3{font-size:.9rem;color:#6a6a8a;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.ed-section h3:after{content:"";flex:1;height:1px;background:#ffffff1a}.ed-stats-grid{background:#ffffff08;border-radius:12px;padding:16px;display:grid;gap:12px}.ed-stat-row{display:flex;justify-content:space-between;align-items:center}.ed-stat-label{color:#aab;font-size:.9rem}.ed-stat-value{color:#fff;font-size:1rem;font-weight:600}.ed-bonus-item{padding:12px;background:#55ff880d;border:1px solid rgba(85,255,136,.2);border-radius:8px;color:#5f9;font-size:.9rem;margin-bottom:8px;display:flex;align-items:center;gap:6px}.ed-bonus-item:before{content:"✦";font-size:.7rem}.ed-special-effect{padding:16px;background:#ffaa000d;border:1px solid rgba(255,170,0,.2);border-radius:8px;color:#fc3;font-size:.9rem;line-height:1.5}.ed-actions{padding:20px 24px calc(env(safe-area-inset-bottom,20px) + 20px);background:#14141ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);display:flex;gap:12px}.ed-action-btn{flex:1;padding:16px;border-radius:14px;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s}.ed-action-btn:active{transform:scale(.98)}.ed-action-btn.enhance{background:linear-gradient(135deg,#4af,#2980b9);color:#fff;box-shadow:0 4px 15px #4aaaff4d}.ed-action-btn.sell{background:#ffffff0d;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}:root{--st-bg-gradient: linear-gradient(135deg, #0a0a15 0%, #15152a 50%, #1a0a2e 100%);--st-glass-bg: rgba(255, 255, 255, .05);--st-glass-border: rgba(255, 255, 255, .1);--st-glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--st-primary: #4af;--st-primary-gradient: linear-gradient(90deg, #4af 0%, #00d2ff 100%);--st-danger: #ff5252;--st-text-main: #ffffff;--st-text-sub: #8b9bb4}.settings-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--st-bg-gradient);color:var(--st-text-main);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;z-index:100}.st-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,20px) + 16px) 20px 16px;background:#0a0a15cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--st-glass-border);z-index:10;position:relative}.st-back-btn{width:44px;height:44px;background:#ffffff1a;border:1px solid var(--st-glass-border);border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.st-back-btn:active{transform:scale(.92);background:#ffffff26}.st-title{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(165,180,252,.2)}.st-header-spacer{width:44px}.st-content{flex:1;overflow-y:auto;padding:20px;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 20px);-webkit-overflow-scrolling:touch}.st-section{margin-bottom:32px;animation:slideUp .5s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.st-section:nth-child(1){animation-delay:.1s}.st-section:nth-child(2){animation-delay:.2s}.st-section:nth-child(3){animation-delay:.3s}.st-section:nth-child(4){animation-delay:.4s}.st-section:nth-child(5){animation-delay:.5s}.st-section-title{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;color:var(--st-text-sub);margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}.st-section-title.danger{color:var(--st-danger)}.setting-icon{width:18px;height:18px;opacity:.8}.st-item-group{background:var(--st-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--st-glass-border);box-shadow:0 4px 24px #0000001a;overflow:hidden}.st-item{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px}.st-item:last-child{border-bottom:none}.st-item-row{display:flex;align-items:center;justify-content:space-between;width:100%}.st-item.clickable{cursor:pointer;transition:background .2s ease}.st-item.clickable:active{background:#ffffff14}.st-item-name{font-size:1rem;font-weight:500;color:var(--st-text-main)}.st-item-desc{font-size:.8rem;color:var(--st-text-sub);margin-top:4px}.st-item-value{font-size:.95rem;color:var(--st-primary);font-weight:600}.st-item-arrow{color:var(--st-text-sub);font-size:1.2rem;opacity:.5}.st-slider-container{width:100%;padding:8px 0}.st-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;outline:none;position:relative}.st-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:transform .1s ease}.st-slider::-webkit-slider-thumb:active{transform:scale(1.1)}.st-toggle{width:52px;height:30px;background:#ffffff1a;border-radius:15px;position:relative;transition:background .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.st-toggle.on{background:var(--st-primary);box-shadow:0 0 12px #4aafff66}.st-toggle-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1)}.st-toggle.on .st-toggle-knob{transform:translate(22px)}.st-segmented-control{display:flex;background:#0003;padding:4px;border-radius:12px;gap:4px}.st-segment-btn{padding:6px 16px;border-radius:8px;border:none;background:transparent;color:var(--st-text-sub);font-size:.85rem;font-weight:600;cursor:pointer;flex:1;transition:all .2s ease}.st-segment-btn.active{background:#ffffff26;color:#fff;box-shadow:0 2px 4px #0000001a}.st-action-btn{width:100%;padding:16px;background:#ffffff0d;border:1px solid var(--st-glass-border);border-radius:16px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-bottom:12px}.st-action-btn:active{transform:scale(.98);background:#ffffff1a}.st-action-btn.google{background:#fff;color:#333}.st-action-btn.danger{border-color:#ff52524d;color:var(--st-danger)}.st-footer{text-align:center;padding:24px 0;color:var(--st-text-sub);font-size:.8rem;opacity:.6}.st-version{font-family:monospace;margin-bottom:4px}.st-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease-out}.st-modal{background:#1a1a2e;border:1px solid var(--st-glass-border);border-radius:24px;padding:32px 24px;width:100%;max-width:340px;text-align:center;box-shadow:0 20px 40px #00000080;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.st-modal-title{font-size:1.25rem;font-weight:700;margin:0 0 16px;color:#fff}.st-modal-text{font-size:.95rem;color:var(--st-text-sub);margin:0 0 32px;line-height:1.5}.st-modal-actions{display:flex;gap:12px}.st-modal-btn{flex:1;padding:14px;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.st-modal-btn.cancel{background:#ffffff14;color:#fff}.st-modal-btn.confirm{background:var(--st-primary-gradient);color:#fff;box-shadow:0 4px 12px #4aafff4d}.st-modal-btn.confirm.danger{background:linear-gradient(135deg,#ff5252,#ff1744);box-shadow:0 4px 12px #ff52524d}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}:root{--col-bg-gradient-start: #0a0a15;--col-bg-gradient-end: #1a0a2e;--col-accent: #4af;--col-accent-glow: rgba(74, 170, 255, .5);--col-glass-bg: rgba(255, 255, 255, .03);--col-glass-border: rgba(255, 255, 255, .08);--col-glass-blur: 12px;--col-rarity-ssr: #ffd700;--col-rarity-ssr-glow: rgba(255, 215, 0, .4);--col-rarity-sr: #b388ff;--col-rarity-sr-glow: rgba(179, 136, 255, .4);--col-rarity-r: #448aff;--col-rarity-r-glow: rgba(68, 138, 255, .4);--col-rarity-n: #b0bec5;--col-text-primary: #ffffff;--col-text-secondary: rgba(255, 255, 255, .7);--col-text-muted: rgba(255, 255, 255, .4)}.collection-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 10%,var(--col-bg-gradient-end) 0%,var(--col-bg-gradient-start) 100%);color:var(--col-text-primary);display:flex;flex-direction:column;overflow:hidden;font-family:Pretendard,sans-serif;z-index:100;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.glass-panel{background:var(--col-glass-bg);backdrop-filter:blur(var(--col-glass-blur));-webkit-backdrop-filter:blur(var(--col-glass-blur));border:1px solid var(--col-glass-border)}.col-header{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;z-index:10;border-bottom:1px solid var(--col-glass-border);background:#0a0a1599;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.col-header-left{display:flex;align-items:center;gap:1rem}.col-back-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);width:40px;height:40px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.col-back-btn:active{transform:scale(.95);background:#ffffff1a}.col-title{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#a5a5b5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.col-total-progress{font-size:.9rem;font-weight:600;color:var(--col-accent);background:#4aaaff1a;padding:.25rem .75rem;border-radius:1rem;border:1px solid rgba(74,170,255,.2)}.col-tabs-container{padding:0 1.25rem;margin-top:1rem}.col-tabs{display:flex;gap:.5rem;background:#0003;padding:.25rem;border-radius:1rem;overflow-x:auto;scrollbar-width:none}.col-tabs::-webkit-scrollbar{display:none}.col-tab{flex:1;min-width:80px;padding:.75rem;border:none;background:transparent;color:var(--col-text-secondary);font-weight:600;font-size:.9rem;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);white-space:nowrap}.col-tab.active{background:var(--col-glass-bg);color:#fff;box-shadow:0 4px 12px #0000001a;border:1px solid var(--col-glass-border)}.col-content{flex:1;overflow-y:auto;padding:1.25rem 1.25rem 6rem}.col-section-progress{margin-bottom:1.5rem;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-radius:1rem;padding:1.25rem;border:1px solid rgba(255,255,255,.05)}.progress-header{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem}.progress-label{color:var(--col-text-secondary)}.progress-value{color:var(--col-accent);font-weight:700}.progress-track{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--col-accent) 0%,#00d2ff 100%);border-radius:4px;box-shadow:0 0 12px var(--col-accent-glow);transition:width .6s cubic-bezier(.4,0,.2,1)}.col-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem}.col-card{aspect-ratio:.85;border-radius:.75rem;background:#1e1e2899;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.col-card:active{transform:scale(.96)}.col-card.unobtained{filter:grayscale(1) brightness(.5);opacity:.7}.col-card.unobtained .card-icon{opacity:.3}.col-card.ssr{border:1px solid var(--col-rarity-ssr);box-shadow:inset 0 0 10px var(--col-rarity-ssr-glow)}.col-card.sr{border:1px solid var(--col-rarity-sr);box-shadow:inset 0 0 8px var(--col-rarity-sr-glow)}.col-card.r{border:1px solid var(--col-rarity-r);box-shadow:inset 0 0 6px var(--col-rarity-r-glow)}.col-card.n{border:1px solid var(--col-rarity-n)}.card-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.card-icon{font-size:2rem}.card-badge{position:absolute;top:4px;left:4px;font-size:.6rem;font-weight:800;padding:2px 4px;border-radius:4px;background:#0009;color:#fff}.ssr .card-badge{color:var(--col-rarity-ssr)}.sr .card-badge{color:var(--col-rarity-sr)}.r .card-badge{color:var(--col-rarity-r)}.card-footer{padding:.5rem .25rem;background:#0006;text-align:center}.card-name{font-size:.7rem;color:var(--col-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.col-bonus-bar{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.25rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:#0a0a14d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;z-index:50;box-shadow:0 -4px 20px #0000004d}.bonus-info{display:flex;flex-direction:column;gap:4px}.bonus-title{font-size:.8rem;color:var(--col-accent);font-weight:700;text-transform:uppercase}.bonus-desc{font-size:.85rem;color:var(--col-text-primary)}.bonus-btn{background:linear-gradient(135deg,var(--col-accent) 0%,#2196f3 100%);border:none;border-radius:8px;padding:.5rem 1rem;color:#fff;font-weight:700;font-size:.85rem;box-shadow:0 4px 10px #2196f366;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal-content{width:90%;max-width:400px;background:#1a1a2e;border-radius:1.5rem;border:1px solid rgba(255,255,255,.15);overflow:hidden;animation:slideUp .3s cubic-bezier(.19,1,.22,1);box-shadow:0 20px 50px #00000080}.modal-header{padding:1.5rem;text-align:center;background:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,transparent 70%);position:relative}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer}.modal-icon-wrapper{width:100px;height:100px;border-radius:1.25rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #0000004d}.modal-icon-wrapper.ssr{border-color:var(--col-rarity-ssr);box-shadow:0 0 20px var(--col-rarity-ssr-glow)}.modal-icon-wrapper.sr{border-color:var(--col-rarity-sr);box-shadow:0 0 15px var(--col-rarity-sr-glow)}.modal-icon-wrapper.r{border-color:var(--col-rarity-r);box-shadow:0 0 10px var(--col-rarity-r-glow)}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.modal-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:800;margin-bottom:.5rem;background:#ffffff1a}.modal-badge.ssr{background:var(--col-rarity-ssr);color:#000}.modal-badge.sr{background:var(--col-rarity-sr);color:#fff}.modal-badge.r{background:var(--col-rarity-r);color:#fff}.modal-body{padding:1.5rem;background:#0003}.modal-desc{color:var(--col-text-secondary);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.modal-stat-row{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff08;border-radius:.75rem;margin-bottom:.5rem}.modal-stat-label{color:var(--col-text-muted);font-size:.9rem}.modal-stat-val{color:#fff;font-weight:600}@keyframes slideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.shop-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 120%,#2a2a4e,#0a0a15 80%);color:#fff;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.shop-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,20px) + 12px) 16px 12px;background:#0a0a1599;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);z-index:10}.shop-back-btn{width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.shop-back-btn:active{transform:scale(.95);background:#ffffff1a}.shop-title{font-size:1.1rem;font-weight:700;margin:0;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(to right,#fff,#aab);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.shop-currencies{display:flex;gap:8px}.currency-item{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.currency-item.gold{background:#ffd70026;border:1px solid rgba(255,215,0,.3);color:#ffda44}.currency-item.temerald{background:#00d4d426;border:1px solid rgba(0,212,212,.3);color:#4ef}.currency-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#000}.currency-item.gold .currency-icon{background:#ffda44}.currency-item.temerald .currency-icon{background:#4ef}.currency-value{font-variant-numeric:tabular-nums}.shop-tabs{display:flex;padding:0 16px;background:#0a0a154d;border-bottom:1px solid rgba(255,255,255,.05)}.shop-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 0;background:transparent;border:none;color:#6a6a8a;cursor:pointer;position:relative;transition:all .3s}.shop-tab.active{color:#fff}.shop-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#4af;box-shadow:0 -2px 8px #4aaaff80;border-radius:2px 2px 0 0}.tab-icon{font-size:1.1rem}.tab-label{font-size:.9rem;font-weight:600}.tab-badge{position:absolute;top:8px;right:15%;background:#ff4757;color:#fff;font-size:.55rem;font-weight:800;padding:2px 5px;border-radius:6px;box-shadow:0 2px 4px #ff47574d;animation:badgePulse 2s infinite}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.shop-banner{padding:16px 16px 8px;animation:fadeIn .4s ease-out}.limited-banner{background:linear-gradient(135deg,#ff475726,#ff6b810d);border:1px solid rgba(255,71,87,.3);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px}.banner-icon{font-size:1.5rem}.banner-title{font-size:.9rem;font-weight:700;color:#ff6b81;margin-bottom:2px}.banner-timer{font-size:.8rem;color:#fff;font-family:monospace}.info-banner{background:#ffffff08;border-radius:8px;padding:10px;text-align:center}.banner-text{font-size:.8rem;color:#8b9bb4}.shop-grid-container{flex:1;overflow-y:auto;padding:8px 16px 20px;-webkit-overflow-scrolling:touch}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 20px)}.shop-item{background:#1e1e2e99;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;position:relative;display:flex;flex-direction:column;transition:all .2s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.shop-item:active{transform:scale(.98);background:#28283ccc}.shop-item.item-free{border-color:#4aaaff80;background:linear-gradient(180deg,#4aaaff1a,#1e1e2e99)}.shop-item.sold-out{opacity:.6;filter:grayscale(.8)}.item-tag{position:absolute;top:0;left:0;font-size:.6rem;font-weight:800;color:#fff;padding:4px 8px;border-bottom-right-radius:8px;z-index:2}.tag-hot{background:linear-gradient(135deg,#ff4757,#ff6b81)}.tag-new{background:linear-gradient(135deg,#2ed573,#7bed9f)}.tag-sale{background:linear-gradient(135deg,#ffa502,#eccc68)}.tag-free{background:linear-gradient(135deg,#3742fa,#5352ed)}.item-discount{position:absolute;top:8px;right:8px;background:#ff4757;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;box-shadow:0 2px 4px #ff475766;transform:rotate(5deg)}.item-icon-wrapper{position:relative;width:64px;height:64px;margin:10px auto;background:#00000040;border-radius:14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05)}.item-icon{font-size:2.2rem;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3))}.item-quantity{position:absolute;bottom:-6px;right:-6px;background:#333;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.item-content{text-align:center;flex:1;display:flex;flex-direction:column}.item-category{font-size:.65rem;color:#6a6a8a;text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.item-name{font-size:.9rem;font-weight:600;margin-bottom:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.6em}.item-price-block{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:2px}.original-price{font-size:.75rem;color:#666;text-decoration:line-through}.current-price{display:flex;align-items:center;gap:4px}.price-free{color:#4af;font-weight:700;font-size:1rem}.price-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#000}.price-icon.gold{background:#ffda44}.price-icon.temerald{background:#4ef}.price-value{font-size:1rem;font-weight:700}.stock-indicator{margin-top:10px;width:100%}.stock-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:4px}.stock-fill{height:100%;background:#4af;border-radius:2px;transition:width .3s ease}.shop-item.sold-out .stock-fill{background:#ff4757}.stock-text{display:block;font-size:.65rem;color:#6a6a8a;text-align:right}.purchase-overlay{background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.purchase-modal{background:linear-gradient(180deg,#2a2a4e,#1e1e32);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080}.modal-header .modal-icon{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.modal-desc{background:#0003;color:#ccc;border-left:2px solid #4af}.quantity-selector,.modal-total{background:#0003;border:1px solid rgba(255,255,255,.05)}.qty-btn{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.purchase-btn{background:linear-gradient(135deg,#4af,#2980b9);box-shadow:0 4px 15px #4aaaff4d}.purchase-btn:active{box-shadow:0 2px 8px #4aaaff33}:root{--mission-bg-start: #0a0a15;--mission-bg-end: #1a0a2e;--mission-glass-bg: rgba(255, 255, 255, .05);--mission-glass-border: rgba(255, 255, 255, .1);--mission-primary: #00d4ff;--mission-secondary: #7000ff;--mission-success: #00ffa3;--mission-text-main: #ffffff;--mission-text-sub: #a0a0b0;--safe-area-top: env(safe-area-inset-top, 20px);--safe-area-bottom: env(safe-area-inset-bottom, 20px)}.missions-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--mission-bg-start),var(--mission-bg-end));color:var(--mission-text-main);display:flex;flex-direction:column;overflow:hidden;z-index:100;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.missions-screen:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 50% 50%,rgba(112,0,255,.15),transparent 70%);z-index:0;pointer-events:none}.missions-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-area-top) + 12px) 20px 16px;background:#0a0a15cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--mission-glass-border);z-index:10}.missions-back-btn{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.missions-back-btn:active{transform:scale(.92);background:#fff3}.missions-title{font-size:1.25rem;font-weight:800;margin:0;background:linear-gradient(to right,#fff,#a0a0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.missions-tabs-wrapper{padding:0 20px 16px;background:#0a0a15cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9}.missions-tabs{display:flex;padding:4px;background:#0000004d;border-radius:14px;position:relative}.mission-tab{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:transparent;border:none;border-radius:10px;color:var(--mission-text-sub);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:1}.mission-tab.active{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.tab-indicator{position:absolute;top:4px;bottom:4px;background:linear-gradient(90deg,var(--mission-secondary),var(--mission-primary));border-radius:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0;box-shadow:0 4px 12px #00d4ff4d}.tab-badge{min-width:18px;height:18px;background:#ff4757;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;padding:0 5px;box-shadow:0 2px 4px #ff475766}.missions-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px calc(var(--safe-area-bottom) + 80px);-webkit-overflow-scrolling:touch;position:relative}.daily-bonus-container{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:20px;border:1px solid var(--mission-glass-border);box-shadow:0 8px 32px #0003;animation:slideDown .4s ease-out}.bonus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bonus-title-group{display:flex;flex-direction:column}.bonus-label{font-size:.8rem;color:var(--mission-text-sub);margin-bottom:4px}.bonus-value{font-size:1.5rem;font-weight:800;color:var(--mission-primary);text-shadow:0 0 10px rgba(0,212,255,.5)}.bonus-track-wrapper{position:relative;padding-top:10px}.bonus-track{height:6px;background:#ffffff1a;border-radius:3px;position:relative}.bonus-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--mission-secondary),var(--mission-primary));border-radius:3px;box-shadow:0 0 10px #00d4ff80}.bonus-milestones{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);pointer-events:none}.bonus-marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;pointer-events:auto;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.marker-icon{width:36px;height:36px;background:#1a1a2e;border:2px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#666;transition:all .3s ease;z-index:2;box-shadow:0 4px 8px #0000004d}.bonus-marker.reached .marker-icon{background:#1a1a2e;border-color:var(--mission-primary);color:var(--mission-primary);box-shadow:0 0 15px #00d4ff66}.bonus-marker.claimable .marker-icon{background:linear-gradient(135deg,var(--mission-secondary),var(--mission-primary));border-color:transparent;color:#fff;animation:pulse 1.5s infinite}.bonus-marker.claimed .marker-icon{background:var(--mission-success);border-color:transparent;color:#1a1a2e}.marker-text{position:absolute;top:40px;font-size:.7rem;font-weight:700;color:var(--mission-text-sub);white-space:nowrap}.missions-list{display:flex;flex-direction:column;gap:16px}.mission-card{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid var(--mission-glass-border);border-radius:16px;position:relative;overflow:hidden;transition:transform .2s,background .2s;animation:slideUp .4s ease-out backwards}.mission-card.claimable{background:linear-gradient(145deg,#00d4ff1a,#0000);border-color:#00d4ff4d}.mission-card.completed{opacity:.6;background:#0003}.card-icon-wrapper{width:56px;height:56px;background:#0000004d;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;box-shadow:inset 0 0 10px #00000080}.card-content{flex:1;min-width:0}.card-title{font-size:1rem;font-weight:700;margin-bottom:4px;color:#fff}.card-desc{font-size:.8rem;color:var(--mission-text-sub);margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-progress-bar{height:6px;background:#0006;border-radius:3px;overflow:hidden;position:relative}.card-progress-fill{height:100%;background:linear-gradient(90deg,var(--mission-secondary),var(--mission-primary));border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.card-progress-text{display:block;text-align:right;font-size:.7rem;color:var(--mission-text-sub);margin-top:4px}.card-progress-text span{color:var(--mission-primary);font-weight:700}.card-action{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px}.reward-preview{display:flex;align-items:center;gap:4px;margin-bottom:8px}.mini-icon{width:20px;height:20px}.reward-val{font-size:.8rem;font-weight:700;color:gold}.action-btn{width:100%;padding:8px 0;border-radius:8px;border:none;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}.action-btn.claim{background:linear-gradient(135deg,var(--mission-primary),var(--mission-secondary));color:#fff;box-shadow:0 4px 12px #00d4ff4d}.action-btn.claim:active{transform:scale(.95);filter:brightness(1.1)}.action-btn.doing{background:#ffffff1a;color:var(--mission-text-sub);pointer-events:none}.action-btn.done{background:transparent;color:var(--mission-success);display:flex;align-items:center;justify-content:center}.claim-all-container{position:absolute;bottom:calc(var(--safe-area-bottom) + 20px);left:0;right:0;display:flex;justify-content:center;padding:0 20px;pointer-events:none;z-index:20}.claim-all-btn{pointer-events:auto;background:linear-gradient(90deg,#ff9f43,#ff6b6b);padding:14px 32px;border-radius:30px;border:none;color:#fff;font-size:1rem;font-weight:800;box-shadow:0 8px 24px #ff6b6b66;display:flex;align-items:center;gap:8px;cursor:pointer;animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275);transition:transform .2s}.claim-all-btn:active{transform:scale(.95)}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #00d4ffb3}70%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 10px #00d4ff00}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #00d4ff00}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}:root{--primary-color: #00d4ff;--secondary-color: #7000ff;--accent-color: #ff0055;--success-color: #00ff9d;--gold-color: #ffd700;--bg-dark: #0a0a15;--bg-panel: rgba(20, 20, 35, .6);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Rajdhani", var(--font-main)}.mailbox-screen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-dark);color:#fff;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-main);z-index:100}.mailbox-background-elements{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-glow-1{position:absolute;top:-20%;left:-20%;width:80%;height:80%;background:radial-gradient(circle,rgba(112,0,255,.15) 0%,transparent 70%);filter:blur(60px);animation:float 15s infinite ease-in-out}.bg-glow-2{position:absolute;bottom:-10%;right:-10%;width:70%;height:70%;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);filter:blur(60px);animation:float 20s infinite ease-in-out reverse}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);mask-image:radial-gradient(circle at center,black 40%,transparent 100%);opacity:.5}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.glass-panel{background:#141828a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 20px #0006}.mailbox-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,20px) + 16px) 20px 16px;z-index:10;border-bottom:1px solid var(--glass-border);background:linear-gradient(180deg,#141828d9,#14182880)}.mailbox-back-btn{width:44px;height:44px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.mailbox-back-btn:active{transform:scale(.95);background:#ffffff1a}.header-title-group{display:flex;flex-direction:column;align-items:center}.mailbox-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase;background:linear-gradient(90deg,#fff,#aab);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,212,255,.3)}.mailbox-subtitle{font-size:.7rem;color:#6c7a9c;letter-spacing:4px;margin-top:2px;text-transform:uppercase}.mailbox-count-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 10px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;min-width:44px}.count-label{font-size:.5rem;color:#6c7a9c;font-weight:700}.count-value{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--primary-color);line-height:1}.mailbox-actions{display:flex;gap:12px;padding:12px 20px;border-bottom:1px solid var(--glass-border)}.action-btn{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:#ccc;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}.action-btn.claim-all{background:linear-gradient(135deg,#00d4ff26,#0064ff1a);border-color:#00d4ff4d;color:#fff}.action-btn.claim-all .btn-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}20%{transform:translate(100%)}to{transform:translate(100%)}}.action-btn.claim-all .highlight{color:var(--primary-color);margin-left:4px}.action-btn:active:not(.disabled){transform:scale(.97)}.action-btn.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.action-btn .icon{width:18px;height:18px}.mailbox-list-container{flex:1;overflow-y:auto;padding:16px 20px;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 20px);-webkit-overflow-scrolling:touch}.mailbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70%;gap:12px;color:#6c7a9c;text-align:center}.empty-visual{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.empty-circle{position:absolute;width:100%;height:100%;border:2px dashed rgba(255,255,255,.1);border-radius:50%;animation:spin 10s linear infinite}.empty-icon{font-size:3.5rem;opacity:.7}.mailbox-empty h2{font-size:1.2rem;margin:0;color:#fff}.mailbox-empty p{font-size:.9rem;max-width:250px;margin:0;line-height:1.5}.mailbox-list{display:flex;flex-direction:column;gap:12px}.mail-item{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;padding:16px;border-radius:16px;cursor:pointer;transition:all .3s ease;overflow:hidden;animation:slideIn .4s cubic-bezier(.2,.9,.3,1) backwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mail-item:active{transform:scale(.98)}.mail-item.unread{background:linear-gradient(135deg,#141828cc,#14182899);border-color:#00d4ff4d;box-shadow:0 4px 20px #00d4ff1a}.mail-item.read{opacity:.9}.mail-item.claimed{opacity:.6;filter:grayscale(.5)}.mail-status-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.mail-status-bar.reward{background:var(--gold-color);box-shadow:0 0 10px var(--gold-color)}.mail-status-bar.event{background:var(--secondary-color);box-shadow:0 0 10px var(--secondary-color)}.mail-status-bar.system{background:#aaa}.mail-status-bar.gift{background:var(--accent-color);box-shadow:0 0 10px var(--accent-color)}.mail-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mail-icon{width:48px;height:48px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem}.new-badge{position:absolute;top:-4px;right:-4px;background:var(--accent-color);color:#fff;font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:10px;border:2px solid #1a1a2e;box-shadow:0 2px 5px #0000004d}.mail-content-wrapper{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:4px}.mail-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mail-title{font-size:.95rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.mail-timer{font-size:.7rem;color:#fa0;display:flex;align-items:center;gap:4px;flex-shrink:0;background:#ffaa001a;padding:2px 6px;border-radius:4px}.mail-timer .icon{width:10px;height:10px}.mail-sender-text{font-size:.75rem;color:#8899ac;margin:0}.mail-rewards-preview{display:flex;align-items:center;gap:6px;margin-top:4px}.mini-reward-badge{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8rem;background:#0000004d;border:1px solid rgba(255,255,255,.1)}.mini-reward-badge.legendary{border-color:#fa0;box-shadow:0 0 5px #ffaa004d}.mini-reward-badge.epic{border-color:#a300ff}.mini-reward-badge.rare{border-color:#00d4ff}.rewards-more-count{font-size:.7rem;color:#8899ac;font-weight:600}.mail-action-area{display:flex;align-items:center;justify-content:center}.mini-claim-btn{background:var(--primary-color);color:#023;border:none;padding:6px 14px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 0 10px #00d4ff4d}.mini-claim-btn:active{transform:scale(.9)}.claimed-mark{width:30px;height:30px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#00ff9d}@keyframes claimingPulse{0%{transform:scale(1);box-shadow:0 0 #00d4ffb3}50%{transform:scale(1.02);background:#00d4ff33;box-shadow:0 0 20px 10px #00d4ff00}to{transform:scale(1);opacity:0;height:0;margin:0;padding:0}}.claiming-anim{animation:claimingPulse .5s forwards ease-in-out;pointer-events:none}.mail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200;animation:fadeIn .3s ease}.mail-modal{width:100%;max-width:380px;max-height:85vh;display:flex;flex-direction:column;background:linear-gradient(160deg,#202434,#151520);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 0 1px #ffffff0d;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.modal-title-group{display:flex;align-items:center;gap:12px;flex:1}.modal-type-icon{font-size:1.5rem}.modal-title-text{font-size:1.1rem;font-weight:700;margin:0;color:#fff}.modal-close-btn{width:32px;height:32px;background:transparent;border:none;color:#8899ac;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-btn:hover{color:#fff}.modal-body-scroll{flex:1;overflow-y:auto;padding:0}.modal-info-bar{display:flex;justify-content:space-between;padding:12px 24px;background:#ffffff05;font-size:.8rem;color:#8899ac;border-bottom:1px solid rgba(255,255,255,.03)}.info-expires{color:#fa0}.modal-text-content{padding:24px}.modal-text-content p{margin:0;font-size:.95rem;line-height:1.7;white-space:pre-line;color:#dbe4ef}.modal-rewards-section{padding:24px;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.section-title{font-size:.85rem;font-weight:700;color:#8899ac;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.reward-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden}.reward-card.legendary{border-color:#ffaa004d;background:radial-gradient(circle at top,rgba(255,170,0,.1),transparent)}.reward-card.epic{border-color:#a300ff4d;background:radial-gradient(circle at top,rgba(163,0,255,.1),transparent)}.reward-card.rare{border-color:#00d4ff4d;background:radial-gradient(circle at top,rgba(0,212,255,.1),transparent)}.reward-card.claimed{opacity:.5;filter:grayscale(.8)}.reward-icon-large{font-size:1.8rem;z-index:1}.reward-details{display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1}.reward-name{font-size:.7rem;color:#ccc;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.reward-amount{font-size:.9rem;font-weight:700;font-family:var(--font-display);color:#fff}.modal-footer{padding:20px 24px;background:#0000004d;border-top:1px solid rgba(255,255,255,.05)}.modal-main-btn{width:100%;padding:16px;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.claim-btn{background:linear-gradient(90deg,#00d4ff,#07f);color:#fff;box-shadow:0 4px 15px #07f6}.claim-btn:active{transform:scale(.98);box-shadow:0 2px 8px #07f6}.delete-btn{background:#ff32321a;color:#f55;border:1px solid rgba(255,50,50,.2)}.delete-btn:active{background:#ff323233}:root{--checkin-bg-dark: #0a0a15;--checkin-bg-gradient: linear-gradient(135deg, #0a0a15 0%, #1a0a2e 100%);--checkin-glass-bg: rgba(20, 20, 35, .75);--checkin-glass-border: rgba(255, 255, 255, .1);--checkin-accent-blue: #4facfe;--checkin-accent-cyan: #00f2fe;--checkin-accent-gold: #FFD700;--checkin-text-primary: #ffffff;--checkin-text-secondary: #a0a0b0}.daily-checkin-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;padding:20px;padding-bottom:env(safe-area-inset-bottom,20px)}.daily-checkin-overlay.visible{opacity:1;visibility:visible}.daily-checkin-container{width:100%;max-width:420px;background:var(--checkin-glass-bg);border:1px solid var(--checkin-glass-border);border-radius:24px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff0d inset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;position:relative;display:flex;flex-direction:column;animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275);max-height:85vh}@keyframes modalSlideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.bg-glow{position:absolute;border-radius:50%;filter:blur(60px);z-index:0;pointer-events:none;opacity:.4}.glow-1{top:-10%;left:-10%;width:200px;height:200px;background:radial-gradient(circle,var(--checkin-accent-blue),transparent 70%)}.glow-2{bottom:-10%;right:-10%;width:250px;height:250px;background:radial-gradient(circle,#7028e4,transparent 70%)}.checkin-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;position:relative;z-index:2}.header-content{display:flex;flex-direction:column;gap:4px}.checkin-title{font-size:1.5rem;font-weight:800;color:var(--checkin-text-primary);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.5px;background:linear-gradient(to right,#fff,#bde6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.checkin-subtitle{font-size:.85rem;color:var(--checkin-text-secondary);margin:0}.checkin-close{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s}.checkin-close:hover{background:#fff3;transform:rotate(90deg)}.checkin-status-bar{margin:0 24px 16px;padding:12px 16px;background:#0003;border-radius:16px;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:12px;position:relative;z-index:2}.status-info{display:flex;flex-direction:column;min-width:60px}.status-info.right{min-width:auto;align-items:flex-end}.status-info .label{font-size:.7rem;color:var(--checkin-text-secondary)}.status-info .value{font-size:.95rem;font-weight:700;color:var(--checkin-accent-blue)}.status-progress-track{flex:1;height:8px;background:#0006;border-radius:4px;overflow:hidden;position:relative}.status-progress-fill{height:100%;background:linear-gradient(90deg,var(--checkin-accent-blue),var(--checkin-accent-cyan));border-radius:4px;box-shadow:0 0 10px var(--checkin-accent-blue);transition:width 1s cubic-bezier(.4,0,.2,1)}.checkin-scroll-area{flex:1;overflow-y:auto;padding:4px 24px 20px;position:relative;z-index:2;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.checkin-scroll-area::-webkit-scrollbar{width:4px}.checkin-scroll-area::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.checkin-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding-bottom:20px}.checkin-day-card{position:relative;aspect-ratio:.75;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 2px;cursor:pointer;transition:transform .2s,filter .2s;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.checkin-day-card .card-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s}.checkin-day-card.active .card-bg{opacity:1;background:linear-gradient(180deg,#4facfe33,#00f2fe0d)}.checkin-day-card.active{border-color:var(--checkin-accent-blue);box-shadow:0 0 15px #4facfe4d;transform:translateY(-2px);z-index:5}.checkin-day-card.claimed{background:#0006;border-color:#ffffff05}.checkin-day-card.claimed .card-content{opacity:.3;filter:grayscale(100%)}.checkin-day-card.locked{background:#0003;opacity:.7}.checkin-day-card.special{border-color:#ffd7004d;background:linear-gradient(180deg,rgba(255,215,0,.05) 0%,transparent 100%)}.checkin-day-card.special.active{border-color:var(--checkin-accent-gold);box-shadow:0 0 15px #ffd70066}.card-header{width:100%;text-align:center;z-index:2}.day-label{font-size:.6rem;font-weight:700;color:var(--checkin-text-secondary);text-transform:uppercase}.checkin-day-card.active .day-label{color:var(--checkin-accent-blue)}.checkin-day-card.special .day-label{color:var(--checkin-accent-gold)}.card-content{display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2;width:100%}.reward-visual{width:28px;height:28px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.reward-visual svg{width:100%;height:100%}.reward-qty{font-size:.6rem;font-weight:600;color:#fff;white-space:nowrap;letter-spacing:-.5px}.stamp-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10;background:#0000004d}.stamp-overlay .icon{width:24px;height:24px;color:#4ade80;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.checkin-footer{padding:20px 24px 24px;background:#0003;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:16px;z-index:2}.today-preview{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;color:var(--checkin-text-secondary);background:#ffffff08;padding:8px;border-radius:8px}.today-preview .preview-name{color:#fff;font-weight:600}.today-preview .preview-amount{color:var(--checkin-accent-blue);font-weight:700}.today-preview.completed{color:#4ade80}.action-btn-primary{width:100%;padding:16px;border:none;border-radius:16px;background:linear-gradient(90deg,var(--checkin-accent-blue),var(--checkin-accent-cyan));color:#000;font-size:1.1rem;font-weight:800;cursor:pointer;position:relative;overflow:hidden;transition:all .2s;box-shadow:0 4px 15px #4facfe66}.action-btn-primary:active{transform:scale(.98)}.action-btn-primary.disabled{background:#333;color:#666;cursor:not-allowed;box-shadow:none}.action-btn-primary.pulse{animation:btnPulse 2s infinite}@keyframes btnPulse{0%{box-shadow:0 0 #4facfeb3}70%{box-shadow:0 0 0 10px #4facfe00}to{box-shadow:0 0 #4facfe00}}.reward-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.reward-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:24px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;box-shadow:0 20px 50px #00000080;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.light-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);z-index:0;animation:spin 10s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.reward-icon-large{width:80px;height:80px;margin-bottom:20px;z-index:1;filter:drop-shadow(0 0 20px rgba(79,172,254,.5))}.reward-icon-large svg{width:100%;height:100%}.reward-title{font-size:1.4rem;font-weight:800;color:#fff;margin:0 0 8px;z-index:1}.reward-desc{font-size:1rem;color:#ccc;margin:0;z-index:1}.reward-desc .highlight{color:var(--checkin-accent-blue);font-weight:700;font-size:1.2rem}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.checkin-day-card.animating{animation:cardBounce .4s ease}@keyframes cardBounce{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1.05)}}:root{--loading-bg-dark: #050510;--loading-bg-light: #1a1a3e;--loading-accent: #00f0ff;--loading-accent-secondary: #0077ff;--loading-text-glow: rgba(0, 240, 255, .6)}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--loading-bg-dark);display:flex;align-items:center;justify-content:center;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.loading-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,#15152a,#050508 80%);z-index:0}.loading-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(30deg,#1f1f35 12%,transparent 12.5%,transparent 87%,#1f1f35 87.5%,#1f1f35),linear-gradient(150deg,#1f1f35 12%,transparent 12.5%,transparent 87%,#1f1f35 87.5%,#1f1f35),linear-gradient(30deg,#1f1f35 12%,transparent 12.5%,transparent 87%,#1f1f35 87.5%,#1f1f35),linear-gradient(150deg,#1f1f35 12%,transparent 12.5%,transparent 87%,#1f1f35 87.5%,#1f1f35),radial-gradient(#1f1f35 20%,transparent 20%);background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px,0 0;opacity:.15;mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}.loading-particles{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.loading-particle{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 4px var(--loading-accent);opacity:0;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}20%{opacity:.8}80%{opacity:.8}to{transform:translateY(-10vh) scale(1);opacity:0}}.loading-content{position:relative;z-index:10;width:100%;max-width:420px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;opacity:0;transform:scale(.95);transition:opacity .6s ease-out,transform .6s cubic-bezier(.175,.885,.32,1.275)}.loading-content.visible{opacity:1;transform:scale(1)}.loading-logo-container{margin-bottom:60px;text-align:center;position:relative}.logo-glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background:radial-gradient(circle,rgba(0,240,255,.15) 0%,transparent 70%);filter:blur(20px);animation:glowPulse 3s infinite ease-in-out}.loading-title h1{margin:0;line-height:.9;display:flex;flex-direction:column;align-items:center}.title-hero{font-size:3.5rem;font-weight:900;letter-spacing:4px;background:linear-gradient(180deg,#fff 20%,#b0c4de);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5));position:relative}.title-company{font-size:1.8rem;font-weight:800;letter-spacing:12px;color:var(--loading-accent);text-shadow:0 0 10px var(--loading-text-glow);margin-left:12px;position:relative}.title-tactics{margin-top:12px;font-size:.8rem;letter-spacing:8px;color:#6e85a0;text-transform:uppercase;font-weight:600;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:4px 12px}.tactical-spinner{width:80px;height:80px;border:2px solid rgba(0,240,255,.1);border-top:2px solid var(--loading-accent);border-radius:50%;animation:spin 1s linear infinite;position:relative;box-shadow:0 0 15px #00f0ff33;margin-bottom:40px}.tactical-spinner:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:2px solid rgba(0,119,255,.1);border-bottom:2px solid var(--loading-accent-secondary);border-radius:50%;animation:spinReverse 1.5s linear infinite}.tactical-spinner:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #fff;animation:pulseDot 1s infinite alternate}.loading-progress-container{width:100%;position:relative}.progress-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}.progress-label{font-size:.75rem;color:#aab;text-transform:uppercase;letter-spacing:1px}.progress-percentage{font-size:1.2rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 8px var(--loading-accent)}.progress-track{height:6px;background:#ffffff14;border-radius:3px;overflow:visible;position:relative;box-shadow:inset 0 1px 3px #00000080}.progress-fill{height:100%;background:linear-gradient(90deg,var(--loading-accent-secondary),var(--loading-accent));border-radius:3px;position:relative;width:0%;transition:width .2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 10px var(--loading-text-glow)}.progress-head-glow{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 15px #fff,0 0 5px var(--loading-accent);z-index:2}.loading-tip-container{margin-top:30px;height:60px;display:flex;align-items:center;justify-content:center;width:100%}.tip-content{background:#0000004d;border-left:2px solid var(--loading-accent);padding:10px 16px;border-radius:0 8px 8px 0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:90%;animation:slideInTip .5s ease-out}.tip-text{color:#ccc;font-size:.85rem;line-height:1.4;margin:0;text-align:left}.loading-footer{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom));font-size:.65rem;color:#445;letter-spacing:1px;text-transform:uppercase}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseDot{0%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes slideInTip{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media(max-height:600px){.loading-logo-container{margin-bottom:30px}.tactical-spinner{width:60px;height:60px;margin-bottom:20px}.title-hero{font-size:2.5rem}}.announcement-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.announcement-popup{width:100%;max-width:420px;max-height:85vh;background:linear-gradient(160deg,#1a0a2e,#0a0a15);border-radius:24px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff1a inset;overflow:hidden;display:flex;flex-direction:column;animation:popIn .4s cubic-bezier(.34,1.56,.64,1);position:relative}.announcement-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,#ffffff0d,#fff0);pointer-events:none;z-index:1}@keyframes popIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.announcement-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.05)}.announcement-header.event .announcement-type{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.5)}.announcement-header.update .announcement-type{color:#a29bfe;text-shadow:0 0 10px rgba(162,155,254,.5)}.announcement-header.notice .announcement-type{color:#74b9ff;text-shadow:0 0 10px rgba(116,185,255,.5)}.announcement-header.maintenance .announcement-type{color:#ffeaa7;text-shadow:0 0 10px rgba(255,234,167,.5)}.announcement-type{font-size:.8rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.announcement-close{width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffffb3}.announcement-close:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.announcement-close .icon{width:18px;height:18px}.announcement-image{width:100%;height:160px;background:#000;position:relative;overflow:hidden}.announcement-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,#150f25)}.announcement-image img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform 3s ease}.announcement-popup:hover .announcement-image img{transform:scale(1.05)}.announcement-content{flex:1;padding:24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.announcement-content::-webkit-scrollbar{width:4px}.announcement-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.announcement-title-wrapper{margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.announcement-title{font-size:1.4rem;font-weight:700;margin:0 0 6px;color:#fff;line-height:1.3}.announcement-date{font-size:.8rem;color:#ffffff80;display:block}.announcement-body{font-size:.95rem;line-height:1.6;color:#ffffffd9}.announcement-body p{margin:0;white-space:pre-line}.announcement-nav{display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 24px;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.nav-arrow{width:36px;height:36px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.nav-arrow:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.nav-dots{display:flex;gap:8px}.nav-dot{width:8px;height:8px;border-radius:4px;background:#fff3;border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-dot.active{width:24px;background:#74b9ff;box-shadow:0 0 8px #74b9ff99}.announcement-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0006;border-top:1px solid rgba(255,255,255,.05)}.dont-show-checkbox{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px}.dont-show-checkbox input{display:none}.checkmark{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#ffffff0d}.checkmark svg{width:14px;height:14px;color:#1a1a2e;opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.4,0,.2,1)}.dont-show-checkbox input:checked+.checkmark{background:#74b9ff;border-color:#74b9ff}.dont-show-checkbox input:checked+.checkmark svg{opacity:1;transform:scale(1)}.dont-show-checkbox .label-text{font-size:.9rem;color:#ffffffb3;transition:color .2s}.dont-show-checkbox:hover .label-text{color:#fff}.confirm-btn{padding:10px 24px;background:linear-gradient(135deg,#74b9ff,#0984e3);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0984e366;transition:all .2s;min-width:100px}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0984e399;filter:brightness(1.1)}.confirm-btn:active{transform:translateY(0)}:root{--profile-bg-start: #0a0a15;--profile-bg-end: #1a0a2e;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--primary-accent: #6c5ce7;--secondary-accent: #00cec9;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--safe-top: env(safe-area-inset-top, 20px);--safe-bottom: env(safe-area-inset-bottom, 20px)}.profile-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--profile-bg-start) 0%,var(--profile-bg-end) 100%);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);z-index:100}.profile-bg-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.bg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.glow-1{width:300px;height:300px;background:radial-gradient(circle,#6c5ce7 0%,transparent 70%);top:-100px;left:-50px;animation:float 10s infinite ease-in-out}.glow-2{width:250px;height:250px;background:radial-gradient(circle,#00cec9 0%,transparent 70%);bottom:10%;right:-50px;animation:float 12s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,30px)}}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(var(--safe-top) + 10px);z-index:10}.profile-header .back-btn{width:40px;height:40px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.profile-header .back-btn:active{transform:scale(.95);background:#ffffff1a}.profile-header .back-btn .icon{width:20px;height:20px;color:var(--text-primary)}.profile-header .header-title{font-size:1.2rem;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.profile-header .header-spacer{width:40px}.profile-card{position:relative;margin:10px 20px 20px;padding:24px 20px;background:linear-gradient(165deg,#ffffff0d,#ffffff03);border-radius:24px;border:1px solid var(--glass-border);box-shadow:0 8px 32px #0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;animation:slideUp .5s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-card-bg{display:none}.profile-avatar-section{margin-bottom:16px}.avatar-wrapper{position:relative;background:none;border:none;padding:0;cursor:pointer;transition:transform .2s}.avatar-wrapper:active{transform:scale(.95)}.avatar-frame{width:88px;height:88px;background:linear-gradient(135deg,#2d3436,#000);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 20px #6c5ce74d;position:relative;z-index:1}.avatar-frame:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));z-index:-1;opacity:.8}.avatar-icon{font-size:2.8rem}.avatar-edit-badge{position:absolute;bottom:0;right:0;width:28px;height:28px;background:var(--primary-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #1a0a2e;z-index:2;box-shadow:0 2px 8px #00000080}.avatar-edit-badge .icon{width:14px;height:14px;color:#fff}.profile-info{width:100%;text-align:center}.profile-title-badge{display:inline-block;padding:4px 10px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:20px;font-size:.75rem;color:gold;font-weight:600;margin-bottom:8px;letter-spacing:.5px}.profile-nickname-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.profile-nickname{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.edit-btn{width:28px;height:28px;background:#ffffff1a;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.edit-btn:hover{background:#fff3}.edit-btn .icon{width:14px;height:14px;color:var(--text-secondary)}.profile-level-row{display:flex;align-items:center;gap:12px;width:100%;max-width:280px;margin:0 auto}.level-label{font-size:.9rem;font-weight:700;color:var(--secondary-accent);text-shadow:0 0 10px rgba(0,206,201,.3)}.level-bar{flex:1;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.level-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent) 0%,var(--secondary-accent) 100%);border-radius:4px;position:relative;overflow:hidden}.level-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.level-exp{font-size:.75rem;color:var(--text-secondary);width:60px;text-align:right;font-variant-numeric:tabular-nums}.profile-power{margin-top:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:20px;box-shadow:0 4px 12px #ff6b6b1a}.profile-power .icon{width:18px;height:18px;color:#ff6b6b}.power-value{font-size:1.1rem;font-weight:800;color:#ff6b6b;letter-spacing:.5px}.power-label{font-size:.75rem;color:#ff6b6bcc;font-weight:600}.quick-stats{display:flex;gap:12px;padding:0 20px;margin-bottom:24px;animation:slideUp .5s cubic-bezier(.2,.8,.2,1) .1s backwards}.quick-stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;background:var(--glass-bg);border-radius:16px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.quick-stat-icon.collection{background:#6c5ce726;box-shadow:0 0 15px #6c5ce733}.quick-stat-icon.achievement{background:#fdcb6e26;box-shadow:0 0 15px #fdcb6e33}.quick-stat-icon.playtime{background:#00cec926;box-shadow:0 0 15px #00cec933}.quick-stat-icon .icon{width:20px;height:20px}.quick-stat-icon.collection .icon{color:#a29bfe}.quick-stat-icon.achievement .icon{color:#ffeaa7}.quick-stat-icon.playtime .icon{color:#81ecec}.quick-stat-value{font-size:.9rem;font-weight:700;color:#fff}.quick-stat-label{font-size:.7rem;color:var(--text-secondary);font-weight:500}.quick-stat-percent{font-size:.7rem;font-weight:700;color:var(--secondary-accent);background:#00cec91a;padding:2px 6px;border-radius:6px}.profile-tabs{display:flex;background:#0003;padding:4px;margin:0 20px 16px;border-radius:12px;border:1px solid var(--glass-border);animation:slideUp .5s cubic-bezier(.2,.8,.2,1) .15s backwards}.profile-tab{flex:1;padding:10px;background:transparent;border:none;border-radius:8px;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.profile-tab.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 8px #0003}.profile-tab-content{flex:1;overflow-y:auto;padding:0 20px 20px;padding-bottom:calc(var(--safe-bottom) + 20px);animation:fadeIn .3s ease-out}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--glass-bg);border-radius:16px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .2s}.stat-card:active{transform:scale(.98)}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0d}.stat-value{font-size:1.1rem;font-weight:700;color:#fff;display:block}.stat-label{font-size:.75rem;color:var(--text-secondary)}.combat-stats,.records-list{display:flex;flex-direction:column;gap:10px}.combat-stat-row,.record-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--glass-bg);border-radius:14px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.combat-stat-label,.record-label{font-size:.9rem;color:var(--text-secondary)}.combat-stat-value,.record-value{font-size:.95rem;font-weight:600;color:#fff}.record-value.id{font-family:Courier New,monospace;letter-spacing:1px;background:#0000004d;padding:4px 8px;border-radius:6px;color:var(--secondary-accent)}.profile-tab-content::-webkit-scrollbar{width:4px}.profile-tab-content::-webkit-scrollbar-track{background:transparent}.profile-tab-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}:root{--safe-area-top: env(safe-area-inset-top, 20px);--safe-area-bottom: env(safe-area-inset-bottom, 20px);--glass-bg: rgba(20, 20, 30, .75);--glass-border: rgba(255, 255, 255, .1);--primary-gradient: linear-gradient(135deg, #4488ff 0%, #2244cc 100%);--danger-color: #ff4444;--success-color: #44dd88;--text-primary: #ffffff;--text-secondary: #aaaaaa}.daily-dungeon-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a15;color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden}.dungeon-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,var(--theme-color),transparent 70%);opacity:.15;pointer-events:none;transition:background .5s ease}.dungeon-header{padding:var(--safe-area-top) 20px 10px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);z-index:10}.icon-btn{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.icon-btn:active{background:#fff3}.icon-btn svg{width:24px;height:24px}.header-title{font-size:1.25rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.resources{display:flex;gap:8px}.resource-pill{background:#00000080;border:1px solid var(--glass-border);border-radius:20px;padding:4px 10px;display:flex;align-items:center;gap:6px;font-size:.8rem}.resource-pill .label{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:700}.resource-pill .value{color:gold;font-weight:700}.dungeon-content{flex:1;display:flex;padding:20px;gap:20px;overflow:hidden;padding-bottom:var(--safe-area-bottom)}.dungeon-tabs{width:120px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex-shrink:0}.dungeon-tab{background:#ffffff08;border:1px solid transparent;border-radius:16px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.dungeon-tab.active{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.dungeon-tab.closed{opacity:.5;filter:grayscale(.8)}.tab-icon svg{width:32px;height:32px;filter:drop-shadow(0 0 5px currentColor)}.tab-name{font-size:.8rem;font-weight:600;color:var(--text-primary);text-align:center}.closed-badge{font-size:.6rem;background:#333;padding:2px 6px;border-radius:4px;color:#888}.dungeon-detail-panel{flex:1;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 30px #00000080}.dungeon-title{margin:0;font-size:1.5rem;font-weight:800;text-transform:uppercase}.dungeon-desc{margin:8px 0 0;font-size:.9rem;color:var(--text-secondary);line-height:1.4}.difficulty-container{flex:1;display:flex;flex-direction:column;gap:20px}.difficulty-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.difficulty-card{min-width:100px;background:#0000004d;border:2px solid transparent;border-radius:12px;padding:12px;cursor:pointer;transition:all .2s}.difficulty-card.selected{border-color:var(--success-color);background:#44dd881a}.diff-name{font-weight:700;font-size:1rem;margin-bottom:4px}.diff-power{font-size:.7rem;color:var(--text-secondary);margin-bottom:8px}.diff-stars{display:flex;gap:2px;justify-content:center}.star{color:#444;font-size:.8rem}.star.filled{color:gold}.selected-level-info{background:#0003;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-row .label{color:var(--text-secondary);font-size:.9rem}.info-row .value.cost{font-weight:700;color:#4d8}.reward-preview-list{display:flex;gap:12px}.reward-item{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:4px 10px;border-radius:8px}.reward-icon svg{width:16px;height:16px}.reward-amount{font-size:.9rem;font-weight:700}.action-bar{display:flex;gap:12px;margin-top:auto}.action-btn{flex:1;border:none;border-radius:16px;padding:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .1s}.action-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.action-btn.sweep{background:#ffffff1a;color:var(--text-primary);flex:.4}.action-btn.enter{background:var(--btn-color, #4488ff);color:#000;font-weight:700;box-shadow:0 4px 12px #0000004d}.btn-content{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:800}.btn-content svg{width:20px;height:20px}.btn-sub{font-size:.7rem;opacity:.8}.btn-sub.warning{color:#8b0000;font-weight:800}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#1a1a24;border:1px solid var(--glass-border);border-radius:20px;padding:24px;width:80%;max-width:320px;display:flex;flex-direction:column;gap:16px;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-content h3{margin:0;text-align:center}.sweep-info{text-align:center;color:var(--text-secondary);font-size:.9rem}.counter-control{display:flex;align-items:center;justify-content:center;gap:20px;margin:10px 0}.counter-control button{width:40px;height:40px;border-radius:10px;border:none;background:#ffffff1a;color:#fff;font-size:1.2rem;cursor:pointer}.counter-control span{font-size:1.5rem;font-weight:700}.sweep-summary{background:#0000004d;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.sweep-summary div{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary)}.sweep-summary span{color:#fff;font-weight:600}.modal-actions{display:flex;gap:10px;margin-top:10px}.modal-actions button{flex:1;padding:12px;border-radius:12px;border:none;font-weight:700;cursor:pointer}.cancel-btn{background:#ffffff1a;color:var(--text-secondary)}.confirm-btn{background:var(--success-color);color:#000}:root{--tower-bg-top: #1a0a2e;--tower-bg-bot: #000000;--floor-bg: rgba(255, 255, 255, .05);--boss-floor-bg: linear-gradient(90deg, rgba(255, 0, 0, .1), rgba(0, 0, 0, 0));--current-border: #ff4444}.tower-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--tower-bg-top),var(--tower-bg-bot));color:#fff;display:flex;flex-direction:column;overflow:hidden}.tower-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;opacity:.2}.tower-header{padding:calc(env(safe-area-inset-top,20px) + 12px) 20px 16px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:16px;z-index:10;border-bottom:1px solid rgba(255,255,255,.1)}.back-btn{background:#ffffff1a;border:none;border-radius:12px;width:40px;height:40px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-info h1{margin:0;font-size:1.2rem;font-weight:800}.header-info .subtitle{font-size:.8rem;color:#ff6b6b;font-weight:600}.floor-list-container{flex:1;overflow-y:auto;padding:20px;scroll-padding-top:100px}.floor-list{display:flex;flex-direction:column;gap:8px;padding-bottom:80px}.floor-item{display:flex;align-items:center;height:70px;background:var(--floor-bg);border-radius:12px;padding:0 16px;border:1px solid transparent;transition:all .2s;position:relative;overflow:hidden}.floor-item.boss-floor{background:var(--boss-floor-bg);border-left:4px solid #ff4444}.floor-item.locked{opacity:.4;background:#0000004d}.floor-item.current{border:1px solid var(--current-border);box-shadow:0 0 15px #f443;background:#ff44440d;transform:scale(1.02);z-index:1}.floor-item.cleared{background:#44dd880d}.floor-left{display:flex;flex-direction:column;align-items:center;width:60px}.floor-num{font-size:1.2rem;font-weight:900;font-style:italic}.boss-badge{font-size:.6rem;background:#f44;padding:2px 4px;border-radius:4px;font-weight:700;display:flex;align-items:center;gap:2px}.boss-badge svg{width:8px;height:8px}.floor-center{flex:1;padding-left:20px;display:flex;align-items:center}.locked-label{display:flex;align-items:center;gap:6px;font-size:.9rem}.locked-label svg{width:16px;height:16px}.reward-preview{display:flex;align-items:center;gap:6px;background:#0000004d;padding:4px 10px;border-radius:8px;font-size:.85rem}.reward-preview svg{width:14px;height:14px}.gold-icon{color:gold;font-weight:800}.floor-right{width:60px;display:flex;justify-content:flex-end}.challenge-btn-mini{background:linear-gradient(135deg,#f44,#c00);border:none;color:#fff;padding:8px 16px;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;animation:pulseBtn 1.5s infinite}@keyframes pulseBtn{0%{box-shadow:0 0 #ff4444b3}70%{box-shadow:0 0 0 6px #f440}to{box-shadow:0 0 #f440}}.check-icon{color:#4d8;width:24px;height:24px}.jump-btn{position:absolute;bottom:calc(env(safe-area-inset-bottom,20px) + 20px);right:20px;background:#fff;color:#000;border:none;padding:12px 20px;border-radius:30px;font-weight:700;box-shadow:0 5px 20px #00000080;cursor:pointer;z-index:20}:root{--event-bg: #0a0a0a;--card-bg: #151515}.events-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--event-bg);color:#fff;display:flex;flex-direction:column;overflow:hidden}.events-header{padding:calc(env(safe-area-inset-top,20px) + 12px) 20px 16px;display:flex;align-items:center;gap:16px;background:#ffffff08}.events-header h1{margin:0;font-size:1.2rem;font-weight:800}.events-tabs{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn{padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#888;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn.active{background:#fff;color:#000;border-color:#fff}.events-list{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.event-card{background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .2s}.event-card:active{transform:scale(.98)}.event-card.upcoming{opacity:.7}.card-banner{height:120px;position:relative}.event-tag{position:absolute;top:12px;left:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:700;color:#fff}.card-content{padding:16px}.card-text h3{margin:0 0 6px;font-size:1.1rem}.card-text p{margin:0 0 16px;font-size:.9rem;color:#aaa}.card-meta{display:flex;justify-content:space-between;align-items:center}.time-badge{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#f94}.go-btn{background:#fff;color:#000;border:none;padding:8px 16px;border-radius:8px;font-weight:700;cursor:pointer}.pets-screen{width:100%;height:100%;background:radial-gradient(circle at 50% 10%,#1a0a1e,#0a0a15);color:#fff;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,20px);padding-bottom:env(safe-area-inset-bottom,20px);box-sizing:border-box;overflow:hidden;position:relative;font-family:Pretendard,sans-serif}.pets-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#14141e99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;z-index:10}.pets-back-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .2s}.pets-back-btn:active{background:#ffffff1a}.pets-title{font-size:1.2rem;font-weight:800;margin:0;text-shadow:0 0 10px rgba(100,100,255,.5);letter-spacing:-.5px}.pets-resource{display:flex;align-items:center;gap:8px;background:#00000080;padding:8px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);font-size:.9rem;font-weight:600;color:gold;box-shadow:0 4px 10px #0000004d}.icon{width:20px;height:20px}.icon-sm{width:14px;height:14px}.pets-equipped-section{padding:20px;flex-shrink:0;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%)}.pets-equipped-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;color:#fff9;font-weight:600}.pets-slots-container{display:flex;gap:16px;justify-content:center}.pet-slot{width:80px;height:80px;background:#ffffff0d;border-radius:20px;border:2px dashed rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s}.pet-slot:active{transform:scale(.95);background:#ffffff14}.slot-empty{color:#fff3}.slot-pet{width:100%;height:100%;border-radius:20px;border:2px solid;background:#1e1e2d99;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 10px #0000004d}.slot-pet-icon{font-size:36px;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.slot-pet-level{position:absolute;bottom:0;width:100%;background:#000c;font-size:.7rem;text-align:center;border-bottom-left-radius:18px;border-bottom-right-radius:18px;padding:3px 0;font-weight:700;color:#fff}.pets-list-section{flex:1;display:flex;flex-direction:column;padding:0 20px;overflow:hidden}.pets-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;color:#fff9;font-weight:600;flex-shrink:0}.pets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;overflow-y:auto;padding-bottom:80px;scrollbar-width:none;-ms-overflow-style:none}.pets-grid::-webkit-scrollbar{display:none}.pet-card{position:relative;aspect-ratio:1;cursor:pointer}.pet-card-frame{width:100%;height:100%;background:#ffffff0d;border-radius:16px;border:2px solid var(--rarity-color, #888);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 8px #0003;transition:transform .1s}.pet-card:active .pet-card-frame{transform:scale(.95)}.pet-card.equipped .pet-card-frame{border-width:2px;box-shadow:0 0 0 2px #ff404080,0 0 10px var(--rarity-color);border-color:#ff4040}.pet-card-icon{font-size:32px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.badge-equipped{position:absolute;top:-6px;left:-6px;background:#ff4040;color:#fff;font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:6px;box-shadow:0 2px 4px #00000080;z-index:5}.badge-locked{position:absolute;top:4px;right:4px;color:#ffffff80}.pet-card-info{position:absolute;bottom:6px;left:0;width:100%;text-align:center;pointer-events:none}.pet-card-level{background:#000000b3;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.no-pets{grid-column:1 / -1;text-align:center;color:#fff6;margin-top:40px;font-size:.9rem}.pet-detail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.pet-detail-modal{width:100%;background:#1e1e2d;border-top-left-radius:24px;border-top-right-radius:24px;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom,20px));box-shadow:0 -4px 30px #0009;animation:slideUp .3s cubic-bezier(.16,1,.3,1);max-height:85vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;gap:24px;border-top:1px solid rgba(255,255,255,.1)}.pet-detail-close{position:absolute;top:16px;right:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .2s}.pet-detail-close:active{background:#ffffff26}.pet-detail-header{display:flex;gap:20px;align-items:center}.pet-detail-icon-large{width:90px;height:90px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border:2px solid var(--rarity-color);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:56px;flex-shrink:0;box-shadow:0 0 20px var(--rarity-color),inset 0 0 20px #00000080;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.pet-detail-title-block{flex:1}.pet-detail-name-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pet-rarity-tag{font-size:.75rem;font-weight:800;padding:3px 8px;border-radius:6px;color:#000;text-shadow:none;box-shadow:0 2px 4px #0003}.pet-detail-name{font-size:1.4rem;font-weight:800;color:#fff}.pet-detail-level-row{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#fffc;font-weight:600}.pet-exp-bar-container{width:100%;height:8px;background:#0006;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.pet-exp-fill{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:4px;box-shadow:0 0 8px #4facfe80}.pet-section h3{font-size:.85rem;color:#ffffff80;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.pet-buffs-list{display:flex;flex-wrap:wrap;gap:12px}.pet-buff-item{background:#ffffff0d;padding:10px 14px;border-radius:12px;display:flex;gap:8px;font-size:.9rem;border:1px solid rgba(255,255,255,.05);align-items:center}.buff-stat{color:#ffffffb3;font-weight:600}.buff-value{color:#4facfe;font-weight:800}.pet-skill-item{background:#1e1e2dcc;padding:16px;border-radius:14px;margin-bottom:10px;border-left:4px solid #ffd700;box-shadow:0 4px 10px #0003}.skill-head{display:flex;justify-content:space-between;margin-bottom:6px;align-items:center}.skill-name{font-weight:700;color:gold;font-size:1rem}.skill-lv{font-size:.75rem;color:#ffffff80;font-weight:600}.skill-desc{font-size:.9rem;color:#fffc;line-height:1.5}.pet-detail-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.action-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}button{border:none;border-radius:16px;padding:16px;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .2s,opacity .2s;box-shadow:0 4px 12px #0003}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-levelup{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#000}.btn-content{display:flex;align-items:center;justify-content:center;gap:10px}.cost-row{display:flex;align-items:center;gap:6px;font-size:.9rem;background:#0000001a;padding:4px 10px;border-radius:12px}.btn-evolve{background:#333;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-equip{width:100%;background:#fff;color:#000}.btn-equip.unequip{background:#ff4040;color:#fff;box-shadow:0 4px 12px #ff40404d}.season-pass-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 10%,#1a0a1e,#0a0a15);display:flex;flex-direction:column;overflow:hidden;color:#fff;z-index:100;font-family:Pretendard,sans-serif}.season-pass-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;padding-top:calc(env(safe-area-inset-top,20px) + 12px);background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid rgba(255,255,255,.05)}.season-pass-back-btn{width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s}.season-pass-back-btn:active{transform:scale(.95);background:#ffffff1a}.header-title-container{text-align:center}.season-pass-title{font-size:1.1rem;font-weight:800;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 10px rgba(255,0,255,.3)}.season-pass-subtitle{font-size:.7rem;color:gold;font-weight:700;letter-spacing:2px;margin-bottom:2px}.header-right-placeholder{width:40px}.season-info-section{padding:20px;background:linear-gradient(180deg,#ffd7000d,#0000);position:relative}.season-timer{font-size:.85rem;color:#ffffffb3;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:16px;font-weight:500}.season-pass-level-info{display:flex;align-items:center;gap:16px;background:#ffffff08;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 15px #0003}.current-level-badge{width:56px;height:56px;background:linear-gradient(135deg,gold,#fa0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#1a0a1e;box-shadow:0 0 20px #ffd70066;text-shadow:0 1px 0 rgba(255,255,255,.4);border:3px solid rgba(255,255,255,.2)}.level-progress-container{flex:1}.level-text{display:flex;justify-content:space-between;font-size:.85rem;color:#ffffffe6;margin-bottom:8px;font-weight:600}.exp-bar{height:10px;background:#0006;border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.exp-fill{height:100%;background:linear-gradient(90deg,#4d8,#2a6);border-radius:5px;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #44dd8880}.season-tabs{display:flex;padding:0 20px;margin-bottom:10px;gap:16px}.season-tab{flex:1;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;color:#ffffff80;font-weight:700;font-size:.95rem;cursor:pointer;position:relative;transition:all .2s}.season-tab.active{color:#fff;background:#ffffff1a;border-color:#ffd7004d;box-shadow:0 4px 12px #0003}.season-tab.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:4px;height:4px;background:gold;border-radius:50%;box-shadow:0 0 5px gold}.season-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.rewards-container{flex:1;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:20px;display:flex;gap:16px;align-items:center;scrollbar-width:none}.rewards-container::-webkit-scrollbar{display:none}.reward-card{flex:0 0 150px;display:flex;flex-direction:column;background:#1e1e2d99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;position:relative;box-shadow:0 8px 16px #0003;transition:transform .2s}.reward-card.current{border:1px solid #ffd700;box-shadow:0 0 15px #ffd70033;transform:scale(1.02);z-index:5}.reward-card.locked{opacity:.7;filter:grayscale(.8)}.reward-header{background:#0006;padding:8px;text-align:center;font-size:.85rem;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.05);text-transform:uppercase}.reward-card.current .reward-header{background:linear-gradient(90deg,gold,#fa0);color:#000;text-shadow:none}.reward-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;position:relative;min-height:110px}.reward-section.free{background:linear-gradient(180deg,#ffffff08,#ffffff03);border-bottom:1px solid rgba(255,255,255,.08)}.reward-section.premium{background:linear-gradient(180deg,#ffd70026,#ffd7000d)}.reward-tag{position:absolute;top:6px;left:6px;font-size:.65rem;padding:2px 8px;border-radius:6px;font-weight:800;text-transform:uppercase}.reward-tag.free{background:#ffffff26;color:#ddd}.reward-tag.premium{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.3)}.reward-icon{font-size:2.2rem;margin-bottom:6px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4));transition:transform .2s}.reward-card:not(.locked) .reward-icon:hover{transform:scale(1.1)}.reward-amount{font-size:.8rem;color:#fffc;font-weight:600;background:#0000004d;padding:2px 8px;border-radius:10px}.reward-status-icon{margin-top:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.lock-icon{color:#ffffff4d}.check-icon{color:#4d8;background:#4d83;border-radius:50%;padding:4px;box-shadow:0 0 10px #4d83}.claim-reward-btn{margin-top:8px;padding:6px 16px;border:none;border-radius:14px;background:linear-gradient(135deg,#48f,#26d);color:#fff;font-size:.75rem;font-weight:800;cursor:pointer;box-shadow:0 4px 10px #4488ff4d;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #4488ffb3}70%{transform:scale(1.05);box-shadow:0 0 0 6px #48f0}to{transform:scale(1);box-shadow:0 0 #48f0}}.premium-purchase-bar{padding:16px 20px;padding-bottom:calc(env(safe-area-inset-bottom,20px) + 16px);background:#14141ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,215,0,.3);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 -4px 20px #00000080;position:relative;z-index:50}.premium-info{flex:1}.premium-title{color:gold;font-weight:800;font-size:1rem;margin-bottom:4px;text-shadow:0 0 10px rgba(255,215,0,.3)}.premium-desc{color:#fff9;font-size:.8rem}.premium-buy-btn{background:linear-gradient(135deg,gold,#fa0);border:none;padding:12px 24px;border-radius:16px;color:#1a0a1e;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 4px 15px #ffd7004d;display:flex;flex-direction:column;align-items:center;transition:transform .2s}.premium-buy-btn:active{transform:scale(.96)}.btn-price{font-size:.75rem;opacity:.9;font-weight:700;margin-top:2px}.season-missions-container{padding:20px 20px 80px;display:flex;flex-direction:column;gap:20px}.mission-filter-tabs{display:flex;gap:10px;margin-bottom:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filter-tab{padding:8px 18px;border-radius:20px;background:#ffffff0d;border:1px solid transparent;color:#fff9;font-size:.85rem;cursor:pointer;font-weight:600;white-space:nowrap;transition:all .2s}.filter-tab.active{background:#4488ff26;border-color:#48f;color:#48f;font-weight:700;box-shadow:0 2px 8px #48f3}.missions-list{display:flex;flex-direction:column;gap:12px}.mission-card{background:#1e1e2d99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.05);transition:transform .2s}.mission-card:active{transform:scale(.98)}.mission-card.completed:not(.claimed){border-color:gold;background:#ffd7000d}.mission-card.claimed{opacity:.6;filter:grayscale(.5)}.mission-icon{width:48px;height:48px;background:#0000004d;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.mission-info{flex:1;min-width:0}.mission-title{font-size:.95rem;font-weight:700;margin:0 0 4px;color:#fff}.mission-desc{font-size:.8rem;color:#fff9;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-progress{display:flex;align-items:center;gap:10px}.progress-bar{flex:1;height:6px;background:#0006;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#4af;border-radius:3px}.progress-text{font-size:.75rem;color:#4af;font-weight:700;min-width:40px;text-align:right}.mission-reward{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:60px}.reward-icon.exp{font-size:.7rem;font-weight:800;background:#f55;padding:2px 6px;border-radius:4px}.claim-btn{padding:6px 14px;background:gold;border:none;border-radius:12px;color:#000;font-weight:800;font-size:.8rem;cursor:pointer;box-shadow:0 2px 8px #ffd7004d}.claim-btn.disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed;box-shadow:none}.claimed-badge{color:#4af}:root{--expedition-dark: #0f0f13;--expedition-card-bg: rgba(255, 255, 255, .03);--expedition-border: rgba(255, 255, 255, .08);--rank-d: #a0a0a0;--rank-b: #4aa3ff;--rank-a: #c04aff;--rank-s: #ffd700}.expedition-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 10%,#1a1a2e,#0a0a0a);color:#fff;display:flex;flex-direction:column;overflow:hidden}.expedition-header{padding:calc(env(safe-area-inset-top,20px) + 10px) 20px 16px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--expedition-border)}.header-title-group h1{margin:0;font-size:1.2rem;font-weight:800;letter-spacing:1px}.header-title-group .subtitle{font-size:.75rem;color:#888}.status-pill{margin-left:auto;font-size:.8rem;background:#ffffff0d;padding:6px 12px;border-radius:20px;display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;background:#4d8;border-radius:50%}.dot.pulse{box-shadow:0 0 8px #4d8;animation:pulseDot 2s infinite}@keyframes pulseDot{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.expedition-list{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.expedition-card{background:var(--expedition-card-bg);border:1px solid var(--expedition-border);border-radius:16px;padding:16px;position:relative;overflow:hidden;transition:transform .2s}.expedition-card:active{transform:scale(.99)}.expedition-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.expedition-card.rank-D:before{background:var(--rank-d)}.expedition-card.rank-B:before{background:var(--rank-b)}.expedition-card.rank-S:before{background:var(--rank-s);box-shadow:0 0 15px #ffd7004d}.rank-badge{position:absolute;top:12px;right:12px;font-size:1.5rem;font-weight:900;opacity:.1;font-family:sans-serif}.card-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mission-info h3{margin:0 0 8px;font-size:1rem}.requirements{display:flex;gap:12px;font-size:.8rem;color:#aaa}.req-time{display:flex;align-items:center;gap:4px}.slot-area{display:flex;gap:-8px}.slot-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #222}.slot-circle.empty{background:#ffffff0d;color:#555;border:1px dashed #555}.slot-circle.filled{background:#48f;color:#fff}.card-footer{border-top:1px solid rgba(255,255,255,.05);padding-top:12px}.dispatch-btn{width:100%;padding:12px;background:#ffffff1a;border:none;border-radius:10px;color:#fff;font-weight:700;cursor:pointer;transition:background .2s}.dispatch-btn:hover{background:#ffffff26}.progress-container{display:flex;flex-direction:column;gap:6px}.progress-info{display:flex;justify-content:space-between;font-size:.8rem;color:#aaa}.progress-info .timer{color:#fff;font-family:monospace}.progress-bar-bg{height:6px;background:#00000080;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#48f,#4d8);transition:width 1s linear}.collect-btn{width:100%;padding:12px;background:linear-gradient(90deg,gold,#fa0);border:none;border-radius:10px;color:#000;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;animation:glow 1.5s infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #ffd7004d}to{box-shadow:0 0 15px #ffd70099}}.expedition-footer-bar{padding:16px 20px calc(env(safe-area-inset-bottom,20px) + 16px);background:#000c;border-top:1px solid var(--expedition-border)}.collect-all-btn{width:100%;padding:16px;background:#48f;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700}.collect-all-btn:disabled{background:#333;color:#555;cursor:not-allowed}:root{--c-bg-dark: #0a0a15;--c-bg-deep: #050510;--c-bg-glass: rgba(20, 20, 35, .75);--c-bg-card: rgba(255, 255, 255, .03);--c-bg-card-hover: rgba(255, 255, 255, .07);--c-text-primary: #ffffff;--c-text-secondary: #8b9bb4;--c-accent: #3a86ff;--c-rarity-r: #4a90e2;--c-rarity-sr: #9c27b0;--c-rarity-ssr: #ffd700;--safe-top: env(safe-area-inset-top, 20px);--safe-bottom: env(safe-area-inset-bottom, 20px)}*{box-sizing:border-box}.craft-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(160deg,#0a0a15,#1a0a2e);color:var(--c-text-primary);display:flex;flex-direction:column;overflow:hidden;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;z-index:100}.craft-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 20% 30%,white,transparent),radial-gradient(1px 1px at 40% 70%,white,transparent),radial-gradient(1px 1px at 60% 40%,white,transparent),radial-gradient(2px 2px at 80% 80%,rgba(255,255,255,.5),transparent);background-size:200px 200px;opacity:.2;pointer-events:none}.craft-header{padding:calc(var(--safe-top) + 12px) 20px 16px;display:flex;align-items:center;gap:16px;background:#0a0a14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0000004d;z-index:20}.back-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--c-text-primary);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.back-button:active{transform:scale(.92);background:#ffffff26}.header-title{flex:1;font-size:1.25rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#c0c0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(255,255,255,.2)}.resource-item{display:flex;align-items:center;gap:8px;background:#00000080;padding:8px 14px;border-radius:20px;border:1px solid rgba(255,215,0,.3);font-weight:700;font-size:.95rem;color:#ffda44;box-shadow:0 2px 8px #0000004d}.craft-tabs{display:flex;padding:0 16px;background:#0a0a1466;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto;scrollbar-width:none}.tab-button{flex:1;min-width:80px;padding:18px 0;background:none;border:none;color:var(--c-text-secondary);font-weight:600;font-size:.95rem;position:relative;cursor:pointer;transition:color .3s}.tab-button.active{color:var(--c-text-primary);text-shadow:0 0 10px rgba(255,255,255,.4)}.tab-indicator{position:absolute;bottom:0;left:15%;right:15%;height:3px;background:var(--c-accent);border-radius:3px 3px 0 0;box-shadow:0 -2px 10px var(--c-accent)}.recipe-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px;padding-bottom:calc(var(--safe-bottom) + 80px)}.recipe-card{background:var(--c-bg-card);border-radius:20px;border:1px solid rgba(255,255,255,.05);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:16px;padding:16px;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.recipe-card:before{content:"";position:absolute;top:0;left:0;width:4px;bottom:0;background:currentColor;opacity:.5}.recipe-card.rarity-r{--card-glow: var(--c-rarity-r);color:var(--c-rarity-r)}.recipe-card.rarity-sr{--card-glow: var(--c-rarity-sr);color:var(--c-rarity-sr)}.recipe-card.rarity-ssr{--card-glow: var(--c-rarity-ssr);color:var(--c-rarity-ssr)}.recipe-card.rarity-r{border-color:#4a90e233}.recipe-card.rarity-sr{border-color:#9c27b033;box-shadow:0 4px 20px #9c27b01a}.recipe-card.rarity-ssr{border-color:#ffd70033;box-shadow:0 4px 25px #ffd70026}.recipe-main{display:flex;align-items:center;gap:14px}.item-icon-frame{width:64px;height:64px;border-radius:16px;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);box-shadow:inset 0 0 10px #00000080;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-icon-frame.rarity-r{background:linear-gradient(135deg,var(--c-rarity-r),transparent)}.item-icon-frame.rarity-sr{background:linear-gradient(135deg,var(--c-rarity-sr),transparent)}.item-icon-frame.rarity-ssr{background:linear-gradient(135deg,var(--c-rarity-ssr),transparent)}.item-icon-inner{width:100%;height:100%;background:#151520;border-radius:14px;display:flex;align-items:center;justify-content:center}.item-details{flex:1}.item-name{font-size:1.1rem;font-weight:700;margin-bottom:4px;color:var(--c-text-primary)}.item-tier{font-size:.8rem;color:var(--c-text-secondary);font-weight:500}.recipe-cost{display:flex;align-items:center;gap:4px;font-weight:700;color:#ffda44;background:#0006;padding:6px 10px;border-radius:12px}.recipe-cost .not-enough{color:#ff5252}.materials-list{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:#0003;border-radius:12px}.material-chip{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:6px 10px 6px 6px;border-radius:20px;border:1px solid rgba(255,255,255,.05);flex:1 1 45%;min-width:120px}.mat-icon{width:28px;height:28px;background:#0000004d;border-radius:50%;display:flex;align-items:center;justify-content:center}.mat-info{display:flex;flex-direction:column;flex:1}.mat-name{font-size:.75rem;color:var(--c-text-secondary)}.mat-amount{font-size:.9rem;font-weight:700;color:#fff;font-family:monospace}.mat-amount.enough{color:#4caf50}.mat-amount.short{color:#ff5252}.craft-action-button{width:100%;padding:14px;border:none;border-radius:14px;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s;background:linear-gradient(90deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 15px #2196f34d;position:relative;overflow:hidden}.craft-action-button:disabled{background:#333;color:#666;box-shadow:none;cursor:not-allowed}.craft-action-button:active:not(:disabled){transform:scale(.98)}.craft-action-button.crafting{background:#2a2a2a;color:#aaa}.progress-bar{position:absolute;bottom:0;left:0;height:3px;background:#4caf50;width:0%;animation-name:progress;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes progress{to{width:100%}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.result-modal{width:100%;max-width:320px;background:#1a1a2e;border-radius:24px;padding:30px 20px;text-align:center;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080;animation:popUp .5s cubic-bezier(.175,.885,.32,1.275)}.result-modal.greatSuccess{border:2px solid #ffd700;box-shadow:0 0 50px #ffd70033}.result-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:rotate 10s linear infinite;pointer-events:none}.result-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px}.result-title{font-size:1.5rem;font-weight:800;color:#fff;text-transform:uppercase;margin-bottom:10px}.greatSuccess .result-title{background:linear-gradient(to right,gold,#ffa000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:scale(1.1)}.result-icon{width:100px;height:100px;border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;background:#151520;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0000004d}.result-icon.rarity-r{border-color:var(--c-rarity-r);box-shadow:0 0 20px #4a90e24d}.result-icon.rarity-sr{border-color:var(--c-rarity-sr);box-shadow:0 0 20px #9c27b04d}.result-icon.rarity-ssr{border-color:var(--c-rarity-ssr);box-shadow:0 0 30px #ffd70066}.result-icon svg{width:48px;height:48px}.result-name{font-size:1.2rem;font-weight:700;color:#fff}.great-success-bonus{display:flex;align-items:center;gap:8px;color:gold;font-weight:700;background:#ffd7001a;padding:8px 16px;border-radius:20px;margin-top:-4px}.great-success-bonus svg{width:16px;height:16px}.confirm-button{margin-top:16px;background:#fff;color:#000;border:none;padding:12px 40px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s;width:100%}.confirm-button:active{transform:scale(.95)}@keyframes popUp{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}:root{--tier-ssr-color: #ffd700;--tier-ssr-glow: rgba(255, 215, 0, .4);--tier-ssr-bg: linear-gradient(135deg, rgba(255, 215, 0, .15) 0%, rgba(255, 215, 0, .05) 100%);--tier-sr-color: #c042ff;--tier-sr-glow: rgba(192, 66, 255, .4);--tier-sr-bg: linear-gradient(135deg, rgba(192, 66, 255, .15) 0%, rgba(192, 66, 255, .05) 100%);--tier-r-color: #3b82f6;--tier-r-glow: rgba(59, 130, 246, .4);--tier-r-bg: linear-gradient(135deg, rgba(59, 130, 246, .15) 0%, rgba(59, 130, 246, .05) 100%);--bg-dark: #0a0a15;--glass-panel: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--text-primary: #fff;--text-secondary: rgba(255, 255, 255, .6);--accent-gold: #ffb142}.relic-screen-container{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 10%,#1a0a2e,#0a0a15 80%);color:var(--text-primary);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;overflow:hidden;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.relic-background-glow{position:absolute;top:-20%;left:-20%;width:140%;height:60%;background:radial-gradient(circle,rgba(100,50,255,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.relic-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;height:64px;background:#0a0a1599;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border)}.header-left{display:flex;align-items:center;gap:12px}.back-button{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s}.back-button:active{transform:scale(.95);background:#ffffff1a}.screen-title{font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.header-right{display:flex;gap:8px}.currency-pill{display:flex;align-items:center;gap:6px;background:#0006;padding:6px 12px;border-radius:20px;border:1px solid var(--glass-border);font-size:.9rem;font-weight:600}.currency-pill .icon{font-size:1.1rem}.relic-content{flex:1;overflow-y:auto;padding:20px;position:relative;z-index:5;scrollbar-width:none}.relic-content::-webkit-scrollbar{display:none}.equipped-section{background:#ffffff05;border-radius:20px;padding:20px;margin-bottom:24px;border:1px solid var(--glass-border)}.section-header{display:flex;justify-content:space-between;margin-bottom:16px;font-size:.95rem;font-weight:600;color:var(--text-secondary)}.equipped-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.equip-slot{width:64px;height:64px;flex-shrink:0;border-radius:18px;background:#0000004d;border:1px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s;cursor:pointer}.equip-slot.empty{color:#fff3;font-size:24px}.equip-slot:not(.empty){border-style:solid;border-width:2px;background:#1e1e2d99;box-shadow:0 4px 12px #0000004d}.equip-slot.tier-SSR{border-color:var(--tier-ssr-color);box-shadow:0 0 15px var(--tier-ssr-glow)}.equip-slot.tier-SR{border-color:var(--tier-sr-color);box-shadow:0 0 10px var(--tier-sr-glow)}.equip-slot.tier-R{border-color:var(--tier-r-color)}.relic-icon-wrapper{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));z-index:2}.slot-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.set-effect-preview{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.set-tag{font-size:.75rem;padding:4px 10px;border-radius:6px;background:#ffffff0d;color:var(--text-secondary)}.set-tag.active{background:#ffd70026;color:gold;border:1px solid rgba(255,215,0,.3);box-shadow:0 0 8px #ffd7001a}.filter-bar{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center}.tab-group{display:flex;background:#0000004d;padding:4px;border-radius:14px}.filter-tab{background:none;border:none;color:var(--text-secondary);padding:8px 16px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.filter-tab.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 8px #0003}.sort-button{background:none;border:1px solid var(--glass-border);color:var(--text-secondary);padding:8px 12px;border-radius:10px;font-size:.85rem;display:flex;align-items:center;gap:6px;cursor:pointer}.relic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:40px}@media(min-width:600px){.relic-grid{grid-template-columns:repeat(5,1fr)}}.relic-item{aspect-ratio:1;position:relative;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .1s,box-shadow .2s;background:#1e1e2899;border:1.5px solid transparent}.relic-item:active{transform:scale(.96)}.relic-item.tier-SSR{border-color:var(--tier-ssr-color);background:var(--tier-ssr-bg)}.relic-item.tier-SR{border-color:var(--tier-sr-color);background:var(--tier-sr-bg)}.relic-item.tier-R{border-color:var(--tier-r-color);background:var(--tier-r-bg)}.relic-item.equipped:after{content:"E";position:absolute;top:0;left:0;background:var(--tier-r-color);color:#fff;font-size:.7rem;padding:2px 6px;border-bottom-right-radius:8px;font-weight:800}.card-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.relic-emoji{font-size:32px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transition:transform .2s}.relic-item:hover .relic-emoji{transform:scale(1.1)}.level-badge{position:absolute;bottom:6px;background:#0009;padding:2px 8px;border-radius:8px;font-size:.7rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.lock-icon{position:absolute;top:6px;right:6px;font-size:12px;opacity:.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up .relic-item{animation:fadeInUp .4s cubic-bezier(.2,.8,.2,1) backwards}.fade-in-up .relic-item:nth-child(1){animation-delay:.05s}.fade-in-up .relic-item:nth-child(2){animation-delay:.1s}.fade-in-up .relic-item:nth-child(3){animation-delay:.15s}.fade-in-up .relic-item:nth-child(4){animation-delay:.2s}.fade-in-up .relic-item:nth-child(5){animation-delay:.25s}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease-out;padding:20px}.relic-detail-modal{width:100%;max-width:360px;background:#181825;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:slideInUp .3s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.08)}.tier-SSR-theme{--theme-color: var(--tier-ssr-color);--theme-bg: var(--tier-ssr-bg)}.tier-SR-theme{--theme-color: var(--tier-sr-color);--theme-bg: var(--tier-sr-bg)}.tier-R-theme{--theme-color: var(--tier-r-color);--theme-bg: var(--tier-r-bg)}.modal-shine{position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(180deg,var(--theme-color) 0%,transparent 100%);opacity:.15;pointer-events:none}.close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#0006;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;z-index:20}.detail-header{padding:32px 24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.detail-icon-frame{width:96px;height:96px;border-radius:24px;background:#0006;border:2px solid var(--theme-color);box-shadow:0 0 30px var(--theme-bg);display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:16px}.detail-icon{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.detail-tier-badge{position:absolute;bottom:-10px;background:var(--theme-color);color:#000;font-weight:800;font-size:.75rem;padding:2px 10px;border-radius:12px;box-shadow:0 4px 8px #0000004d}.relic-name{font-size:1.5rem;font-weight:800;margin:0 0 8px;background:linear-gradient(to bottom,#fff,#ddd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.relic-tags{display:flex;gap:8px;justify-content:center}.tag{font-size:.8rem;padding:4px 10px;border-radius:6px;background:#ffffff14;color:var(--text-secondary)}.detail-body{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.info-block{background:#0000004d;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.05)}.block-title{font-size:.85rem;color:var(--text-secondary);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.effect-desc{font-size:1rem;line-height:1.5;font-weight:600}.effect-upgrade{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:8px;color:#4cd137;font-size:.9rem;font-weight:600}.set-desc{font-size:.9rem;color:#ddd;line-height:1.5}.detail-actions{padding:24px;background:#0000004d;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:12px}.action-btn{flex:1;border:none;border-radius:16px;padding:16px;font-weight:700;cursor:pointer;transition:transform .2s}.equip-btn{background:#3c40c6;color:#fff;box-shadow:0 4px 12px #3c40c64d}.equip-btn.unequip{background:#485460;color:#d2dae2;box-shadow:none}.enhance-btn{background:linear-gradient(135deg,#11998e,#38ef7d);color:#052b14;flex:1.5;box-shadow:0 4px 12px #38ef7d4d}.enhance-btn:disabled{background:#333;color:#666;box-shadow:none;cursor:not-allowed}.btn-content{display:flex;flex-direction:column;align-items:center;line-height:1.2}.cost-row{display:flex;gap:8px;font-size:.8rem;margin-top:4px;opacity:.9}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--rank-ssr: #FFD700;--rank-ssr-glow: rgba(255, 215, 0, .5);--rank-sr: #C77DFF;--rank-sr-glow: rgba(199, 125, 255, .5);--rank-r: #4CC9F0;--rank-r-glow: rgba(76, 201, 240, .5);--bg-dark: #0a0a15;--bg-card: rgba(30, 30, 40, .6);--bg-card-locked: rgba(20, 20, 25, .4)}.titles-screen{width:100%;height:100%;background:var(--bg-dark);background-image:linear-gradient(180deg,#0a0a15,#1a0a2e);display:flex;flex-direction:column;overflow:hidden;color:#fff;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.titles-background-fx{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 10%,rgba(76,201,240,.08) 0%,transparent 40%),radial-gradient(circle at 20% 90%,rgba(199,125,255,.05) 0%,transparent 40%);pointer-events:none;z-index:0}.titles-header{padding:calc(env(safe-area-inset-top) + 12px) 20px 16px;display:flex;align-items:center;gap:16px;background:#0a0a15d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid rgba(255,255,255,.08)}.titles-back-btn{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.titles-page-title{font-size:18px;font-weight:700;margin:0;flex:1;text-align:center}.titles-header-spacer{width:36px}.titles-content{flex:1;overflow-y:auto;padding:0 0 40px;display:flex;flex-direction:column;gap:20px}.equipped-section{padding:20px 20px 0}.equipped-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;overflow:hidden;box-shadow:0 8px 32px #0000004d;min-height:120px;justify-content:center;transition:all .3s ease}.equipped-card.empty{border-style:dashed;opacity:.7}.equipped-status-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:4px}.equipped-rank-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;background:#000;border:1px solid currentColor;margin-bottom:4px;z-index:1}.equipped-title-name{font-size:22px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.5);z-index:1;text-align:center}.equipped-title-effect{font-size:13px;color:#fffc;z-index:1;text-align:center}.equipped-card-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,var(--glow-color, transparent) 0%,transparent 70%);opacity:.2;pointer-events:none}.equipped-card.ssr{border-color:var(--rank-ssr);box-shadow:0 0 20px #ffd70026;--glow-color: var(--rank-ssr);color:var(--rank-ssr)}.equipped-card.sr{border-color:var(--rank-sr);--glow-color: var(--rank-sr);color:var(--rank-sr)}.equipped-card.r{border-color:var(--rank-r);--glow-color: var(--rank-r);color:var(--rank-r)}.equipped-card.ssr .equipped-title-name{background:linear-gradient(to bottom,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.titles-filter-bar{padding:0 20px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;z-index:5;background:inherit}.search-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px}.search-box input{background:transparent;border:none;color:#fff;width:100%;font-size:14px;outline:none}.search-box svg{color:#fff6}.category-tabs{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:8px 16px;border-radius:20px;font-size:13px;white-space:nowrap;cursor:pointer;transition:all .2s}.category-tab.active{background:#fff;color:#000;border-color:#fff;font-weight:600}.titles-grid-container{padding:0 20px}.titles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.title-card{position:relative;background:var(--bg-card);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;min-height:140px}.title-card:active{transform:scale(.98)}.title-card-border{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid transparent;border-radius:12px;pointer-events:none;z-index:2}.title-card.ssr .title-card-border{border-color:var(--rank-ssr);box-shadow:inset 0 0 15px #ffd7001a}.title-card.sr .title-card-border{border-color:var(--rank-sr)}.title-card.r .title-card-border{border-color:var(--rank-r)}.title-card.ssr .rank-tag{color:var(--rank-ssr);border-color:var(--rank-ssr)}.title-card.sr .rank-tag{color:var(--rank-sr);border-color:var(--rank-sr)}.title-card.r .rank-tag{color:var(--rank-r);border-color:var(--rank-r)}.title-card.locked{background:var(--bg-card-locked);border:1px solid rgba(255,255,255,.05)}.title-card.locked .title-card-border{border-color:transparent}.title-card.locked .rank-tag{opacity:.5;border-color:#fff3;color:#ffffff80}.title-card.locked .title-card-name{color:#fff6}.title-card-content{padding:12px;display:flex;flex-direction:column;flex:1;z-index:1}.title-card-header{display:flex;justify-content:space-between;margin-bottom:8px}.rank-tag{font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;border:1px solid;background:#0000004d}.equip-tag{font-size:10px;font-weight:700;background:#fff;color:#000;padding:2px 6px;border-radius:4px}.title-name-group{flex:1;display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.title-card-name{font-size:14px;font-weight:700;color:#fff;line-height:1.3}.title-card-effect{font-size:11px;color:#fff9;line-height:1.2}.title-card-footer{margin-top:auto}.card-btn{width:100%;padding:6px 0;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;border:none}.card-btn.equip{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);transition:all .2s}.card-btn.equip:hover{background:#fff;color:#000}.card-btn.equipped{background:transparent;color:#ffffff80;cursor:default}.locked-info{display:flex;flex-direction:column;gap:6px}.lock-desc{font-size:10px;color:#fff6;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-fill{height:100%;background:var(--rank-r)}.title-card.ssr .progress-fill{background:var(--rank-ssr)}.title-card.sr .progress-fill{background:var(--rank-sr)}.progress-nums{font-size:10px;color:#ffffff4d;text-align:right}.lock-overlay{position:absolute;top:10px;right:10px;color:#ffffff1a;pointer-events:none}@keyframes pulseGlow{0%{box-shadow:0 0 10px var(--glow-color)}50%{box-shadow:0 0 20px var(--glow-color)}to{box-shadow:0 0 10px var(--glow-color)}}.title-card.equipped{box-shadow:0 0 0 1px #fff}:root{--costume-bg-gradient-start: #0a0a15;--costume-bg-gradient-end: #1a0a2e;--rarity-ssr-color: #ffd700;--rarity-ssr-glow: rgba(255, 215, 0, .4);--rarity-sr-color: #a335ee;--rarity-sr-glow: rgba(163, 53, 238, .4);--rarity-r-color: #4a9eff;--rarity-r-glow: rgba(74, 158, 255, .4);--rarity-n-color: #a0a0b0;--rarity-n-glow: rgba(160, 160, 176, .2);--glass-panel: rgba(20, 20, 30, .6);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .05);--safe-area-top: env(safe-area-inset-top, 20px);--safe-area-bottom: env(safe-area-inset-bottom, 20px)}.costumes-screen{width:100%;height:100vh;background:linear-gradient(180deg,var(--costume-bg-gradient-start) 0%,var(--costume-bg-gradient-end) 100%);color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative;font-family:Suit,Pretendard,sans-serif}.costumes-bg-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(74,158,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(163,53,238,.08) 0%,transparent 40%);pointer-events:none;z-index:0}.costumes-header{padding:calc(var(--safe-area-top) + 12px) 20px 12px;display:flex;align-items:center;justify-content:space-between;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a144d;border-bottom:1px solid var(--glass-border)}.back-button{width:40px;height:40px;background:#ffffff14;border:1px solid var(--glass-border);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.back-button:active{transform:scale(.95);background:#ffffff26}.costumes-header h1{font-size:18px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.currency-display{background:#0006;padding:6px 12px;border-radius:16px;border:1px solid var(--glass-border);display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.costumes-main{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;overflow:hidden}.preview-section{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40%}.character-tabs{position:absolute;top:10px;left:20px;right:20px;display:flex;justify-content:center;gap:12px;z-index:5}.char-tab{width:50px;height:50px;border-radius:14px;background:#0000004d;border:1px solid var(--glass-border);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.char-tab.active{background:#4a9eff33;border-color:#4a9eff;transform:translateY(4px) scale(1.1);box-shadow:0 4px 12px #4a9eff4d}.preview-stage{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-model{font-size:140px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6));animation:float 4s ease-in-out infinite;z-index:2}.preview-platform{position:absolute;bottom:20%;width:200px;height:60px;background:radial-gradient(ellipse at center,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:scaleY(.5);z-index:1}.preview-auras{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:0;opacity:.4;filter:blur(50px);transition:background .5s}.preview-auras.ssr{background:var(--rarity-ssr-glow)}.preview-auras.sr{background:var(--rarity-sr-glow)}.preview-auras.r{background:var(--rarity-r-glow)}.preview-auras.n{background:var(--rarity-n-glow)}.preview-info{position:absolute;bottom:20px;display:flex;flex-direction:column;align-items:center;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:3}.rarity-badge{font-size:12px;font-weight:900;padding:4px 12px;border-radius:12px;margin-bottom:4px;letter-spacing:2px;text-transform:uppercase;background:#0009;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 10px #0000004d}.rarity-badge.ssr{color:var(--rarity-ssr-color);border-color:var(--rarity-ssr-color)}.rarity-badge.sr{color:var(--rarity-sr-color);border-color:var(--rarity-sr-color)}.rarity-badge.r{color:var(--rarity-r-color);border-color:var(--rarity-r-color)}.rarity-badge.n{color:var(--rarity-n-color)}.costume-title{font-size:20px;font-weight:700}.control-section{background:var(--glass-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;max-height:55%;padding-bottom:var(--safe-area-bottom);box-shadow:0 -10px 40px #0000004d;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.costume-details-panel{padding:20px 24px 12px}.details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.details-name{font-size:18px;font-weight:700}.equipped-tag{font-size:11px;background:#4a9eff;color:#fff;padding:2px 8px;border-radius:4px;font-weight:700}.details-desc{font-size:13px;color:#a0a0b0;line-height:1.4;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.stat-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:6px;font-size:12px;display:flex;gap:6px}.stat-pill .label{color:#888}.stat-pill .value{color:#fff;font-weight:600}.action-row{width:100%}.action-btn{width:100%;padding:14px;border-radius:12px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.action-btn.primary{background:linear-gradient(135deg,#4a9eff,#3b7adb);color:#fff;box-shadow:0 4px 15px #4a9eff4d}.action-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1)}.action-btn:active{transform:scale(.98)}.locked-hint{width:100%;padding:12px;background:#0000004d;border-radius:12px;color:#888;font-size:13px;text-align:center}.divider{height:1px;background:var(--glass-border);margin:0 20px}.costume-grid-wrapper{flex:1;overflow-y:auto;padding:20px;scrollbar-width:none}.costume-grid-wrapper::-webkit-scrollbar{display:none}.costume-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.costume-item{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.item-frame{width:100%;aspect-ratio:1;background:#1e1e2880;border-radius:16px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s;overflow:hidden}.item-frame.ssr{border-color:var(--rarity-ssr-color);background:radial-gradient(circle,#ffd7001a,#1e1e2880)}.item-frame.sr{border-color:var(--rarity-sr-color);background:radial-gradient(circle,#a335ee1a,#1e1e2880)}.item-frame.r{border-color:var(--rarity-r-color);background:radial-gradient(circle,#4a9eff1a,#1e1e2880)}.item-frame.n{border-color:var(--rarity-n-color)}.costume-item.selected .item-frame{box-shadow:0 0 0 3px #fff,0 0 15px #ffffff80;transform:translateY(-2px);z-index:2}.item-icon{font-size:32px}.item-equipped-indicator{position:absolute;top:4px;right:4px;background:#4a9eff;width:16px;height:16px;border-radius:4px;font-size:10px;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.item-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;font-size:20px}.item-name{font-size:11px;color:#a0a0b0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.costume-item.selected .item-name{color:#fff;font-weight:600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}:root{--sl-bg-dark: #0a0a15;--sl-bg-gradient-start: #0a0a15;--sl-bg-gradient-end: #1a0a2e;--sl-accent: #4facfe;--sl-accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--sl-glass-bg: rgba(255, 255, 255, .03);--sl-glass-border: rgba(255, 255, 255, .08);--sl-glass-blur: 16px;--sl-text-primary: #ffffff;--sl-text-secondary: rgba(255, 255, 255, .6);--sl-safe-top: env(safe-area-inset-top, 20px);--sl-safe-bottom: env(safe-area-inset-bottom, 20px)}.story-library-screen{width:100%;height:100%;background:var(--sl-bg-dark);color:var(--sl-text-primary);display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:sl-fadeIn .4s ease-out}.story-bg-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,#2a2a4e 0%,var(--sl-bg-dark) 60%),linear-gradient(180deg,var(--sl-bg-gradient-start) 0%,var(--sl-bg-gradient-end) 100%);z-index:-2}.glass-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");z-index:-1;pointer-events:none}.library-header{padding:calc(var(--sl-safe-top) + 12px) 24px 16px;display:flex;align-items:center;gap:16px;background:#0a0a1599;backdrop-filter:blur(var(--sl-glass-blur));-webkit-backdrop-filter:blur(var(--sl-glass-blur));border-bottom:1px solid var(--sl-glass-border);z-index:10}.back-button{width:44px;height:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--sl-text-primary);cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1)}.back-button:active{transform:scale(.92);background:#ffffff1a}.header-content{display:flex;flex-direction:column}.library-title{font-size:20px;font-weight:800;margin:0;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.library-subtitle{font-size:11px;color:var(--sl-text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.act-selector-wrapper{padding:12px 0;background:#0003;border-bottom:1px solid var(--sl-glass-border)}.act-selector{display:flex;gap:24px;padding:0 24px;overflow-x:auto;scrollbar-width:none}.act-selector::-webkit-scrollbar{display:none}.act-tab{position:relative;background:none;border:none;padding:8px 4px;color:var(--sl-text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:color .3s;white-space:nowrap}.act-tab.active{color:#fff}.act-indicator{position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--sl-accent-gradient);border-radius:3px 3px 0 0;box-shadow:0 -2px 10px #4facfe80;animation:sl-expandWidth .3s cubic-bezier(.25,.8,.25,1)}.chapters-scroll-area{flex:1;overflow-y:auto;padding:24px;padding-bottom:calc(var(--sl-safe-bottom) + 80px)}.chapters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1200px;margin:0 auto}.chapter-card{background:var(--sl-glass-bg);border:1px solid var(--sl-glass-border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);animation:sl-slideUp .5s cubic-bezier(.25,.8,.25,1) backwards;box-shadow:0 4px 20px #0003}.chapter-card:hover{transform:translateY(-4px);border-color:#fff3;box-shadow:0 12px 30px #0006}.chapter-card:active{transform:scale(.98)}.chapter-card.locked{opacity:.7;filter:grayscale(.6)}.chapter-thumbnail{height:160px;position:relative;background-size:cover;background-position:center}.thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#0a0a15e6,#0a0a1500 50%)}.card-badges{position:absolute;top:12px;left:12px;display:flex;gap:8px}.badge{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000004d}.badge.new{background:#ffcc00e6;color:#000}.badge.cleared{background:#10b98133;border:1px solid rgba(16,185,129,.4);color:#34d399}.badge.progress{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#60a5fa}.locked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fffc}.lock-icon-circle{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.lock-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.chapter-content{padding:16px 20px 20px;display:flex;flex-direction:column;flex:1}.chapter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chapter-number{font-size:10px;font-weight:800;color:var(--sl-accent);text-transform:uppercase;letter-spacing:1.5px}.reward-badge-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;position:relative;box-shadow:0 0 10px #ef4444}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:1px solid #ef4444;animation:sl-pulse 2s infinite}.chapter-title{font-size:18px;font-weight:700;margin:0 0 8px;line-height:1.3}.chapter-desc{font-size:13px;color:var(--sl-text-secondary);margin:0 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.progress-section{margin-top:auto}.progress-info{display:flex;justify-content:space-between;font-size:11px;color:var(--sl-text-secondary);margin-bottom:6px;font-weight:500}.progress-track{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--sl-accent-gradient);border-radius:2px;transition:width 1s ease-out}.story-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;animation:sl-fadeIn .2s ease-out}.story-modal-content{width:100%;max-width:420px;max-height:85vh;background:#151520;border:1px solid rgba(255,255,255,.15);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 80px -20px #000c;animation:sl-slideUpModal .3s cubic-bezier(.18,.89,.32,1.28)}.modal-hero-image{height:200px;position:relative;background-size:cover;background-position:center;flex-shrink:0}.modal-gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#151520 0%,rgba(21,21,32,.6) 50%,transparent 100%)}.modal-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#0006;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close-btn:hover{background:#ffffff4d}.modal-title-group{position:absolute;bottom:20px;left:24px;right:24px;z-index:2}.modal-chapter-label{font-size:11px;color:var(--sl-accent);font-weight:800;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.modal-main-title{font-size:26px;font-weight:700;margin:0;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.5)}.modal-scroll-content{padding:24px;overflow-y:auto;overscroll-behavior:contain}.section-label{font-size:12px;color:var(--sl-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.synopsis-text{font-size:15px;line-height:1.6;color:#ffffffe6;margin:0 0 24px}.reward-section{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;margin-bottom:24px}.reward-item{display:flex;align-items:center;gap:12px}.reward-icon{width:32px;height:32px;border-radius:8px;background:gold;box-shadow:0 0 10px #ffd7004d}.reward-count{font-weight:600;font-size:14px;flex:1}.claim-btn{padding:6px 16px;background:var(--sl-accent-gradient);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #4facfe4d}.story-play-btn{width:100%;padding:16px;background:var(--sl-accent-gradient);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 6px 20px #4facfe4d;transition:all .2s;position:sticky;bottom:0}.story-play-btn:active{transform:scale(.98)}@keyframes sl-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sl-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sl-slideUpModal{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sl-expandWidth{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sl-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@media(max-width:480px){.chapters-grid{grid-template-columns:1fr}}.guide-screen{width:100%;height:100%;background:linear-gradient(180deg,#0a0a15,#1a0a2e);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Pretendard,Segoe UI,sans-serif}.guide-bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(26,10,46,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(26,10,46,.5) 1px,transparent 1px);background-size:40px 40px;background-position:center top;opacity:.15;z-index:0;pointer-events:none}.gd-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 16px) 20px 16px;background:#0a0a15b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:20;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px #0003}.gd-back-btn{width:44px;height:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1)}.gd-back-btn:active{transform:scale(.95);background:#ffffff1a}.gd-back-btn .icon{width:24px;height:24px}.gd-title{font-size:20px;font-weight:800;margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 30%,#a5a5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.3)}.gd-header-spacer{width:44px}.gd-search-container{padding:16px 20px 12px;background:transparent;z-index:10}.gd-search-bar{display:flex;align-items:center;background:#ffffff08;border-radius:16px;padding:14px 18px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gd-search-bar:focus-within{border-color:#6464ff66;background:#ffffff12;box-shadow:0 4px 20px #0003;transform:translateY(-1px)}.gd-search-bar .icon{width:20px;height:20px;color:#fff6;margin-right:14px;transition:color .3s}.gd-search-bar:focus-within .icon{color:#fff}.gd-search-bar input{flex:1;background:transparent;border:none;color:#fff;font-size:16px;outline:none;font-weight:500}.gd-search-bar input::placeholder{color:#ffffff4d}.gd-tabs-container{padding:0 20px 20px;overflow-x:auto;scrollbar-width:none;z-index:10}.gd-tabs-container::-webkit-scrollbar{display:none}.gd-tabs{display:flex;gap:8px}.gd-tab{padding:10px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;color:#ffffff80;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .25s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gd-tab:hover{background:#ffffff14}.gd-tab.active{background:linear-gradient(135deg,#4a9eff,#6a5acd);color:#fff;border-color:transparent;box-shadow:0 4px 15px #4a9eff4d;transform:scale(1.05)}.gd-content{flex:1;overflow-y:auto;padding:0 20px 40px;padding-bottom:calc(env(safe-area-inset-bottom) + 40px);z-index:1}.gd-empty-state{text-align:center;padding:80px 20px;color:#fff6}.gd-card{background:#ffffff08;border-radius:16px;margin-bottom:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:all .35s cubic-bezier(.25,.8,.25,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gd-card:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-2px)}.gd-card.expanded{background:#1e1e2dcc;border-color:#6464ff66;box-shadow:0 10px 30px #0000004d}.gd-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background:transparent;border:none;color:#eee;cursor:pointer;text-align:left}.gd-card-title{font-size:16px;font-weight:700;letter-spacing:-.3px}.gd-card-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);color:#fff6;background:#ffffff0d;border-radius:50%}.gd-card.expanded .gd-card-icon{transform:rotate(180deg);color:#fff;background:linear-gradient(135deg,#4a9eff,#6a5acd)}.gd-card-body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:#00000026}.gd-card.expanded .gd-card-body{max-height:1000px}.gd-card-content{padding:24px;color:#ffffffd9;font-size:15px;line-height:1.7}.gd-card-content p{margin:0 0 16px}.gd-card-content p:last-child{margin-bottom:0}.gd-card-content ul{padding-left:20px;margin:16px 0;color:#ffffffbf}.gd-card-content li{margin-bottom:10px}.gd-card-content strong{color:#4a9eff;font-weight:700}.gd-currency-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.gd-currency-item{display:flex;flex-direction:column;background:#ffffff0d;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:transform .2s}.gd-currency-item:hover{transform:translateY(-2px);background:#ffffff14}.gd-currency-name{color:gold;font-weight:800;margin-bottom:6px;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.gd-currency-item:nth-child(2) .gd-currency-name{color:#00e5ff}.gd-currency-desc{font-size:13px;color:#fff9;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gd-card{animation:fadeIn .4s ease-out backwards}.gd-card:nth-child(1){animation-delay:.05s}.gd-card:nth-child(2){animation-delay:.1s}.gd-card:nth-child(3){animation-delay:.15s}.gd-card:nth-child(4){animation-delay:.2s}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9000;display:flex;flex-direction:column;pointer-events:auto;opacity:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1);overflow:hidden}.tutorial-overlay.visible{opacity:1}.tutorial-highlight{position:absolute;border-radius:16px;box-shadow:0 0 0 9999px #0a0a19d9;transition:all .4s cubic-bezier(.25,.8,.25,1);pointer-events:none;z-index:9001}.tutorial-highlight:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid #4facfe;border-radius:20px;box-shadow:0 0 15px #4facfe,inset 0 0 10px #4facfe80;animation:highlight-pulse 2s infinite}@keyframes highlight-pulse{0%{box-shadow:0 0 10px #4facfe,inset 0 0 5px #4facfe80;opacity:.8}50%{box-shadow:0 0 25px #4facfe,inset 0 0 15px #4facfe80;opacity:1}to{box-shadow:0 0 10px #4facfe,inset 0 0 5px #4facfe80;opacity:.8}}.tutorial-guide-container{position:absolute;bottom:40px;left:0;right:0;padding:0 20px;display:flex;align-items:flex-end;justify-content:center;gap:16px;z-index:9005;pointer-events:none}.tutorial-guide-container.top{bottom:auto;top:60px;align-items:flex-start}.tutorial-guide-container.center{bottom:50%;transform:translateY(50%);align-items:center}.guide-avatar{width:80px;height:80px;flex-shrink:0;z-index:2;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));animation:avatar-float 3s ease-in-out infinite}.guide-avatar-inner{width:100%;height:100%;background:linear-gradient(135deg,#2af598,#009efd);border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.guide-avatar-img{width:100%;height:100%;object-fit:cover}.guide-avatar-placeholder{font-size:40px}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tutorial-panel{flex:1;max-width:500px;background:#141423bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px 20px 20px 4px;box-shadow:0 10px 40px #00000080;padding:20px;color:#fff;pointer-events:auto;animation:panel-pop .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:12px}.tutorial-guide-container.top .tutorial-panel{border-radius:4px 20px 20px}@keyframes panel-pop{0%{opacity:0;transform:scale(.9) translate(-20px)}to{opacity:1;transform:scale(1) translate(0)}}.tutorial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.tutorial-title-group{display:flex;align-items:center;gap:8px}.tutorial-emoji{font-size:1.4rem}.tutorial-title{font-size:1.1rem;font-weight:700;margin:0;background:linear-gradient(90deg,#fff,#a0e0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3)}.skip-btn{background:transparent;border:none;color:#fff6;padding:4px;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center}.skip-btn:hover{color:#fff}.tutorial-content-body{font-size:.95rem;line-height:1.6;color:#d0d0e0;margin:0;white-space:pre-line}.tutorial-image{width:100%;height:120px;border-radius:12px;overflow:hidden;margin-top:10px;border:1px solid rgba(255,255,255,.1)}.tutorial-image img{width:100%;height:100%;object-fit:cover}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.step-indicator{display:flex;gap:6px}.step-dot{width:6px;height:6px;border-radius:50%;background:#fff3;transition:all .3s}.step-dot.active{background:#4facfe;transform:scale(1.3);box-shadow:0 0 8px #4facfe}.step-dot.completed{background:#4facfe}.nav-btn{padding:8px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;gap:6px}.nav-btn.prev{background:transparent;color:#fff9}.nav-btn.prev:hover{color:#fff;background:#ffffff0d}.nav-btn.next{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#0a0a1e;box-shadow:0 4px 15px #4facfe66}.nav-btn.next:active{transform:scale(.96)}.synergy-display{background:linear-gradient(135deg,#140a28f2,#0a0a19f2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:16px;border:1px solid rgba(100,100,200,.15);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.synergy-display.empty{padding:12px 16px;background:#14142399}.synergy-display.compact{display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:#141423b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.no-synergy{color:#9696b499;font-size:.85rem;margin:0;text-align:center;font-style:italic}.synergy-title{color:#7af;font-size:.95rem;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(100,150,255,.2);text-transform:uppercase;letter-spacing:1px;font-weight:600;text-shadow:0 0 12px rgba(100,150,255,.4)}.synergy-list{display:flex;flex-direction:column;gap:12px}.synergy-item{background:linear-gradient(135deg,#32325080,#1e1e3280);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:14px;border-left:4px solid var(--synergy-color, #4af);position:relative;overflow:hidden;transition:all .3s ease;animation:synergySlideIn .4s ease-out backwards}.synergy-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--synergy-color, rgba(100, 170, 255, .1)),transparent);opacity:.15;pointer-events:none}.synergy-item.active{box-shadow:0 0 20px rgba(var(--synergy-rgb, 100, 170, 255),.3),inset 0 0 30px rgba(var(--synergy-rgb, 100, 170, 255),.1);animation:synergyPulse 2s ease-in-out infinite}@keyframes synergySlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes synergyPulse{0%,to{box-shadow:0 0 15px rgba(var(--synergy-rgb, 100, 170, 255),.2),inset 0 0 20px rgba(var(--synergy-rgb, 100, 170, 255),.05)}50%{box-shadow:0 0 25px rgba(var(--synergy-rgb, 100, 170, 255),.4),inset 0 0 30px rgba(var(--synergy-rgb, 100, 170, 255),.15)}}.synergy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.synergy-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--synergy-color, #4af),rgba(var(--synergy-rgb, 100, 170, 255),.5));font-size:1rem;margin-right:10px;box-shadow:0 2px 8px #0000004d}.synergy-name-row{display:flex;align-items:center}.synergy-name{color:#fff;font-weight:700;font-size:.95rem;text-shadow:0 1px 4px rgba(0,0,0,.5)}.synergy-tier{display:flex;gap:4px;margin-left:10px}.tier-dot{width:8px;height:8px;border-radius:50%;background:#6464964d;border:1px solid rgba(150,150,200,.3);transition:all .3s ease}.tier-dot.filled{background:var(--synergy-color, #4af);box-shadow:0 0 8px var(--synergy-color, #4af);border-color:#ffffff4d}.synergy-count{color:#c8c8dccc;font-size:.75rem;background:#3c3c5a99;padding:3px 8px;border-radius:4px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.synergy-desc{color:#b4b4c8e6;font-size:.8rem;margin:0 0 10px;line-height:1.5}.synergy-bonuses{display:flex;flex-wrap:wrap;gap:6px}.bonus-tag{font-size:.75rem;padding:4px 10px;border-radius:6px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.bonus-tag.positive{background:linear-gradient(135deg,#32b45066,#1e783266);color:#8f8;border:1px solid rgba(100,255,130,.2);text-shadow:0 0 8px rgba(100,255,130,.4)}.bonus-tag.negative{background:linear-gradient(135deg,#b4323c66,#781e2866);color:#f88;border:1px solid rgba(255,100,120,.2);text-shadow:0 0 8px rgba(255,100,120,.4)}.synergy-badge{background:linear-gradient(135deg,#5064b4cc,#6450a0cc);color:#fff;font-size:.75rem;padding:6px 12px;border-radius:6px;font-weight:600;border:1px solid rgba(150,150,255,.2);box-shadow:0 2px 8px #0000004d;transition:all .2s ease;display:flex;align-items:center;gap:6px;cursor:default}.synergy-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6478c866}.synergy-badge.active{animation:badgeGlow 1.5s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 2px 8px #6478c866}50%{box-shadow:0 4px 16px #6478c8b3}}.badge-icon{font-size:.9rem}.badge-tier{display:flex;gap:2px;margin-left:4px}.badge-tier-dot{width:5px;height:5px;border-radius:50%;background:#ffffff4d}.badge-tier-dot.filled{background:#fff;box-shadow:0 0 4px #fffc}.synergy-item[data-type=faction],.synergy-badge[data-type=faction]{--synergy-color: #f4a;--synergy-rgb: 255, 68, 170}.synergy-item[data-type=element],.synergy-badge[data-type=element]{--synergy-color: #4af;--synergy-rgb: 68, 170, 255}.synergy-item[data-type=class],.synergy-badge[data-type=class]{--synergy-color: #fa4;--synergy-rgb: 255, 170, 68}.synergy-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#140f23fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;padding:12px 16px;min-width:200px;border:1px solid rgba(100,100,200,.3);box-shadow:0 8px 24px #00000080;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;pointer-events:none}.synergy-badge:hover .synergy-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-12px)}.tooltip-title{color:#fff;font-weight:700;font-size:.9rem;margin-bottom:6px}.tooltip-desc{color:#b4b4c8e6;font-size:.8rem;line-height:1.4}.team-preset-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.team-preset-panel{width:100%;max-width:380px;max-height:85vh;background:linear-gradient(165deg,#1e143cfa,#0a0a1efa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(100,120,200,.2);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080,0 0 40px #44aaff1a,inset 0 1px #ffffff0d;animation:panelSlideUp .4s cubic-bezier(.2,.8,.2,1)}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.preset-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(180deg,#3c32644d,#1e193c33);border-bottom:1px solid rgba(100,120,200,.15);position:relative}.preset-header:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(68,170,255,.3),transparent)}.preset-title{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.preset-title .icon{width:24px;height:24px;color:#4af;filter:drop-shadow(0 0 6px rgba(68,170,255,.5))}.preset-header .close-btn{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preset-header .close-btn:hover{background:#ff646426;border-color:#ff64644d}.preset-header .close-btn:active{transform:scale(.92)}.preset-header .close-btn .icon{width:18px;height:18px;color:#fff9;transition:color .2s ease}.preset-header .close-btn:hover .icon{color:#ff6b6b}.preset-content{flex:1;overflow-y:auto;padding:20px}.preset-content::-webkit-scrollbar{width:4px}.preset-content::-webkit-scrollbar-track{background:transparent}.preset-content::-webkit-scrollbar-thumb{background:#6478c84d;border-radius:4px}.current-team-info{display:flex;flex-direction:column;gap:6px;padding:16px;background:linear-gradient(135deg,#44aaff1a,#44aaff08);border:1px solid rgba(68,170,255,.2);border-radius:14px;margin-bottom:20px;position:relative;overflow:hidden}.current-team-info:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#4af,transparent)}.current-team-info .info-label{font-size:.75rem;color:#4af;text-transform:uppercase;letter-spacing:1px;font-weight:600}.current-team-info .info-value{font-size:.9rem;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.preset-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.preset-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;background:linear-gradient(135deg,#32325a66,#1e1e3c66);border-radius:14px;border:1px solid rgba(100,120,200,.15);transition:all .2s ease;animation:presetSlideIn .4s ease-out backwards}.preset-item:nth-child(1){animation-delay:.05s}.preset-item:nth-child(2){animation-delay:.1s}.preset-item:nth-child(3){animation-delay:.15s}.preset-item:nth-child(4){animation-delay:.2s}.preset-item:nth-child(5){animation-delay:.25s}@keyframes presetSlideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.preset-item:hover{background:linear-gradient(135deg,#3c3c6480,#28284680);border-color:#6478c840;box-shadow:0 4px 16px #0003}.preset-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.preset-name{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}.preset-characters{font-size:.75rem;color:#b4b4c8cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.preset-count{font-size:.7rem;color:#4af;font-weight:600;background:#44aaff1a;padding:2px 8px;border-radius:10px;display:inline-block;width:fit-content}.edit-name-row{display:flex;align-items:center;gap:10px;width:100%}.edit-name-row input{flex:1;padding:10px 14px;background:#0000004d;border:1px solid rgba(68,170,255,.4);border-radius:10px;color:#fff;font-size:.95rem;outline:none;transition:all .2s ease}.edit-name-row input:focus{border-color:#4af;box-shadow:0 0 12px #4af3}.confirm-edit-btn{width:36px;height:36px;background:linear-gradient(135deg,#00d68f,#00a86b);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00a86b4d}.confirm-edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00a86b66}.confirm-edit-btn:active{transform:scale(.95)}.confirm-edit-btn .icon{width:18px;height:18px;color:#fff}.preset-actions{display:flex;gap:8px}.action-btn{width:38px;height:38px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.action-btn:active{transform:scale(.9)}.action-btn .icon{width:18px;height:18px;transition:transform .2s ease}.action-btn:hover .icon{transform:scale(1.1)}.action-btn.edit{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff9}.action-btn.edit:hover{background:#ffffff1f;color:#fff}.action-btn.delete{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.2);color:#ff6b6b}.action-btn.delete:hover{background:#ff6b6b33;box-shadow:0 0 12px #ff6b6b33}.action-btn.load{background:linear-gradient(135deg,#4af,#0984e3);color:#fff;box-shadow:0 4px 12px #44aaff4d}.action-btn.load:hover{box-shadow:0 6px 16px #4af6;transform:translateY(-2px)}.action-btn.load:active{transform:scale(.92)}.preset-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:50px 20px;text-align:center}.preset-content .empty-state .icon{width:56px;height:56px;color:#6478c84d;animation:emptyPulse 3s ease-in-out infinite}@keyframes emptyPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.preset-content .empty-state p{color:#96a0c899;font-size:.9rem;margin:0;font-style:italic}.save-new-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:linear-gradient(135deg,#00d68f1f,#00a86b14);border:1px solid rgba(0,214,143,.3);border-radius:14px;color:#00d68f;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.save-new-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,214,143,.1),transparent);transition:left .5s ease}.save-new-btn:hover:before{left:100%}.save-new-btn:hover{background:linear-gradient(135deg,#00d68f33,#00a86b1f);border-color:#00d68f80;box-shadow:0 4px 20px #00d68f33;transform:translateY(-2px)}.save-new-btn:active{transform:scale(.98)}.save-new-btn .icon{width:20px;height:20px;filter:drop-shadow(0 0 4px rgba(0,214,143,.5))}.save-new-btn .preset-count-badge{font-size:.75rem;color:#96a0c899;margin-left:6px;font-weight:500}.save-new-btn:disabled{background:#3232504d;border-color:#64649633;color:#7882a080;cursor:not-allowed;box-shadow:none;transform:none}.save-new-btn:disabled:before{display:none}.save-mode{display:flex;flex-direction:column;gap:20px;animation:saveModeIn .3s ease-out}@keyframes saveModeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.save-description{font-size:.9rem;color:#b4b4c8cc;margin:0;text-align:center;line-height:1.5}.save-team-preview{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:20px;background:linear-gradient(135deg,#32325a4d,#1e1e3c4d);border-radius:16px;border:1px solid rgba(100,120,200,.15)}.preview-char{display:flex;flex-direction:column;align-items:center;gap:8px;animation:charPopIn .4s cubic-bezier(.2,.8,.2,1) backwards}.preview-char:nth-child(1){animation-delay:0s}.preview-char:nth-child(2){animation-delay:.05s}.preview-char:nth-child(3){animation-delay:.1s}.preview-char:nth-child(4){animation-delay:.15s}.preview-char:nth-child(5){animation-delay:.2s}.preview-char:nth-child(6){animation-delay:.25s}@keyframes charPopIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.preview-char .char-avatar{width:54px;height:54px;background:linear-gradient(135deg,#44aaff40,#6478c826);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;border:2px solid rgba(68,170,255,.3);box-shadow:0 4px 12px #0000004d,0 0 20px #44aaff26;transition:all .2s ease}.preview-char .char-avatar:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006,0 0 25px #44aaff40}.preview-char .char-name{font-size:.75rem;color:#c8c8dccc;max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.save-form{position:relative}.save-form label{display:block;font-size:.85rem;color:#96a0c8cc;margin-bottom:10px;font-weight:500}.save-form input{width:100%;padding:14px 55px 14px 16px;background:#0000004d;border:1px solid rgba(100,120,200,.25);border-radius:12px;color:#fff;font-size:.95rem;outline:none;box-sizing:border-box;transition:all .2s ease}.save-form input::placeholder{color:#7882a080}.save-form input:focus{border-color:#44aaff80;box-shadow:0 0 16px #44aaff26}.save-form .char-count{position:absolute;right:14px;bottom:14px;font-size:.75rem;color:#7882a080;font-weight:500;font-variant-numeric:tabular-nums}.save-actions{display:flex;gap:12px}.save-actions .cancel-btn{flex:1;padding:14px;background:#5050784d;border:1px solid rgba(100,100,150,.3);border-radius:12px;color:#c8c8dccc;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.save-actions .cancel-btn:hover{background:#50507866;border-color:#7878aa66}.save-actions .cancel-btn:active{transform:scale(.98)}.save-actions .confirm-btn{flex:1;padding:14px;background:linear-gradient(135deg,#4af,#0984e3);border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #44aaff4d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.save-actions .confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4af6}.save-actions .confirm-btn:active{transform:scale(.98)}.save-actions .confirm-btn:disabled{background:#5050784d;color:#7882a080;cursor:not-allowed;box-shadow:none;transform:none}:root{--glass-bg: rgba(16, 18, 27, .85);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .5);--primary-color: #4facfe;--accent-color: #00f2fe;--danger-color: #ff5858;--success-color: #00d2ff;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}.deployment-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none;z-index:10;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#fff}.deployment-screen *{pointer-events:auto}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:var(--glass-shadow)}.glass-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#eee;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.glass-button:active{background:#ffffff1a;transform:scale(.96)}.deployment-top-bar{padding:calc(10px + var(--safe-area-top)) 16px 12px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin:0 10px;display:flex;flex-direction:column;gap:12px}.deployment-header{display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:12px}.header-title h2{margin:0;font-size:1.2rem;font-weight:700;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.deploy-count{font-family:Courier New,monospace;font-weight:700;background:#0006;padding:4px 10px;border-radius:12px;font-size:.9rem;display:flex;align-items:center;gap:4px}.deploy-count .current{color:var(--success-color)}.deploy-count .divider{color:#555}.deploy-count .max{color:#888}.preset-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:.85rem;cursor:pointer}.preset-toggle-btn .icon{width:16px;height:16px}.deployment-main-area{flex:1;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.placement-hint{pointer-events:none;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:12px 24px;border-radius:30px;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.2);animation:floatHint 2s infinite ease-in-out}.hint-animate{font-size:1.5rem;animation:bounce 1s infinite}.placement-hint p{margin:0;font-size:.9rem;color:#ddd}.placement-hint strong{color:var(--success-color)}@keyframes floatHint{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.deployment-drawer{margin:0 10px calc(10px + var(--safe-area-bottom));border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;max-height:220px}.drawer-header{display:flex;justify-content:space-between;align-items:center}.drawer-header h3{margin:0;font-size:.9rem;color:#aaa;text-transform:uppercase;letter-spacing:1px}.character-scroll-container{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none}.character-scroll-container::-webkit-scrollbar{display:none}.deploy-char-card{position:relative;flex:0 0 70px;height:100px;border-radius:12px;background:#1e1e2899;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);border:1px solid transparent;overflow:hidden}.deploy-char-card.selected{transform:translateY(-8px);box-shadow:0 10px 20px #00000080;border-color:var(--grade-color)}.deploy-char-card.deployed{opacity:.5;filter:grayscale(.8)}.char-card-inner{display:flex;flex-direction:column;height:100%;align-items:center}.char-grade-stripe{width:100%;height:3px;box-shadow:0 0 8px var(--grade-color)}.char-portrait{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.char-initial{font-size:1.5rem;font-weight:800;color:#ffffff26}.char-info{width:100%;padding:6px 4px;background:#0006;display:flex;flex-direction:column;align-items:center}.char-name{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;font-weight:600}.char-role{font-size:.55rem;color:#888}.deployed-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.start-battle-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:20px;border:none;background:linear-gradient(135deg,#1d976c,#93f9b9);color:#031;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 4px 15px #1d976c66;transition:all .2s ease}.start-battle-btn:active{transform:scale(.95)}.start-battle-btn.disabled{background:#333;color:#666;box-shadow:none;cursor:not-allowed}.start-battle-btn .icon{width:18px;height:18px}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}:root{--hp-high: #4cd964;--hp-mid: #ffcc00;--hp-low: #ff3b30;--hud-glass: rgba(20, 20, 35, .75);--hud-border: 1px solid rgba(255, 255, 255, .15)}.battle-hud-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden;font-family:-apple-system,sans-serif}.battle-hud-container *{pointer-events:auto}.glass-pill{background:var(--hud-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--hud-border);border-radius:20px;padding:6px 14px;color:#fff;box-shadow:0 4px 10px #0000004d}.glass-btn-circle{width:44px;height:44px;border-radius:50%;background:var(--hud-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--hud-border);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0000004d}.glass-btn-circle:active{transform:scale(.9);background:#fff3}.glass-panel{background:var(--hud-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--hud-border);border-radius:12px}.hud-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px}.wave-badge{display:flex;flex-direction:column;align-items:center;line-height:1;padding:8px 16px;background:linear-gradient(180deg,#282832e6,#14141ee6)}.wave-badge .label{font-size:.65rem;color:#aaa;font-weight:700;letter-spacing:1px}.wave-badge .value{font-size:1.2rem;font-weight:800;color:#fff}.pause-toggle.paused{background:#ffc800cc;color:#000;animation:pulse 2s infinite}.mini-log{position:absolute;top:80px;left:16px;max-width:200px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.mini-log-entry{font-size:.75rem;color:#ffffffe6;background:#00000080;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:6px;text-shadow:1px 1px 2px black;animation:fadeIn .3s ease}.log-icon{font-size:.8rem}.actor{color:#8cf;font-weight:600}.target{color:#faa}.dmg{color:#f55;font-weight:700;margin-left:4px}.heal{color:#5f5;font-weight:700;margin-left:4px}.hud-footer{display:flex;align-items:flex-end;gap:12px;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.unit-frames-scroll{flex:1;display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.unit-frames-scroll::-webkit-scrollbar{display:none}.unit-frame{position:relative;flex-shrink:0;width:70px;height:90px;display:flex;flex-direction:column;align-items:center;padding:8px 4px;gap:6px;transition:transform .2s ease}.unit-frame.active-turn{transform:translateY(-8px);border-color:gold;box-shadow:0 0 15px #ffd7004d}.unit-frame.dead{filter:grayscale(1);opacity:.6}.frame-portrait{width:44px;height:44px;border-radius:50%;background:#333;display:flex;align-items:center;justify-content:center;font-weight:700;color:#666;border:2px solid rgba(255,255,255,.1)}.active-turn .frame-portrait{border-color:gold}.frame-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}.frame-hp-track{width:100%;height:4px;background:#00000080;border-radius:2px;overflow:hidden}.frame-hp-fill{height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.frame-hp-text{font-size:.6rem;color:#ddd}.turn-indicator{position:absolute;top:-8px;background:gold;color:#000;font-size:.55rem;font-weight:800;padding:2px 6px;border-radius:4px;animation:bounce 1s infinite}.hud-controls{display:flex;flex-direction:column;gap:10px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.battle-result-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;animation:fadeIn .4s ease-out}.victory-theme{background:radial-gradient(circle at center,#1e3250e6,#0a0a0ff2)}.defeat-theme{background:radial-gradient(circle at center,#321414e6,#0f0a0af2)}.result-card{width:100%;max-width:360px;background:#19192399;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #ffffff0d;border-radius:24px;padding:30px 24px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1)}.victory-theme .result-card{border-top:1px solid rgba(255,215,0,.3);box-shadow:0 0 30px #ffd70026}.defeat-theme .result-card{border-top:1px solid rgba(255,80,80,.3)}.result-header{text-align:center;margin-bottom:20px;width:100%}.result-title{margin:0;font-size:2.5rem;font-weight:900;letter-spacing:2px;font-style:italic;text-transform:uppercase}.text-victory{background:linear-gradient(to bottom,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px rgba(255,215,0,.4))}.text-defeat{color:#ddd;text-shadow:0 4px 10px rgba(0,0,0,.5)}.result-divider{width:40px;height:4px;background:#fff3;margin:10px auto 0;border-radius:2px}.result-content{width:100%;display:flex;flex-direction:column;align-items:center}.grade-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000004d;border:4px solid currentColor;margin-bottom:16px;box-shadow:0 0 20px currentColor;animation:popIn .6s cubic-bezier(.175,.885,.32,1.275) .3s backwards}.grade-S{color:gold}.grade-A{color:#baf}.grade-B{color:#5af}.grade-C{color:#5f5}.grade-D{color:#888}.grade-text{font-size:3rem;font-weight:800;color:#fff}.star-row{display:flex;gap:8px;margin-bottom:24px}.star-wrapper{color:#444;width:24px;height:24px;animation:popIn .4s backwards}.star-wrapper .filled{color:gold;filter:drop-shadow(0 0 5px rgba(255,215,0,.6))}.result-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:12px;margin-bottom:24px}.stat-box{background:#ffffff0d;border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:.6rem;color:#888;font-weight:700;letter-spacing:.5px}.stat-value{font-size:1rem;color:#eee;font-weight:600}.rewards-section{width:100%;text-align:left}.section-label{font-size:.7rem;color:#666;margin:0 0 8px 4px;font-weight:700}.rewards-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.rewards-scroll::-webkit-scrollbar{display:none}.reward-chip{flex-shrink:0;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px 12px;display:flex;align-items:center;gap:8px}.chip-icon{width:28px;height:28px;background:#333;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.reward-chip.gold .chip-icon{background:gold;color:#333}.reward-chip.exp .chip-icon{background:#5af;color:#fff}.reward-chip.item .chip-icon{background:#a5a;color:#fff}.chip-val{color:#ddd;font-size:.9rem;font-weight:600}.result-actions{display:flex;gap:16px;width:100%;margin-top:20px}.action-btn{border:none;cursor:pointer;border-radius:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:active{transform:scale(.96)}.retry{width:56px;height:56px;background:#ffffff1a;color:#aaa}.retry:hover{background:#ffffff26;color:#fff}.next{flex:1;height:56px;background:linear-gradient(135deg,gold,#fa0);color:#310;font-size:1.1rem;gap:8px;box-shadow:0 4px 15px #fa06}.next svg{width:24px;height:24px}.defeat-hint{margin-bottom:20px;color:#888;font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.app-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#1a1a2e;overflow:hidden}.game-canvas{flex:1;display:flex;align-items:flex-start;justify-content:center;padding-top:calc(var(--safe-area-top) + 60px);overflow:hidden}.game-canvas canvas{max-width:100%;height:auto!important}.hud{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;display:flex;flex-direction:column}.hud-top{flex-shrink:0;padding:calc(var(--safe-area-top) + 8px) 16px 8px;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);display:flex;justify-content:space-between;align-items:center}.game-title{display:none}.stage-info{display:flex;align-items:center;gap:8px}.stage-name{color:gold;font-size:1rem;font-weight:600}.phase-indicator{background:#1e1e32e6;color:#4af;padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:500}.hud-content{flex:1;pointer-events:none}.hud-bottom{flex-shrink:0;padding:12px 12px calc(var(--safe-area-bottom) + 12px);background:linear-gradient(0deg,#000000e6,#000000b3);pointer-events:auto}.back-btn{background:#323246cc;border:none;color:#fff;width:36px;height:36px;border-radius:10px;font-size:1.2rem;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.back-btn:active{transform:scale(.95);background:#505064e6}.placeholder-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;padding:20px}.placeholder-screen h2{font-size:1.5rem;color:#4af;margin:0}.placeholder-screen p{color:#888;margin:0}.placeholder-screen button{margin-top:20px;padding:12px 32px;background:linear-gradient(180deg,#4a8,#286);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.game-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-canvas canvas{display:block;border-radius:8px}