:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.4;font-weight:400;color:#0c0c0d;background-color:#f2f3f7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-synthesis:none}body{margin:0;min-height:100vh;background:#f2f3f7}button,input,textarea{font:inherit}html{scroll-behavior:smooth}:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.4;font-weight:400;color:#0c0c0d;background-color:#f2f3f7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-synthesis:none}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f2f3f7;touch-action:pan-x pan-y;overscroll-behavior:none}#root{min-height:100vh}button,input,textarea{font:inherit;touch-action:manipulation}input[type=text],input[type=number],textarea{font-size:16px!important}.app-shell{min-height:100vh;background:#050505;color:#0c0c0d;padding:2rem clamp(1rem,3vw,3.5rem);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center top;filter:saturate(1.05);z-index:0}.content-layer{position:relative;z-index:1;transition:filter .3s ease,transform .3s ease}.overlay{position:fixed;inset:0;background:#050508c7;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;padding:1rem}.onboarding-card,.loading-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:2rem;box-shadow:0 30px 80px #00000040;display:flex;flex-direction:column;gap:1.5rem;max-height:90vh;overflow-y:auto}.onboarding-form{display:flex;flex-direction:column;gap:1.5rem}.onboarding-form-section{display:flex;flex-direction:column;gap:.75rem}.onboarding-label{font-size:.9rem;color:#111214;text-transform:uppercase;letter-spacing:.1em;font-weight:500;margin:0}.step-indicator{display:flex;gap:.4rem;justify-content:center}.indicator-dot{width:28px;height:4px;border-radius:999px;background:#e0e0e4;transition:background .2s ease}.indicator-dot.filled{background:#111214}.step-title{margin:0;font-size:1.35rem;line-height:1.3;font-weight:500}.text-input{padding:.95rem 1.1rem;font-size:1rem;border-radius:16px;border:1px solid #d6d8df;background:#f7f7f9;color:#111214}.text-input:focus{outline:2px solid #111214;background:#fff}.primary-btn{border:none;border-radius:16px;padding:.85rem 1.2rem;font-size:1rem;font-weight:600;background:#111214;color:#fff;transition:opacity .2s ease,transform .2s ease}.primary-btn:disabled{opacity:.4;pointer-events:none}.primary-btn:hover{transform:translateY(-1px)}.choice-row{display:flex;gap:.8rem}.choice-btn{flex:1;border-radius:16px;border:1px solid #d6d8df;padding:.9rem;font-size:1rem;font-weight:500;background:#f7f7f9;cursor:pointer;transition:all .2s ease}.choice-btn.active,.choice-btn:hover{border-color:#111214;background:#111214;color:#fff}.year-scroller{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#f7f7f9;border-radius:20px;padding:.5rem .75rem;border:1px solid #d6d8df;-webkit-user-select:none;user-select:none}.year-display{flex:1;display:flex;justify-content:center;align-items:baseline;font-size:2.5rem;letter-spacing:.1rem}.year-prefix{color:#a6a8b4}.year-suffix{color:#111214;font-weight:600}.wheel-control{border:none;background:#fff;border-radius:16px;width:48px;height:56px;font-size:1.5rem;font-weight:600;color:#111214;cursor:pointer;box-shadow:inset 0 0 0 1px #d6d8df;transition:background .2s ease}.wheel-control:hover{background:#efeff2}.loading-card{align-items:center;text-align:center}.mesh-loader{display:flex;gap:.35rem}.mesh-loader span{width:14px;height:14px;border-radius:50%;background:#111214;animation:pulse .7s ease-in-out infinite alternate}.mesh-loader span:nth-child(2){animation-delay:.15s}.mesh-loader span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%{transform:translateY(0);opacity:.4}to{transform:translateY(-6px);opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem}.level-indicator{border:none;background:transparent;color:#fff;display:flex;align-items:center;gap:.9rem;cursor:pointer;padding:.2rem .4rem;border-radius:999px;transition:transform .2s ease}.level-ring{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(from -90deg,rgba(91,134,255,.9) var(--level-progress,0),rgba(255,255,255,.08) 0);padding:4px;box-shadow:0 0 25px #577dff66}.level-core{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;background:#080a10e6;border:1px solid rgba(255,255,255,.15)}.level-tag{text-transform:uppercase;letter-spacing:.4em;font-size:.7rem;color:#7a82ff}.profile-stack{display:flex;align-items:center;gap:.85rem}.dashboard{display:flex;flex-direction:column;gap:2rem}.detail-panel{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,.5fr);gap:20px;padding:1.2rem 1.4rem;border-radius:28px;background:#181818;color:#fefefe;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 65px #0009;margin-bottom:1.5rem;align-items:stretch}.detail-image{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;max-height:320px;aspect-ratio:3 / 4}.detail-image img{width:100%;height:100%;object-fit:cover;display:block}.detail-placeholder{border-radius:28px;border:1px dashed rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.9rem;gap:.4rem;color:#cfcfcf;min-height:180px;text-align:center}.placeholder-core{width:72px;height:72px;border-radius:50%;border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:600;letter-spacing:.1em}.detail-meta h2{margin:.1rem 0 .6rem;font-size:2rem}.detail-meta p{margin:0;color:#dcdcdc;line-height:1.5;max-width:360px}.detail-meta{display:flex;flex-direction:column;justify-content:center;gap:.4rem}.content-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1.5rem;align-items:start}.stats-panel{display:flex;flex-direction:column;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.last-found{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:24px;padding:1.2rem 1.4rem;border:1px solid rgba(255,255,255,.12);background:#05060c99;box-shadow:inset 0 0 25px #00000059}.last-found-name{margin:.2rem 0;font-size:1.2rem;color:#fff}.last-found-desc{margin:0;color:#d0d0d0;font-size:.95rem}.last-found-thumb{flex:0 0 80px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:#ffffff0d}.last-found-thumb img{width:100%;height:100%;object-fit:cover;display:block}.stat-card{background:#05060ca6;border-radius:24px;padding:.95rem 1.1rem;border:1px solid rgba(255,255,255,.08);color:#f7f7f9;display:flex;flex-direction:column;gap:.3rem;box-shadow:inset 0 0 25px #00000059}.stat-label{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#c8c8c8}.stat-value{font-size:2rem;font-weight:600;line-height:1}.status-panel{background:#fff;border-radius:28px;padding:2rem;box-shadow:0 25px 60px #0f111514}.muted{color:#8b8f9c;margin:0}.count{margin:.2rem 0 1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:700}.progress-bar{width:100%;height:8px;border-radius:999px;background:#ededf2;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#111214,#3d3f45)}.meta-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;font-size:.9rem}.tag{padding:.35rem .85rem;border-radius:999px;background:#f5f6fa;color:#111214;font-weight:500}.inventory-panel{background:#1e1e1e;color:#f4f4f4;border-radius:32px;padding:2.2rem;box-shadow:0 25px 70px #00000073;border:1px solid rgba(255,255,255,.06)}.inventory-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.inventory-head h2{margin:0;font-size:1.4rem;color:#fff}.inventory-head .muted{color:#b3b3b3}.inventory-section{margin-bottom:2rem}.inventory-section:last-child{margin-bottom:0}.inventory-section-title{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.1em;text-align:center}.inventory-section-divider{margin:0 0 1rem;padding:0 2rem}.inventory-section-divider-line{height:1px;background:#666}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.card-tile{border-radius:18px;padding:0;border:none;min-height:150px;display:block;transition:transform .2s ease,box-shadow .2s ease;position:relative;cursor:pointer}.card-tile.unlocked{box-shadow:0 12px 28px #00000059}.card-tile.locked{opacity:1}.card-image-frame{border-radius:18px;overflow:hidden;aspect-ratio:3 / 4;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.card-tile.locked .card-image{filter:grayscale(1) brightness(.6)}html,body{height:100%;overflow:hidden;overscroll-behavior:none}#root,.app-shell{min-height:100vh;max-height:100vh;overflow:hidden}.content-layer{position:absolute;inset:0;z-index:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:2rem clamp(1rem,3vw,3.5rem);transition:filter .3s ease,transform .3s ease}.card-empty-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:600;color:#fff;background:#ffffff0d;border:1px dashed rgba(255,255,255,.4);min-height:150px;border-radius:18px}.card-not-found-text{margin:.5rem 0 0;text-align:center;color:#888;font-size:.85rem;font-weight:500}.card-tile header{display:flex;flex-direction:column;gap:.2rem}.rarity{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:inherit}.card-name{font-size:1.1rem;font-weight:600}.card-description{margin:0;font-size:.95rem;line-height:1.4}.toast{position:fixed;top:1.5rem;left:1.5rem;background:#111214e6;color:#fff;padding:.85rem 1.4rem;border-radius:999px;font-weight:500;box-shadow:0 15px 40px #0006;z-index:10}@media(max-width:720px){.app-shell,.status-panel,.inventory-panel{padding:1.5rem}.choice-row{flex-direction:column}.detail-panel,.stats-grid{grid-template-columns:1fr}}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-panel{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.status-panel{display:flex;flex-direction:column;gap:1.2rem}.status-card-detail{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.status-card-art{flex:0 0 180px;border-radius:24px;overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#111214}.status-card-art img{display:block;width:100%;height:100%;object-fit:cover}.status-card-info{flex:1;min-width:220px}.status-card-info h3{margin:.3rem 0 .4rem;font-size:clamp(1.8rem,3vw,2.4rem);color:#111214}.status-card-rarity{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#7a7c87;font-weight:600}.status-card-description{margin:.4rem 0 0;color:#3a3d46;line-height:1.5}.status-card-drop{margin:1rem 0 0;color:#565965;font-size:.95rem;font-weight:600}.status-card-drop span{color:#111214}.hero-strip{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1.5rem;align-items:stretch;margin-bottom:1.5rem}.battle-pass{background:linear-gradient(135deg,#402eff8c,#ff53c259);border-radius:28px;padding:1.8rem;box-shadow:0 30px 65px #050014a6;border:1px solid rgba(255,255,255,.2);color:#fff;position:relative;overflow:hidden}.battle-pass:after{content:"";position:absolute;inset:8px;border-radius:22px;border:1px solid rgba(255,255,255,.18);pointer-events:none}.battle-pass-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.battle-pass-label{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:#e3dcff}.battle-pass-head h2{margin:.2rem 0 0;font-size:2rem;color:#fff}.battle-pass-progress{font-weight:600;font-size:1rem;background:#00000059;padding:.45rem 1rem;border-radius:999px;color:#fff}.battle-pass-track-wrapper{--bp-stage-width:150px;--bp-stage-gap:2.1rem;display:flex;flex-direction:column;gap:.25rem;overflow-x:auto;padding-bottom:.6rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.battle-pass-track-wrapper::-webkit-scrollbar{display:none}.battle-pass-track{display:flex;align-items:flex-end;gap:var(--bp-stage-gap);padding:0 1rem;margin:0 -1rem;position:relative;z-index:1;min-width:max-content}.battle-pass-track:before{display:none}.battle-pass-track:after{display:none}.battle-pass-track::-webkit-scrollbar{display:none}.battle-pass-dot-row{--dot-line-offset:7px;--dot-size:16px;--dot-stack-offset:calc(var(--dot-line-offset) + 30px);--bp-fill-ratio:1;position:relative;display:flex;gap:var(--bp-stage-gap);padding:var(--dot-stack-offset) 1rem 0;margin:0 -1rem;z-index:1;min-width:max-content}.battle-pass-dot-row:before{content:"";position:absolute;left:calc(1rem + var(--bp-stage-width)/2);right:calc(1rem + var(--bp-stage-width)/2);top:var(--dot-line-offset);height:4px;border-radius:999px;background:#ffffff40;box-shadow:0 0 18px #0006;pointer-events:none;z-index:0}.battle-pass-dot-row:after{content:"";position:absolute;left:calc(1rem + var(--bp-stage-width)/2);right:calc(1rem + var(--bp-stage-width)/2 + (var(--dot-size) * .75));top:var(--dot-line-offset);height:4px;border-radius:999px;background:linear-gradient(90deg,#ff71ce,#47d9ff 45%,#a95bff);box-shadow:0 0 26px #ff71ce8c,0 0 32px #47d9ff73;pointer-events:none;transform-origin:left center;transform:scaleX(var(--bp-fill-ratio));z-index:0}.bp-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:.45rem;width:var(--bp-stage-width);flex:0 0 var(--bp-stage-width);padding-bottom:1.4rem;z-index:1}.bp-dot-stack{flex:0 0 var(--bp-stage-width);width:var(--bp-stage-width);position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:var(--dot-stack-offset);pointer-events:none;z-index:1}.bp-dot{position:absolute;top:calc(var(--dot-line-offset) - var(--dot-stack-offset) + 1px);left:50%;transform:translate(-50%,-50%);width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:radial-gradient(circle at center,#fff,#ffb3ff);box-shadow:0 0 12px #ff8cebe6;border:2px solid rgba(255,255,255,.55);z-index:1}.bp-dot.is-legend{background:radial-gradient(circle at center,#fff,#ffe680);box-shadow:0 0 12px #ffd65ccc}.bp-dot-connector{display:none}.bp-stage-legend:after{background:radial-gradient(circle at center,#fff,#ffe680);box-shadow:0 0 18px #ffe18ce6,0 0 28px #ffd65c99}.bp-stage:hover:before,.bp-stage:hover:after{opacity:0}.bp-card-slot{width:150px;height:210px;border-radius:28px;background:linear-gradient(165deg,#633effe6,#ff71ced9);border:1px solid rgba(255,255,255,.25);box-shadow:0 26px 60px #32008a8c;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;padding:0}.bp-card-slot img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.bp-card-slot-empty{background:#ffffff0d;border:1px dashed rgba(255,255,255,.4);box-shadow:none;width:120px;height:168px}.bp-card-slot-empty.bp-card-slot-legend{width:150px;height:210px}.bp-card-slot-legend{background:linear-gradient(135deg,#ffc960,#fff8d3);box-shadow:0 24px 58px #ffd1668c;border-color:#ffffffa6}.bp-card-slot-empty.bp-card-slot-legend{background:#ffc9601a;border:1px dashed rgba(255,255,255,.6);box-shadow:0 24px 58px #ffd1668c}.bp-card-slot:disabled{cursor:default;opacity:1}.bp-stage-filled .bp-card-slot:not(:disabled):hover{transform:translateY(-6px);box-shadow:0 28px 60px #4606ba99}.bp-stage-active{position:relative;overflow:visible}.bp-stage-active .bp-card-slot{box-shadow:0 32px 70px #ff71cea6;position:relative}.bp-particles{position:absolute;left:0;top:0;width:150px;height:210px;pointer-events:none;z-index:10}.bp-particle{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none}.bp-particle-1{left:0;top:0;background:radial-gradient(circle,#fff,#8a2be2e6);box-shadow:0 0 8px #ff71ce,0 0 16px #8a2be2cc;animation:particle1 2s ease-out infinite}.bp-particle-2{left:50%;top:0;transform:translate(-50%);background:radial-gradient(circle,#fff,#8a2be2e6);box-shadow:0 0 8px #ff71ce,0 0 16px #8a2be2cc;animation:particle2 2s ease-out infinite;animation-delay:.1s}.bp-particle-3{right:0;top:0;background:radial-gradient(circle,#fff,#8a2be2e6);box-shadow:0 0 8px #ff71ce,0 0 16px #8a2be2cc;animation:particle3 2s ease-out infinite;animation-delay:.2s}.bp-particle-4{right:0;top:50%;transform:translateY(-50%);background:radial-gradient(circle,#fff,#8a2be2e6);box-shadow:0 0 8px #ff71ce,0 0 16px #8a2be2cc;animation:particle4 2s ease-out infinite;animation-delay:.3s}.bp-particle-5{right:0;bottom:0;background:radial-gradient(circle,#fff,#8a2be2e6);box-shadow:0 0 8px #ff71ce,0 0 16px #8a2be2cc;animation:particle5 2s ease-out infinite;animation-delay:.4s}.bp-particle-6{left:50%;bottom:0;transform:translate(-50%);background:radial-gradient(circle,#fff,#8a2be2e6);box-shadow:0 0 8px #ff71ce,0 0 16px #8a2be2cc;animation:particle6 2s ease-out infinite;animation-delay:.5s}.bp-particle-7{left:0;bottom:0;background:radial-gradient(circle,#fff,#8a2be2e6);box-shadow:0 0 8px #ff71ce,0 0 16px #8a2be2cc;animation:particle7 2s ease-out infinite;animation-delay:.6s}.bp-particle-8{left:0;top:50%;transform:translateY(-50%);background:radial-gradient(circle,#fff,#8a2be2e6);box-shadow:0 0 8px #ff71ce,0 0 16px #8a2be2cc;animation:particle8 2s ease-out infinite;animation-delay:.7s}@keyframes particle1{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(-40px,-50px) scale(0);opacity:0}}@keyframes particle2{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) translateY(-60px) scale(0);opacity:0}}@keyframes particle3{0%{transform:translate(50%,-50%) scale(1);opacity:1}to{transform:translate(50%,-50%) translate(40px,-50px) scale(0);opacity:0}}@keyframes particle4{0%{transform:translate(50%,-50%) scale(1);opacity:1}to{transform:translate(50%,-50%) translate(60px) scale(0);opacity:0}}@keyframes particle5{0%{transform:translate(50%,50%) scale(1);opacity:1}to{transform:translate(50%,50%) translate(40px,50px) scale(0);opacity:0}}@keyframes particle6{0%{transform:translate(-50%,50%) scale(1);opacity:1}to{transform:translate(-50%,50%) translateY(60px) scale(0);opacity:0}}@keyframes particle7{0%{transform:translate(-50%,50%) scale(1);opacity:1}to{transform:translate(-50%,50%) translate(-40px,50px) scale(0);opacity:0}}@keyframes particle8{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(-60px) scale(0);opacity:0}}.bp-hover-text{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%,6px);background:#0c0c12eb;color:#fff;padding:.4rem 1rem;border-radius:999px;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 15px 35px #00000059;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10}.bp-stage:hover .bp-hover-text{opacity:1;transform:translate(-50%)}.bp-empty-icon{width:52px;height:52px;border-radius:999px;border:2px solid rgba(255,255,255,.45);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:600;color:#fff;background:#ffffff14}.bp-card-slot-empty:not(.bp-card-slot-legend) .bp-empty-icon{width:42px;height:42px;font-size:1.1rem}.bp-card-slot-legend .bp-empty-icon{border-color:#fffc;color:#fff;background:#ffc96026;text-shadow:0 0 8px rgba(255,214,92,.6)}.bp-stage-index{font-weight:600;letter-spacing:.08em;font-size:.85rem;text-transform:uppercase;color:#f7f2ff;margin:0}.bp-dot-stack .bp-stage-index{position:absolute;top:calc(var(--dot-line-offset) - var(--dot-stack-offset) + var(--dot-size) / 2 + 6px);left:50%;transform:translate(-50%);font-size:1rem;color:#fff;text-transform:none;letter-spacing:0;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 12px rgba(255,113,206,.5)}.bp-tooltip{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);background:#0c0c12e0;color:#fff;padding:.4rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 15px 35px #00000059;white-space:nowrap}.bp-dot-stack-legend .bp-stage-index{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 12px rgba(255,214,92,.6)}.detail-panel{display:flex;align-items:center;justify-content:center;padding:1.6rem;border-radius:28px;background:#181818;color:#fefefe;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 65px #0009}.detail-panel--model{min-height:360px}.detail-placeholder--full{width:100%;min-height:320px}@media(max-width:1024px){.hero-strip{grid-template-columns:1fr}.battle-pass-track-wrapper{--bp-stage-gap:1rem}}@media(max-width:720px){.hero-strip{gap:1rem}.battle-pass{padding:1.3rem}.battle-pass-progress{display:none}.battle-pass-track-wrapper{--bp-stage-width:130px;--bp-stage-gap: calc(.85rem + 20px) }.battle-pass-track,.battle-pass-dot-row{margin-left:0;padding-left:1rem;padding-right:1rem}.battle-pass-dot-row:before{left:calc(1rem + var(--bp-stage-width)/2)}.battle-pass-dot-row:after{left:calc(1rem + var(--bp-stage-width)/2)}.detail-panel--model{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.content-layer.modal-blurred{filter:blur(10px);transform:scale(.98);pointer-events:none}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:clamp(.6rem,2vw,1.2rem);flex-wrap:wrap;margin-bottom:2.5rem}.level-indicator{border:none;background:transparent;color:#fff;display:flex;align-items:center;gap:clamp(.4rem,2vw,.9rem);cursor:pointer;padding:.2rem .4rem;border-radius:999px;transition:transform .2s ease;max-width:100%}.level-indicator:hover{transform:translateY(-2px)}.level-ring{width:clamp(32px,7vw,44px);height:clamp(32px,7vw,44px);border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(from -90deg,rgba(91,134,255,.9) var(--level-progress,0),rgba(255,255,255,.08) 0);padding:clamp(2px,.35vw,2.5px);box-shadow:0 0 12px #577dff4d;flex-shrink:0}.level-core{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(.75rem,2vw,.9rem);font-weight:700;background:#080a10e6;border:1px solid rgba(255,255,255,.15)}.level-tag{text-transform:uppercase;letter-spacing:clamp(.26em,2.5vw,.4em);font-size:clamp(.6rem,2.4vw,.7rem);color:#7a82ff;white-space:nowrap}.profile-stack{display:flex;align-items:center;gap:.85rem;background:transparent;border:none;padding:0;cursor:pointer}.profile-stack:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:6px}.avatar-card{width:70px;height:96px;border-radius:18px;overflow:hidden;border:2px solid #fff;background:#111214}.avatar-card img{width:100%;height:100%;object-fit:cover;display:block}.label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#7a7c87}.nickname{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.modal-layer{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;opacity:0;animation:modalLayerFadeIn .3s ease forwards}.modal-backdrop{position:absolute;inset:0;background:#020308bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;animation:backdropFadeIn .3s ease forwards}.level-modal{position:relative;z-index:1;background:#06070d;border-radius:28px;padding:2.5rem;max-width:600px;width:90%;box-shadow:0 35px 90px #000000b3;border:1px solid rgba(138,119,255,.4);color:#f5f6ff;animation:modalPop .35s ease forwards;max-height:90vh;overflow-y:auto}.level-modal h3{margin:0;text-align:center;font-size:1.4rem;text-transform:uppercase;letter-spacing:.12em;color:#8ce0ff}.level-modal-vertical-track{display:flex;flex-direction:column;gap:1.5rem;position:relative;padding:1rem 0 1rem 3.5rem;margin:1.5rem 0}.level-modal-vertical-track:before{content:"";position:absolute;left:50%;top:30px;bottom:30px;width:2px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 8px,rgba(255,255,255,.3) 8px,rgba(255,255,255,.3) 16px);z-index:0;transform:translate(-50%)}.level-modal-vertical-track:after{content:"";position:absolute;left:50%;top:30px;width:2px;background:linear-gradient(to bottom,#ff71ce,#47d9ff 45%,#a95bff);box-shadow:0 0 8px #ff71ce80;transform:translate(-50%);z-index:1;height:calc((100% - 60px)*clamp(0,var(--level-fill-ratio),1));transition:height .3s ease}.level-modal-xp-stack{position:absolute;left:50%;top:calc(30px + (100% - 60px) * var(--level-fill-ratio));transform:translate(-50%) translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.25rem}.level-modal-xp-value{background:#0c0c12f2;color:#fff;padding:.4rem .8rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #0006,0 0 20px #ff71ce4d;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.level-modal-stage{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:1.5rem;position:relative;z-index:2;padding:.5rem 0}.level-modal-diamond{display:flex;align-items:center;justify-content:center;position:relative}.level-modal-diamond-inner{width:60px;height:60px;transform:rotate(45deg);background:linear-gradient(135deg,#5b86ffe6,#8a77ffcc);border:2px solid rgba(255,255,255,.4);box-shadow:0 0 20px #5b86ff80;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.level-modal-stage-active .level-modal-diamond-inner{background:linear-gradient(135deg,#47d9ffe6,#8a77ffcc);box-shadow:0 0 25px #47d9ff99;animation:levelModalPulse 2s ease-in-out infinite}.level-modal-stage-locked .level-modal-diamond-inner{background:#ffffff1a;border-color:#fff3;box-shadow:none;opacity:.5}.level-modal-level-number{transform:rotate(-45deg);font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);position:relative;z-index:1}.level-modal-level-lock{position:absolute;top:-8px;right:-8px;transform:rotate(-45deg);font-size:1rem;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.level-modal-connector{width:2px;height:100%;background:transparent;position:relative}.level-modal-reward{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;margin-left:4rem}.level-modal-reward-chest{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#633effe6,#ff71ced9);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 20px #32008a66;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease;cursor:pointer;padding:0}.level-modal-reward-chest:hover:not(:disabled){transform:scale(1.1);box-shadow:0 12px 30px #32008a99}.level-modal-reward-chest:disabled{opacity:.5;cursor:not-allowed}.level-modal-reward-chest-empty{background:#ffffff0d;border:2px dashed rgba(255,255,255,.3);box-shadow:none}.level-modal-reward-chest-legend{background:linear-gradient(135deg,#ffc960,#fff8d3);border-color:#ffffff80;box-shadow:0 8px 20px #ffd16680}.level-modal-reward-chest img{width:100%;height:100%;object-fit:cover;display:block}.level-modal-chest-icon{font-size:2rem}.level-modal-reward-label{font-size:.75rem;color:#fffc;text-align:center;white-space:nowrap}.level-modal-reward-frame{background:#6464644d!important;border:3px solid rgba(150,150,150,.5)!important}.level-modal-reward-locked{background:#3c3c3c66!important;border-color:#64646466!important;cursor:not-allowed!important}.level-modal-reward-claimable{background:linear-gradient(45deg,#ff6b35,#ff8c42,orange,#ff6b35,#47d9ff,#a95bff,#ff71ce)!important;background-size:400% 400%!important;border:3px solid rgba(255,255,255,.8)!important;box-shadow:0 0 30px #ff71cecc,0 0 50px #47d9ff99!important;animation:rainbowPulse 2s ease infinite!important;cursor:pointer!important}.level-modal-reward-unlocked{background:linear-gradient(135deg,#5b86ffe6,#8a77ffcc)!important;border-color:#5b86ffcc!important;box-shadow:0 0 20px #5b86ff99!important}.level-modal-frame-icon{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.level-modal-frame-question{color:#c8c8c8cc}.level-modal-frame-check{color:#4ade80;font-size:3rem}@keyframes rainbowPulse{0%,to{background-position:0% 50%;transform:scale(1)}50%{background-position:100% 50%;transform:scale(1.05)}}.frame-unlock-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalPop .3s ease}.frame-unlock-modal{background:linear-gradient(135deg,#141928fa,#0f1423fa);border:2px solid rgba(255,255,255,.2);border-radius:32px;padding:3rem;max-width:500px;width:100%;position:relative;box-shadow:0 30px 80px #000000b3;animation:frameUnlockPop .5s cubic-bezier(.34,1.56,.64,1) forwards}.frame-unlock-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.frame-unlock-icon{font-size:4rem;animation:frameUnlockBounce 1s ease infinite}.frame-unlock-title{margin:0;font-size:2rem;color:#fff;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5)}.frame-unlock-preview{width:180px;height:180px;border-radius:24px;overflow:hidden;position:relative;background:#0c0f1c;margin:1rem 0}.frame-unlock-preview-avatar{width:100%;height:100%;overflow:hidden;border-radius:inherit}.frame-unlock-preview-avatar img{width:100%;height:100%;object-fit:cover;display:block}.frame-unlock-name{margin:0;font-size:1.5rem;color:#8ce0ff;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.frame-unlock-button{border:none;background:linear-gradient(135deg,#5b86ff,#8ce0ff);color:#fff;font-size:1.2rem;font-weight:600;padding:1rem 2.5rem;border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #5b86ff66}.frame-unlock-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #5b86ff99}.frame-unlock-button:active{transform:translateY(0)}@keyframes frameUnlockPop{0%{transform:scale(.5) rotate(-5deg);opacity:0}50%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes frameUnlockBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}@keyframes levelModalPulse{0%,to{transform:rotate(45deg) scale(1);box-shadow:0 0 20px #5b86ff80}50%{transform:rotate(45deg) scale(1.1);box-shadow:0 0 30px #47d9ffcc}}.modal-subtitle{text-align:center;margin:.4rem 0 1.5rem;color:#c8caf5;font-size:.95rem}.modal-close{position:absolute;top:1rem;right:1rem;border:none;background:transparent;color:#fff;font-size:1.6rem;cursor:pointer;line-height:1;transition:transform .2s ease,color .2s ease;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;padding:0}.modal-close:hover{color:#8ce0ff;transform:scale(1.1)}.modal-info-icon{position:absolute;top:1rem;left:1rem;border:2px solid #fff;border-radius:50%;background:transparent;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;line-height:1;transition:transform .2s ease,background-color .2s ease,border-color .2s ease;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.8}.modal-info-icon:hover{background-color:#ffffff1a;transform:scale(1.1);opacity:1}.card-modal{position:relative;z-index:1;background:#080911;border-radius:28px;padding:2rem;max-width:640px;width:92%;box-shadow:0 35px 90px #000000bf;border:1px solid rgba(255,255,255,.08);color:#f5f6ff;opacity:0;transform:scale(.85) translateY(20px);filter:blur(8px);animation:cardModalOpen .5s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:center;overflow:hidden;touch-action:none}.card-modal-body{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap;opacity:0;animation:cardModalContentFadeIn .4s ease .2s forwards}.card-modal-visual{flex:0 0 220px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0b0d16;opacity:0;transform:translate(-30px);animation:cardModalVisualSlide .5s cubic-bezier(.34,1.56,.64,1) .3s forwards;position:relative}.card-modal-visual img{display:block;width:100%;height:100%;object-fit:cover}.card-modal-meta{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.65rem;opacity:0;transform:translate(30px);animation:cardModalMetaSlide .5s cubic-bezier(.34,1.56,.64,1) .35s forwards}.card-modal-meta h3{margin:0;font-size:1.8rem}.card-modal-meta .status-card-description{margin:0;font-size:1rem;line-height:1.5;color:#dfe3ff}.card-modal-meta .status-card-drop{margin:0;font-weight:600;color:#f5f6ff}.level-progress-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.level-progress-meta--compact{gap:1.4rem}.level-progress-meta div{flex:1;background:#ffffff0d;border-radius:16px;padding:.75rem;border:1px solid rgba(255,255,255,.08);text-align:center}.level-progress-meta--compact .level-progress-bar{flex:1;background:#ffffff14;border-radius:999px;padding:.2rem;border:none;height:auto}.level-progress-meta--compact .level-progress-bar span{height:8px}.level-progress-meta--compact .level-progress-caption-block{flex:0 0 auto;min-width:64px}.modal-label{display:block;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#9ba0ff;margin-bottom:.4rem}.modal-level{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.modal-level-xp-small{margin:.25rem 0 0;font-size:.75rem;font-weight:500;color:#8ce0ff;opacity:.7}.modal-level-xp{margin:1rem 0 0;font-size:2rem;font-weight:700;color:#8ce0ff;text-align:center;line-height:1.2}.level-progress-bar{width:100%;height:10px;border-radius:999px;background:#ffffff1f;overflow:hidden;margin-bottom:.6rem}.level-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b86ff,#8ce0ff);box-shadow:0 0 20px #5ce0ff99}.level-progress-caption{margin:0 0 1.2rem;color:#a9adff;font-size:.95rem;text-align:center}.level-description{margin:0;color:#d7dcff;font-size:.95rem;line-height:1.5;text-align:center}@keyframes modalPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalLayerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes cardModalOpen{0%{transform:scale(.85) translateY(20px);opacity:0;filter:blur(8px)}50%{transform:scale(1.02) translateY(-5px);opacity:.9}to{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}}@keyframes cardModalContentFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cardModalVisualSlide{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes cardModalMetaSlide{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.model-viewer-wrapper{position:relative;width:100%;min-height:320px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#101014;overflow:hidden;box-shadow:inset 0 0 30px #0000008c}.model-viewer-wrapper canvas{width:100%;height:100%;display:block}.model-viewer-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#f0f0f5;font-weight:600;font-size:1rem;letter-spacing:.08em;transition:opacity .3s ease;background:linear-gradient(135deg,#0f0f14d9,#08080cf2);pointer-events:none}.mobile-card-overlay{position:fixed;inset:0;z-index:40;color:#fefefe;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;touch-action:none}.mobile-card-background{position:absolute;inset:0;overflow:hidden;z-index:0;isolation:isolate;background:#050509}.mobile-card-background .model-viewer-wrapper{position:absolute;inset:0;min-height:100%;border-radius:0;border:none;background:transparent;box-shadow:none}.mobile-card-background .model-viewer-fallback{background:#08080cd9}.mobile-card-background canvas{filter:brightness(1.1) contrast(1.05)}.mobile-card-blur{position:absolute;inset:0;background:linear-gradient(135deg,#04050859,#08001840);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.mobile-card-close{position:absolute;top:1rem;right:1rem;border:none;background:#00000073;color:#fff;font-size:2rem;line-height:1;width:44px;height:44px;min-height:44px;min-width:44px;max-height:44px;max-width:44px;border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;flex-grow:0}.mobile-card-close:active{transform:scale(.95)}.mobile-card-info{position:relative;padding:2rem 1.5rem 2.5rem;z-index:1;background:#05060cc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:1.25rem;align-items:flex-start;border-radius:24px 24px 0 0}.mobile-card-image-frame{flex:0 0 140px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 40px #00000059;position:relative}.mobile-card-image-frame img{display:block;width:100%;height:100%;object-fit:cover}.mobile-card-text{flex:1;display:flex;flex-direction:column;gap:.75rem}.mobile-card-rarity{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:#cfd5ff;font-weight:600}.mobile-card-name{margin:0;font-size:1.8rem}.mobile-card-description{margin:0;color:#e5e8ff;line-height:1.4}.mobile-card-drop{margin:0;color:#f0f2ff;font-weight:600}.mobile-card-drop span{color:#fff}.profile-panel-overlay{position:fixed;inset:0;z-index:45;background:#02030a;display:flex;align-items:stretch;justify-content:center}.profile-panel-backdrop{position:absolute;inset:0;background:#02030ad9;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.profile-panel{position:relative;z-index:1;background:linear-gradient(135deg,#050614f2,#07001ce6);border-radius:0;padding:3rem clamp(1.5rem,4vw,4rem);max-width:1400px;width:100%;height:100vh;color:#f5f6ff;display:flex;flex-direction:column;gap:1.8rem;overflow-y:auto;animation:profileSlide .5s ease forwards}.profile-panel-actions{position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:.8rem}.profile-panel-actions button{border:none;background:#ffffff1a;color:#fff;font-size:1.4rem;cursor:pointer;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profile-panel-actions button:hover{background:#fff3;transform:scale(1.05)}.profile-panel-actions button:active{transform:scale(.95)}.profile-panel-close{font-size:1.8rem}.profile-panel-share{font-size:1.4rem}.profile-share-icon{width:2.1rem;height:2.1rem;object-fit:contain;filter:brightness(0) invert(1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-panel-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.profile-panel-avatar{flex:0 0 220px;border-radius:28px;overflow:hidden;position:relative;background:#0c0f1c;border:1px solid rgba(255,255,255,.08)}.profile-avatar-wrapper{position:relative;width:100%;height:280px;overflow:hidden;border-radius:inherit}.profile-avatar-wrapper img{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.profile-avatar-frame-default,.profile-avatar-frame-bronze{position:relative}.profile-avatar-frame-bronze:before{content:"";position:absolute;inset:-6px;border-radius:inherit;background:linear-gradient(135deg,#cd7f32,#8b6914,#cd7f32);border:3px solid #cd7f32;z-index:0;box-shadow:0 0 20px #cd7f3299}.profile-avatar-frame-bronze:after{content:"";position:absolute;inset:-3px;border-radius:inherit;background:linear-gradient(135deg,#daa520,#b8860b,#daa520);z-index:1;opacity:.7}.profile-avatar-frame-silver{position:relative}.profile-avatar-frame-silver:before{content:"";position:absolute;inset:-6px;border-radius:inherit;background:linear-gradient(135deg,silver,gray,silver);border:3px solid #c0c0c0;z-index:0;box-shadow:0 0 25px #c0c0c0b3}.profile-avatar-frame-silver:after{content:"";position:absolute;inset:-3px;border-radius:inherit;background:linear-gradient(135deg,#e8e8e8,#a8a8a8,#e8e8e8);z-index:1;opacity:.8}.profile-avatar-frame-gold{position:relative}.profile-avatar-frame-gold:before{content:"";position:absolute;inset:-6px;border-radius:inherit;background:linear-gradient(135deg,gold,orange,gold);border:3px solid #ffd700;z-index:0;box-shadow:0 0 30px #ffd700cc}.profile-avatar-frame-gold:after{content:"";position:absolute;inset:-3px;border-radius:inherit;background:linear-gradient(135deg,#fff8dc,gold,#fff8dc);z-index:1;opacity:.9}.profile-avatar-frame-diamond{position:relative}.profile-avatar-frame-diamond:before{content:"";position:absolute;inset:-8px;border-radius:inherit;background:linear-gradient(135deg,#b9f2ff,#00bfff,#b9f2ff);border:4px solid #00bfff;z-index:0;box-shadow:0 0 35px #00bfffe6,inset 0 0 20px #b9f2ff80}.profile-avatar-frame-diamond:after{content:"";position:absolute;inset:-4px;border-radius:inherit;background:linear-gradient(135deg,#e0f7ff,#00bfff,#e0f7ff);z-index:1;opacity:.8;animation:diamondShine 2s ease-in-out infinite}.profile-avatar-frame-gradient{position:relative}.profile-avatar-frame-gradient:before{content:"";position:absolute;inset:-8px;border-radius:inherit;background:linear-gradient(45deg,#ff6b35,#ff8c42,orange,#ff6b35,#47d9ff,#a95bff,#ff71ce);background-size:400% 400%;border:4px solid transparent;z-index:0;box-shadow:0 0 40px #ff71cecc,0 0 60px #47d9ff99;animation:gradientShift 4s ease infinite}.profile-avatar-frame-gradient:after{content:"";position:absolute;inset:-4px;border-radius:inherit;background:linear-gradient(45deg,#ff6b35,#ff8c42,orange,#ff6b35,#47d9ff,#a95bff,#ff71ce);background-size:400% 400%;z-index:1;opacity:.9;animation:gradientShift 4s ease infinite;mix-blend-mode:screen}@keyframes diamondShine{0%,to{opacity:.8}50%{opacity:1}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile-customization-section{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.profile-customization-button{border:none;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1.2rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:2px solid transparent}.profile-customization-button:hover{background:#000c;transform:scale(1.1)}.profile-customization-button.active{border-color:#ff6b35;box-shadow:0 0 15px #ff6b3580}.profile-panel-premium-bg{background:linear-gradient(135deg,#1a0033,#306,#4d0099,#60c,#8000ff);background-size:400% 400%;animation:premiumBgShift 10s ease infinite}@keyframes premiumBgShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile-frames-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.profile-frame-item{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;overflow:hidden}.profile-frame-item:hover:not(.profile-frame-selected){background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.profile-frame-item:disabled{opacity:.5;cursor:not-allowed}.profile-frame-selected{background:#5b86ff4d!important;border-color:#5b86ff!important;box-shadow:0 0 30px #5b86ff99,inset 0 0 20px #5b86ff4d!important;transform:scale(1.08)!important}.profile-frame-selected .profile-frame-name{color:#8ce0ff!important;font-weight:700!important}.profile-frame-locked{opacity:.6}.profile-frame-preview{width:80px;height:80px;border-radius:12px;overflow:hidden;position:relative;background:#0c0f1c}.profile-frame-preview-avatar{width:100%;height:100%;overflow:hidden;border-radius:inherit}.profile-frame-preview-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-frame-name{font-size:.85rem;color:#fff;text-align:center;font-weight:500}.profile-frame-lock-icon{position:absolute;top:.5rem;right:.5rem;font-size:1.2rem;opacity:.8}.level-info-button{border:none;background:#5b86ff33;border:1px solid rgba(91,134,255,.4);color:#9bb5ff;padding:.6rem 1.2rem;border-radius:12px;cursor:pointer;font-size:.9rem;transition:all .2s ease;margin-top:.5rem;width:100%}.level-info-button:hover{background:#5b86ff4d;transform:translateY(-1px)}.league-info-reward{color:gold;font-size:.85rem;margin-top:.3rem;font-weight:600}.league-info-item{position:relative}.league-info-reward-badge{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem}.league-info-reward-text{font-size:.75rem;font-weight:600;color:#8ce0ff;text-transform:uppercase;letter-spacing:.05em}.league-info-reward-icon{width:24px;height:24px;border:2px solid #8ce0ff;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#8ce0ff;font-size:.9rem;font-weight:700;background:#8ce0ff1a}.league-info-item-unlocked{border-color:#5b86ff4d;background:#5b86ff0d}.profile-panel-level-meta{padding:1rem}.profile-panel-level-tag{margin:0;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#9bb5ff}.profile-panel-progress{width:100%;height:8px;border-radius:999px;background:#ffffff26;overflow:hidden;margin:.6rem 0}.profile-panel-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b86ff,#8ce0ff)}.profile-panel-progress-caption{margin:0;color:#cfd3ff;font-size:.9rem}.profile-panel-meta{flex:1;min-width:220px;display:flex;flex-direction:column;gap:1rem}.profile-panel-role{margin:0;color:#a7acff;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem}.profile-panel-name{margin:0;font-size:2.4rem}.profile-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.9rem}.profile-highlight{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:.9rem;display:flex;flex-direction:column;gap:.2rem}.profile-highlight span{text-transform:uppercase;letter-spacing:.1em;font-size:clamp(.65rem,1.8vw,.75rem);color:#c8c9d5;white-space:nowrap}.profile-highlight strong{font-size:1.4rem}.profile-highlight-large{grid-column:span 2;padding:1.2rem;background:#ffffff14;border-radius:18px;border:1px solid rgba(255,255,255,.12)}.profile-highlight-large strong{font-size:1.6rem}.profile-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.profile-section-head h4{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.2em;color:#c7cbff}.profile-achievements-info-btn{border:none;background:#ffffff1a;color:#a7acff;font-size:1.2rem;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:600;line-height:1;flex-shrink:0}.profile-achievements-info-btn:hover{background:#fff3;color:#fff;transform:scale(1.1)}.profile-achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:1rem;justify-items:center}.profile-achievement-medal-only{position:relative;width:60px;height:60px;flex-shrink:0}.profile-achievement-card{background:#0a0c14d9;border-radius:20px;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:row;gap:1rem;align-items:center;transition:all .3s ease;position:relative;overflow:hidden}.profile-achievement-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.profile-achievement-completed{border-color:#ffffff26;background:#0a0c14f2}.profile-achievement-locked{opacity:.6}.profile-achievement-medal{position:relative;width:48px;height:48px;flex-shrink:0}.profile-achievement-card>div:last-child{display:flex;flex-direction:column;gap:.3rem;flex:1;text-align:left}.profile-achievement-medal-glow{position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,var(--medal-color) 0%,transparent 70%);filter:blur(12px);animation:medalGlow 2s ease-in-out infinite alternate;opacity:.6}.profile-achievement-medal-core{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--medal-color)22,var(--medal-color)44);border:2px solid var(--medal-color);color:var(--medal-color);box-shadow:0 0 20px var(--medal-color) 33,inset 0 0 20px var(--medal-color) 11;position:relative;z-index:1}.profile-achievement-completed .profile-achievement-medal-core{animation:medalPulse 2s ease-in-out infinite}.profile-achievement-card h5{margin:0;font-size:1rem;font-weight:600;color:#fff;line-height:1.2}.profile-achievement-completed .profile-achievement-card h5{color:#fff}.profile-achievement-locked .profile-achievement-card h5{color:#8a8a9a}.profile-achievement-card p{margin:0;color:#d7dbff;font-size:.8rem;line-height:1.3}.profile-achievement-locked .profile-achievement-card p{color:#6a6a7a}@keyframes medalGlow{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}@keyframes medalPulse{0%,to{transform:scale(1);box-shadow:0 0 20px var(--medal-color) 33,inset 0 0 20px var(--medal-color) 11}50%{transform:scale(1.05);box-shadow:0 0 30px var(--medal-color) 55,inset 0 0 25px var(--medal-color) 22}}.profile-inventory-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.profile-inventory-card{background:#ffffff08;border-radius:20px;padding:.6rem;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.4rem;align-items:center;text-align:center;font-size:.9rem;animation:cardEntry .5s ease both}.profile-inventory-card:nth-child(2){animation-delay:.05s}.profile-inventory-card:nth-child(3){animation-delay:.1s}.profile-inventory-card:nth-child(4){animation-delay:.15s}.profile-inventory-card:nth-child(5){animation-delay:.2s}.profile-inventory-card:nth-child(6){animation-delay:.25s}.profile-inventory-card img{width:100%;border-radius:16px;object-fit:cover}.profile-stats-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.profile-stat-item{background:#ffffff08;border-radius:20px;padding:1rem;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.25rem}.profile-stat-item span{text-transform:uppercase;font-size:.75rem;color:#c2c6d9;letter-spacing:.1em}.profile-stat-item strong{font-size:1.6rem}.profile-league-rank{font-size:1.2rem;font-weight:700;color:#9bb5ff}.profile-league-title-clickable{transition:opacity .2s ease;cursor:pointer}.profile-league-title-clickable:hover{opacity:.8}.profile-league-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.profile-league-description,.profile-league-progress{margin:0;color:#d7dcff;font-size:.95rem}.profile-league-description strong,.profile-league-progress strong{color:#fff}.profile-league-table{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;position:relative}.profile-league-header{display:grid;grid-template-columns:70px minmax(180px,1fr) 90px 140px;column-gap:1.25rem;row-gap:.5rem;padding:.75rem 1rem;background:#ffffff0a;border-radius:16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#a7acff;font-weight:600;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-league-header span:nth-child(2){margin-left:.25rem}.profile-league-header span:nth-child(4){margin-left:1rem}.profile-league-row{display:grid;grid-template-columns:70px minmax(180px,1fr) 90px 140px;column-gap:1.25rem;row-gap:.5rem;padding:.75rem 1rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;transform:scale(1);align-items:center}.profile-league-nickname{margin-left:.25rem}.profile-league-row:hover{background:#ffffff0a}.profile-league-row-current{background:#5b86ff26;border-color:#5b86ff66;box-shadow:0 0 20px #5b86ff33}.profile-league-row-first-animated{animation:leagueFirstPlace .8s ease}.profile-league-position{font-weight:600;color:#c8c9d5;display:flex;align-items:center}.profile-league-nickname{color:#f5f6ff;font-weight:500;display:flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-league-row-current .profile-league-nickname{color:#fff;font-weight:700}.profile-league-cards{text-align:center;font-weight:600;color:#9bb5ff;display:flex;align-items:center;justify-content:center;white-space:nowrap}.profile-league-row-current .profile-league-cards{color:#8ce0ff}.profile-league-level-display{display:flex;align-items:center;justify-content:center;margin-left:1rem;white-space:nowrap}.profile-league-level-ring{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(from -90deg,rgba(91,134,255,.9) var(--level-progress,0),rgba(255,255,255,.08) 0);padding:3px;box-shadow:0 0 15px #577dff4d}.profile-league-level-core{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;background:#080a10e6;border:1px solid rgba(255,255,255,.15);color:#fff}.profile-league-row-current .profile-league-level-ring{box-shadow:0 0 20px #577dff80}.league-info-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalPop .3s ease}.league-info-modal{background:linear-gradient(135deg,#141928f2,#0f1423f2);border:1px solid rgba(255,255,255,.15);border-radius:28px;padding:2rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.league-info-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.league-info-modal-close:hover{background:#fff3}.league-info-modal-title{margin:0 0 1.5rem;font-size:1.5rem;color:#fff;text-align:center}.league-info-modal h2{margin:0 0 1.5rem;font-size:1.5rem;color:#fff;text-align:center;font-weight:600}.league-info-content{display:flex;flex-direction:column;gap:1.5rem}.league-info-description{color:#d7dcff;font-size:1rem;line-height:1.6;margin:0}.league-info-list{display:flex;flex-direction:column;gap:.75rem}.league-info-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;transition:background .2s ease}.league-info-item:hover{background:#ffffff14}.league-info-item h4{margin:0 0 .5rem;color:#fff;font-size:1.1rem}.league-info-item p{margin:0;color:#b8bdd8;font-size:.95rem}.league-info-tips{background:#5b86ff1a;border:1px solid rgba(91,134,255,.3);border-radius:16px;padding:1rem}.league-info-tips p{margin:0 0 .75rem;color:#fff;font-size:1rem}.league-info-tips ul{margin:0;padding-left:1.5rem;color:#d7dcff;font-size:.95rem;line-height:1.8}.league-info-tips li{margin-bottom:.5rem}.install-prompt-modal{max-width:450px;padding-top:3.5rem;min-height:200px}.install-prompt-content{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.install-simple-instruction{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;text-align:center}.install-simple-instruction p{margin:0;color:#d7dcff;font-size:1.1rem;line-height:1.6}.install-simple-instruction strong{color:#fff;font-weight:600}.install-icon{display:inline-block;margin:0 .25rem;width:2.4rem;height:2.4rem;vertical-align:middle;object-fit:contain;filter:brightness(0) invert(1)}.avatar-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-height:60vh;overflow-y:auto;padding:.5rem}.avatar-select-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;overflow:hidden}.avatar-select-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px)}.avatar-select-card.selected{background:#5b86ff33;border-color:#5b86ff80;box-shadow:0 0 20px #5b86ff4d}.avatar-select-card img{width:100%;height:auto;border-radius:12px;object-fit:cover;aspect-ratio:1}.avatar-select-card p{margin:0;color:#fff;font-size:.85rem;font-weight:500;text-align:center}@keyframes leagueFirstPlace{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.loading-overlay{position:fixed;inset:0;background:#080a10f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;animation:modalPop .3s ease;overflow:hidden;padding:0;transition:opacity .5s ease-out}.loading-overlay-fadeout{opacity:0;pointer-events:none}.loading-gif{width:100vw;height:100vh;object-fit:cover;image-rendering:auto;display:block;position:absolute;top:0;left:0;z-index:1;filter:brightness(.6)}.loading-progress-container{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:center;padding:0}.loading-progress-bar{width:100%;height:60px;background:#ffffff26;border-radius:0;overflow:hidden;position:relative}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:0;transition:width .1s linear;box-shadow:0 0 20px #8b5cf680}.loading-progress-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:3rem;font-weight:900;letter-spacing:.15em;text-shadow:0 2px 15px rgba(0,0,0,.7),0 0 20px rgba(139,92,246,.4);font-variant-numeric:tabular-nums;z-index:3;pointer-events:none;text-align:center;width:100%;transition:none;will-change:auto}.loading-card{position:relative;overflow:hidden}.loading-card .loading-gif{width:100%;height:100%;object-fit:cover;image-rendering:auto;display:block;position:absolute;top:0;left:0;border-radius:24px;z-index:1}.loading-text{color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:.05em;opacity:.9;position:relative;z-index:2}.loading-card p{position:relative;z-index:2;color:#111214}.profile-avatar-clickable{transition:transform .2s ease}.profile-avatar-clickable:hover{transform:scale(1.05)}@keyframes profileSlide{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cardEntry{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.card-number-badge{position:absolute;top:.5rem;left:.5rem;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);z-index:1;min-width:24px;text-align:center;line-height:1.2}@media(max-width:720px){.level-modal{max-width:95%;padding:1rem}.modal-close{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;padding:0}.card-number-badge{font-size:.7rem;padding:.2rem .4rem;min-width:20px}.level-modal-vertical-track{gap:1rem;padding:.5rem 0 .5rem 2.5rem;margin:1rem 0}.level-modal-stage{grid-template-columns:50px 1fr auto;gap:.75rem;padding:.4rem 0;align-items:center}.level-modal-diamond-inner{width:45px;height:45px}.level-modal-level-number{font-size:.9rem}.level-modal-reward-label{font-size:.65rem}.level-modal-vertical-track:before{left:50%;top:20px;bottom:20px}.level-modal-vertical-track:after{left:50%;top:20px;height:calc((100% - 40px)*clamp(0,var(--level-fill-ratio),1))}.level-modal-xp-stack{left:50%;top:calc(20px + (100% - 40px)*clamp(0,var(--level-fill-ratio),1))}.level-modal-xp-value{font-size:.7rem;padding:.3rem .6rem}.level-modal-connector{display:none}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-league-header,.profile-league-row{grid-template-columns:45px minmax(0,1fr) 60px 90px;column-gap:.6rem;row-gap:.5rem;padding:.5rem .7rem;font-size:.75rem}.profile-league-header{font-size:.7rem;letter-spacing:.05em;padding:.5rem}.profile-league-header span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-league-header span:nth-child(2){margin-left:.3rem}.profile-league-header span:nth-child(4){margin-left:.3rem}.profile-league-nickname{margin-left:.5rem;max-width:100%}.profile-league-level-ring{width:40px;height:40px;padding:2px}.profile-league-level-core{font-size:.85rem}.profile-league-level-tag{font-size:.5rem;letter-spacing:.2em}.profile-league-table{max-height:300px}.league-info-modal{padding:3.5rem 1.5rem 1.5rem;max-height:85vh}.league-info-modal-close{width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;flex-shrink:0}.league-info-modal-title{font-size:1.3rem}.install-prompt-modal{padding-top:3.5rem;min-height:220px}.avatar-select-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;max-height:50vh}.avatar-select-card{padding:.75rem}.avatar-select-card p{font-size:.75rem}.profile-panel-grid{flex-direction:row;gap:1rem;align-items:flex-start;margin-top:30px}.profile-panel-avatar{flex:0 0 auto;width:140px;max-width:140px}.profile-avatar-wrapper{height:180px}.profile-panel-level-meta{padding:.6rem;text-align:center}.profile-panel-level-tag{font-size:.75rem;text-align:center}.profile-panel-progress{margin:.3rem 0;height:5px}.profile-panel-progress-caption{font-size:.7rem;text-align:center}.profile-panel-meta{min-width:0;flex:1;text-align:left}.profile-panel-role{font-size:.65rem}.profile-panel-name{font-size:1.4rem;line-height:1.2}.profile-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.profile-highlight{padding:.7rem}.profile-highlight span{font-size:.7rem}.profile-highlight strong{font-size:1.2rem}.profile-customization-button{width:32px;height:32px;font-size:1rem}.level-modal-reward-chest{width:60px;height:60px}.level-modal-frame-icon{font-size:2rem}.frame-unlock-modal{padding:2rem;max-width:90%}.frame-unlock-title{font-size:1.5rem}.frame-unlock-preview{width:140px;height:140px}.frame-unlock-name{font-size:1.2rem}.frame-unlock-button{font-size:1rem;padding:.8rem 2rem}}.unlock-animation-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#050508f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeIn .3s ease;overflow:hidden}.unlock-card-waiting{position:relative;width:280px;height:390px;border-radius:24px;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;animation:floatCard 2.5s ease-in-out infinite}.unlock-card-waiting:hover{transform:scale(1.05)}.unlock-card-waiting.clicked{animation:cardClick .2s cubic-bezier(.34,1.56,.64,1)}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes cardClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.unlock-chain.removing{animation:chainRemove .8s cubic-bezier(.55,.055,.675,.19) forwards;pointer-events:none;transform-origin:center top}@keyframes chainRemove{0%{opacity:1;transform:translate(-50%,-50%) translate(var(--chain-offset-x),var(--chain-offset-y)) rotate(var(--chain-angle, 0deg)) scale(var(--chain-scale, 1));filter:drop-shadow(0 2px 8px rgba(0,0,0,.5)) brightness(1)}15%{opacity:1;transform:translate(-50%,-50%) translate(var(--chain-offset-x),var(--chain-offset-y)) rotate(calc(var(--chain-angle, 0deg) + 10deg)) scale(calc(var(--chain-scale, 1) * 1.05));filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)) brightness(1.1)}30%{opacity:.95;transform:translate(-50%,-50%) translate(var(--chain-offset-x),calc(var(--chain-offset-y) + 20px)) rotate(calc(var(--chain-angle, 0deg) + 25deg)) scale(calc(var(--chain-scale, 1) * .95));filter:drop-shadow(0 6px 16px rgba(0,0,0,.5)) brightness(.9)}50%{opacity:.8;transform:translate(-50%,-50%) translate(calc(var(--chain-offset-x) + 15px),calc(var(--chain-offset-y) + 80px)) rotate(calc(var(--chain-angle, 0deg) + 60deg)) scale(calc(var(--chain-scale, 1) * .85));filter:drop-shadow(0 8px 20px rgba(0,0,0,.6)) brightness(.7)}70%{opacity:.5;transform:translate(-50%,-50%) translate(calc(var(--chain-offset-x) + 25px),calc(var(--chain-offset-y) + 180px)) rotate(calc(var(--chain-angle, 0deg) + 120deg)) scale(calc(var(--chain-scale, 1) * .6));filter:drop-shadow(0 10px 25px rgba(0,0,0,.7)) brightness(.5)}85%{opacity:.2;transform:translate(-50%,-50%) translate(calc(var(--chain-offset-x) + 30px),calc(var(--chain-offset-y) + 280px)) rotate(calc(var(--chain-angle, 0deg) + 180deg)) scale(calc(var(--chain-scale, 1) * .4));filter:drop-shadow(0 12px 30px rgba(0,0,0,.8)) brightness(.3)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(var(--chain-offset-x) + 35px),calc(var(--chain-offset-y) + 400px)) rotate(calc(var(--chain-angle, 0deg) + 270deg)) scale(calc(var(--chain-scale, 1) * .2));filter:drop-shadow(0 0 0 rgba(0,0,0,0)) brightness(.1)}}.unlock-click-dot.active{background:var(--card-accent, #666);border-color:var(--card-glow, #999);box-shadow:0 0 15px var(--card-accent, #666),0 0 30px var(--card-glow, #999),0 0 45px var(--card-accent, #666);transform:scale(1.4);animation:dotPulse .4s cubic-bezier(.34,1.56,.64,1)}.unlock-fragment{position:absolute;left:50%;top:50%;width:var(--fragment-size, 40px);height:var(--fragment-size, 40px);transform:translate(-50%,-50%);animation:fragmentFly var(--fragment-delay, 0s) .6s cubic-bezier(.34,1.56,.64,1) forwards,fragmentShine .3s ease-in-out infinite alternate;z-index:10}@keyframes fragmentFly{0%{transform:translate(-50%,-50%) translate(var(--fragment-x, 0),var(--fragment-y, 0)) rotate(var(--fragment-rotation, 0deg)) scale(1);opacity:1;filter:brightness(1.5) drop-shadow(0 0 20px var(--card-glow, #999))}50%{transform:translate(-50%,-50%) translate(calc(var(--fragment-x, 0) * .5),calc(var(--fragment-y, 0) * .5)) rotate(calc(var(--fragment-rotation, 0deg) + 180deg)) scale(.8);opacity:.9;filter:brightness(2) drop-shadow(0 0 30px var(--card-glow, #999)) drop-shadow(0 0 40px var(--card-accent, #666))}to{transform:translate(-50%,-50%) translate(0) rotate(360deg) scale(.2);opacity:0;filter:brightness(1) drop-shadow(0 0 10px var(--card-glow, #999))}}@keyframes fragmentShine{0%{filter:brightness(1.2) drop-shadow(0 0 8px var(--card-glow, #999))}to{filter:brightness(2) drop-shadow(0 0 20px var(--card-glow, #999)) drop-shadow(0 0 35px var(--card-accent, #666))}}.unlock-fragment-inner{width:100%;height:100%;border-radius:8px;overflow:hidden;border:2px solid var(--card-accent, #666);box-shadow:0 0 15px var(--card-glow, #999),0 0 30px var(--card-accent, #666),inset 0 0 20px #ffffff4d;background:linear-gradient(135deg,var(--card-accent, #666),var(--card-glow, #999));position:relative}.unlock-card-final{position:relative;width:280px;height:390px;border-radius:24px;overflow:hidden;border:3px solid var(--card-accent, #666);background:linear-gradient(135deg,var(--card-accent, #666),var(--card-glow, #999));box-shadow:0 0 40px var(--card-glow, #999),0 0 80px var(--card-accent, #666),0 30px 100px #0009;animation:cardAssemble .5s cubic-bezier(.34,1.56,.64,1);z-index:20}@keyframes cardAssemble{0%{transform:scale(.3) rotate(-10deg);opacity:0;filter:blur(15px) brightness(.5)}50%{transform:scale(1.15) rotate(5deg);opacity:.9;filter:blur(5px) brightness(1.2)}75%{transform:scale(.95) rotate(-2deg);opacity:1;filter:blur(2px) brightness(1.1)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0) brightness(1)}}@keyframes imageReveal{0%{opacity:0;transform:scale(1.3) rotate(5deg);filter:brightness(.5)}50%{opacity:.8;transform:scale(.95) rotate(-2deg);filter:brightness(1.3)}to{opacity:1;transform:scale(1) rotate(0);filter:brightness(1)}}.unlock-success-text{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:textAppear .5s ease-out .8s both}@keyframes textAppear{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.unlock-success-name{font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 0 10px var(--card-glow, #999),0 0 20px var(--card-accent, #666),0 2px 10px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.1em}.unlock-success-label{font-size:.9rem;font-weight:600;color:var(--card-glow, #999);text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 10px var(--card-accent, #666)}.unlock-level-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--card-accent, #666),var(--card-glow, #999));border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--card-glow, #999),0 0 40px var(--card-accent, #666),inset 0 0 20px #fff3;flex-shrink:0;animation:levelCirclePulse 2s ease-in-out infinite;opacity:0;transform:scale(0)}.unlock-level-circle-old{animation:levelCircleOldAppear .5s cubic-bezier(.34,1.56,.64,1) .5s forwards,levelCirclePulse 2s ease-in-out 1s infinite}.unlock-level-circle-next{margin-left:auto;opacity:0;transform:scale(0)}.unlock-level-circle-next-animate{animation:levelCircleNextAppear .6s cubic-bezier(.34,1.56,.64,1) 1.2s forwards,levelCirclePulse 2s ease-in-out 1.8s infinite}.unlock-level-updating{animation:levelUpdate .5s cubic-bezier(.34,1.56,.64,1) forwards!important}@keyframes levelUpdate{0%{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}30%{transform:scale(.7) rotate(-90deg);opacity:.2;filter:brightness(2)}60%{transform:scale(1.1) rotate(90deg);opacity:.5;filter:brightness(1.5)}to{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}}.unlock-level-bar-fill{height:100%;background:linear-gradient(90deg,var(--card-accent, #666),var(--card-glow, #999));border-radius:6px;transition:width .1s linear;box-shadow:0 0 10px var(--card-glow, #999),0 0 20px var(--card-accent, #666),inset 0 0 10px #ffffff4d;position:relative;overflow:hidden}.unlock-levelup-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;gap:16px;margin-top:30px;opacity:0;transform:translateY(50px) scale(.8)}.unlock-levelup-message-animate{animation:levelupMessageAppear .4s cubic-bezier(.34,1.56,.64,1) .8s forwards}@keyframes levelupMessageAppear{0%{opacity:0;transform:translateY(50px) scale(.8) rotate(-5deg)}60%{opacity:1;transform:translateY(-10px) scale(1.1) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.unlock-levelup-text{font-size:2.5rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 30px var(--card-glow, #999),0 0 60px var(--card-accent, #666),0 0 90px var(--card-glow, #999),0 4px 20px rgba(0,0,0,.5);animation:levelupTextGlow 1s ease-in-out infinite}@keyframes levelupTextGlow{0%,to{transform:scale(1);text-shadow:0 0 30px var(--card-glow, #999),0 0 60px var(--card-accent, #666),0 0 90px var(--card-glow, #999),0 4px 20px rgba(0,0,0,.5)}50%{transform:scale(1.05);text-shadow:0 0 40px var(--card-glow, #999),0 0 80px var(--card-accent, #666),0 0 120px var(--card-glow, #999),0 0 160px var(--card-accent, #666),0 4px 20px rgba(0,0,0,.5)}}.unlock-levelup-level{font-size:1.5rem;font-weight:700;color:var(--card-glow, #999);text-transform:uppercase;letter-spacing:.15em;text-shadow:0 0 20px var(--card-accent, #666),0 2px 10px rgba(0,0,0,.5)}@media(max-width:720px){.unlock-card-waiting,.unlock-card-final{width:240px;height:335px}.unlock-hint-text{font-size:1rem}.unlock-success-name{font-size:1.2rem}.unlock-chain{width:100px}.unlock-xp-amount{font-size:2.5rem}.unlock-xp-rarity{font-size:1rem}.unlock-level-indicator{max-width:100%;gap:15px}.unlock-level-circle{width:50px;height:50px}.unlock-level-number{font-size:1.5rem}.unlock-levelup-text{font-size:2rem}.unlock-levelup-level{font-size:1.2rem}}.toast-error{background:#ff4d4d;color:#fff;box-shadow:0 4px 12px #ff4d4d66}.test-controls{position:fixed;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:auto}.test-btn{width:40px;height:40px;border-radius:50%;border:none;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;padding:0;-webkit-tap-highlight-color:transparent}.test-btn:hover{background:#ffffff4d;transform:scale(1.1)}.test-btn:active{transform:scale(.95)}.test-btn-unlock{border:1px solid rgba(77,255,77,.3)}.test-btn-reset{border:1px solid rgba(255,77,77,.3)}@media(max-width:720px){.test-controls{top:auto;bottom:80px;right:15px}.test-btn{width:36px;height:36px;font-size:1rem}}.onboarding-card{padding:1.5rem;gap:1.2rem;width:min(380px,95%);border-radius:20px}.onboarding-form{gap:1.1rem}.step-title{font-size:1.2rem;margin-bottom:.2rem;text-align:center}.onboarding-form-section{gap:.4rem}.onboarding-label{font-size:.75rem;opacity:.7;margin-bottom:0rem;text-transform:none;letter-spacing:normal}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.choice-btn{padding:.5rem;font-size:.85rem}.primary-btn{padding:.7rem;font-size:.95rem;margin-top:.3rem}.text-input{padding:.6rem .8rem;font-size:.95rem}.year-scroller{padding:.2rem;height:44px}.year-display{font-size:1.2rem}.wheel-control{width:32px;height:32px;font-size:1.1rem}@media(max-width:480px){.onboarding-card{padding:1rem;gap:.8rem}.onboarding-form{gap:.7rem}.step-title{font-size:1.05rem;margin-bottom:.1rem}}.onboarding-hint{display:flex;align-items:center;gap:.5rem;margin:0;padding:.35rem .45rem;border-radius:12px;background:#eef0f4;border:1px solid #dde0e8}.onboarding-hint-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:34px;border-radius:8px;background:#fff;color:#3a3d46;box-shadow:0 1px 2px #0c0c0d0f}.onboarding-hint-icon-svg{display:block}.onboarding-hint-text{font-size:.8rem;line-height:1.35;color:#5c6068;font-weight:500}.mobile-card-info{flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:.35rem 0 0!important;transition:transform .35s cubic-bezier(.32,.72,0,1);will-change:transform;touch-action:pan-y}.mobile-card-info--hidden{transform:translateY(100%);pointer-events:none}.mobile-card-info--hidden .mobile-card-info-handle,.mobile-card-info--hidden .mobile-card-info-body{pointer-events:none}.mobile-card-info-reveal{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 20px 14px;margin:0;border:none;border-radius:999px;background:#0c0e16b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffffbf;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y;pointer-events:auto;box-shadow:0 4px 24px #00000059}.mobile-card-info-handle{display:flex;flex-direction:column;align-items:center;gap:6px;align-self:center;padding:6px 16px 10px;margin:0;border:none;background:transparent;color:#ffffff8c;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.mobile-card-info-handle-bar{display:block;width:38px;height:5px;border-radius:999px;background:#ffffff61}.mobile-card-info-handle-label{font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.mobile-card-info-body{display:flex;gap:1.25rem;align-items:flex-start;padding:.25rem 1.5rem 2.25rem}.top-bar.top-bar--stacked{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:.75rem;width:100%;margin-left:0;margin-right:0}.top-bar-cluster{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;flex:0 1 auto;min-width:0;max-width:min(100%,22rem)}.top-bar-cluster .profile-stack{align-self:flex-start;text-align:left}.top-bar-cluster .level-indicator{align-self:flex-start;padding-left:0}.top-bar-add-home{flex:0 0 auto;align-self:flex-start;display:flex;align-items:center;justify-content:center;width:auto;height:auto;min-width:48px;min-height:48px;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,opacity .15s ease}.top-bar-add-home:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:4px}.top-bar-add-home:hover{background:transparent;opacity:.92}.top-bar-add-home:active{transform:scale(.96)}.top-bar-add-home img{display:block;width:56px;height:56px;object-fit:contain}.level-indicator-ring-wrap{position:relative;display:inline-flex;flex-shrink:0}.level-claim-notify{position:absolute;top:-4px;right:-6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg);border-radius:4px;pointer-events:none;background:linear-gradient(135deg,#ff71ce,#a95bff 50%,#47d9ff);box-shadow:0 0 10px #ff71ced9,0 0 18px #47d9ff66,inset 0 0 0 1px #ffffff73;animation:level-claim-pulse 2.2s ease-in-out infinite}.level-claim-notify-mark{display:block;transform:rotate(-45deg);font-size:11px;font-weight:800;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}@keyframes level-claim-pulse{0%,to{filter:brightness(1);box-shadow:0 0 10px #ff71ced9,0 0 18px #47d9ff66,inset 0 0 0 1px #ffffff73}50%{filter:brightness(1.15);box-shadow:0 0 14px #ff71cef2,0 0 22px #47d9ff8c,inset 0 0 0 1px #ffffff8c}}@media(prefers-reduced-motion:reduce){.level-claim-notify{animation:none}}.card-image-frame--back{padding:0;overflow:hidden;background:#06080e73}.card-tile.locked .card-image-frame--back{position:relative}.card-tile.locked .card-image-frame--back:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#0003;pointer-events:none;z-index:1}.card-tile.locked .inventory-card-back{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit;pointer-events:none}.bp-card-slot-empty.bp-card-slot-legend .bp-empty-icon.bp-empty-icon--legend{width:auto;height:auto;min-width:3rem;min-height:3rem;border:none;border-radius:0;background:transparent;font-size:clamp(2.4rem,9vw,3.4rem);font-weight:700;line-height:1;letter-spacing:0;color:#fff;text-shadow:0 0 18px rgba(255,214,92,.75),0 2px 12px rgba(0,0,0,.45)}@media(max-width:720px){.profile-league-header,.profile-league-row{grid-template-columns:54px minmax(0,1fr) 48px 72px;column-gap:.45rem}.profile-league-level-display{margin-left:0;justify-self:center}.profile-league-nickname{margin-left:.25rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere;line-height:1.25;align-self:center;font-size:clamp(.68rem,3.1vw,.82rem)}}@media(max-width:380px){.profile-league-header,.profile-league-row{grid-template-columns:50px minmax(0,1fr) 44px 68px;column-gap:.35rem;padding-inline:.5rem}.profile-league-level-ring{width:36px;height:36px}.profile-league-level-core{font-size:.78rem}}.profile-achievement-medal-only.profile-achievement-medal-only--icon{width:56px;height:56px;max-width:64px;max-height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-achievement-icon-wrap{width:56px;height:56px;margin:auto;display:block;position:relative;border-radius:0;overflow:visible;background:transparent;border:none}.profile-achievement-icon-wrap img{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;object-fit:contain;object-position:center;transform:none;transform-origin:center center;clip-path:polygon(50% -6%,86% 8%,102% 50%,86% 92%,50% 106%,14% 92%,-2% 50%,14% 8%)}.profile-achievement-icon-wrap--earned{box-shadow:none}.profile-achievement-icon-slot{position:relative;width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.profile-achievement-icon-slot .profile-achievement-icon-wrap{width:48px;height:48px;border-radius:12px;overflow:hidden;background:#05060c;border:1px solid rgba(155,181,255,.14)}.profile-achievement-icon-slot .profile-achievement-icon-wrap img{clip-path:none}.profile-achievement-icon-slot--earned .profile-achievement-icon-wrap{box-shadow:none}.profile-achievement-icon-slot--locked .profile-achievement-icon-wrap{border-radius:12px;overflow:hidden;background:#05060c;border:1px solid rgba(155,181,255,.14);box-shadow:inset 0 0 28px #000000eb,0 0 0 1px #00000059}.profile-achievement-icon-slot--locked .profile-achievement-icon-wrap img{filter:brightness(.07) saturate(.35) contrast(1.05) blur(.6px);opacity:.42;transform:none;transform-origin:center center;clip-path:none}.profile-achievement-icon-slot--locked .profile-achievement-icon-wrap:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 38%,rgba(90,120,200,.12) 0%,transparent 55%),linear-gradient(160deg,#00000080,#000000c7 48%,#080c18e0)}.profile-achievement-icon-slot--locked .profile-achievement-icon-wrap:before{content:"?";position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:#c8d4ff6b;text-shadow:0 0 14px rgba(120,150,255,.35),0 1px 3px rgba(0,0,0,.9);pointer-events:none}.bp-card-slot-chest .bp-legend-chest-img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:inherit;pointer-events:none}.bp-card-slot-chest{cursor:pointer}.profile-panel-actions .profile-panel-close,.league-info-modal-overlay .league-info-modal>.league-info-modal-close{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:0;font-size:unset;color:#fff;box-sizing:border-box}.league-info-modal-overlay .league-info-modal>.league-info-modal-close{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;transition:background .2s ease}.league-info-modal-overlay .league-info-modal>.league-info-modal-close:hover{background:#fff3}.modal-close-icon{display:block;width:1.45rem;height:1.45rem;flex-shrink:0;transform:translate(-.5px)}@media(max-width:720px){.league-info-modal-overlay .league-info-modal>.league-info-modal-close{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px}}.profile-alpha-credit{margin-top:1.25rem;padding:1rem 0 .35rem;text-align:center;border-top:1px solid rgba(255,255,255,.07)}.profile-alpha-credit-link{display:inline-flex;align-items:center;gap:.3em;font-size:.72rem;letter-spacing:.04em;text-decoration:none;color:#ffffff5c;transition:color .2s ease}.profile-alpha-credit-link:hover{color:#ffffff94}.profile-alpha-credit-brand{font-weight:600;background:linear-gradient(118deg,#c9a8ff,#ff8ecf 52%,#7ec8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.model-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-radius:inherit;animation:fadeIn .3s ease-out}.model-spinner{position:relative;width:60px;height:60px;margin-bottom:20px}.model-spinner:before,.model-spinner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid transparent}.model-spinner:before{border-top-color:#f5b13b;border-bottom-color:#f5b13b;animation:model-spin 1.5s cubic-bezier(.5,0,.5,1) infinite}.model-spinner:after{border-left-color:#fff3;border-right-color:#fff3;transform:scale(.8);animation:model-spin-reverse 2s linear infinite}.model-loading-text{color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 10px rgba(245,177,59,.5);animation:pulse 2s ease-in-out infinite}@keyframes model-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes model-spin-reverse{0%{transform:scale(.8) rotate(360deg)}to{transform:scale(.8) rotate(0)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}.model-viewer-container{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1)}.model-viewer-container.is-loaded{opacity:1!important}.model-viewer-container.is-loading .model-loading-overlay{opacity:1;visibility:visible}.model-viewer-container.is-loaded .model-loading-overlay{opacity:0;visibility:hidden;transition:opacity .5s ease-out,visibility .5s}.unlock-animation-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#050508f2;animation:fadeIn .3s ease;overflow:hidden;transform:translateZ(0);touch-action:none}@media(min-width:769px){.unlock-animation-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.unlock-animation-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.unlock-card-waiting{position:relative;width:280px;height:390px;border-radius:24px;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;animation:floatCard 2.5s ease-in-out infinite;max-width:80vw;max-height:60vh;touch-action:manipulation}@media(max-width:768px){.unlock-card-waiting{width:240px;height:335px}}.unlock-card-waiting:hover{transform:scale(1.03) rotate(1deg)}.unlock-card-waiting:active{transform:scale(.95) rotate(-1deg)}.unlock-card-waiting.clicked{animation:cardClick .2s cubic-bezier(.34,1.56,.64,1);will-change:transform}@keyframes floatCard{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(1deg)}50%{transform:translateY(-25px) rotate(0)}75%{transform:translateY(-15px) rotate(-1deg)}}@keyframes cardClick{0%{transform:scale(1)}30%{transform:scale(.9) rotate(-2deg)}60%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1)}}.unlock-card-preview{position:relative;overflow:visible;border:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#6464644d,#3c3c3c4d);box-shadow:0 20px 60px #00000080}.unlock-card-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:24px}.unlock-card-image{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.4);transition:filter .3s ease}.unlock-card-filter{position:absolute;inset:0;background:linear-gradient(135deg,#64646499,#323232cc);mix-blend-mode:multiply}.unlock-chain{position:absolute;top:50%;left:50%;--chain-offset-x: 0px;--chain-offset-y: 0px;--chain-scale: 1;transform:translate(-50%,-50%) translate(var(--chain-offset-x),var(--chain-offset-y)) rotate(var(--chain-angle, 0deg)) scale(var(--chain-scale, 1));width:120px;height:auto;z-index:5;pointer-events:none;animation:chainShake .4s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center center}@keyframes chainShake{0%{transform:translate(-50%,-50%) translate(var(--chain-offset-x),var(--chain-offset-y)) rotate(var(--chain-angle, 0deg)) scale(var(--chain-scale, 1));filter:brightness(1)}25%{transform:translate(-50%,-50%) translate(var(--chain-offset-x),var(--chain-offset-y)) rotate(calc(var(--chain-angle, 0deg) + 5deg)) scale(calc(var(--chain-scale, 1) * 1.15));filter:brightness(1.3)}50%{transform:translate(-50%,-50%) translate(var(--chain-offset-x),var(--chain-offset-y)) rotate(calc(var(--chain-angle, 0deg) - 5deg)) scale(calc(var(--chain-scale, 1) * 1.2));filter:brightness(1.5)}75%{transform:translate(-50%,-50%) translate(var(--chain-offset-x),var(--chain-offset-y)) rotate(calc(var(--chain-angle, 0deg) + 3deg)) scale(calc(var(--chain-scale, 1) * 1.1));filter:brightness(1.2)}to{transform:translate(-50%,-50%) translate(var(--chain-offset-x),var(--chain-offset-y)) rotate(var(--chain-angle, 0deg)) scale(var(--chain-scale, 1));filter:brightness(1)}}.unlock-chain-image{width:100%;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));opacity:.9}.unlock-chain.removing{animation:chainRemove .4s cubic-bezier(.55,.055,.675,.19) forwards;pointer-events:none;transform-origin:center top;will-change:transform,opacity}@keyframes chainRemove{0%{opacity:1;transform:translate(-50%,-50%) translate(var(--chain-offset-x),var(--chain-offset-y)) rotate(var(--chain-angle, 0deg)) scale(var(--chain-scale, 1));filter:drop-shadow(0 2px 8px rgba(0,0,0,.5)) brightness(1)}20%{opacity:1;transform:translate(-50%,-50%) translate(var(--chain-offset-x),var(--chain-offset-y)) rotate(calc(var(--chain-angle, 0deg) + 15deg)) scale(calc(var(--chain-scale, 1) * 1.2));filter:drop-shadow(0 4px 12px rgba(255,255,255,.4)) brightness(1.5)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(var(--chain-offset-x) + 100px),calc(var(--chain-offset-y) + 400px)) rotate(calc(var(--chain-angle, 0deg) + 360deg)) scale(.1);filter:drop-shadow(0 0 0 rgba(0,0,0,0)) brightness(0)}}.unlock-card-pulse{position:absolute;inset:-4px;border-radius:24px;border:none;opacity:.6;animation:pulseGlow 2.5s ease-in-out infinite;pointer-events:none}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1);box-shadow:0 0 30px #ffd700b3}50%{opacity:1;transform:scale(1.06);box-shadow:0 0 70px #ffd700e6,0 0 100px #ffd700b3,0 0 150px #ffd70080}}.unlock-card-hint{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-align:center;pointer-events:none}.unlock-hint-text{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fffffff2;text-shadow:0 2px 10px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.6);animation:hintPulse 2.5s ease-in-out infinite;transition:all .2s ease}.unlock-card-waiting.clicked .unlock-hint-text{animation:hintClick .3s cubic-bezier(.34,1.56,.64,1)}@keyframes hintPulse{0%,to{transform:scale(1);text-shadow:0 2px 10px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.6)}50%{transform:scale(1.12);text-shadow:0 2px 20px rgba(0,0,0,.5),0 0 40px rgba(255,255,255,.9),0 0 60px rgba(255,255,255,.7),0 0 80px rgba(255,255,255,.5)}}@keyframes hintClick{0%{transform:scale(1)}50%{transform:scale(1.2);color:var(--card-glow, #999)}to{transform:scale(1)}}.unlock-click-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;z-index:10}.unlock-click-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.unlock-click-dot.active{background:var(--card-accent, #666);border-color:var(--card-glow, #999);box-shadow:0 0 15px var(--card-accent, #666),0 0 30px var(--card-glow, #999),0 0 45px var(--card-accent, #666);transform:scale(1.4);animation:dotPulse .3s cubic-bezier(.34,1.56,.64,1);will-change:transform,box-shadow}@keyframes dotPulse{0%{transform:scale(1);box-shadow:0 0 5px var(--card-accent, #666),0 0 10px var(--card-glow, #999)}50%{transform:scale(1.8);box-shadow:0 0 20px var(--card-accent, #666),0 0 40px var(--card-glow, #999),0 0 60px var(--card-accent, #666)}to{transform:scale(1.4);box-shadow:0 0 15px var(--card-accent, #666),0 0 30px var(--card-glow, #999),0 0 45px var(--card-accent, #666)}}.unlock-fragment{position:absolute;left:50%;top:50%;width:var(--fragment-size, 40px);height:var(--fragment-size, 40px);transform:translate(-50%,-50%);animation:fragmentFly var(--fragment-delay, 0s) .6s cubic-bezier(.34,1.56,.64,1) forwards,fragmentShine .3s ease-in-out infinite alternate;pointer-events:none;z-index:10;will-change:transform,opacity}@keyframes fragmentFly{0%{transform:translate(-50%,-50%) translate(var(--fragment-x, 0),var(--fragment-y, 0)) rotate(var(--fragment-rotation, 0deg)) scale(1);opacity:1;box-shadow:0 0 20px var(--card-glow, #999)}50%{transform:translate(-50%,-50%) translate(calc(var(--fragment-x, 0) * .5),calc(var(--fragment-y, 0) * .5)) rotate(calc(var(--fragment-rotation, 0deg) + 180deg)) scale(.8);opacity:.9;box-shadow:0 0 30px var(--card-glow, #999),0 0 40px var(--card-accent, #666)}to{transform:translate(-50%,-50%) translate(0) rotate(360deg) scale(.2);opacity:0;box-shadow:0 0 10px var(--card-glow, #999)}}@keyframes fragmentShine{0%{opacity:.8}to{opacity:1}}.unlock-fragment-inner{width:100%;height:100%;border-radius:8px;overflow:hidden;border:2px solid var(--card-accent, #666);box-shadow:0 0 15px var(--card-glow, #999);background:linear-gradient(135deg,var(--card-accent, #666),var(--card-glow, #999));position:relative}@media(min-width:769px){.unlock-fragment-inner{box-shadow:0 0 15px var(--card-glow, #999),0 0 30px var(--card-accent, #666),inset 0 0 20px #ffffff4d}}.unlock-fragment-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%);opacity:.5}50%{opacity:1}to{transform:translate(100%) translateY(100%);opacity:.5}}.unlock-fragment-image{width:100%;height:100%;object-fit:cover;mix-blend-mode:overlay}.unlock-flash-overlay{position:absolute;inset:0;background:radial-gradient(circle,#fff,#ff4d4d 40%,#900,#000);mix-blend-mode:screen;z-index:1000;pointer-events:none;opacity:0}.unlock-flash-overlay.active{animation:flashEffect .8s cubic-bezier(.15,.85,.35,1) forwards}@keyframes flashEffect{0%{opacity:0;transform:scale(.8);filter:brightness(1)}15%{opacity:1;transform:scale(1.5);filter:brightness(2)}to{opacity:0;transform:scale(2);filter:brightness(1)}}.unlock-god-rays{position:absolute;top:50%;left:50%;width:1000px;height:1000px;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;opacity:0;transition:opacity 1s ease}.unlock-god-rays.active{opacity:.6;animation:rotateRays 20s linear infinite}@keyframes rotateRays{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.unlock-ray{position:absolute;top:50%;left:50%;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:500px solid rgba(255,255,255,.1);transform-origin:top center;filter:blur(10px)}@media(min-width:769px){.unlock-ray{filter:blur(20px)}}.unlock-spark{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;pointer-events:none;z-index:20;box-shadow:0 0 10px #fff,0 0 20px var(--card-glow);animation:sparkFly .6s cubic-bezier(0,1,.5,1) forwards;will-change:transform,opacity}@keyframes sparkFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--spark-x),var(--spark-y)) scale(0);opacity:0}}.unlock-card-final{position:relative;width:280px;height:390px;border-radius:24px;overflow:hidden;border:3px solid var(--card-accent, #666);background:linear-gradient(135deg,var(--card-accent, #666),var(--card-glow, #999));box-shadow:0 0 40px var(--card-glow, #999),0 0 80px var(--card-accent, #666),0 30px 100px #0009;animation:cardAssemble .8s cubic-bezier(.17,.89,.32,1.2);z-index:20;will-change:transform,opacity;max-width:80vw;max-height:60vh}@media(max-width:768px){.unlock-card-final{width:240px;height:335px}}@keyframes cardAssemble{0%{opacity:0;transform:scale(.4) rotate(-15deg);filter:brightness(0) blur(20px)}30%{opacity:1;transform:scale(1.1) rotate(5deg);filter:brightness(2) blur(5px)}to{opacity:1;transform:scale(1) rotate(0);filter:brightness(1) blur(0)}}.unlock-gold-particles{position:absolute;inset:0;pointer-events:none;z-index:1;animation:goldParticlesFadeIn 1s ease-out forwards}@keyframes goldParticlesFadeIn{0%{opacity:0}to{opacity:1}}.unlock-gold-particle{will-change:transform,opacity}.unlock-card-final .unlock-card-image{filter:none;animation:imageReveal .4s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes imageReveal{0%{opacity:0;transform:scale(1.1) rotate(3deg);filter:brightness(.5)}50%{opacity:.8;transform:scale(.98) rotate(-1deg);filter:brightness(1.2)}to{opacity:1;transform:scale(1) rotate(0);filter:brightness(1)}}.unlock-card-glow-effect{position:absolute;inset:-2px;border-radius:24px;background:radial-gradient(circle at center,transparent 40%,var(--card-glow, #999) 100%);opacity:.6;animation:glowPulse 1.5s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none;z-index:-1}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}.unlock-card-complete{animation:cardComplete .4s cubic-bezier(.34,1.56,.64,1)}@keyframes cardComplete{0%{transform:scale(1)}30%{transform:scale(1.15) rotate(2deg)}60%{transform:scale(.98) rotate(-1deg)}to{transform:scale(1) rotate(0)}}.unlock-card-with-caption{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;max-width:min(90vw,320px)}.unlock-continue-hint{position:relative;margin-top:12px;color:#fff9;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;animation:continueHintIn .5s cubic-bezier(.34,1.56,.64,1) forwards,hintPulse 2s ease-in-out infinite .5s;white-space:nowrap;pointer-events:none;text-align:center}@keyframes continueHintIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.unlock-xp-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;width:100%;height:100%;padding:40px;position:relative;opacity:1;transition:opacity .4s ease-out,transform .4s ease-out}@media(max-width:768px){.unlock-xp-screen{gap:30px;padding:20px}}.unlock-xp-screen-fadeout{animation:xpScreenFadeOut .4s ease-out forwards}@keyframes xpScreenFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.unlock-xp-gained{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translateY(30px) scale(.9)}.unlock-xp-gained-animate{animation:xpGainedAppear .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes xpGainedAppear{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.unlock-xp-amount{font-size:3.5rem;font-weight:800;color:#fff;text-shadow:0 0 20px var(--card-glow, #999),0 0 40px var(--card-accent, #666),0 0 60px var(--card-glow, #999),0 4px 20px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.1em;animation:xpAmountGlow 1.5s ease-in-out infinite}@media(max-width:768px){.unlock-xp-amount{font-size:2.5rem}}@keyframes xpAmountGlow{0%,to{text-shadow:0 0 20px var(--card-glow, #999),0 0 40px var(--card-accent, #666),0 0 60px var(--card-glow, #999),0 4px 20px rgba(0,0,0,.5)}50%{text-shadow:0 0 30px var(--card-glow, #999),0 0 60px var(--card-accent, #666),0 0 90px var(--card-glow, #999),0 0 120px var(--card-accent, #666),0 4px 20px rgba(0,0,0,.5)}}.unlock-xp-rarity{font-size:1.2rem;font-weight:600;color:var(--card-glow, #999);text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 15px var(--card-accent, #666),0 2px 10px rgba(0,0,0,.5)}.unlock-level-indicator{display:flex;align-items:center;gap:20px;width:100%;max-width:500px;padding:20px;opacity:0;transform:translateY(40px)}.unlock-level-indicator-animate{animation:levelIndicatorAppear .7s cubic-bezier(.34,1.56,.64,1) .3s forwards}@keyframes levelIndicatorAppear{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.unlock-xp-counter{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-top:3px;opacity:0;transform:translateY(10px);animation:xpCounterAppear .5s cubic-bezier(.34,1.56,.64,1) .5s forwards}.unlock-xp-counter-value{font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px var(--card-glow, #999),0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px;transition:transform .1s ease,text-shadow .1s ease}.unlock-xp-counter-label{font-size:18px;font-weight:500;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes xpCounterAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.unlock-level-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--card-accent, #666),var(--card-glow, #999));border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--card-glow, #999),0 0 40px var(--card-accent, #666),inset 0 0 20px #fff3;flex-shrink:0;animation:levelCirclePulse 2s ease-in-out infinite;opacity:1;transform:scale(1);will-change:transform,opacity}@keyframes levelCircleOldAppear{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.unlock-level-circle-next{margin-left:auto;opacity:1;transform:scale(1)}@keyframes levelCircleNextAppear{0%{opacity:0;transform:scale(0) rotate(180deg)}50%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.unlock-level-updating,.unlock-level-updating.unlock-level-circle{animation:levelUpdate .5s cubic-bezier(.34,1.56,.64,1) forwards!important}@keyframes levelUpdate{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.3);filter:brightness(1.8) drop-shadow(0 0 15px white)}to{transform:scale(1);filter:brightness(1)}}@keyframes levelCirclePulse{0%,to{transform:scale(1);box-shadow:0 0 20px var(--card-glow, #999),0 0 40px var(--card-accent, #666),inset 0 0 20px #fff3}50%{transform:scale(1.05);box-shadow:0 0 30px var(--card-glow, #999),0 0 60px var(--card-accent, #666),inset 0 0 25px #ffffff4d}}.unlock-level-number{font-size:1.8rem;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8),0 2px 10px rgba(0,0,0,.5)}.unlock-level-bar-container{flex:1;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.2)}.unlock-level-bar-fill{height:100%;background:linear-gradient(90deg,var(--card-accent, #666),var(--card-glow, #999));border-radius:6px;transition:none!important;box-shadow:0 0 10px var(--card-glow, #999),0 0 20px var(--card-accent, #666),inset 0 0 10px #ffffff4d;position:relative;overflow:hidden;will-change:width}.unlock-level-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:levelBarShine 1.5s ease-in-out infinite}@keyframes levelBarShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.unlock-levelup-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;gap:8px;position:absolute;bottom:12%;left:0;z-index:100;opacity:0;transform:translateY(50px) scale(.8);will-change:transform,opacity;pointer-events:none}.unlock-levelup-message-animate{animation:levelupMessageAppear .8s cubic-bezier(.22,1,.36,1) .6s forwards}@keyframes levelupMessageAppear{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.unlock-levelup-text{font-size:1.8rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.15em;text-shadow:0 0 20px var(--card-glow, #999),0 0 40px var(--card-accent, #666),0 4px 15px rgba(0,0,0,.5);animation:levelupTextGlow 1s ease-in-out infinite}@keyframes levelupTextGlow{0%,to{transform:scale(1);text-shadow:0 0 20px var(--card-glow, #999),0 0 40px var(--card-accent, #666),0 4px 15px rgba(0,0,0,.5)}50%{transform:scale(1.05);text-shadow:0 0 30px var(--card-glow, #999),0 0 60px var(--card-accent, #666),0 4px 15px rgba(0,0,0,.5)}}.unlock-levelup-level{font-size:1.2rem;font-weight:700;color:var(--card-glow, #999);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 15px var(--card-accent, #666),0 2px 8px rgba(0,0,0,.5)}@media(max-width:720px){.unlock-card-waiting,.unlock-card-final{width:240px;height:335px}.unlock-hint-text{font-size:1rem}.unlock-chain{width:100px}.unlock-xp-amount{font-size:2.5rem}.unlock-xp-rarity{font-size:1rem}.unlock-level-indicator{max-width:100%;gap:15px}.unlock-level-circle{width:50px;height:50px}.unlock-level-number,.unlock-levelup-text{font-size:1.5rem}.unlock-levelup-level{font-size:1rem}}.unlock-gold-particles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.unlock-gold-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,gold,#ffed4e,#ffd700cc);box-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70099,0 0 30px #ffd70066;opacity:0}.unlock-gold-particle-1{left:10%;bottom:-10px;animation:goldParticleUp 4s ease-out infinite;animation-delay:0s}.unlock-gold-particle-2{left:20%;bottom:-10px;animation:goldParticleUp 4.5s ease-out infinite;animation-delay:.3s}.unlock-gold-particle-3{left:30%;bottom:-10px;animation:goldParticleUp 3.8s ease-out infinite;animation-delay:.6s}.unlock-gold-particle-4{left:40%;bottom:-10px;animation:goldParticleUp 4.2s ease-out infinite;animation-delay:.9s}.unlock-gold-particle-5{left:50%;bottom:-10px;animation:goldParticleUp 4s ease-out infinite;animation-delay:1.2s}.unlock-gold-particle-6{left:60%;bottom:-10px;animation:goldParticleUp 4.3s ease-out infinite;animation-delay:1.5s}.unlock-gold-particle-7{left:70%;bottom:-10px;animation:goldParticleUp 3.9s ease-out infinite;animation-delay:1.8s}.unlock-gold-particle-8{left:80%;bottom:-10px;animation:goldParticleUp 4.1s ease-out infinite;animation-delay:2.1s}.unlock-gold-particle-9{left:15%;bottom:-10px;animation:goldParticleUp 4.4s ease-out infinite;animation-delay:2.4s}.unlock-gold-particle-10{left:25%;bottom:-10px;animation:goldParticleUp 3.7s ease-out infinite;animation-delay:2.7s}.unlock-gold-particle-11{left:35%;bottom:-10px;animation:goldParticleUp 4.2s ease-out infinite;animation-delay:3s}.unlock-gold-particle-12{left:45%;bottom:-10px;animation:goldParticleUp 4s ease-out infinite;animation-delay:3.3s}.unlock-gold-particle-13{left:55%;bottom:-10px;animation:goldParticleUp 4.3s ease-out infinite;animation-delay:3.6s}.unlock-gold-particle-14{left:65%;bottom:-10px;animation:goldParticleUp 3.9s ease-out infinite;animation-delay:3.9s}.unlock-gold-particle-15{left:75%;bottom:-10px;animation:goldParticleUp 4.1s ease-out infinite;animation-delay:4.2s}@keyframes goldParticleUp{0%{transform:translateY(0) scale(.8);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-120vh) scale(1.2);opacity:0}}.legendary-unlock-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;transition:background 1s ease}.legendary-unlock-overlay.stage-earthquake{background:#050505}.legendary-unlock-overlay.stage-video{background:#000}.legendary-unlock-overlay.stage-explosion{background:#fff}.legendary-unlock-overlay.stage-reveal,.legendary-unlock-overlay.stage-xp{background:radial-gradient(circle at center,#1a1a1a,#000)}.legendary-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.legendary-unlock-overlay--xp-active .legendary-container{pointer-events:none}.legendary-unlock-overlay--xp-active .legendary-card-wrapper{animation:none}.legendary-reveal-video{position:absolute;inset:0;z-index:20;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none}.stage-earthquake .legendary-container{animation:earthquake .1s infinite}@keyframes earthquake{0%{transform:translate(0)}25%{transform:translate(5px,5px)}50%{transform:translate(-5px)}75%{transform:translateY(-5px)}to{transform:translate(5px)}}.legendary-card-stack{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:min(100%,360px);max-height:min(92vh,880px);padding:max(12px,env(safe-area-inset-top,0px)) 12px max(16px,env(safe-area-inset-bottom,0px)) 12px;box-sizing:border-box;z-index:2}.earthquake-cracks{position:absolute;inset:0;background:url(/path-to-cracks-texture.png);opacity:.3;pointer-events:none;z-index:0;border-radius:12px}.legendary-card-wrapper{position:relative;z-index:1;width:min(300px,88vw);aspect-ratio:280 / 390;max-height:min(58vh,520px);height:auto;opacity:0;transform:scale(.5);transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1)}.stage-reveal .legendary-card-wrapper,.stage-xp .legendary-card-wrapper{opacity:1;transform:scale(1);animation:cardFloating 4s ease-in-out infinite}.legendary-card-glow{position:absolute;inset:-16px;background:radial-gradient(circle,rgba(255,204,0,.4) 0%,transparent 70%);border-radius:28px;z-index:-1;animation:glowPulse 2s ease-in-out infinite alternate}.legendary-card-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:20px;border:4px solid #ffcc00;box-shadow:0 0 30px #ffcc0080}.legendary-card-info{position:relative;width:100%;max-width:min(300px,88vw);padding:12px 16px 14px;box-sizing:border-box;background:#000000e0;border:1px solid rgba(255,204,0,.4);border-radius:16px;text-align:center}.legendary-card-name{color:#fc0;font-size:clamp(1.1rem,4.5vw,1.65rem);font-weight:900;margin:0 0 6px;line-height:1.2;text-shadow:0 0 15px rgba(255,204,0,.6)}.legendary-card-rarity{display:block;color:#fff;font-size:clamp(11px,2.8vw,13px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.9}@keyframes glowPulse{0%{opacity:.4;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes cardFloating{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}75%{transform:translateY(10px) rotate(-1deg)}}.unlock-god-rays{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:1000px;opacity:0;transition:opacity 2s ease;pointer-events:none}.unlock-god-rays.active{opacity:1;animation:raysRotation 20s linear infinite}.unlock-ray{position:absolute;top:50%;left:50%;width:50px;height:1000px;background:linear-gradient(to top,rgba(255,204,0,.15),transparent);transform-origin:top center;clip-path:polygon(50% 0%,0% 100%,100% 100%)}@keyframes raysRotation{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.tap-to-continue{position:relative;margin-top:2px;color:#fc0;font-weight:800;font-size:clamp(13px,3.6vw,17px);letter-spacing:.06em;text-align:center;padding:0 10px;line-height:1.35;max-width:100%;animation:blink 1.5s infinite;text-shadow:0 0 10px rgba(255,204,0,.5)}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.legendary-unlock-overlay .unlock-xp-container{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overflow-y:auto;box-sizing:border-box;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.legendary-unlock-overlay .unlock-xp-card{width:100%;max-width:min(420px,calc(100vw - 24px));margin:auto;padding:22px 18px 24px;box-sizing:border-box;border:2px solid #ffcc00;border-radius:18px;background:linear-gradient(135deg,#222,#000)}.legendary-unlock-overlay .unlock-xp-title{color:#fc0;font-size:clamp(1rem,4.5vw,1.35rem);margin:0 0 12px;text-align:center;letter-spacing:.1em}.legendary-unlock-overlay .unlock-xp-value{color:#fff;font-size:clamp(1.5rem,6.5vw,2.1rem);font-weight:900;text-align:center;letter-spacing:.06em}.legendary-unlock-overlay .unlock-level-row{display:flex;align-items:center;gap:10px;width:100%;margin-top:14px}.legendary-unlock-overlay .unlock-level-num{flex-shrink:0;min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;border-radius:50%;background:linear-gradient(135deg,#fc0,#f90);border:2px solid rgba(255,255,255,.3)}.legendary-unlock-overlay .unlock-progress-track{flex:1;min-width:0;height:12px;background:#ffffff1f;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.22)}.legendary-unlock-overlay .unlock-progress-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#fc0,#f90);box-shadow:0 0 15px #fc09}.legendary-unlock-overlay .unlock-total-xp{margin-top:14px;text-align:center;font-weight:700;font-size:clamp(.95rem,3.5vw,1.1rem);color:#ffffffeb;letter-spacing:.04em}.legendary-unlock-overlay .tap-hint{margin-top:14px;text-align:center;color:#fc0;font-size:clamp(.85rem,3.2vw,1rem);font-weight:700;letter-spacing:.06em}