.install-prompt{position:fixed;bottom:-200px;left:50%;z-index:9998;transform:translate(-50%) translateZ(0);will-change:bottom,transform;background:linear-gradient(145deg,#2d5016f7,#1e3712fa 40%,#14260ef7);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:2px solid rgba(139,195,74,.5);border-radius:20px;box-shadow:0 0 40px #8bc34a40,0 12px 40px #00000080,0 4px 16px #0000004d,inset 0 1px #ffffff26,inset 0 -1px #0003;padding:18px 24px;min-width:340px;max-width:calc(100vw - 32px);transition:bottom .6s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;overflow:hidden}.install-prompt--visible{bottom:24px}.install-prompt:hover{transform:translate(-50%) translateY(-4px) translateZ(0);box-shadow:0 0 60px #8bc34a59,0 16px 50px #00000080,0 6px 20px #0000004d,inset 0 1px #fff3,inset 0 -1px #0003}.install-prompt__glow{position:absolute;inset:-3px;border-radius:22px;z-index:-1;background:linear-gradient(90deg,#8bc34a99,#4caf5066,#8bc34ab3,#4caf5066,#8bc34a99);background-size:200% 100%;animation:install-glow-sweep 3s ease-in-out infinite;opacity:.7;filter:blur(6px);will-change:background-position,opacity}@keyframes install-glow-sweep{0%,to{background-position:0% 50%;opacity:.5}50%{background-position:100% 50%;opacity:.8}}.install-prompt__content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.install-prompt__icon-wrapper{position:relative;flex-shrink:0}.install-prompt__icon{width:56px;height:56px;border-radius:14px;object-fit:cover;object-position:center;box-shadow:0 4px 16px #0006,0 2px 4px #0003,inset 0 1px #fff3;animation:install-icon-bounce 2.5s ease-in-out infinite;will-change:transform}@keyframes install-icon-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.03)}}.install-prompt__icon-shine{position:absolute;inset:0;border-radius:14px;overflow:hidden;pointer-events:none}.install-prompt__icon-shine:after{content:"";position:absolute;top:-100%;left:-100%;width:200%;height:200%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 45%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 55%,transparent 70%);animation:install-shine-sweep 4s ease-in-out infinite;will-change:transform}@keyframes install-shine-sweep{0%,to{transform:translate(-50%) translateY(-50%) rotate(25deg)}50%{transform:translate(100%) translateY(100%) rotate(25deg)}}.install-prompt__text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.install-prompt__title{font-family:Poppins,Montserrat,-apple-system,sans-serif;font-size:1.05rem;font-weight:700;color:#f4fae8;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.4),0 0 20px rgba(139,195,74,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-prompt__subtitle{font-family:Inter,Open Sans,-apple-system,sans-serif;font-size:.85rem;font-weight:500;color:#c8e6b4e6;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-prompt__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.install-prompt__btn{border:none;outline:none;cursor:pointer;min-height:48px;min-width:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Poppins,Montserrat,-apple-system,sans-serif;font-weight:600;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,background .2s ease,border-color .2s ease;will-change:transform;overflow:hidden;position:relative}.install-prompt__btn--primary{padding:12px 22px;border-radius:14px;font-size:.9rem;color:#fff;background:linear-gradient(145deg,#9ccc65,#8bc34a 30%,#7cb342 70%,#689f38);box-shadow:0 4px 16px #8bc34a73,0 2px 6px #00000040,inset 0 1px #ffffff40,inset 0 -1px #0000001a;text-shadow:0 1px 2px rgba(0,0,0,.25)}.install-prompt__btn--primary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);background:linear-gradient(145deg,#aed581,#9ccc65 30%,#8bc34a 70%,#7cb342);box-shadow:0 8px 28px #8bc34a8c,0 4px 10px #0000004d,inset 0 1px #ffffff59,inset 0 -1px #0000001a}.install-prompt__btn--primary:active:not(:disabled){transform:translateY(-1px) scale(.99)}.install-prompt__btn--primary:disabled{opacity:.7;cursor:not-allowed}.install-prompt__btn--primary:focus-visible{outline:3px solid rgba(139,195,74,.8);outline-offset:3px}.install-prompt__btn-icon{font-size:1.1rem;flex-shrink:0}.install-prompt__btn-glare{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:skew(-25deg);pointer-events:none}.install-prompt__btn--primary:hover .install-prompt__btn-glare{animation:install-btn-glare .6s ease-out forwards}@keyframes install-btn-glare{0%{left:-100%}to{left:150%}}.install-prompt__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:install-spin .7s linear infinite;flex-shrink:0}@keyframes install-spin{to{transform:rotate(360deg)}}.install-prompt__btn--never{width:44px;height:44px;padding:0;border-radius:12px;font-size:1rem;color:#c8c8b4b3;background:#ffffff0d;border:1px solid rgba(139,195,74,.15)}.install-prompt__btn--never:hover{transform:scale(1.08);color:#ffc8c8e6;background:#ff64641a;border-color:#ff64644d}.install-prompt__btn--never:active{transform:scale(1.02)}.install-prompt__btn--never:focus-visible{outline:3px solid rgba(139,195,74,.8);outline-offset:2px}.install-prompt__btn--dismiss{width:44px;height:44px;padding:0;border-radius:12px;font-size:1.1rem;color:#c8e6b4cc;background:#ffffff14;border:1px solid rgba(139,195,74,.25)}.install-prompt__btn--dismiss:hover{transform:scale(1.08) rotate(90deg);color:#fff;background:#ffffff26;border-color:#8bc34a80}.install-prompt__btn--dismiss:active{transform:scale(1.02) rotate(90deg)}.install-prompt__btn--dismiss:focus-visible{outline:3px solid rgba(139,195,74,.8);outline-offset:2px}.install-prompt__badge{position:absolute;top:-10px;right:20px;padding:5px 12px;border-radius:12px;background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 3px 10px #4caf5066,inset 0 1px #fff3;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}.install-modal-overlay{position:fixed;inset:0;z-index:10000;background:#0a140ad9;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);display:flex;align-items:center;justify-content:center;padding:20px;animation:install-modal-fade-in .35s ease-out}@keyframes install-modal-fade-in{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(12px)}}.install-modal{position:relative;width:100%;max-width:400px;background:linear-gradient(155deg,#32551cfa,#203a14fc,#162a0ffa);border:2px solid rgba(139,195,74,.55);border-radius:28px;box-shadow:0 0 80px #8bc34a40,0 25px 80px #0009,0 10px 30px #0006,inset 0 1px #ffffff1f;padding:36px 32px;text-align:center;animation:install-modal-slide-up .45s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes install-modal-slide-up{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.install-modal__glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(139,195,74,.15) 0%,transparent 50%);pointer-events:none;animation:install-modal-glow-pulse 4s ease-in-out infinite}@keyframes install-modal-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.install-modal__close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:none;outline:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff14;border-radius:50%;color:#c8e6b4cc;font-size:1.15rem;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1),background .2s ease,color .2s ease}.install-modal__close:hover{transform:rotate(90deg) scale(1.1);background:#ffffff26;color:#fff}.install-modal__close:focus-visible{outline:3px solid rgba(139,195,74,.8);outline-offset:2px}.install-modal__icon-wrapper{position:relative;display:inline-block;margin-bottom:20px}.install-modal__icon{width:88px;height:88px;border-radius:22px;box-shadow:0 8px 32px #0006,0 4px 12px #0000004d,inset 0 1px #fff3;position:relative;z-index:2}.install-modal__icon-pulse{position:absolute;inset:-8px;border-radius:30px;border:3px solid rgba(139,195,74,.6);animation:install-icon-pulse-ring 2s ease-out infinite;pointer-events:none}@keyframes install-icon-pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}.install-modal__title{font-family:Poppins,Montserrat,-apple-system,sans-serif;font-size:1.6rem;font-weight:700;color:#f4fae8;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 30px rgba(139,195,74,.2)}.install-modal__subtitle{font-family:Inter,Open Sans,-apple-system,sans-serif;font-size:1rem;color:#c8e6b4e6;margin:0 0 28px}.install-modal__steps{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:14px;text-align:left}.install-modal__step{display:flex;align-items:center;gap:14px;background:#00000040;border:1px solid rgba(139,195,74,.25);border-radius:16px;padding:16px 18px;opacity:0;animation:install-step-appear .4s ease-out forwards;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s ease,box-shadow .2s ease}.install-modal__step:nth-child(1){animation-delay:.15s}.install-modal__step:nth-child(2){animation-delay:.25s}.install-modal__step:nth-child(3){animation-delay:.35s}@keyframes install-step-appear{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.install-modal__step:hover{transform:translate(4px);border-color:#8bc34a73;box-shadow:0 4px 16px #0003}.install-modal__step-num{flex-shrink:0;width:36px;height:36px;background:linear-gradient(145deg,#8bc34a,#689f38);border-radius:50%;box-shadow:0 3px 10px #8bc34a66,inset 0 1px #ffffff40;display:flex;align-items:center;justify-content:center;font-family:Poppins,Montserrat,-apple-system,sans-serif;font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.install-modal__step-content{display:flex;align-items:center;gap:12px;flex:1;font-family:Inter,Open Sans,-apple-system,sans-serif;font-size:.95rem;color:#e6f5dcf2;line-height:1.45}.install-modal__step-content strong{color:#c5e1a5;font-weight:600}.install-modal__step-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#8bc34a}.install-modal__step-icon svg{width:24px;height:24px;stroke:#8bc34a}.install-modal__note{display:flex;align-items:center;justify-content:center;gap:12px;background:#8bc34a1f;border:1px solid rgba(139,195,74,.35);border-radius:14px;padding:14px 18px;margin-bottom:24px}.install-modal__note-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0}.install-modal__note span{font-family:Inter,Open Sans,-apple-system,sans-serif;font-size:.9rem;color:#c5e1a5}.install-modal__done{border:none;outline:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;min-height:56px;padding:16px 28px;border-radius:16px;background:linear-gradient(145deg,#9ccc65,#8bc34a 30%,#7cb342 70%,#689f38);box-shadow:0 6px 24px #8bc34a73,0 3px 8px #00000040,inset 0 1px #ffffff40,inset 0 -1px #0000001a;font-family:Poppins,Montserrat,-apple-system,sans-serif;font-size:1.05rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);overflow:hidden;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}.install-modal__done:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 36px #8bc34a8c,0 6px 14px #0000004d,inset 0 1px #ffffff59,inset 0 -1px #0000001a}.install-modal__done:active{transform:translateY(-2px) scale(1)}.install-modal__done:focus-visible{outline:3px solid rgba(255,255,255,.7);outline-offset:3px}.install-modal__done-glare{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:skew(-25deg);pointer-events:none}.install-modal__done:hover .install-modal__done-glare{animation:install-btn-glare .7s ease-out forwards}@media (max-width: 768px){.install-prompt{left:16px;right:16px;transform:translate(0) translateZ(0);max-width:none;min-width:0;padding:16px 20px;bottom:-180px;border-radius:18px}.install-prompt--visible{bottom:16px}.install-prompt:hover{transform:translateY(-3px) translateZ(0)}.install-prompt__content{flex-wrap:wrap;gap:14px}.install-prompt__icon{width:52px;height:52px;border-radius:13px}.install-prompt__text{flex:1;min-width:120px}.install-prompt__title{font-size:.98rem}.install-prompt__subtitle{font-size:.82rem}.install-prompt__actions{width:100%;justify-content:space-between;gap:10px}.install-prompt__btn--primary{flex:1;justify-content:center;padding:14px 16px}.install-prompt__btn--never,.install-prompt__btn--dismiss{width:42px;height:42px;flex-shrink:0}.install-prompt__badge{display:none}.install-modal{padding:28px 24px;max-width:360px;border-radius:24px}.install-modal__icon{width:76px;height:76px;border-radius:19px}.install-modal__title{font-size:1.4rem}.install-modal__step{padding:14px 16px}}@media (max-width: 480px){.install-prompt{left:12px;right:12px;padding:14px 16px;border-radius:16px}.install-prompt--visible{bottom:12px}.install-prompt__icon{width:48px;height:48px;border-radius:12px}.install-prompt__title{font-size:.92rem}.install-prompt__subtitle{font-size:.78rem}.install-prompt__btn--primary{padding:12px;font-size:.82rem;border-radius:12px}.install-prompt__btn--never,.install-prompt__btn--dismiss{width:40px;height:40px;font-size:.95rem}.install-modal-overlay{padding:12px}.install-modal{padding:24px 18px;border-radius:22px}.install-modal__icon{width:68px;height:68px;border-radius:17px}.install-modal__title{font-size:1.25rem}.install-modal__subtitle{font-size:.92rem;margin-bottom:22px}.install-modal__step{padding:12px 14px;gap:12px;border-radius:14px}.install-modal__step-num{width:32px;height:32px;font-size:.9rem}.install-modal__step-content{font-size:.88rem;gap:10px}.install-modal__step-icon{width:24px;height:24px;font-size:1.15rem}.install-modal__done{min-height:52px;padding:14px 24px;font-size:1rem;border-radius:14px}}@media (max-width: 360px){.install-prompt{left:8px;right:8px;padding:12px 14px}.install-prompt__icon{width:44px;height:44px}.install-prompt__title{font-size:.88rem}.install-prompt__subtitle{font-size:.75rem}.install-prompt__btn--primary{padding:10px;font-size:.78rem}.install-prompt__btn--never,.install-prompt__btn--dismiss{width:36px;height:36px;font-size:.9rem}.install-modal{padding:20px 14px}.install-modal__icon{width:60px;height:60px}.install-modal__title{font-size:1.15rem}}@media (max-height: 500px) and (orientation: landscape){.install-prompt{padding:10px 16px;border-radius:14px}.install-prompt--visible{bottom:8px}.install-prompt__icon{width:40px;height:40px}.install-prompt__btn--never,.install-prompt__btn--dismiss{width:38px;height:38px}.install-modal-overlay{padding:10px;align-items:flex-start;overflow-y:auto}.install-modal{max-height:calc(100vh - 20px);overflow-y:auto;padding:20px 18px;margin:auto}.install-modal__icon{width:56px;height:56px}.install-modal__icon-wrapper{margin-bottom:14px}.install-modal__steps{gap:10px;margin-bottom:18px}}@media (min-width: 1200px){.install-prompt{min-width:480px;padding:20px 28px;border-radius:22px}.install-prompt__icon{width:64px;height:64px;border-radius:16px}.install-prompt__title{font-size:1.12rem}.install-prompt__subtitle{font-size:.9rem}.install-prompt__btn--primary{padding:14px 28px;font-size:.95rem;border-radius:16px}.install-modal{max-width:440px;padding:40px 36px;border-radius:32px}.install-modal__icon{width:96px;height:96px;border-radius:24px}.install-modal__title{font-size:1.75rem}}@media (prefers-reduced-motion: reduce){.install-prompt{transition:bottom .3s ease,transform .15s ease}.install-prompt:hover{transform:translate(-50%) translateZ(0)}.install-prompt__glow{animation:none;opacity:.6}.install-prompt__icon{animation:none}.install-prompt__icon-shine:after{animation:none;display:none}.install-prompt__btn-glare{display:none}.install-prompt__btn--dismiss:hover,.install-prompt__btn--never:hover{transform:scale(1.05)}.install-modal-overlay,.install-modal,.install-modal__glow{animation:none}.install-modal__icon-pulse{animation:none;display:none}.install-modal__done-glare{display:none}.install-modal__step:hover{transform:none}.install-modal__step{animation:none;opacity:1}}@media (prefers-contrast: high){.install-prompt{border-width:3px;border-color:#8bc34a}.install-prompt__btn--primary{border:2px solid #fff}.install-prompt__btn--dismiss,.install-prompt__btn--never{border:2px solid rgba(139,195,74,.8)}.install-modal{border-width:3px}.install-modal__step{border-width:2px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.install-prompt--visible{bottom:calc(16px + env(safe-area-inset-bottom))}@media (max-width: 768px){.install-prompt--visible{bottom:calc(12px + env(safe-area-inset-bottom))}}}.login-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;overflow-x:hidden;overflow-y:auto;background:linear-gradient(135deg,#1a3a1a,#2d5016 25%,#4a7c2e 75%,#5a8c3e)}.login-background-layer{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(0,0,0,.5) 100%),radial-gradient(ellipse at 20% 30%,rgba(138,43,226,.18) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,140,0,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,150,50,.1) 0%,transparent 70%);animation:backgroundBreathing 20s ease-in-out infinite;z-index:1}@keyframes backgroundBreathing{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.floating-otties{position:fixed;inset:0;pointer-events:none;z-index:2}.floating-ottie{position:absolute;width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6));opacity:.85;animation-timing-function:ease-in-out;animation-iteration-count:infinite;transition:opacity .6s ease,filter .6s ease}.ottie-transforming{animation:ottieTransform .6s ease-in-out}@keyframes ottieTransform{0%{opacity:.85;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6))}50%{opacity:1;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(255,215,0,.8)) drop-shadow(0 0 50px rgba(138,43,226,.6));transform:scale(1.15)}to{opacity:.85;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6))}}.ottie-1{top:10%;left:8%;animation:floatOttie1 25s infinite}@keyframes floatOttie1{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(30px,-20px) rotate(5deg) scale(1.05)}50%{transform:translate(10px,-40px) rotate(-3deg) scale(1)}75%{transform:translate(-20px,-20px) rotate(3deg) scale(.95)}}.ottie-2{top:15%;right:12%;animation:floatOttie2 28s infinite;animation-delay:-5s}@keyframes floatOttie2{0%,to{transform:translate(0) rotate(0) scale(1)}30%{transform:translate(-25px,30px) rotate(-5deg) scale(1.08)}60%{transform:translate(-15px,60px) rotate(4deg) scale(.95)}80%{transform:translate(15px,35px) rotate(-2deg) scale(1.02)}}.ottie-3{top:45%;left:5%;animation:floatOttie3 30s infinite;animation-delay:-10s}@keyframes floatOttie3{0%,to{transform:translate(0) rotate(0) scale(1)}35%{transform:translate(40px,-30px) rotate(6deg) scale(1.1)}70%{transform:translate(20px,-50px) rotate(-4deg) scale(.98)}}.ottie-4{top:50%;right:8%;animation:floatOttie4 26s infinite;animation-delay:-15s;opacity:.7}@keyframes floatOttie4{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.7}40%{transform:translate(-30px,-25px) rotate(-7deg) scale(1.05);opacity:.9}80%{transform:translate(-10px,15px) rotate(3deg) scale(.95);opacity:.6}}.ottie-5{bottom:12%;left:15%;animation:floatOttie5 24s infinite;animation-delay:-8s}@keyframes floatOttie5{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(35px,-35px) rotate(8deg) scale(1.12)}66%{transform:translate(-15px,-60px) rotate(-5deg) scale(1.03)}}.ottie-6{bottom:18%;right:10%;animation:floatOttie6 32s infinite;animation-delay:-12s}@keyframes floatOttie6{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-40px,-20px) rotate(-6deg) scale(1.06)}50%{transform:translate(-20px,-45px) rotate(4deg) scale(.97)}75%{transform:translate(10px,-30px) rotate(-3deg) scale(1.04)}}.floating-eggs{position:fixed;inset:0;pointer-events:none;z-index:3}.floating-egg{position:absolute;width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 6px 15px rgba(0,0,0,.5));opacity:.75;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.egg-1{top:8%;left:25%;animation:floatEgg1 20s infinite}@keyframes floatEgg1{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(20px,-30px) rotate(180deg)}}.egg-2{top:20%;right:25%;animation:floatEgg2 22s infinite;animation-delay:-5s}@keyframes floatEgg2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-25px,35px) rotate(-180deg)}}.egg-3{top:55%;left:18%;animation:floatEgg3 24s infinite;animation-delay:-8s}@keyframes floatEgg3{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,-25px) rotate(180deg)}}.egg-4{bottom:15%;left:8%;animation:floatEgg4 26s infinite;animation-delay:-12s}@keyframes floatEgg4{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(40px,-40px) rotate(-180deg)}}.egg-5{bottom:25%;right:15%;animation:floatEgg5 23s infinite;animation-delay:-15s;opacity:.65}@keyframes floatEgg5{0%,to{transform:translate(0) rotate(0);opacity:.65}50%{transform:translate(-35px,30px) rotate(180deg);opacity:.85}}.login-particles{position:fixed;inset:0;pointer-events:none;z-index:4}.particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#ffd700 0%,#ffa500 40%,transparent 70%);border-radius:50%;box-shadow:0 0 12px gold,0 0 6px #fff,0 0 20px #ffd70066;animation:particleFloat 15s ease-in-out infinite}@keyframes particleFloat{0%{transform:translateY(0) translate(0) scale(.5);opacity:0}5%{opacity:.8;transform:translateY(-5vh) translate(calc(var(--drift) * .05)) scale(1)}15%{opacity:1}85%{opacity:.9}95%{opacity:.3}to{transform:translateY(-100vh) translate(var(--drift)) scale(.5);opacity:0}}.particle-1{top:100%;left:10%;--drift: 30px;animation-delay:0s;animation-duration:18s}.particle-2{top:100%;left:25%;--drift: -25px;animation-delay:3s;animation-duration:20s}.particle-3{top:100%;left:40%;--drift: 40px;animation-delay:6s;animation-duration:16s}.particle-4{top:100%;left:55%;--drift: -35px;animation-delay:9s;animation-duration:22s}.particle-5{top:100%;left:70%;--drift: 20px;animation-delay:12s;animation-duration:19s}.particle-6{top:100%;left:85%;--drift: -40px;animation-delay:15s;animation-duration:17s}.particle-7{top:100%;left:15%;--drift: -15px;animation-delay:2s;animation-duration:21s}.particle-8{top:100%;left:60%;--drift: 35px;animation-delay:7s;animation-duration:18s}.particle-9{top:100%;left:35%;--drift: -30px;animation-delay:11s;animation-duration:23s}.particle-10{top:100%;left:90%;--drift: 25px;animation-delay:5s;animation-duration:19s}.login-container{position:relative;z-index:5;text-align:center;width:100%;max-width:550px;margin:auto;padding:1rem 0;animation:containerSlideUp 1s cubic-bezier(.68,-.55,.265,1.55)}@keyframes containerSlideUp{0%{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;animation:logoEntrance 1.2s cubic-bezier(.68,-.55,.265,1.55);animation-delay:.2s;animation-fill-mode:both}@keyframes logoEntrance{0%{opacity:0;transform:translateY(-50px) scale(.7) rotate(-10deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.login-mascot{height:100px;width:auto;object-fit:contain;filter:drop-shadow(4px 4px 10px rgba(0,0,0,.8)) drop-shadow(0 0 15px rgba(138,43,226,.3));animation:mascotBounce 3s ease-in-out infinite;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);cursor:pointer}.login-mascot:hover{transform:scale(1.2) rotate(8deg);filter:drop-shadow(6px 6px 15px rgba(138,43,226,.9)) drop-shadow(0 0 25px rgba(138,43,226,.6)) drop-shadow(0 0 40px rgba(255,215,0,.4))}.login-mascot:active{transform:scale(1.1) rotate(-5deg)}@keyframes mascotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.login-logo{height:120px;width:auto;object-fit:contain;filter:drop-shadow(4px 4px 10px rgba(0,0,0,.9)) drop-shadow(0 0 5px rgba(255,140,0,.2));animation:logoGlow 4s ease-in-out infinite;will-change:filter;transition:transform .3s ease}.login-logo:hover{transform:scale(1.05);filter:drop-shadow(4px 4px 10px rgba(0,0,0,.9)) drop-shadow(0 0 25px rgba(255,140,0,.6))}@keyframes logoGlow{0%,to{filter:drop-shadow(4px 4px 10px rgba(0,0,0,.9)) drop-shadow(0 0 20px rgba(255,140,0,.4))}50%{filter:drop-shadow(4px 4px 10px rgba(0,0,0,.9)) drop-shadow(0 0 35px rgba(255,140,0,.7))}}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.corner-decoration{position:absolute;width:40px;height:40px;pointer-events:none;opacity:.3;animation:cornerShimmer 4s ease-in-out infinite;will-change:opacity,box-shadow}.corner-top-left{top:-2px;left:-2px;border-top:4px solid #ffd700;border-left:4px solid #ffd700;border-top-left-radius:24px}.corner-top-right{top:-2px;right:-2px;border-top:4px solid #ffd700;border-right:4px solid #ffd700;border-top-right-radius:24px;animation-delay:1s}.corner-bottom-left{bottom:-2px;left:-2px;border-bottom:4px solid #ffd700;border-left:4px solid #ffd700;border-bottom-left-radius:24px;animation-delay:2s}.corner-bottom-right{bottom:-2px;right:-2px;border-bottom:4px solid #ffd700;border-right:4px solid #ffd700;border-bottom-right-radius:24px;animation-delay:3s}@keyframes cornerShimmer{0%,to{opacity:.25;box-shadow:0 0 10px #ffd70033}50%{opacity:.5;box-shadow:0 0 20px #ffd70066}}.login-subtitle{font-size:1.8rem;margin-bottom:.8rem;animation:subtitleFadeIn 1s ease-out;animation-delay:.4s;animation-fill-mode:both}.subtitle-gradient{background:linear-gradient(135deg,#fff,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;display:inline-block;animation:gradientShift 5s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,215,0,.4)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}@keyframes gradientShift{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.3)}}.login-tagline{font-size:1.2rem;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.9),0 0 15px rgba(255,140,0,.4);margin-bottom:2.8rem;font-weight:600;letter-spacing:.5px;animation:taglineFadeIn 1s ease-out;animation-delay:.3s;animation-fill-mode:both}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes taglineFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-panel{position:relative;z-index:5;background:linear-gradient(180deg,#ff8c00f5,#ffa500f5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:4px solid rgba(139,69,19,.9);border-radius:24px;padding:2.5rem;width:100%;max-width:500px;margin:0 auto;box-shadow:0 25px 70px #000000bf,0 0 50px #ff8c0066,0 0 100px #ffd70033,inset 0 -2px 25px #ffd70040,inset 0 2px 15px #ffffff26;animation:panelEntrance .3s cubic-bezier(.68,-.55,.265,1.55);animation-delay:.3s;animation-fill-mode:both;overflow:hidden}@-moz-document url-prefix(){.login-panel{background:linear-gradient(180deg,#e67d00f5,#e69600f5)}}@keyframes panelEntrance{0%{opacity:0;transform:scale(.8) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.panel-title{display:flex;align-items:center;justify-content:center;gap:12px;color:#2d2d2d;margin-bottom:1.8rem;font-size:2rem;text-shadow:2px 2px 4px rgba(255,255,255,.5),0 0 20px rgba(255,215,0,.3);font-weight:800;letter-spacing:.5px;animation:titlePulse 3s ease-in-out infinite}.title-icon{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(255,215,0,.3));animation:titleIconGlow 3s ease-in-out infinite;will-change:filter}@keyframes titleIconGlow{0%,to{filter:drop-shadow(0 3px 6px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(255,215,0,.3))}50%{filter:drop-shadow(0 3px 6px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,215,0,.6))}}.login-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{text-align:left;animation:inputSlideIn .6s ease-out;animation-fill-mode:both}.form-group:nth-child(1){animation-delay:.35s}.form-group:nth-child(2){animation-delay:.4s}.form-group:nth-child(3){animation-delay:.45s}@keyframes inputSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.form-group label{display:flex;align-items:center;gap:8px;color:#2d2d2d;font-weight:700;margin-bottom:.6rem;font-size:1.1rem;text-shadow:1px 1px 2px rgba(255,255,255,.4),0 0 10px rgba(255,215,0,.2);transition:all .3s ease}.label-icon-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(255,215,0,.2));transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.form-group:hover .label-icon-img{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(255,215,0,.5))}.form-group input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.9rem 1rem;border:3px solid rgba(139,69,19,.7);border-radius:12px;font-size:1.05rem;font-family:inherit;background-color:#8b7355;color:#fff;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:inset 0 3px 6px #0000001f,0 2px 8px #0000001a}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #8B7355 inset!important;-webkit-text-fill-color:#ffffff!important;box-shadow:0 0 0 30px #8b7355 inset!important;caret-color:#fff}.form-group input:autofill{background-color:#8b7355!important;color:#fff!important}.form-group input::placeholder{color:#fff9;font-style:italic;opacity:1}.form-group input:focus{outline:none;border-color:gold;background-color:#9b8365;color:#fff;box-shadow:0 0 0 4px #ffd70059,inset 0 2px 5px #00000026,0 6px 20px #ffd70073,0 0 30px #ffd70040;transform:translateY(-3px)}.form-group input:disabled{opacity:.7;cursor:not-allowed;background-color:#6b5345;color:#fff9}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:50px}.password-toggle{position:absolute;right:10px;background:#0000000d;border:none;font-size:1.3em;cursor:pointer;padding:5px 10px;opacity:.75;transition:all .25s cubic-bezier(.68,-.55,.265,1.55);border-radius:8px;box-shadow:0 2px 5px #0000001a}.password-toggle:hover:not(:disabled){opacity:1;background:#0000001f;transform:scale(1.15);box-shadow:0 3px 10px #00000026}.password-toggle:active:not(:disabled){transform:scale(.95)}.password-hint{margin-top:.4rem;font-size:.85rem;color:#2d2d2d;font-style:italic;opacity:.8}.error-message{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#dc3545f5,#8b0000f5);color:#fff;padding:1rem 1.2rem;border-radius:12px;font-weight:600;border:3px solid rgba(139,0,0,.9);box-shadow:0 6px 25px #dc354580,0 0 20px #dc35454d,inset 0 -2px 10px #0000004d;animation:errorShake .5s ease-in-out;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-icon{font-size:1.4em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.btn-primary,.btn-secondary{padding:1.1rem 1.5rem;font-size:1.15rem;font-weight:700;border:3px solid rgba(139,69,19,.8);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#4caf50,#45a049,#3d8b40);color:#fff;box-shadow:0 6px 25px #4caf5080,0 0 20px #4caf504d,inset 0 -2px 10px #0003,inset 0 2px 5px #ffffff26;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:buttonEntrance .3s ease-out;animation-delay:.48s;animation-fill-mode:both;display:flex;align-items:center;justify-content:center;gap:12px}.btn-icon-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(255,255,255,.3));transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.btn-primary:hover:not(:disabled) .btn-icon-img{transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 3px 6px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(255,255,255,.6)) drop-shadow(0 0 30px rgba(255,215,0,.4))}@keyframes buttonEntrance{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.btn-primary:before{content:"";position:absolute;inset:-50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%) rotate(45deg);transition:transform .6s ease}.btn-primary:hover:not(:disabled):before{transform:translate(100%) rotate(45deg)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#51cf66,#4caf50,#45a049);transform:translateY(-4px) scale(1.02);box-shadow:0 10px 35px #4caf5099,inset 0 -2px 10px #0003,0 0 25px #51cf6666;border-color:#28a745}.btn-primary:active:not(:disabled){transform:translateY(-2px) scale(.98);box-shadow:0 4px 15px #4caf5080}.loading-spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-right-color:#ffffffb3;border-radius:50%;animation:spin .7s linear infinite;margin-right:10px;vertical-align:middle;box-shadow:0 0 10px #ffffff4d}.btn-secondary{background:linear-gradient(135deg,#e0e0e0,#ccc);color:#333;margin-top:.5rem;box-shadow:0 4px 15px #0000004d,inset 0 -2px 8px #0000001a,inset 0 2px 5px #ffffff4d;text-shadow:1px 1px 2px rgba(255,255,255,.6);animation:buttonEntrance .3s ease-out;animation-delay:.5s;animation-fill-mode:both;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#f0f0f0,#e0e0e0);transform:translateY(-2px);box-shadow:0 6px 20px #0006,inset 0 -2px 8px #0000001a}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.panel-divider{position:relative;text-align:center;margin:1.5rem 0 1rem;animation:dividerFadeIn .3s ease-out;animation-delay:.47s;animation-fill-mode:both}.panel-divider:before,.panel-divider:after{content:"";position:absolute;top:50%;width:40%;height:2px;background:linear-gradient(90deg,transparent,rgba(139,69,19,.5),transparent);box-shadow:0 0 8px #8b45134d}.panel-divider:before{left:0}.panel-divider:after{right:0}.divider-text{background:#ffffff40;padding:5px 18px;border-radius:20px;color:#2d2d2d;font-weight:700;font-size:.9rem;text-transform:lowercase;border:2px solid rgba(139,69,19,.4);box-shadow:0 2px 8px #0003,inset 0 1px 3px #ffffff4d;text-shadow:1px 1px 2px rgba(255,255,255,.5)}@keyframes dividerFadeIn{0%{opacity:0}to{opacity:1}}.hover-indicator{position:absolute;top:23%;left:28%;z-index:101;pointer-events:none;animation:indicatorFadeIn 1s ease-out;animation-delay:.35s;animation-fill-mode:both}.hover-hint-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 15px rgba(255,215,0,.5));animation:hoverPulse 2.5s ease-in-out infinite;will-change:transform,filter,opacity}@keyframes hoverPulse{0%,to{transform:scale(.5) translateY(0);opacity:.7;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 0 15px rgba(255,215,0,.5))}50%{transform:scale(1.5) translateY(-5px);opacity:1;filter:drop-shadow(0 6px 12px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(255,215,0,.8)) drop-shadow(0 0 40px rgba(138,43,226,.5))}}@keyframes indicatorFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-teasers{position:relative;z-index:100;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;margin-bottom:2.5rem;padding:0 1rem;animation:teasersSlideIn .8s ease-out;animation-delay:.3s;animation-fill-mode:both}@keyframes teasersSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.feature-teaser-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;overflow:visible;background:linear-gradient(135deg,#ffffff40,#ffffff26);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,215,0,.5);border-radius:25px;padding:10px 18px;color:#fff;font-weight:600;font-size:.95rem;box-shadow:0 4px 15px #0006,0 0 15px #ffd70033,inset 0 1px 3px #ffffff40;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);text-shadow:2px 2px 5px rgba(0,0,0,.7);cursor:pointer;animation:teaserPillEntrance .6s ease-out;animation-fill-mode:both;flex-shrink:0}.feature-teaser-pill:nth-child(1){animation-delay:.32s}.feature-teaser-pill:nth-child(2){animation-delay:.34s}.feature-teaser-pill:nth-child(3){animation-delay:.36s}.feature-teaser-pill:nth-child(4){animation-delay:.38s}@keyframes teaserPillEntrance{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-teaser-pill:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);border-color:gold;transform:translateY(-5px) scale(1.08);box-shadow:0 10px 30px #00000080,0 0 25px #ffd70080,0 0 40px #ffd7004d,inset 0 1px 3px #ffffff59}.teaser-icon-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(255,215,0,.3));transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.feature-teaser-pill:hover .teaser-icon-img{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 3px 6px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(255,215,0,.7)) drop-shadow(0 0 25px rgba(138,43,226,.4))}.feature-icon-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(255,215,0,.3));transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.feature-pill:hover .feature-icon-img{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 2px 5px rgba(0,0,0,.6)) drop-shadow(0 0 15px rgba(255,215,0,.6))}.feature-tooltip{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%);width:380px;max-width:90vw;background:linear-gradient(180deg,#28193cfa,#1e0f32fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:3px solid #8a2be2;border-radius:16px;padding:20px;box-shadow:0 15px 40px #000c,0 0 30px #8a2be299,inset 0 2px 15px #8a2be233;z-index:10000;pointer-events:none;animation:tooltipSlideDown .3s cubic-bezier(.68,-.55,.265,1.55);word-wrap:break-word}.tooltip-bottom{top:auto;bottom:calc(100% + 15px);animation:tooltipSlideUp .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes tooltipSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes tooltipSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.feature-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:12px solid transparent;border-bottom-color:#8a2be2;filter:drop-shadow(0 -2px 5px rgba(138,43,226,.4))}.tooltip-bottom:before{content:"";position:absolute;top:100%;bottom:auto;left:50%;transform:translate(-50%);border:12px solid transparent;border-top-color:#8a2be2;border-bottom-color:transparent;filter:drop-shadow(0 2px 5px rgba(138,43,226,.4))}.feature-tooltip h4{display:flex;align-items:center;gap:10px;color:gold;font-size:1.2em;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.6);border-bottom:2px solid rgba(138,43,226,.5);padding-bottom:8px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.tooltip-title-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6)) drop-shadow(0 0 12px rgba(255,215,0,.4));flex-shrink:0}.feature-tooltip p{color:plum;font-size:.95em;line-height:1.6;margin-bottom:15px;text-shadow:1px 1px 3px rgba(0,0,0,.5);white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.tooltip-stats{display:grid;gap:6px}.tooltip-stats div{background:#8a2be233;border-left:3px solid #8a2be2;padding:6px 10px;border-radius:6px;color:#51cf66;font-size:.9em;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.6);white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.login-features-bottom{position:relative;z-index:100;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;margin-top:2.8rem;padding:0 1rem;animation:featuresSlideUp .8s ease-out;animation-delay:.4s;animation-fill-mode:both}.login-features-bottom .feature-pill{position:relative;display:inline-flex;gap:10px;white-space:nowrap;flex-shrink:0;min-width:fit-content}@keyframes featuresSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-pill{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ffffff40,#ffffff26);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,215,0,.5);border-radius:25px;padding:10px 18px;color:#fff;font-weight:600;font-size:.95rem;box-shadow:0 4px 15px #0006,0 0 15px #ffd70033,inset 0 1px 3px #ffffff40;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);text-shadow:2px 2px 5px rgba(0,0,0,.7);animation:featurePillEntrance .6s ease-out;animation-fill-mode:both}.login-features-bottom .feature-pill:nth-child(1){animation-delay:.42s}.login-features-bottom .feature-pill:nth-child(2){animation-delay:.44s}@keyframes featurePillEntrance{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-pill:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);border-color:gold;transform:translateY(-5px) scale(1.08);box-shadow:0 10px 30px #00000080,0 0 25px #ffd70080,0 0 40px #ffd7004d,inset 0 1px 3px #ffffff59}.feature-icon{font-size:1.3em;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(255,215,0,.3));transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.feature-pill:hover .feature-icon{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 2px 5px rgba(0,0,0,.6)) drop-shadow(0 0 15px rgba(255,215,0,.6))}@media (min-width: 2560px){.login-screen{padding:4rem}.login-logo{height:180px}.login-mascot{height:150px}.login-subtitle{font-size:2.5rem}.login-tagline{font-size:1.8rem}.login-panel{min-width:650px;padding:3.5rem}.panel-title{font-size:2.8rem}.form-group label{font-size:1.4rem}.form-group input{padding:1.2rem 1.3rem;font-size:1.3rem}.btn-primary,.btn-secondary{padding:1.4rem 2rem;font-size:1.4rem}.floating-ottie{width:180px;height:180px}.floating-egg{width:120px;height:120px}}@media (max-width: 2559px) and (min-width: 1920px){.login-logo{height:140px}.login-mascot{height:115px}.login-panel{min-width:520px}.floating-ottie{width:140px;height:140px}.floating-egg{width:95px;height:95px}}@media (max-width: 1919px) and (min-width: 1200px){.login-logo{height:120px}.login-mascot{height:100px}.login-panel{min-width:480px}.floating-ottie{width:120px;height:120px}.floating-egg{width:80px;height:80px}}@media (max-width: 1199px) and (min-width: 768px){.login-screen{padding:1.5rem}.login-logo{height:100px}.login-mascot{height:85px}.login-subtitle{font-size:1.6rem}.login-tagline{font-size:1.1rem;margin-bottom:2rem}.login-panel{min-width:420px;padding:2rem}.panel-title{font-size:1.8rem}.form-group label{font-size:1.05rem}.form-group input{padding:.8rem .9rem;font-size:1rem}.btn-primary,.btn-secondary{padding:1rem 1.3rem;font-size:1.1rem}.floating-ottie{width:100px;height:100px}.floating-egg{width:65px;height:65px}.feature-pill{font-size:.9rem;padding:8px 14px}}@media (max-width: 767px) and (min-width: 600px){.login-screen{padding:1.2rem}.login-container{max-width:95%}.login-logo{height:90px}.login-mascot{height:75px}.login-subtitle{font-size:1.5rem}.login-tagline{font-size:1rem;margin-bottom:1.8rem}.login-panel{max-width:100%;padding:1.8rem}.panel-title{font-size:1.6rem}.form-group input{padding:.75rem .85rem;font-size:.95rem}.btn-primary,.btn-secondary{padding:.95rem 1.2rem;font-size:1.05rem;min-height:50px}.floating-ottie{width:80px;height:80px;opacity:.7}.floating-egg{width:55px;height:55px;opacity:.65}.ottie-5,.ottie-6,.egg-4,.egg-5{display:none}.feature-teasers{gap:10px;margin-bottom:2rem;flex-wrap:wrap}.feature-teaser-pill{font-size:.9rem;padding:9px 16px}.teaser-icon-img{width:35px;height:35px}.feature-tooltip{width:300px;padding:18px}.feature-tooltip h4{font-size:1.1em}.feature-tooltip p{font-size:.9em}.login-features-bottom .feature-pill{gap:10px}.feature-icon-img,.label-icon-img{width:35px;height:35px}.title-icon{width:80px;height:80px}.btn-icon-img,.hover-hint-icon{width:35px;height:35px}}@media (max-width: 599px) and (min-width: 480px){.login-screen{padding:1rem}.login-container{max-width:100%}.login-logo{height:80px}.login-mascot{height:65px}.login-subtitle{font-size:1.3rem;margin-bottom:.5rem}.login-tagline{font-size:.95rem;margin-bottom:1.5rem}.login-panel{max-width:100%;padding:1.5rem;border-width:3px}.corner-decoration{width:30px;height:30px}.panel-title{font-size:1.5rem;margin-bottom:1.5rem}.form-group label{font-size:1rem}.form-group input{padding:.7rem .8rem;font-size:.95rem;border-width:2px}.btn-primary,.btn-secondary{padding:.85rem 1rem;font-size:1rem;min-height:48px}.error-message{padding:.8rem 1rem;font-size:.9rem}.feature-teasers{gap:8px;margin-bottom:1.8rem;flex-wrap:wrap}.feature-teaser-pill{font-size:.85rem;padding:8px 14px;gap:8px}.teaser-icon-img{width:32px;height:32px}.feature-tooltip{width:280px;padding:16px}.feature-tooltip h4{font-size:1em}.feature-tooltip p{font-size:.85em;margin-bottom:12px}.tooltip-stats div{font-size:.85em;padding:5px 8px}.tooltip-title-icon{width:32px;height:32px}.login-features-bottom{gap:10px;margin-top:2rem}.login-features-bottom .feature-pill{font-size:.85rem;padding:7px 12px;gap:8px}.feature-icon-img,.label-icon-img{width:32px;height:32px}.title-icon{width:70px;height:70px}.btn-icon-img{width:32px;height:32px}.hover-indicator{top:20%;left:25%}.hover-hint-icon{width:32px;height:32px}.floating-ottie{width:70px;height:70px;opacity:.6}.floating-egg{width:50px;height:50px;opacity:.55}.ottie-3,.ottie-4,.ottie-5,.ottie-6,.egg-3,.egg-4,.egg-5{display:none}}@media (max-width: 479px){.login-screen{padding:.8rem}.login-container{max-width:100%}.login-logo{height:70px}.login-mascot{height:60px}.login-subtitle{font-size:1.2rem;margin-bottom:.4rem}.login-tagline{font-size:.9rem;margin-bottom:1.2rem}.login-panel{max-width:100%;padding:1.3rem;border-width:3px;border-radius:20px}.corner-decoration{width:25px;height:25px;opacity:.25}.panel-title{font-size:1.35rem;margin-bottom:1.3rem}.form-group{gap:1rem}.form-group label{font-size:.95rem}.label-icon{font-size:1.1em}.form-group input{padding:.7rem;font-size:.9rem;border-width:2px;border-radius:10px}.btn-primary,.btn-secondary{padding:.8rem 1rem;font-size:.95rem;min-height:48px;border-radius:12px}.error-message{padding:.75rem;font-size:.85rem}.login-features{gap:8px;margin-top:1.8rem}.feature-pill{font-size:.8rem;padding:6px 10px}.feature-icon{font-size:1.1em}.feature-teasers{gap:6px;margin-bottom:1.5rem;flex-wrap:wrap}.feature-teaser-pill{font-size:.8rem;padding:7px 12px;gap:7px}.teaser-icon-img{width:28px;height:28px}.feature-tooltip{width:260px;padding:14px}.feature-tooltip h4{font-size:.95em}.feature-tooltip p,.tooltip-stats div{font-size:.8em}.login-features-bottom{gap:8px;margin-top:1.8rem}.login-features-bottom .feature-pill{gap:7px}.feature-icon-img,.label-icon-img{width:28px;height:28px}.title-icon{width:60px;height:60px}.btn-icon-img{width:28px;height:28px}.hover-indicator{top:18%;left:22%}.hover-hint-icon{width:28px;height:28px}.floating-ottie{width:60px;height:60px;opacity:.5}.floating-egg{width:45px;height:45px;opacity:.5}.ottie-2,.ottie-3,.ottie-4,.ottie-5,.ottie-6,.egg-2,.egg-3,.egg-4,.egg-5{display:none}}@media (max-width: 359px){.login-container{max-width:100%}.login-logo{height:60px}.login-mascot{height:50px}.login-subtitle{font-size:1.1rem}.login-tagline{font-size:.85rem}.login-panel{max-width:100%;padding:1rem}.corner-decoration{display:none}.panel-title{font-size:1.2rem}.form-group label{font-size:.9rem}.form-group input{padding:.65rem;font-size:.85rem}.btn-primary,.btn-secondary{padding:.75rem .9rem;font-size:.9rem}.feature-teasers{gap:5px;margin-bottom:1.2rem;flex-wrap:wrap}.feature-teaser-pill{font-size:.75rem;padding:6px 10px;gap:6px}.teaser-icon-img{width:24px;height:24px}.feature-tooltip{display:none}.login-features-bottom{margin-top:1.5rem}.login-features-bottom .feature-pill{font-size:.75rem;padding:5px 8px;gap:6px}.feature-icon-img,.label-icon-img{width:24px;height:24px}.title-icon{width:50px;height:50px}.btn-icon-img,.tooltip-title-icon{width:24px;height:24px}.hover-indicator{display:none}.floating-ottie{width:50px;height:50px}.ottie-2,.ottie-3,.ottie-4,.ottie-5,.ottie-6,.floating-eggs{display:none}.login-particles{opacity:.5}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-otties,.floating-eggs,.login-particles{display:none}.login-container{animation:none;opacity:1;transform:none}}.floating-ottie,.floating-egg,.login-particles,.login-background-layer{will-change:transform,opacity;transform:translateZ(0);-webkit-transform:translateZ(0)}.login-panel{will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.password-strength-container{margin-top:12px;animation:strengthFadeIn .3s ease-out}@keyframes strengthFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-strength-bar{height:6px;background:#0003;border-radius:3px;overflow:hidden;margin-bottom:8px;box-shadow:inset 0 1px 3px #0003}.password-strength-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease;box-shadow:0 0 8px currentColor}.password-strength-label{font-size:.85rem;font-weight:700;text-align:center;margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,.3);transition:color .3s ease}.password-requirements{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.password-requirements span{font-size:.75rem;padding:4px 10px;border-radius:12px;background:#00000026;color:#666;transition:all .3s ease;border:2px solid transparent}.password-requirements span.met{background:#28a74533;color:#28a745;border-color:#28a74566;box-shadow:0 0 8px #28a7454d}.password-requirement-notice{margin-top:10px;padding:8px 14px;background:#dc354526;border:2px solid rgba(220,53,69,.5);border-radius:10px;color:#dc3545;font-size:.85rem;font-weight:600;text-align:center;animation:noticeAppear .3s ease-out}.form-group input.input-valid{border-color:#28a74599!important;box-shadow:inset 0 2px 10px #0003,0 0 10px #28a7454d!important}.form-group input.input-invalid{border-color:#dc354599!important;box-shadow:inset 0 2px 10px #0003,0 0 10px #dc35454d!important}.email-validation-error,.email-validation-success{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;animation:noticeAppear .25s ease-out}.email-validation-error{background:#dc354526;border:2px solid rgba(220,53,69,.4);color:#dc3545}.email-validation-success{background:#28a74526;border:2px solid rgba(40,167,69,.4);color:#28a745}.validation-icon{font-size:.9rem}.username-validation-error,.username-validation-success{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;animation:noticeAppear .25s ease-out}.username-validation-error{background:#dc354526;border:2px solid rgba(220,53,69,.4);color:#dc3545}.username-validation-success{background:#28a74526;border:2px solid rgba(40,167,69,.4);color:#28a745}.password-match-indicator{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;animation:noticeAppear .25s ease-out}.password-match-indicator.match{background:#28a74526;border:2px solid rgba(40,167,69,.4);color:#28a745}.password-match-indicator.no-match{background:#dc354526;border:2px solid rgba(220,53,69,.4);color:#dc3545}.form-group input.password-match{border-color:#28a74599!important;box-shadow:inset 0 2px 10px #0003,0 0 10px #28a7454d!important}.form-group input.password-mismatch{border-color:#dc354599!important;box-shadow:inset 0 2px 10px #0003,0 0 10px #dc35454d!important}@keyframes noticeAppear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.btn-tooltip-wrapper .btn-primary{display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto}.password-match-indicator{margin-top:8px;font-size:.85rem;font-weight:600;text-align:center;padding:6px 12px;border-radius:8px;animation:matchFadeIn .3s ease-out}@keyframes matchFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.password-match-indicator.match{background:#28a74533;color:#28a745;border:2px solid rgba(40,167,69,.4);box-shadow:0 0 10px #28a7454d}.password-match-indicator.no-match{background:#dc354533;color:#dc3545;border:2px solid rgba(220,53,69,.4);box-shadow:0 0 10px #dc35454d}.form-group input.password-match{border-color:#28a745;box-shadow:0 0 0 3px #28a74533}.form-group input.password-mismatch{border-color:#dc3545;box-shadow:0 0 0 3px #dc354533}.forgot-password-link{background:none;border:none;color:#1a5a1a;font-size:.9rem;font-weight:600;cursor:pointer;padding:8px 0;margin-top:-8px;text-decoration:underline;text-underline-offset:3px;transition:all .3s ease;align-self:flex-end}.forgot-password-link:hover:not(:disabled){color:#28a745;text-shadow:0 0 10px rgba(40,167,69,.5)}.forgot-password-link:disabled{opacity:.5;cursor:not-allowed}.success-message{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#28a745f5,#208637f5);color:#fff;padding:1rem 1.2rem;border-radius:12px;font-weight:600;border:3px solid rgba(32,134,55,.9);box-shadow:0 6px 25px #28a74580,0 0 20px #28a7454d,inset 0 -2px 10px #0003;animation:successPop .5s cubic-bezier(.68,-.55,.265,1.55);text-shadow:2px 2px 4px rgba(0,0,0,.4)}@keyframes successPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.success-icon{font-size:1.4em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.auth-special-panel{animation:panelSlideIn .6s cubic-bezier(.68,-.55,.265,1.55);display:flex;flex-direction:column;align-items:center}.auth-special-panel .btn-primary,.auth-special-panel .btn-secondary{width:auto;min-width:200px;align-self:center}.auth-special-panel form{width:100%;display:flex;flex-direction:column;align-items:center}.auth-special-panel .form-group,.auth-special-panel .panel-divider{width:100%}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-panel-description{color:#2d2d2d;font-size:1.05rem;line-height:1.6;text-align:center;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(255,255,255,.4)}.verification-panel{text-align:center}.verification-icon-container{position:relative;display:inline-block;margin-bottom:1.5rem}.verification-large-icon{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 6px 15px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(255,215,0,.4));animation:mailBounce 2s ease-in-out infinite}@keyframes mailBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.verification-check{position:absolute;bottom:-5px;right:-5px;width:40px;height:40px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 15px #28a74580,0 0 15px #28a7454d;animation:checkPop .5s cubic-bezier(.68,-.55,.265,1.55) .3s both}@keyframes checkPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.verification-title{font-size:1.8rem!important;margin-bottom:1rem!important}.verification-email-display{background:#ffffff80;padding:12px 20px;border-radius:10px;font-size:1.1rem;font-weight:700;color:#1a5a1a;margin-bottom:1.5rem;border:2px solid rgba(139,69,19,.3);word-break:break-all;box-shadow:inset 0 2px 5px #0000001a}.verification-info-box{background:linear-gradient(135deg,#28a74526,#20c99726);border:2px solid rgba(40,167,69,.4);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem;text-align:left}.verification-info-box p{margin:.5rem 0;color:#1a5a1a;font-size:.95rem}.verification-info-box p:first-child{font-size:1.1rem;margin-bottom:.75rem}.verification-info-box.reset-info{background:linear-gradient(135deg,#ffc10726,#ff980026);border-color:#ff980066;text-align:center}.verification-info-box.reset-info p{color:#5a3d00}.resend-btn{margin-top:.5rem}.verification-required-panel{border-color:#dc354599;box-shadow:0 25px 70px #000000bf,0 0 50px #dc354533,inset 0 -2px 25px #ffd70040}.verification-warning{background:linear-gradient(135deg,#fd7e14,#dc3545)!important;border-color:#dc3545e6!important;box-shadow:0 4px 15px #dc354580,0 0 15px #dc35454d!important}.pulse-animation{animation:mailPulse 2s ease-in-out infinite}@keyframes mailPulse{0%,to{transform:scale(1);filter:drop-shadow(0 6px 15px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(255,215,0,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 8px 20px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(220,53,69,.5))}}.verification-required-info{background:linear-gradient(135deg,#ffc10726,#fd7e1426);border-color:#fd7e1466}.verification-required-info p{color:#5a3d00}.verification-required-info .small-text{font-size:.85rem;opacity:.8;margin-top:.75rem}.verification-required-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}@media (max-width: 599px){.password-requirements{gap:6px}.password-requirements span{font-size:.7rem;padding:3px 8px}.verification-large-icon{width:80px;height:80px}.verification-check{width:35px;height:35px;font-size:1.2rem}.verification-title{font-size:1.5rem!important}.verification-email-display{font-size:.95rem;padding:10px 15px}.verification-info-box{padding:.8rem 1rem}.verification-info-box p{font-size:.85rem}.verification-info-box p:first-child{font-size:1rem}}@media (max-width: 479px){.password-requirements{gap:4px}.password-requirements span{font-size:.65rem;padding:2px 6px}.password-strength-label{font-size:.8rem}.forgot-password-link{font-size:.85rem}.verification-large-icon{width:70px;height:70px}.verification-check{width:30px;height:30px;font-size:1rem}}.mission-event-log{display:flex;flex-direction:column}.log-header{background:linear-gradient(135deg,#1e1e1efa,#141414);padding:1.1rem;text-align:center;font-size:1.25rem;font-weight:900;border-bottom:3px solid rgba(139,69,19,.5);text-transform:uppercase;border-radius:8px 8px 0 0;letter-spacing:1.5px;font-family:Impact,sans-serif;text-shadow:0 3px 6px rgba(0,0,0,.9);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0009,inset 0 1px #ffffff0d}.log-content{flex:1;background:linear-gradient(135deg,#0f0f0ffa,#141414);padding:1.25rem;color:#fff;font-family:Courier New,monospace;font-size:.95rem;line-height:1.7;overflow-y:auto;scroll-behavior:smooth;box-shadow:inset 0 2px 8px #0009;border-radius:0 0 8px 8px}.log-content::-webkit-scrollbar{width:12px}.log-content::-webkit-scrollbar-track{background:#0006;border-radius:6px;border:1px solid rgba(139,69,19,.3)}.log-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b4513cc,#65330fe6);border-radius:6px;border:1px solid rgba(212,175,55,.4);box-shadow:0 0 8px #8b451380;transition:all .3s ease}.log-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d4af37e6,#8b4513);box-shadow:0 0 12px #d4af37b3;border-color:#d4af3799}.log-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;font-size:1.1rem;text-align:center;padding:2rem;gap:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.log-empty p{margin:0;line-height:1.6}.log-empty-intel{display:flex;flex-direction:column;gap:12px;padding:1.25rem;height:100%;overflow-y:auto;color:#c8a84e;font-size:.85rem;line-height:1.5}.log-intel-title{text-align:center;font-size:1.1rem;font-weight:900;color:#e8c84e;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.9);padding-bottom:8px;border-bottom:1px solid rgba(200,168,78,.3)}.log-intel-flavor{margin:0;color:#a08860;font-size:.8rem;font-style:italic;text-align:center;line-height:1.5}.log-intel-facts{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#c8a84e0f;border:1px solid rgba(200,168,78,.12);border-radius:6px}.log-intel-row{display:flex;gap:8px;align-items:baseline}.log-intel-label{color:#a08860;font-weight:600;font-size:.8rem;min-width:80px;flex-shrink:0}.log-intel-value{color:#f5e6c8;font-weight:500;font-size:.8rem}.log-intel-types{color:#e8c84e}.log-intel-section{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:#0003;border:1px solid rgba(200,168,78,.1);border-radius:6px}.log-intel-section-header{color:#c8a84e;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:4px;border-bottom:1px solid rgba(200,168,78,.15)}.log-intel-hazard{display:flex;flex-direction:column;gap:2px;padding:4px 0}.log-intel-hazard-name{color:#f5e6c8;font-weight:600;font-size:.8rem}.log-intel-hazard-detail{color:#a08860;font-size:.75rem}.log-intel-immunity{color:#7dffb3}.log-intel-no-immunity{color:#f86}.log-intel-cta{margin:auto 0 0;text-align:center;color:#999;font-size:.8rem;padding-top:8px;border-top:1px solid rgba(200,168,78,.15)}@media (max-width: 480px){.log-empty-intel{padding:.75rem;gap:8px;font-size:.78rem}.log-intel-title{font-size:.95rem;letter-spacing:1px}.log-intel-label{min-width:65px;font-size:.75rem}.log-intel-value{font-size:.75rem}}.log-events{display:flex;flex-direction:column;gap:.6rem}.log-line{padding:.7rem .9rem;border-left:3px solid rgba(255,140,0,.6);background:linear-gradient(90deg,rgba(255,140,0,.12) 0%,transparent 100%);border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.log-line:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transition:left .5s ease}.log-line:hover:before{left:100%}.log-line:hover{background:linear-gradient(90deg,#ff8c0033,#ff8c000d);border-left-color:#ff8c00e6;border-left-width:4px;transform:translate(3px);box-shadow:0 2px 8px #ff8c0033}.log-line.start{color:gold;font-weight:900;font-size:1.15rem;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.5);background:linear-gradient(90deg,#ffd7002e,#ffd70014);border-left-color:gold;border-left-width:4px;margin:1rem 0;padding:.9rem 1.1rem;box-shadow:0 4px 12px #ffd7004d}.log-line.start:hover{background:linear-gradient(90deg,#ffd70040,#ffd7001f);box-shadow:0 6px 16px #ffd70066,0 0 20px #ffd7004d}.log-line.combat{color:#ff6b6b;font-weight:800;background:linear-gradient(90deg,#ff6b6b2e,#ff6b6b0d);border-left-color:#ff6b6b;border-left-width:4px;margin:.9rem 0;padding:.8rem 1rem;box-shadow:0 3px 10px #ff6b6b4d;text-shadow:0 2px 4px rgba(0,0,0,.9)}.log-line.combat:hover{background:linear-gradient(90deg,#ff6b6b40,#ff6b6b14);box-shadow:0 5px 14px #ff6b6b73,0 0 18px #ff6b6b4d}.log-line.pet-attack{color:#4caf50;font-weight:800;background:linear-gradient(90deg,#4caf502e,#4caf500d);border-left-color:#4caf50;border-left-width:4px;margin:.9rem 0;padding:.8rem 1rem;box-shadow:0 3px 10px #4caf504d;text-shadow:0 2px 4px rgba(0,0,0,.9)}.log-line.pet-attack:hover{background:linear-gradient(90deg,#4caf5040,#4caf5014);box-shadow:0 5px 14px #4caf5073,0 0 18px #4caf504d}.log-line.complete{color:#4caf50;font-weight:900;font-size:1.15rem;background:linear-gradient(135deg,#4caf5038,#4caf501f);border:3px solid rgba(76,175,80,.6);border-radius:8px;margin:1.2rem 0;padding:1rem 1.2rem;text-align:center;box-shadow:0 5px 15px #4caf5066,inset 0 1px #4caf504d;text-shadow:0 2px 4px rgba(0,0,0,.9);animation:completeLinePulse 2.5s ease-in-out infinite}@keyframes completeLinePulse{0%,to{box-shadow:0 5px 15px #4caf5066,inset 0 1px #4caf504d}50%{box-shadow:0 7px 20px #4caf5099,0 0 25px #4caf5080,inset 0 1px #4caf5066}}.log-line.complete:hover{background:linear-gradient(135deg,#4caf5047,#4caf5029);border-color:#4caf50cc}.log-line.reward{color:#ffeb3b;font-weight:700;background:linear-gradient(90deg,#ffeb3b26,#ffeb3b0d);border-left-color:#ffeb3b;border-left-width:4px;padding-left:1.8rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.log-line.reward:hover{background:linear-gradient(90deg,#ffeb3b38,#ffeb3b14);box-shadow:0 3px 10px #ffeb3b4d}.log-progress{padding:1.1rem;background:linear-gradient(135deg,#1e1e1efa,#141414);border-top:3px solid rgba(139,69,19,.5);border-radius:0 0 8px 8px;box-shadow:inset 0 2px 8px #0009,inset 0 1px #ffd70014}.progress-bar{height:24px;background:linear-gradient(135deg,#0f0f0f,#141414);border:3px solid rgba(139,69,19,.6);border-radius:12px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 2px 6px #000c,0 2px 8px #00000080;position:relative}.progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a,#8bc34a,#66bb6a,#4caf50);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #4caf5099,inset 0 1px #ffffff4d;position:relative;animation:progressShimmer 2s linear infinite;background-size:200% 100%}.progress-fill:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressSweep 3s ease-in-out infinite}.stage-info{text-align:center;color:gold;font-weight:900;font-size:1.15rem;font-family:Impact,sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.4);animation:stageInfoPulse 2.5s ease-in-out infinite}@keyframes stageInfoPulse{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.4)}50%{text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 25px rgba(255,215,0,.6)}}.notification-banner{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:2000;animation:notificationSlideDown .4s cubic-bezier(.34,1.56,.64,1),notificationFadeOut .5s ease 2s forwards;pointer-events:none}@keyframes notificationSlideDown{0%{transform:translate(-50%) translateY(-80px) scale(.8);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes notificationFadeOut{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(-20px) scale(.95);opacity:0}}.notification-content{background:radial-gradient(ellipse at top center,rgba(255,215,0,.15) 0%,transparent 60%),linear-gradient(180deg,#4a3728,#3d2d22 15%,#5c4332,#3d2d22 85%,#2d1f18);color:#fff;padding:20px 35px;border-radius:16px;border:4px solid #8b6914;box-shadow:0 8px 32px #000c,0 0 20px #ffc1074d,inset 0 2px #ffd7004d,inset 0 -2px 8px #0006;font-size:1.25rem;font-weight:700;text-align:center;white-space:pre-line;min-width:320px;max-width:450px;position:relative;overflow:hidden}.notification-content:before{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.6) 20%,rgba(255,215,0,.9) 50%,rgba(255,215,0,.6) 80%,transparent 100%);border-radius:2px}.notification-content .notification-title{font-size:1.6rem;font-weight:900;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,193,7,.3);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.notification-content .notification-rewards{display:flex;flex-direction:column;gap:8px;margin:10px 0}.notification-content .reward-row{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.1rem;color:#f5f5f5;text-shadow:0 1px 3px rgba(0,0,0,.6);padding:6px 12px;background:#00000040;border-radius:8px;border:1px solid rgba(255,215,0,.2)}.notification-content .notification-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.notification-content .notification-hint{font-size:.85rem;color:#b8a67a;font-style:italic;margin-top:10px;text-shadow:0 1px 2px rgba(0,0,0,.5);opacity:.9}@media (max-width: 768px){.notification-banner{top:70px}.notification-content{padding:16px 24px;min-width:280px;max-width:90vw;font-size:1.1rem;border-radius:12px}.notification-content .notification-title{font-size:1.35rem}.notification-content .reward-row{font-size:1rem;gap:8px}.notification-content .notification-icon{width:24px;height:24px}}@media (max-width: 480px){.notification-banner{top:60px}.notification-content{padding:14px 18px;min-width:260px;font-size:1rem;border-width:3px}.notification-content .notification-title{font-size:1.2rem;margin-bottom:8px}.notification-content .reward-row{font-size:.95rem;padding:5px 10px}.notification-content .notification-icon{width:22px;height:22px}.notification-content .notification-hint{font-size:.75rem}}@media (prefers-reduced-motion: reduce){.notification-banner{animation:notificationFadeOnly .2s ease,notificationFadeOut .3s ease 2s forwards}@keyframes notificationFadeOnly{0%{opacity:0}to{opacity:1}}}.mission-selector{background:linear-gradient(180deg,#ff8c00,orange);border:4px solid #8b4513;border-radius:12px;padding:1.5rem;box-shadow:0 6px 12px #0009;display:flex;flex-direction:column;gap:1.5rem;min-height:500px}.info-board{background:#1a1a1a;border:3px solid #8b4513;border-radius:8px;padding:1.5rem;color:#fff;min-height:150px;max-height:500px;overflow-y:auto}.mission-info h3{color:gold;margin-bottom:1rem;font-size:1.3rem;text-transform:uppercase}.mission-description{margin-bottom:.75rem;line-height:1.6;border-left:3px solid #ff8c00;padding-left:1rem;font-size:.95rem}.mission-stats{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem;padding:1rem;background:#0000004d;border-radius:8px;border:2px solid rgba(255,140,0,.3)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.95rem;line-height:1}.stat-row span:first-child{color:orange;font-weight:700}.stat-row .value{color:gold;font-weight:700;text-align:right}.loot-table-section{margin-top:1.5rem}.loot-table-section h4{color:gold;margin-bottom:1rem;font-size:1.1rem;text-align:center}.loot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;padding:1rem;background:#0006;border-radius:8px;border:2px solid rgba(255,215,0,.3);max-height:300px;overflow-y:auto}.loot-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;background:#8b45134d;border:2px solid rgba(255,140,0,.5);border-radius:8px;transition:all .2s ease}.loot-item:hover{background:#8b451380;border-color:orange;transform:scale(1.05)}.loot-item-image{width:48px;height:48px;object-fit:contain}.loot-item-name{font-size:.7rem;color:gold;text-align:center;line-height:1.2;word-wrap:break-word;max-width:100%}.mission-status{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:1.2rem;font-weight:700;color:gold;text-align:center;gap:.5rem}.mission-buttons{display:flex;flex-direction:column;gap:1rem}.mission-btn{padding:1.25rem;font-size:1.2rem;font-weight:700;border:3px solid #8b4513;border-radius:8px;cursor:pointer;transition:all .2s;text-transform:uppercase;box-shadow:0 4px 8px #0006}.mission-btn.forest{background:linear-gradient(180deg,#2d5016,#4a7c2e);color:#fff}.mission-btn.mines{background:linear-gradient(180deg,#4a4a4a,#2d2d2d);color:#fff}.mission-btn.wilderness{background:linear-gradient(180deg,#5d4e37,#8b7355);color:#fff}.mission-btn.farming{background:linear-gradient(180deg,#3a5a3a,#5a8a5a);color:#fff}.mission-btn.in-progress{background:linear-gradient(180deg,gold,#ffed4e);color:#2d2d2d;cursor:not-allowed}.mission-btn.claim{background:linear-gradient(180deg,#4caf50,#45a049);color:#fff}.mission-btn.reset{background:linear-gradient(180deg,#f44,#c00);color:#fff}.mission-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #00000080}.mission-btn:disabled{opacity:.6;cursor:not-allowed}.mission-confirm{background:#2d2d2d;border:3px solid #ffd700;border-radius:8px;padding:1.5rem;color:#fff;text-align:center}.mission-confirm-title{margin-bottom:1rem;font-size:1.2rem;font-weight:700;color:gold}.mission-confirm p{margin-bottom:1rem;font-size:1.1rem}.pet-selector{margin:1rem 0;text-align:left}.pet-selector-label{color:gold;font-size:1rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.no-pets-message{color:#ff6b6b;font-size:.95rem;font-style:italic;padding:1rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px}.pet-selector-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:.5rem}.pet-selector-card{display:flex;flex-direction:column;align-items:center;padding:12px;background:linear-gradient(145deg,#3c3c3c,#2d2d2d);border:3px solid rgba(100,100,100,.6);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:100px;max-width:120px;box-shadow:0 4px 12px #0006}.pet-selector-card:hover{border-color:#ffd70099;transform:translateY(-3px);box-shadow:0 0 20px #ffd7004d,0 6px 16px #00000080}.pet-selector-card.selected{border-color:gold;background:linear-gradient(145deg,#504628,#3c321e);box-shadow:0 0 25px #ffd70080,0 6px 16px #00000080,inset 0 0 20px #ffd7001a;transform:translateY(-3px) scale(1.02)}.pet-selector-image{width:56px;height:56px;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6));margin-bottom:8px;transition:transform .2s ease}.pet-selector-card:hover .pet-selector-image,.pet-selector-card.selected .pet-selector-image{transform:scale(1.1)}.pet-selector-info{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px}.pet-selector-name{font-size:.9rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);text-align:center;line-height:1.2}.pet-selector-level{font-size:.75rem;font-weight:600;color:gold;background:#0006;padding:2px 8px;border-radius:10px}.pet-selector-stats{display:flex;flex-direction:column;gap:2px;font-size:.7rem;color:#ccc}.pet-stat{display:flex;align-items:center;gap:3px}.pet-stat.hp{color:#ff6b6b}.pet-stat.energy{color:gold}.btn-confirm.ready{animation:readyPulse 1.5s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 4px 15px #4caf5066}50%{box-shadow:0 4px 25px #4caf50b3}}.inventory-risk-warning{background:linear-gradient(90deg,#ff6b6b,#ee5a6f);border:2px solid #c92a2a;border-radius:6px;padding:.75rem;margin:1rem 0;color:#fff;font-weight:700;text-align:center;animation:warningPulse 2s ease-in-out infinite}.confirm-buttons{display:flex;gap:1rem}.btn-confirm,.btn-cancel{flex:1;padding:1rem;font-size:1.1rem;font-weight:700;border:3px solid #8b4513;border-radius:6px;cursor:pointer;transition:all .2s;text-transform:uppercase}.btn-confirm{background:linear-gradient(180deg,#4caf50,#45a049);color:#fff}.btn-cancel{background:linear-gradient(180deg,#888,#666);color:#fff}.btn-confirm:hover:not(:disabled),.btn-cancel:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.mission-navigation{display:flex;flex-direction:column;gap:.75rem}.btn-info{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border:3px solid #8b4513;border-radius:6px;background:linear-gradient(180deg,#888,#666);color:#fff;cursor:pointer;transition:all .2s;text-transform:uppercase}.btn-info:hover{background:linear-gradient(180deg,#999,#777);transform:translateY(-2px);box-shadow:0 4px 8px #0006}.btn-return-hub{padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;border:3px solid #2e7d32;border-radius:8px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 8px #0006,0 0 #4caf5000;animation:gentlePulse 3s ease-in-out infinite;font-family:Impact,sans-serif;letter-spacing:1px}.return-icon{font-size:1.5rem;transition:transform .3s ease}.return-text{flex:1;text-align:center}.btn-return-hub:hover{background:linear-gradient(135deg,#45a049,#388e3c);border-color:#1b5e20;transform:translateY(-3px);box-shadow:0 8px 16px #00000080,0 0 20px #4caf504d}.btn-return-hub:hover .return-icon{transform:translate(-4px)}.btn-return-hub:active{transform:translateY(-1px)}@keyframes gentlePulse{0%,to{box-shadow:0 4px 8px #0006,0 0 #4caf5000}50%{box-shadow:0 4px 8px #0006,0 0 12px 4px #4caf5080}}@media (max-width: 768px){.mission-navigation{gap:.6rem}.btn-info{padding:.65rem 1.25rem;font-size:.95rem}.btn-return-hub{padding:.9rem 1.25rem;font-size:1rem;gap:.6rem}.return-icon{font-size:1.3rem}}@media (max-width: 600px){.mission-navigation{gap:.5rem}.btn-info{padding:.6rem 1rem;font-size:.9rem;border-width:2px}.btn-return-hub{padding:.85rem 1rem;font-size:.95rem;gap:.5rem;border-width:2px}.return-icon{font-size:1.2rem}}@media (max-width: 480px){.btn-info,.btn-return-hub{padding:.75rem .9rem;font-size:.85rem}.return-icon{font-size:1.1rem}}.mission-reward-notification{display:flex;flex-direction:column;gap:.75rem;text-align:center}.notification-title{font-size:1.4rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:.5rem}.notification-rewards{display:flex;flex-direction:column;gap:.5rem}.reward-row{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;color:#fff}.notification-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.notification-hint{font-size:.85rem;color:#aaa;font-style:italic;margin-top:.5rem}@media (max-width: 600px){.notification-title{font-size:1.2rem}.reward-row{font-size:.9rem}.notification-icon{width:20px;height:20px}.notification-hint{font-size:.75rem}}.currency-display{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:0 .25rem}.coin-icon{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));animation:coinGlow 2.5s ease-in-out infinite;flex-shrink:0}.coin-amount{font-size:1.1rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(255,215,0,.3);letter-spacing:.5px;white-space:nowrap}@keyframes coinGlow{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}50%{filter:drop-shadow(0 2px 6px rgba(255,215,0,.6))}}@media (max-width: 1200px){.currency-display{gap:4px}.coin-icon{width:24px;height:24px}.coin-amount{font-size:.95rem}}@media (max-width: 1024px){.currency-display{gap:3px}.coin-icon{width:22px;height:22px}.coin-amount{font-size:.9rem}}@media (max-width: 768px){.currency-display{gap:2px;padding:0 .15rem}.coin-icon{width:20px;height:20px}.coin-amount{font-size:.85rem}}@media (max-width: 600px){.coin-icon{width:18px;height:18px}.coin-amount{font-size:.8rem}}@media (max-width: 480px){.currency-display{gap:2px;padding:0}.coin-icon{width:16px;height:16px}.coin-amount{font-size:.75rem;letter-spacing:0}}@media (max-width: 360px){.coin-icon{width:14px;height:14px}.coin-amount{font-size:.65rem}}.trash-destroy-effect-container{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);width:0;height:0;will-change:transform;contain:layout style}.trash-destroy-burst{position:absolute;width:80px;height:80px;left:-40px;top:-40px;background:radial-gradient(circle,rgba(255,200,100,.9) 0%,rgba(255,140,50,.6) 30%,rgba(255,80,30,.3) 60%,transparent 80%);border-radius:50%;animation:burstExpand .4s cubic-bezier(.25,.46,.45,.94) forwards;filter:blur(2px)}@keyframes burstExpand{0%{transform:scale(.2);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1.5);opacity:0}}.trash-destroy-ring{position:absolute;width:60px;height:60px;left:-30px;top:-30px;border:3px solid rgba(255,180,80,.8);border-radius:50%;animation:ringExpand .6s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 0 10px #ff8c0080,0 0 20px #ff64004d,inset 0 0 8px #ffc86466}@keyframes ringExpand{0%{transform:scale(0);opacity:1;border-width:3px}60%{transform:scale(2);opacity:.7;border-width:2px}to{transform:scale(3);opacity:0;border-width:1px}}.trash-particle{position:absolute;border-radius:50%;transform-origin:center center;will-change:transform,opacity;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}.trash-particle-smoke{width:calc(24px * var(--particle-size, 1));height:calc(24px * var(--particle-size, 1));background:radial-gradient(circle,rgba(100,100,100,.6) 0%,rgba(80,80,80,.4) 40%,rgba(60,60,60,.2) 70%,transparent 100%);filter:blur(3px);animation:smokeRise var(--particle-duration, 1.2s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg))}@keyframes smokeRise{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg)) scale(.3)}15%{opacity:.7;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 10px))) translateY(calc(var(--particle-y, 0) - 30px)) rotate(calc(var(--particle-rotation, 0deg) + 20deg)) scale(.8)}50%{opacity:.5;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 30px))) translateY(calc(var(--particle-y, 0) - 80px)) rotate(calc(var(--particle-rotation, 0deg) + 45deg)) scale(1.1)}to{opacity:0;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 60px))) translateY(calc(var(--particle-y, 0) - 140px)) rotate(calc(var(--particle-rotation, 0deg) + 90deg)) scale(1.4)}}.trash-particle-ember{width:calc(8px * var(--particle-size, 1));height:calc(8px * var(--particle-size, 1));background:radial-gradient(circle,rgba(255,200,80,1) 0%,rgba(255,140,50,.9) 40%,rgba(255,80,20,.6) 70%,transparent 100%);box-shadow:0 0 6px #ff8c00cc,0 0 12px #ff500080;animation:emberFloat var(--particle-duration, .9s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0))}@keyframes emberFloat{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) scale(.2)}20%{opacity:1;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 15px))) translateY(calc(var(--particle-y, 0) - 25px)) scale(1)}60%{opacity:.8;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 45px))) translateY(calc(var(--particle-y, 0) - 70px)) scale(.8)}to{opacity:0;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 80px))) translateY(calc(var(--particle-y, 0) - 120px)) scale(.3)}}.trash-particle-sparkle{width:calc(6px * var(--particle-size, 1));height:calc(6px * var(--particle-size, 1));background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,230,150,.9) 40%,rgba(255,200,100,.5) 70%,transparent 100%);box-shadow:0 0 4px #ffffffe6,0 0 8px #ffc864b3,0 0 12px #ff8c0066;animation:sparkleFlash var(--particle-duration, .7s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0))}@keyframes sparkleFlash{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) scale(0)}15%{opacity:1;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 8px))) translateY(calc(var(--particle-y, 0) - 15px)) scale(1.5)}40%{opacity:.9;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 25px))) translateY(calc(var(--particle-y, 0) - 50px)) scale(1)}to{opacity:0;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 60px))) translateY(calc(var(--particle-y, 0) - 100px)) scale(.4)}}.trash-particle-dust{width:calc(10px * var(--particle-size, 1));height:calc(10px * var(--particle-size, 1));background:radial-gradient(circle,rgba(180,160,140,.5) 0%,rgba(150,130,110,.3) 50%,transparent 100%);filter:blur(1px);animation:dustDrift var(--particle-duration, 1.5s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg))}@keyframes dustDrift{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg)) scale(.5)}20%{opacity:.5;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 8px))) translateY(calc(var(--particle-y, 0) - 20px)) rotate(calc(var(--particle-rotation, 0deg) + 15deg)) scale(.9)}60%{opacity:.4;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 25px))) translateY(calc(var(--particle-y, 0) - 60px)) rotate(calc(var(--particle-rotation, 0deg) + 40deg)) scale(1)}to{opacity:0;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 50px))) translateY(calc(var(--particle-y, 0) - 110px)) rotate(calc(var(--particle-rotation, 0deg) + 70deg)) scale(1.1)}}@media (max-width: 1024px){.trash-destroy-burst{width:60px;height:60px;left:-30px;top:-30px}.trash-destroy-ring{width:45px;height:45px;left:-22.5px;top:-22.5px;border-width:2px}.trash-particle-smoke{width:calc(18px * var(--particle-size, 1));height:calc(18px * var(--particle-size, 1))}.trash-particle-ember{width:calc(6px * var(--particle-size, 1));height:calc(6px * var(--particle-size, 1))}.trash-particle-sparkle{width:calc(5px * var(--particle-size, 1));height:calc(5px * var(--particle-size, 1))}.trash-particle-dust{width:calc(8px * var(--particle-size, 1));height:calc(8px * var(--particle-size, 1))}}@media (max-width: 600px){.trash-destroy-burst{width:45px;height:45px;left:-22.5px;top:-22.5px}.trash-destroy-ring{width:35px;height:35px;left:-17.5px;top:-17.5px;border-width:2px}.trash-particle-smoke{width:calc(14px * var(--particle-size, 1));height:calc(14px * var(--particle-size, 1));filter:blur(2px)}.trash-particle-ember{width:calc(5px * var(--particle-size, 1));height:calc(5px * var(--particle-size, 1))}.trash-particle-sparkle{width:calc(4px * var(--particle-size, 1));height:calc(4px * var(--particle-size, 1))}.trash-particle-dust{width:calc(6px * var(--particle-size, 1));height:calc(6px * var(--particle-size, 1))}}@media (max-width: 360px){.trash-destroy-burst{width:35px;height:35px;left:-17.5px;top:-17.5px}.trash-destroy-ring{width:28px;height:28px;left:-14px;top:-14px;border-width:1.5px}.trash-particle-smoke{width:calc(10px * var(--particle-size, 1));height:calc(10px * var(--particle-size, 1))}.trash-particle-ember{width:calc(4px * var(--particle-size, 1));height:calc(4px * var(--particle-size, 1))}.trash-particle-sparkle{width:calc(3px * var(--particle-size, 1));height:calc(3px * var(--particle-size, 1))}.trash-particle-dust{width:calc(5px * var(--particle-size, 1));height:calc(5px * var(--particle-size, 1))}}@media (prefers-reduced-motion: reduce){.trash-destroy-effect-container,.trash-destroy-burst,.trash-destroy-ring,.trash-particle{animation:none!important;display:none}}.inventory-panel{background:linear-gradient(180deg,#8b4513b3,#654321cc);border:3px solid #8b4513;border-radius:12px;padding:0;box-shadow:0 6px 12px #0009,inset 0 1px #ffd7001a;overflow:visible;min-height:600px;height:auto;display:flex;flex-direction:column}.inventory-panel-header{background:linear-gradient(180deg,#3a3a3a,#2d2d2d);padding:.75rem .5rem;border-bottom:3px solid #8b4513;border-radius:9px 9px 0 0;box-shadow:0 2px 8px #0006;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;min-height:50px}.inventory-title{display:flex;align-items:center;justify-content:center;gap:.35rem;text-align:center;min-width:0;overflow:hidden}.inventory-title-text{color:gold;font-size:clamp(.85rem,3vw,1.3rem);font-weight:700;text-transform:uppercase;font-family:Impact,sans-serif;letter-spacing:clamp(.5px,.5vw,2px);text-shadow:0 2px 4px rgba(0,0,0,.6);white-space:nowrap}.inventory-count{font-size:clamp(.7rem,2vw,.9rem);color:#aaa;font-weight:400;white-space:nowrap}.inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:1rem;flex:1;align-content:start;overflow-y:auto}.inventory-slot{aspect-ratio:1;background:#0006;border:3px solid #8b4513;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .2s;box-shadow:inset 0 2px 4px #0000004d;user-select:none}.inventory-slot.has-item{cursor:grab}.inventory-slot.has-item:active{cursor:grabbing}.inventory-slot:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006,inset 0 2px 4px #0003;z-index:1001}.inventory-slot.dragging{opacity:.5;transform:scale(.95);border-color:#ffd7004d}.inventory-slot.drag-over{border-color:#4caf50e6;background:#4caf5033;box-shadow:0 0 15px #4caf5066,inset 0 2px 4px #0000004d;transform:scale(1.05)}.inventory-slot.cross-drag-over{border-color:#4caf50e6;background:#4caf5040;box-shadow:0 0 20px #4caf5080,inset 0 2px 4px #0000004d;transform:scale(1.05)}.inventory-panel.is-drop-target{box-shadow:0 0 30px #4caf5040,0 6px 12px #0009,inset 0 1px #ffd7001a}.inventory-panel.is-drop-target .inventory-slot:not(.has-item){border-color:#4caf5080;border-style:dashed}.inventory-panel.is-drop-target .inventory-slot:not(.has-item) .empty-slot-text{color:#4caf50cc}.inventory-panel.is-dragging .inventory-slot:not(.dragging):not(.drag-over){opacity:.8}.inventory-slot.drag-over{background:linear-gradient(180deg,#4caf50,#45a049);border-color:#2e7d32;box-shadow:0 0 12px #4caf5099;transform:scale(1.05)}.item-image{max-width:80%;max-height:80%;object-fit:contain;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.3));pointer-events:none;user-select:none}.item-quantity{position:absolute;bottom:2px;right:4px;background:none;border:none;padding:0;color:gold;font-size:clamp(.65rem,2vw,.8rem);font-weight:900;font-family:Impact,Arial Black,sans-serif;letter-spacing:.5px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7);pointer-events:none;user-select:none;z-index:5}.empty-slot{width:100%;height:100%;background:#0003;display:flex;align-items:center;justify-content:center}.empty-slot-text{color:#7f8c8d80;font-size:.7rem;font-weight:700;text-transform:uppercase}.stack-warning{position:absolute;top:4px;left:4px;font-size:1rem;filter:drop-shadow(0 0 3px rgba(255,0,0,.8));animation:pulse 1.5s ease-in-out infinite;pointer-events:none;user-select:none}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.inventory-warning{background:linear-gradient(90deg,#ff6b6b,#ee5a6f);color:#fff;padding:.75rem;text-align:center;font-weight:700;border-top:3px solid #c92a2a;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{background:linear-gradient(90deg,#ff6b6b,#ee5a6f)}50%{background:linear-gradient(90deg,#ee5a6f,#ff6b6b)}}.item-tooltip{display:none;position:absolute;left:50%;transform:translate(-50%);background:#2d2d2d;border:3px solid #ffd700;border-radius:8px;padding:.75rem;min-width:180px;max-width:clamp(180px,40vw,250px);width:max-content;z-index:1000;box-shadow:0 4px 12px #000c;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;pointer-events:none;transition:opacity .15s ease-out}.inventory-slot:nth-child(n+11) .item-tooltip{bottom:100%;margin-bottom:8px}.inventory-slot:nth-child(-n+10) .item-tooltip{top:100%;margin-top:8px}.inventory-slot:nth-child(5n+1) .item-tooltip{left:0;transform:translate(0)}.inventory-slot:nth-child(5n) .item-tooltip{left:auto;right:0;transform:translate(0)}.inventory-slot:hover .item-tooltip{display:block}.inventory-grid.is-dragging .item-tooltip{display:none!important;opacity:0}.tooltip-name{color:gold;font-weight:700;margin-bottom:.5rem;font-size:1.1rem}.tooltip-desc{color:#ccc;margin-bottom:.5rem;font-size:.9rem}.tooltip-effect{color:#4caf50;font-weight:700;font-size:.9rem}.tooltip-stack{color:#888;font-size:.8rem;margin-top:.25rem;border-top:1px solid #444;padding-top:.25rem}.breeding-egg-genetics{margin:0;padding:0}.parent-line{display:flex;align-items:baseline;gap:.3rem;font-size:.8rem;line-height:1.4}.parent-name{color:#e0c880;font-weight:600}.parent-species{color:#999;font-size:.75rem}.tooltip-senior-bonus{color:gold;font-size:.7rem;font-weight:600;padding:5px;background:#ffd70026;border-radius:4px;animation:shimmer 2s ease-in-out infinite}@media (max-width: 1200px){.inventory-panel{min-height:550px}.inventory-panel-header{padding:.65rem .4rem;gap:.35rem}}@media (max-width: 1024px){.inventory-panel{border-width:3px;min-height:500px}.inventory-panel-header{padding:.6rem .35rem;gap:.3rem}.trash-can{width:34px;height:34px}.inventory-grid{grid-template-columns:repeat(5,1fr);gap:6px;padding:.75rem}.inventory-slot{border-width:2px}.item-quantity{font-size:clamp(.6rem,1.8vw,.75rem);bottom:2px;right:3px}}@media (max-width: 768px){.inventory-panel{min-height:450px}.inventory-panel-header{padding:.55rem .3rem;gap:.25rem}.trash-can{width:30px;height:30px}.inventory-grid{grid-template-columns:repeat(4,1fr);gap:5px;padding:.6rem}.tooltip-name{font-size:1rem}.tooltip-desc,.tooltip-effect{font-size:.85rem}}@media (max-width: 600px){.inventory-panel{min-height:400px}.inventory-panel-header{padding:.5rem .25rem;gap:.2rem}.trash-can{width:26px;height:26px}.inventory-grid{grid-template-columns:repeat(4,1fr);gap:5px;padding:.6rem}.inventory-slot{min-width:55px;min-height:55px}.item-quantity{font-size:clamp(.55rem,1.5vw,.7rem);bottom:1px;right:2px}.inventory-slot:hover .item-tooltip{display:none}.tooltip-name{font-size:.9rem}.tooltip-desc,.tooltip-effect{font-size:.8rem}}@media (max-width: 480px){.inventory-panel{border-width:2px;min-height:350px}.inventory-panel-header{padding:.45rem .2rem;gap:.15rem;border-bottom-width:2px}.trash-can{width:24px;height:24px}.inventory-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:.5rem}.inventory-slot{min-width:50px;min-height:50px;border-width:2px}.item-quantity{font-size:clamp(.5rem,1.3vw,.65rem);bottom:1px;right:1px}}@media (max-width: 360px){.inventory-panel{min-height:300px}.inventory-panel-header{padding:.35rem .15rem;gap:.1rem;min-height:40px}.trash-can{width:20px;height:20px}.inventory-grid{grid-template-columns:repeat(4,1fr);gap:3px;padding:.35rem}.inventory-slot{min-width:45px;min-height:45px}.item-quantity{font-size:clamp(.45rem,1.2vw,.6rem);bottom:0;right:1px}}.trash-can{width:clamp(28px,5vw,40px);height:clamp(28px,5vw,40px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:.9;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.trash-can:hover{transform:scale(1.15) rotate(5deg);opacity:1;filter:drop-shadow(0 0 12px rgba(255,255,255,.6))}.trash-can.active{opacity:1;animation:trashPulse 1.5s ease-in-out infinite}.trash-can.drag-over{transform:scale(1.4);opacity:1;filter:drop-shadow(0 0 12px rgba(255,69,0,.8))}.trash-icon{width:100%;height:100%;object-fit:contain;pointer-events:none}@keyframes trashPulse{0%,to{opacity:1}50%{opacity:.7}}.trash-can.trash-shaking{animation:trashShake .6s cubic-bezier(.36,.07,.19,.97) forwards;filter:drop-shadow(0 0 16px rgba(255,140,0,.9))!important}@keyframes trashShake{0%{transform:translate(0) rotate(0) scale(1)}10%{transform:translate(-4px) rotate(-8deg) scale(1.05)}20%{transform:translate(4px) rotate(8deg) scale(1.1)}30%{transform:translate(-3px) rotate(-6deg) scale(1.12)}40%{transform:translate(3px) rotate(6deg) scale(1.1)}50%{transform:translate(-2px) rotate(-4deg) scale(1.08)}60%{transform:translate(2px) rotate(4deg) scale(1.06)}70%{transform:translate(-1px) rotate(-2deg) scale(1.04)}80%{transform:translate(1px) rotate(2deg) scale(1.02)}90%{transform:translate(-.5px) rotate(-1deg) scale(1.01)}to{transform:translate(0) rotate(0) scale(1)}}.trash-can.trash-shaking .trash-icon{filter:brightness(1.3) saturate(1.2)}.trash-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.trash-modal-content{background:linear-gradient(180deg,#654321,#3e2a1a);border:5px solid #ff8c00;border-radius:16px;max-width:500px;width:90%;box-shadow:0 20px 60px #000000e6;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.trash-modal-header{background:linear-gradient(180deg,tomato,#cc4f3a);padding:1.2rem 1.5rem;border-radius:12px 12px 0 0;border-bottom:3px solid #8b4513;display:flex;justify-content:space-between;align-items:center}.trash-modal-header h3{margin:0;font-size:1.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-family:Impact,sans-serif}.trash-modal-header .close-btn{background:#0000004d;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:all .2s ease;font-weight:700}.trash-modal-header .close-btn:hover{background:#0009;transform:scale(1.1)}.trash-modal-body{padding:2rem 1.5rem;color:#ffedcc;text-align:center}.trash-warning{font-size:1.2rem;margin:0 0 1.5rem;color:gold;font-weight:700}.trash-item-preview{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1.5rem 0;padding:1.5rem;background:#0000004d;border:3px solid #8b4513;border-radius:12px}.trash-item-image{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.trash-item-details{text-align:left}.trash-item-name{font-size:1.4rem;font-weight:700;color:gold;margin-bottom:.5rem}.trash-item-quantity{font-size:1.2rem;color:tomato;font-weight:700}.trash-permanent-warning{font-size:1rem;color:tomato;margin:1.5rem 0 0;font-weight:700}.trash-dont-ask-label{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1.5rem 0 0;cursor:pointer;user-select:none;min-height:44px;padding:.5rem}.trash-dont-ask-label:hover .trash-dont-ask-checkmark{border-color:#ff8c00;box-shadow:0 0 8px #ff8c0066}.trash-dont-ask-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.trash-dont-ask-checkmark{width:22px;height:22px;background:linear-gradient(180deg,#3a2a1a,#2a1a0a);border:2px solid #8b5a2b;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:inset 0 2px 4px #00000080,0 1px 2px #0000004d}.trash-dont-ask-checkmark:after{content:"";width:6px;height:12px;border:solid #ff8c00;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px);opacity:0;transition:opacity .15s ease}.trash-dont-ask-checkbox:checked+.trash-dont-ask-checkmark{background:linear-gradient(180deg,#4a3a2a,#3a2a1a);border-color:#ff8c00;box-shadow:inset 0 2px 4px #0006,0 0 10px #ff8c004d}.trash-dont-ask-checkbox:checked+.trash-dont-ask-checkmark:after{opacity:1}.trash-dont-ask-text{font-size:.95rem;color:gold;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.trash-modal-footer{padding:1.2rem 1.5rem;border-top:3px solid rgba(255,140,0,.3);display:flex;justify-content:space-between;gap:1rem;background:#0003;border-radius:0 0 12px 12px}.trash-btn-cancel{flex:1;background:linear-gradient(180deg,#4caf50,#388e3c);border:3px solid #2e7d32;color:#fff;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:0 4px #1b5e20,0 6px 12px #0006}.trash-btn-cancel:hover{transform:translateY(-3px);box-shadow:0 6px #1b5e20,0 8px 16px #00000080}.trash-btn-cancel:active{transform:translateY(-1px);box-shadow:0 2px #1b5e20,0 4px 8px #0006}.trash-btn-confirm{flex:1;background:linear-gradient(180deg,#f44336,#c62828);border:3px solid #b71c1c;color:#fff;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:0 4px #8b0000,0 6px 12px #0006}.trash-btn-confirm:hover{transform:translateY(-3px);box-shadow:0 6px #8b0000,0 8px 16px #00000080}.trash-btn-confirm:active{transform:translateY(-1px);box-shadow:0 2px #8b0000,0 4px 8px #0006}@media (max-width: 600px){.trash-modal-content{max-width:95%}.trash-item-preview{flex-direction:column;gap:1rem}.trash-item-details{text-align:center}.trash-modal-footer{flex-direction:column}}.inventory-slot.reward-box-item{position:relative}.inventory-slot.reward-box-item:after{content:"";position:absolute;inset:0;border:2px solid #ffd700;border-radius:8px;animation:reward-box-glow 2s ease-in-out infinite;pointer-events:none}@keyframes reward-box-glow{0%,to{box-shadow:0 0 8px #ffd70066}50%{box-shadow:0 0 16px #ffd700cc}}.reward-box-info{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,215,0,.3)}.reward-box-divider{color:gold;font-weight:700;font-size:.75rem;margin-bottom:.3rem;text-align:center}.reward-box-source{color:#e0e0e0;font-size:.7rem}.reward-box-locked{color:#4caf50;font-size:.65rem;margin-top:.2rem}.reward-box-hint{color:gold;font-size:.7rem;font-weight:700;margin-top:.3rem}.reward-box-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.reward-box-modal-content{background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border:4px solid #ffd700;border-radius:16px;box-shadow:0 0 30px #ffd70066,0 10px 30px #000c,inset 0 1px #ffffff1a;max-width:420px;width:90%;animation:scaleIn .2s ease-out}.reward-box-modal-header{display:flex;justify-content:flex-start;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(180deg,#5a4a3a,#4a3a2a);border-bottom:3px solid rgba(255,215,0,.3);border-radius:12px 12px 0 0}.reward-box-header-icon{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.reward-box-modal-header h3{margin:0;flex:1;color:gold;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.reward-box-modal-body{padding:1.5rem;text-align:center}.reward-box-source-display{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.reward-box-modal-image{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(255,215,0,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.reward-box-source-text{text-align:left}.source-label{color:#888;font-size:.85rem;margin-bottom:.3rem}.source-name{color:gold;font-size:1.2rem;font-weight:700}.reward-box-open-hint{color:#e0e0e0;font-size:1rem;line-height:1.6;margin:0}.reward-box-space-hint{color:#ff9800;font-size:.85rem;margin:.5rem 0 0}.reward-box-rewards{padding:.5rem}.rewards-header{color:#4caf50;font-size:1.4rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.rewards-list{display:flex;flex-direction:column;gap:.75rem;max-height:250px;overflow-y:auto}.reward-item{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:2px solid rgba(255,215,0,.3);border-radius:8px;padding:.5rem 1rem}.reward-item-image{width:40px;height:40px;object-fit:contain}.reward-item-name{flex:1;color:#e0e0e0;font-size:1rem;text-align:left}.reward-item-quantity{color:#4caf50;font-size:1.1rem;font-weight:700}.reward-box-modal-footer{padding:1.2rem 1.5rem;border-top:3px solid rgba(255,215,0,.3);display:flex;justify-content:space-between;gap:1rem;background:#0003;border-radius:0 0 12px 12px}.reward-box-btn-cancel{flex:1;background:linear-gradient(180deg,#555,#444);border:3px solid #333;color:#fff;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:0 4px #222,0 6px 12px #0006}.reward-box-btn-cancel:hover{transform:translateY(-3px);box-shadow:0 6px #222,0 8px 16px #00000080}.reward-box-btn-open{flex:1;background:linear-gradient(180deg,#ffc107,#ff9800);border:3px solid #e65100;color:#1a1a1a;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:0 4px #bf360c,0 6px 12px #0006}.reward-box-btn-open:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #bf360c,0 8px 16px #00000080}.reward-box-btn-open:disabled{opacity:.7;cursor:not-allowed}.reward-box-btn-done{flex:1;background:linear-gradient(180deg,#4caf50,#388e3c);border:3px solid #2e7d32;color:#fff;padding:.9rem 1.5rem;font-size:1.2rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:0 4px #1b5e20,0 6px 12px #0006}.reward-box-btn-done:hover{transform:translateY(-3px);box-shadow:0 6px #1b5e20,0 8px 16px #00000080}@media (max-width: 600px){.reward-box-modal-content{max-width:95%}.reward-box-source-display{flex-direction:column;gap:1rem}.reward-box-source-text{text-align:center}.reward-box-modal-footer{flex-direction:column}}.inventory-floating-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;pointer-events:none;animation:floatUpFadeOut 2s ease-out forwards;will-change:transform,opacity;backface-visibility:hidden}.floating-notification-text{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900;font-family:Impact,Arial Black,sans-serif;color:#ff6b6b;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,107,107,.8),0 0 20px rgba(255,107,107,.5),0 4px 8px rgba(0,0,0,.8),-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}@keyframes floatUpFadeOut{0%{opacity:0;transform:translate(-50%,-40%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}30%{transform:translate(-50%,-55%) scale(1)}60%{opacity:1;transform:translate(-50%,-70%) scale(1)}to{opacity:0;transform:translate(-50%,-100%) scale(.9)}}@media (prefers-reduced-motion: reduce){.inventory-floating-notification{animation:fadeInOutSimple 2s ease-out forwards}@keyframes fadeInOutSimple{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}}@media (max-width: 768px){.item-tooltip{max-width:clamp(150px,50vw,200px);padding:.6rem;font-size:.85rem}.tooltip-name{font-size:.95rem}.tooltip-desc{font-size:.8rem}.reward-box-info,.breeding-egg-genetics{padding:6px;font-size:.75rem}}@media (max-width: 480px){.item-tooltip{max-width:clamp(140px,60vw,180px);padding:.5rem}.tooltip-name{font-size:.85rem}.tooltip-desc{font-size:.75rem}}.pdv-container{position:relative;width:100%;background:linear-gradient(180deg,#8b4513bf,#654321d9);border:4px solid #8b4513;border-radius:12px;box-shadow:0 6px 12px #0009;overflow:hidden}.pdv-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:linear-gradient(180deg,#2d2d2d,#1f1f1f);border-bottom:3px solid #8b4513;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff14}.pdv-back-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:linear-gradient(180deg,#4a4a4a,#333);border:2px solid #555;border-radius:8px;color:#fff;font-family:Impact,sans-serif;font-size:.85rem;letter-spacing:1px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:40px}.pdv-back-btn:hover{background:linear-gradient(180deg,#5a5a5a,#444);transform:translate(-3px);box-shadow:0 4px 12px #0000004d}.pdv-back-arrow{font-size:1.1rem;transition:transform .2s ease}.pdv-back-btn:hover .pdv-back-arrow{transform:translate(-2px)}.pdv-back-text{text-transform:uppercase}.pdv-title{margin:0;font-family:Impact,sans-serif;font-size:1.4rem;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.8)}.pdv-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(180deg,#f55,#c33);border:2px solid #aa2222;border-radius:8px;color:#fff;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.pdv-close-btn:hover{background:linear-gradient(180deg,#f66,#d44);transform:rotate(90deg) scale(1.1);box-shadow:0 0 16px #ff555580}.pdv-content{padding:1.5rem;background:#0003}.pdv-pet-card{position:relative;display:flex;gap:1.5rem;margin-bottom:1rem;background:#2d2d2d;border:3px solid #8b4513;border-radius:8px;padding:1rem}.pdv-dismiss-btn{position:absolute;top:.6rem;right:.6rem;padding:.4rem .75rem;font-family:Impact,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:#ff6b6b;background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border:2px solid #555;border-radius:6px;cursor:pointer;transition:all .2s ease;z-index:10}.pdv-dismiss-btn:hover:not(.disabled){color:#f44;background:linear-gradient(180deg,#4a4a4a,#3a3a3a);border-color:#f44;transform:translateY(-2px)}.pdv-dismiss-btn.disabled{color:#666;background:linear-gradient(180deg,#2d2d2d,#1f1f1f);border-color:#333;cursor:not-allowed;opacity:.5}.pdv-pet-sprite{flex-shrink:0;width:120px;height:120px;display:flex;align-items:center;justify-content:center;align-self:center;margin-top:1.5rem}.pdv-pet-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease;cursor:pointer}.pdv-pet-image:hover{transform:scale(1.12);filter:drop-shadow(0 6px 16px rgba(0,0,0,.7))}.pdv-pet-info{flex:1;display:flex;flex-direction:column;color:#fff;min-width:0;padding-right:70px}.pdv-pet-name{margin:0 0 .6rem;color:gold;font-size:1.8rem;font-family:Impact,sans-serif;letter-spacing:1.5px;text-shadow:0 0 20px rgba(255,215,0,.3),0 3px 6px rgba(0,0,0,.8)}.pdv-pet-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.pdv-detail-item{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .65rem;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 50%),linear-gradient(135deg,#232328f2,#19191efa);border-radius:8px;border:2px solid rgba(80,80,90,.5);box-shadow:0 3px 8px #0006,inset 0 1px #ffffff0d;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pdv-detail-item:hover{border-color:#8b451399;transform:translateY(-2px);box-shadow:0 5px 12px #00000080,0 0 15px #8b451326,inset 0 1px #ffffff14}.pdv-detail-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(139,69,19,.5) 50%,transparent 100%);opacity:0;transition:opacity .25s ease}.pdv-detail-item:hover:before{opacity:1}.pdv-detail-label{font-size:.6rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#777;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pdv-detail-value{font-size:1rem;font-weight:800;color:#e8e8e8;text-shadow:0 0 8px rgba(255,255,255,.1),0 2px 4px rgba(0,0,0,.6)}.pdv-level-value{color:gold;text-shadow:0 0 12px rgba(255,215,0,.4),0 2px 4px rgba(0,0,0,.7)}.pdv-gender-male{color:#69c0ff!important;text-shadow:0 0 12px rgba(64,169,255,.4),0 2px 4px rgba(0,0,0,.7)}.pdv-gender-female{color:#ff85c0!important;text-shadow:0 0 12px rgba(255,133,192,.4),0 2px 4px rgba(0,0,0,.7)}.pdv-gender-neutral{color:#b8b8b8!important;text-shadow:0 0 8px rgba(184,184,184,.3),0 2px 4px rgba(0,0,0,.7)}.pdv-stage-baby{color:#73d13d!important;text-shadow:0 0 12px rgba(82,196,26,.5),0 2px 4px rgba(0,0,0,.7)}.pdv-stage-adolescent{color:#ffc53d!important;text-shadow:0 0 12px rgba(255,197,61,.5),0 2px 4px rgba(0,0,0,.7)}.pdv-stage-adult{color:#40a9ff!important;text-shadow:0 0 12px rgba(64,169,255,.5),0 2px 4px rgba(0,0,0,.7)}.pdv-stage-senior{color:#ff7875!important;text-shadow:0 0 12px rgba(255,77,79,.5),0 2px 4px rgba(0,0,0,.7)}.pdv-level-value{color:#4ade80}.pdv-section{background:linear-gradient(135deg,#2d2d2df2,#1e1e1efa);border:3px solid #8b4513;border-radius:12px;padding:1rem;margin-bottom:.6rem;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff14;transition:transform .2s ease,box-shadow .2s ease}.pdv-section:last-child{margin-bottom:0}.pdv-section:hover{box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff1a,0 0 0 1px #ffd7001a}.pdv-section-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;padding-bottom:.6rem;border-bottom:2px solid rgba(139,69,19,.5)}.pdv-section-icon{font-size:1.1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.pdv-section-icon-img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));flex-shrink:0}.pdv-section-title{margin:0;font-family:Impact,sans-serif;font-size:1rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.6);flex:1}.pdv-section-badge{padding:.2rem .6rem;font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:4px}.pdv-coming-soon{background:linear-gradient(180deg,#555,#333);border:1px solid #666;color:#aaa}.pdv-section-count{background:linear-gradient(180deg,#4caf50,#388e3c);border:1px solid #2e7d32;color:#fff;padding:.2rem .5rem;font-size:.7rem;font-weight:700;border-radius:10px}.pdv-equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.pdv-equip-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.8rem .4rem;background:linear-gradient(180deg,#3c3c3ccc,#282828e6);border:2px solid #444;border-radius:10px;cursor:not-allowed;transition:all .25s ease;min-height:80px}.pdv-equip-slot:hover{background:linear-gradient(180deg,#464646cc,#323232e6);border-color:#555}.pdv-weapon-slot{border-color:#8b4513}.pdv-weapon-slot:hover{border-color:sienna;box-shadow:0 0 12px #8b45134d}.pdv-armor-slot{border-color:#4a5568}.pdv-armor-slot:hover{border-color:#718096;box-shadow:0 0 12px #7180964d}.pdv-slot-icon{font-size:1.5rem;filter:grayscale(.5) opacity(.6);display:flex;align-items:center;justify-content:center}.pdv-slot-icon-img{width:32px;height:32px;object-fit:contain;filter:grayscale(.4) opacity(.7) drop-shadow(0 2px 3px rgba(0,0,0,.5));transition:all .25s ease}.pdv-equip-slot:hover .pdv-slot-icon-img,.pdv-carry-slot:hover .pdv-slot-icon-img{filter:grayscale(.2) opacity(.85) drop-shadow(0 2px 6px rgba(255,215,0,.3))}.pdv-slot-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888}.pdv-slot-lock{position:absolute;bottom:.3rem;right:.3rem;font-size:.7rem;opacity:.6}.pdv-carry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.pdv-carry-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.8rem .4rem;background:linear-gradient(180deg,#3c3c3ccc,#282828e6);border:2px dashed #555;border-radius:10px;cursor:not-allowed;transition:all .25s ease}.pdv-carry-slot:hover{background:linear-gradient(180deg,#464646cc,#323232e6);border-color:#666}.pdv-consumables-grid{display:flex;flex-wrap:wrap;gap:.35rem}.pdv-consumable-slot{position:relative;display:flex;align-items:center;justify-content:center;width:55px;height:55px;background:#1e1e1e99;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;overflow:hidden}.pdv-consumable-slot-disabled{cursor:not-allowed;opacity:.6;background:#161616c7}.pdv-consumable-slot:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transition:left .4s ease;z-index:3;pointer-events:none}.pdv-consumable-slot:hover:before{left:100%}.pdv-consumable-slot-disabled:before{display:none}.pdv-consumable-glow{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;pointer-events:none;z-index:0}.pdv-consumable-slot:hover .pdv-consumable-glow{width:100%;height:100%}.pdv-consumable-slot-disabled:hover .pdv-consumable-glow{width:0;height:0}.pdv-consumable-slot:hover{transform:translateY(-2px);background:#323232cc;z-index:100}.pdv-consumable-slot-disabled:hover{transform:none;background:#161616c7;z-index:100}.pdv-consumable-image{position:relative;max-width:42px;max-height:42px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .2s ease;z-index:1}.pdv-consumable-slot:hover .pdv-consumable-image{transform:scale(1.08)}.pdv-consumable-slot-disabled .pdv-consumable-image{filter:grayscale(.25) brightness(.82) drop-shadow(0 2px 4px rgba(0,0,0,.5))}.pdv-consumable-slot-disabled:hover .pdv-consumable-image{transform:none}.pdv-consumable-qty{position:absolute;bottom:2px;right:4px;padding:2px 5px;font-size:.65rem;font-weight:700;color:gold;background:linear-gradient(180deg,#2d2d2d,#1a1a1a);border:1px solid #8b4513;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:2}.pdv-consumable-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;min-width:180px;max-width:220px;padding:.8rem;background:linear-gradient(180deg,#2d2d2d,#1a1a1a);border:3px solid #ffd700;border-radius:10px;box-shadow:0 8px 24px #000c,0 0 0 1px #ffd7004d;z-index:1000;white-space:normal;word-wrap:break-word;pointer-events:none}.pdv-consumable-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:gold}.pdv-consumable-slot:hover .pdv-consumable-tooltip{display:block;animation:pdv-tooltip-fade-in .2s ease-out}@keyframes pdv-tooltip-fade-in{0%{opacity:0}to{opacity:1}}.pdv-consumable-slot:nth-child(6n+1) .pdv-consumable-tooltip,.pdv-consumable-slot:nth-child(6n+2) .pdv-consumable-tooltip{left:0;transform:translate(0)}.pdv-consumable-slot:nth-child(6n+1) .pdv-consumable-tooltip:after,.pdv-consumable-slot:nth-child(6n+2) .pdv-consumable-tooltip:after{left:20px;transform:translate(0)}.pdv-consumable-slot:nth-child(6n) .pdv-consumable-tooltip,.pdv-consumable-slot:nth-child(6n-1) .pdv-consumable-tooltip{left:auto;right:0;transform:translate(0)}.pdv-consumable-slot:nth-child(6n) .pdv-consumable-tooltip:after,.pdv-consumable-slot:nth-child(6n-1) .pdv-consumable-tooltip:after{left:auto;right:20px;transform:translate(0)}.pdv-tooltip-name{font-size:.9rem;font-weight:700;color:gold;margin-bottom:.4rem}.pdv-tooltip-desc{font-size:.75rem;color:#ccc;margin-bottom:.4rem;white-space:normal;line-height:1.3}.pdv-tooltip-effect{font-size:.8rem;font-weight:700;color:#4ade80;margin-bottom:.3rem}.pdv-tooltip-hint{font-size:.65rem;color:#888;font-style:italic;border-top:1px solid rgba(255,215,0,.2);padding-top:.3rem;margin-top:.3rem}.pdv-tooltip-hint-blocked{color:#d7a14a}.pdv-empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;color:#666}.pdv-empty-icon{font-size:2rem;opacity:.5}.pdv-empty-text{font-size:.85rem;font-style:italic}.pdv-skill-points-badge{background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(180deg,gold,#f59f00,#e67700);border:2px solid #ffc107;color:#1a1a1a;font-size:.7rem;font-weight:800;letter-spacing:.5px;padding:.4rem .8rem;border-radius:6px;text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 3px #b37400,0 4px 12px #ffc10766,inset 0 1px #fff6;animation:pdv-sp-pulse 2s ease-in-out infinite;white-space:nowrap}@keyframes pdv-sp-pulse{0%,to{box-shadow:0 3px #b37400,0 4px 12px #ffc10766,0 0 15px #ffd7004d,inset 0 1px #fff6}50%{box-shadow:0 3px #b37400,0 4px 12px #ffc10799,0 0 25px #ffd70099,inset 0 1px #fff6}}.pdv-stats-grid{display:flex;flex-direction:column;gap:.5rem}.pdv-stat-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 50%),linear-gradient(135deg,#1e1e23f2,#141419fa);border-radius:10px;border:2px solid rgba(80,80,90,.4);box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff0d;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.pdv-stat-row:hover{border-color:#78788280;transform:translate(3px);box-shadow:0 6px 16px #0009,inset 0 1px #ffffff14}.pdv-stat-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:10px 0 0 10px;transition:all .3s ease}.pdv-stat-row.str:before{background:linear-gradient(180deg,#ff6b6b,#dc3545);box-shadow:0 0 12px #dc354580}.pdv-stat-row.hp:before{background:linear-gradient(180deg,#51cf66,#28a745);box-shadow:0 0 12px #28a74580}.pdv-stat-row.def:before{background:linear-gradient(180deg,#74c0fc,#339af0);box-shadow:0 0 12px #339af080}.pdv-stat-row.en:before{background:linear-gradient(180deg,#ffd43b,#fab005);box-shadow:0 0 12px #fab00580}.pdv-stat-info{display:flex;align-items:center;gap:.5rem;min-width:95px}.pdv-stat-label{font-size:.7rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.8);transition:all .3s ease}.pdv-stat-row.str .pdv-stat-label{color:#ff8787}.pdv-stat-row.hp .pdv-stat-label{color:#69db7c}.pdv-stat-row.def .pdv-stat-label{color:#91d5ff}.pdv-stat-row.en .pdv-stat-label{color:#ffe066}.pdv-stat-value{font-size:1rem;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3),0 2px 4px rgba(0,0,0,.8);font-family:Segoe UI,system-ui,sans-serif;letter-spacing:.5px}.pdv-stat-bar-container{flex:1;height:14px;background:linear-gradient(180deg,#000c,#0f0f14e6);border-radius:7px;overflow:hidden;border:2px solid rgba(0,0,0,.6);box-shadow:inset 0 3px 8px #000c,inset 0 1px #000000e6,0 1px #ffffff0d;position:relative}.pdv-stat-bar{height:100%;border-radius:5px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pdv-stat-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff59,#ffffff1a);border-radius:5px 5px 0 0}.pdv-stat-bar:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);animation:pdv-stat-shine 3s ease-in-out infinite}@keyframes pdv-stat-shine{0%{left:-100%}50%,to{left:150%}}.pdv-stat-str{background:linear-gradient(180deg,#ff7875,#ff4d4f 30%,#cf1322);box-shadow:0 0 15px #ff4d4f80,inset 0 -2px 4px #0000004d}.pdv-stat-hp{background:linear-gradient(180deg,#73d13d,#52c41a 30%,#237804);box-shadow:0 0 15px #52c41a80,inset 0 -2px 4px #0000004d}.pdv-stat-def{background:linear-gradient(180deg,#69c0ff,#40a9ff 30%,#096dd9);box-shadow:0 0 15px #40a9ff80,inset 0 -2px 4px #0000004d}.pdv-stat-en{background:linear-gradient(180deg,#ffd666,#ffc53d 30%,#d48806);box-shadow:0 0 15px #ffc53d80,inset 0 -2px 4px #0000004d}.pdv-stat-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%),linear-gradient(180deg,#52c41a,#389e0d,#237804);border:2px solid #52c41a;border-radius:8px;color:#fff;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px #135200,0 6px 12px #0006,inset 0 1px #fff3;text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;overflow:hidden}.pdv-stat-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .4s ease}.pdv-stat-btn:hover:before{left:100%}.pdv-stat-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(180deg,#73d13d,#52c41a,#389e0d);border-color:#73d13d;transform:translateY(-3px);box-shadow:0 6px #135200,0 0 25px #52c41a99,0 10px 20px #00000080,inset 0 1px #ffffff4d}.pdv-stat-btn:active{transform:translateY(0);box-shadow:0 2px #135200,0 0 15px #52c41a66,inset 0 1px #fff3}.pdv-bulk-alloc-buttons{display:flex;gap:4px;align-items:center;justify-content:center;flex:1;animation:pdv-bulk-alloc-fade-in .3s ease-out}@keyframes pdv-bulk-alloc-fade-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.pdv-bulk-alloc-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.5rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px #0006,0 3px 8px #0000004d}.pdv-bulk-alloc-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .4s ease}.pdv-bulk-alloc-btn:hover:before{left:100%}.pdv-bulk-alloc-btn:active{transform:translateY(0);box-shadow:0 1px #0006}.pdv-bulk-alloc-btn-str{background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%),linear-gradient(180deg,#ff7875,#cf1322);border-color:#ff4d4f}.pdv-bulk-alloc-btn-str:hover{background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 50%),linear-gradient(180deg,#ff8787,#dc3545);border-color:#ff6b6b;transform:translateY(-2px) scale(1.08);box-shadow:0 4px #8b000080,0 0 16px #ff4d4f80,0 6px 12px #0006}.pdv-bulk-alloc-btn-hp{background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%),linear-gradient(180deg,#73d13d,#237804);border-color:#52c41a}.pdv-bulk-alloc-btn-hp:hover{background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 50%),linear-gradient(180deg,#85e550,#389e0d);border-color:#73d13d;transform:translateY(-2px) scale(1.08);box-shadow:0 4px #00500080,0 0 16px #52c41a80,0 6px 12px #0006}.pdv-bulk-alloc-btn-def{background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%),linear-gradient(180deg,#69c0ff,#096dd9);border-color:#40a9ff}.pdv-bulk-alloc-btn-def:hover{background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 50%),linear-gradient(180deg,#7dccff,#1890ff);border-color:#69c0ff;transform:translateY(-2px) scale(1.08);box-shadow:0 4px #00327880,0 0 16px #40a9ff80,0 6px 12px #0006}.pdv-bulk-alloc-btn-en{background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%),linear-gradient(180deg,#ffd666,#d48806);border-color:#ffc53d;color:#1a1a1a;text-shadow:0 1px 0 rgba(255,255,255,.3)}.pdv-bulk-alloc-btn-en:hover{background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 50%),linear-gradient(180deg,#ffe080,#e6a817);border-color:#ffd666;transform:translateY(-2px) scale(1.08);box-shadow:0 4px #78500080,0 0 16px #ffc53d80,0 6px 12px #0006}.pdv-xp-content{display:flex;flex-direction:column;gap:.6rem}.pdv-xp-header{display:flex;justify-content:space-between;align-items:center}.pdv-xp-level{font-size:1.1rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.6)}.pdv-xp-numbers{font-size:.9rem;font-weight:700;color:#ccc}.pdv-xp-bar-container{position:relative}.pdv-xp-bar-bg{height:24px;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:3px solid #8b4513;border-radius:12px;overflow:hidden;box-shadow:inset 0 4px 8px #0009}.pdv-xp-bar-fill{position:relative;height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a,#81c784 60%,#a5d6a7);border-radius:9px;transition:width .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.pdv-xp-bar-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:pdv-xp-shine 3s ease-in-out infinite}@keyframes pdv-xp-shine{0%{left:-100%}50%{left:100%}to{left:100%}}.pdv-dismiss-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:pdv-modal-fade-in .2s ease-out;backdrop-filter:blur(4px)}@keyframes pdv-modal-fade-in{0%{opacity:0}to{opacity:1}}.pdv-dismiss-modal{background:linear-gradient(180deg,#4a2020,#2d1414);border:4px solid #ff6347;border-radius:16px;max-width:400px;width:90%;box-shadow:0 0 40px #ff634766,0 20px 60px #000000e6;animation:pdv-modal-slide-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pdv-modal-slide-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pdv-dismiss-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;background:linear-gradient(180deg,#c33,#922);border-radius:12px 12px 0 0;border-bottom:3px solid #661111}.pdv-dismiss-modal-header h3{margin:0;font-family:Impact,sans-serif;font-size:1.3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.pdv-dismiss-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:44px;min-height:44px}.pdv-dismiss-modal-close:hover:not(:disabled){background:#0009;transform:scale(1.1)}.pdv-dismiss-modal-close:disabled{opacity:.5;cursor:not-allowed}.pdv-dismiss-modal-body{padding:1.2rem;text-align:center}.pdv-dismiss-question{font-size:1.1rem;font-weight:700;color:gold;margin:0 0 1rem}.pdv-dismiss-preview{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#0006;border:2px solid #661111;border-radius:10px;margin-bottom:1rem}.pdv-dismiss-pet-image{width:60px;height:60px;object-fit:contain;background:#1a1a1a;border:2px solid #8b4513;border-radius:8px;padding:4px}.pdv-dismiss-pet-info{text-align:left}.pdv-dismiss-pet-name{font-size:1.2rem;font-weight:700;color:gold;margin-bottom:.2rem}.pdv-dismiss-pet-details{font-size:.85rem;color:#ccc}.pdv-dismiss-warning{font-size:.95rem;font-weight:700;color:tomato;padding:.7rem;background:#ff634726;border:2px solid rgba(255,99,71,.4);border-radius:8px;margin:0}.pdv-dismiss-modal-footer{display:flex;gap:.8rem;padding:1rem 1.2rem;border-top:3px solid rgba(255,99,71,.3);background:#0003;border-radius:0 0 12px 12px}.pdv-dismiss-cancel-btn,.pdv-dismiss-confirm-btn{flex:1;padding:.8rem;font-family:Impact,sans-serif;font-size:.95rem;font-weight:400;letter-spacing:1px;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:48px}.pdv-dismiss-cancel-btn{background:linear-gradient(180deg,#4caf50,#388e3c);border:3px solid #2e7d32;color:#fff;box-shadow:0 4px #1b5e20}.pdv-dismiss-cancel-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #1b5e20}.pdv-dismiss-confirm-btn{background:linear-gradient(180deg,#f44336,#c62828);border:3px solid #b71c1c;color:#fff;box-shadow:0 4px #8b0000}.pdv-dismiss-confirm-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #8b0000}.pdv-dismiss-cancel-btn:disabled,.pdv-dismiss-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pdv-bulk-alloc-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:pdv-modal-fade-in .2s ease-out;backdrop-filter:blur(4px)}.pdv-bulk-alloc-modal{background:linear-gradient(180deg,#3d3520,#2d2414);border:4px solid #ffc107;border-radius:16px;max-width:360px;width:90%;box-shadow:0 0 40px #ffc1074d,0 20px 60px #000000e6;animation:pdv-modal-slide-in .3s cubic-bezier(.34,1.56,.64,1)}.pdv-bulk-alloc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:linear-gradient(180deg,#e6a817,#b37400);border-radius:12px 12px 0 0;border-bottom:3px solid #8b5e00}.pdv-bulk-alloc-modal-header h3{margin:0;font-family:Impact,sans-serif;font-size:1.1rem;letter-spacing:1px;color:#1a1a1a;text-shadow:0 1px 0 rgba(255,255,255,.3)}.pdv-bulk-alloc-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#00000040;border:2px solid rgba(0,0,0,.3);border-radius:50%;color:#1a1a1a;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:44px;min-height:44px}.pdv-bulk-alloc-modal-close:hover:not(:disabled){background:#00000073;transform:rotate(90deg) scale(1.1)}.pdv-bulk-alloc-modal-close:disabled{opacity:.5;cursor:not-allowed}.pdv-bulk-alloc-modal-body{padding:1rem 1.2rem;text-align:center}.pdv-bulk-alloc-question{font-size:1rem;color:#e8e8e8;margin:0 0 .8rem}.pdv-bulk-alloc-question strong{color:gold;font-size:1.1rem}.pdv-bulk-alloc-stat-preview{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1rem;background:#0006;border:2px solid;border-radius:10px;margin-bottom:.8rem}.pdv-bulk-alloc-stat-strength{border-color:#ff4d4f99}.pdv-bulk-alloc-stat-health{border-color:#52c41a99}.pdv-bulk-alloc-stat-defense{border-color:#40a9ff99}.pdv-bulk-alloc-stat-energy{border-color:#ffc53d99}.pdv-bulk-alloc-stat-name{font-size:1rem;font-weight:900;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.pdv-bulk-alloc-stat-strength .pdv-bulk-alloc-stat-name{color:#ff8787}.pdv-bulk-alloc-stat-health .pdv-bulk-alloc-stat-name{color:#69db7c}.pdv-bulk-alloc-stat-defense .pdv-bulk-alloc-stat-name{color:#91d5ff}.pdv-bulk-alloc-stat-energy .pdv-bulk-alloc-stat-name{color:#ffe066}.pdv-bulk-alloc-stat-change{font-size:1rem;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.2),0 2px 4px rgba(0,0,0,.8)}.pdv-bulk-alloc-stat-delta{font-size:.85rem;font-weight:700;color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.3)}.pdv-bulk-alloc-dont-ask-label{display:flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;user-select:none;padding:.4rem 0;transition:opacity .2s ease}.pdv-bulk-alloc-dont-ask-label:hover{opacity:.9}.pdv-bulk-alloc-dont-ask-checkbox{position:absolute;opacity:0;width:0;height:0}.pdv-bulk-alloc-dont-ask-checkmark{width:20px;height:20px;border:2px solid #666;border-radius:4px;background:#0000004d;position:relative;flex-shrink:0;transition:all .2s ease}.pdv-bulk-alloc-dont-ask-checkbox:checked+.pdv-bulk-alloc-dont-ask-checkmark{background:linear-gradient(180deg,gold,#e6a817);border-color:#ffc107;box-shadow:0 0 10px #ffd70066}.pdv-bulk-alloc-dont-ask-checkbox:checked+.pdv-bulk-alloc-dont-ask-checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#1a1a1a;font-size:.85rem;font-weight:700}.pdv-bulk-alloc-dont-ask-text{font-size:.8rem;color:#999;transition:color .2s ease}.pdv-bulk-alloc-dont-ask-label:hover .pdv-bulk-alloc-dont-ask-text{color:#ccc}.pdv-bulk-alloc-modal-footer{display:flex;gap:.8rem;padding:.8rem 1.2rem;border-top:3px solid rgba(255,193,7,.3);background:#0003;border-radius:0 0 12px 12px}.pdv-bulk-alloc-cancel-btn,.pdv-bulk-alloc-confirm-btn{flex:1;padding:.7rem;font-family:Impact,sans-serif;font-size:.9rem;font-weight:400;letter-spacing:1px;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:44px}.pdv-bulk-alloc-cancel-btn{background:linear-gradient(180deg,#4a4a4a,#333);border:3px solid #555;color:#ddd;box-shadow:0 3px #222}.pdv-bulk-alloc-cancel-btn:hover:not(:disabled){background:linear-gradient(180deg,#5a5a5a,#444);transform:translateY(-2px);box-shadow:0 5px #222,0 6px 12px #0006}.pdv-bulk-alloc-confirm-btn{background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%),linear-gradient(180deg,gold,#e6a817,#b37400);border:3px solid #ffc107;color:#1a1a1a;font-weight:400;text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 3px #8b5e00,0 4px 12px #ffc1074d}.pdv-bulk-alloc-confirm-btn:hover:not(:disabled){background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 50%),linear-gradient(180deg,#ffe44d,gold,#c80);transform:translateY(-2px);box-shadow:0 5px #8b5e00,0 0 20px #ffd70066,0 8px 16px #0006}.pdv-bulk-alloc-cancel-btn:disabled,.pdv-bulk-alloc-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.pdv-container{border-width:3px}.pdv-header{padding:.8rem}.pdv-title{font-size:1.3rem;letter-spacing:2px}.pdv-back-btn{padding:.4rem .8rem;font-size:.9rem}.pdv-close-btn{width:35px;height:35px;font-size:1.3rem}.pdv-content{padding:1.2rem}.pdv-pet-card{gap:1rem;padding:.8rem}.pdv-pet-sprite{width:100px;height:100px}.pdv-pet-name{font-size:1.5rem}.pdv-pet-info{padding-right:60px}.pdv-equipment-grid{gap:.5rem}.pdv-equip-slot{min-height:70px;padding:.6rem .3rem}.pdv-slot-icon{font-size:1.3rem}.pdv-section-icon-img{width:22px;height:22px}.pdv-slot-icon-img{width:28px;height:28px}.pdv-slot-label{font-size:.6rem}.pdv-consumables-grid{gap:.3rem}.pdv-consumable-slot{width:50px;height:50px}.pdv-consumable-image{max-width:38px;max-height:38px}.pdv-bulk-alloc-btn{width:28px;height:28px;font-size:.48rem}}@media (max-width: 600px){.pdv-container{max-height:90vh;overflow-y:auto;border-width:2px}.pdv-header{padding:.6rem}.pdv-title{font-size:1.1rem;letter-spacing:1px}.pdv-back-btn{padding:.35rem .7rem;font-size:.85rem;min-height:44px}.pdv-close-btn{width:32px;height:32px;font-size:1.2rem;min-width:44px;min-height:44px}.pdv-content{padding:1rem}.pdv-pet-card{gap:.8rem;padding:.75rem}.pdv-pet-sprite{width:90px;height:90px}.pdv-pet-name{font-size:1.3rem}.pdv-pet-info{padding-right:50px}.pdv-dismiss-btn{padding:.3rem .6rem;font-size:.65rem}.pdv-pet-details-grid{gap:.4rem}.pdv-detail-item{padding:.45rem .55rem}.pdv-detail-label{font-size:.55rem}.pdv-detail-value{font-size:.9rem}.pdv-skill-points-badge{font-size:.65rem;padding:.35rem .7rem}.pdv-bulk-alloc-btn{width:26px;height:26px;font-size:.45rem;border-width:1.5px}.pdv-bulk-alloc-buttons{gap:3px}.pdv-bulk-alloc-modal{max-width:95%}.pdv-bulk-alloc-modal-footer{flex-direction:column;gap:.5rem}.pdv-section{padding:.8rem;border-width:2px}.pdv-section-header{gap:.5rem;margin-bottom:.7rem;padding-bottom:.5rem}.pdv-section-title{font-size:.9rem}.pdv-equipment-grid{grid-template-columns:repeat(4,1fr);gap:.4rem}.pdv-equip-slot{min-height:55px}.pdv-carry-grid{gap:.4rem}.pdv-carry-slot{padding:.6rem .3rem}.pdv-consumables-grid{gap:.25rem}.pdv-consumable-slot{width:45px;height:45px}.pdv-consumable-image{max-width:34px;max-height:34px}.pdv-consumable-qty{font-size:.55rem;padding:1px 3px}.pdv-consumable-slot:hover .pdv-consumable-tooltip{display:none}.pdv-stat-row{padding:.55rem .7rem;gap:.6rem}.pdv-stat-info{min-width:75px}.pdv-stat-label{font-size:.65rem}.pdv-stat-value{font-size:.9rem}.pdv-stat-bar-container{height:12px}.pdv-stat-btn{width:40px;height:40px}.pdv-xp-bar-bg{height:20px;border-width:2px}.pdv-dismiss-modal{max-width:95%}.pdv-dismiss-preview{flex-direction:column;gap:.6rem}.pdv-dismiss-pet-info{text-align:center}.pdv-dismiss-modal-footer{flex-direction:column;gap:.6rem}}@media (max-width: 480px){.pdv-header{padding:.5rem}.pdv-title{font-size:1rem}.pdv-back-btn{padding:.3rem .6rem;font-size:.8rem;min-height:40px}.pdv-close-btn{width:30px;height:30px;min-width:40px;min-height:40px;font-size:1.1rem}.pdv-content{padding:.75rem}.pdv-pet-card{gap:.6rem;padding:.6rem}.pdv-pet-sprite{width:80px;height:80px}.pdv-pet-name{font-size:1.2rem}.pdv-pet-info{padding-right:45px}.pdv-pet-details-grid{gap:.35rem}.pdv-detail-item{padding:.4rem .5rem}.pdv-detail-label{font-size:.5rem;letter-spacing:1px}.pdv-detail-value{font-size:.85rem}.pdv-skill-points-badge{font-size:.6rem;padding:.3rem .6rem}.pdv-bulk-alloc-btn{width:24px;height:24px;font-size:.42rem;border-width:1.5px;border-radius:5px}.pdv-bulk-alloc-buttons{gap:2px}.pdv-dismiss-btn{padding:.25rem .5rem;font-size:.6rem}.pdv-section{padding:.6rem}.pdv-section-title{font-size:.8rem}.pdv-equipment-grid{grid-template-columns:repeat(2,1fr);gap:.3rem}.pdv-equip-slot,.pdv-carry-slot{min-height:50px;padding:.4rem .2rem}.pdv-slot-icon{font-size:1rem}.pdv-section-icon-img{width:20px;height:20px}.pdv-slot-icon-img{width:24px;height:24px}.pdv-slot-label{font-size:.5rem}.pdv-consumables-grid{gap:.2rem}.pdv-consumable-slot{width:42px;height:42px}.pdv-consumable-image{max-width:32px;max-height:32px}.pdv-stat-row{padding:.5rem .6rem;gap:.5rem}.pdv-stat-info{min-width:65px;gap:.3rem}.pdv-stat-label{font-size:.6rem}.pdv-stat-value{font-size:.85rem}.pdv-stat-bar-container{height:10px}.pdv-stat-btn{width:38px;height:38px;font-size:1.1rem}.pdv-dismiss-btn{padding:.35rem .7rem;font-size:.65rem}}@media (max-width: 360px){.pdv-title{font-size:.9rem}.pdv-content{padding:.5rem}.pdv-pet-card{gap:.5rem;padding:.5rem}.pdv-pet-sprite{width:60px;height:60px}.pdv-pet-name{font-size:1.1rem}.pdv-pet-info{padding-right:40px}.pdv-pet-details-grid{gap:.25rem}.pdv-detail-item{padding:.35rem .45rem}.pdv-detail-label{font-size:.45rem;letter-spacing:.8px}.pdv-detail-value{font-size:.75rem}.pdv-skill-points-badge{font-size:.55rem;padding:.25rem .5rem}.pdv-bulk-alloc-btn{width:22px;height:22px;font-size:.38rem;border-width:1px;border-radius:4px}.pdv-bulk-alloc-buttons{gap:2px}.pdv-equipment-grid{gap:.25rem}.pdv-equip-slot,.pdv-carry-slot{min-height:45px}.pdv-slot-icon{font-size:.9rem}.pdv-section-icon-img{width:18px;height:18px}.pdv-slot-icon-img{width:22px;height:22px}.pdv-slot-label{font-size:.45rem}.pdv-consumables-grid{gap:.15rem}.pdv-consumable-slot{width:38px;height:38px}.pdv-consumable-image{max-width:28px;max-height:28px}.pdv-stat-btn{width:36px;height:36px}}@media (prefers-reduced-motion: reduce){.pdv-back-btn,.pdv-close-btn,.pdv-dismiss-btn,.pdv-pet-image,.pdv-consumable-slot,.pdv-consumable-image,.pdv-stat-btn,.pdv-bulk-alloc-btn,.pdv-bulk-alloc-cancel-btn,.pdv-bulk-alloc-confirm-btn,.pdv-stat-bar,.pdv-xp-bar-fill,.pdv-dismiss-cancel-btn,.pdv-dismiss-confirm-btn,.pdv-section{transition:none}.pdv-xp-bar-shine,.pdv-stat-bar:after{animation:none}.pdv-skill-points-badge,.pdv-bulk-alloc-buttons{animation:none}.pdv-back-btn:hover,.pdv-close-btn:hover,.pdv-consumable-slot:hover,.pdv-stat-btn:hover,.pdv-bulk-alloc-btn:hover,.pdv-bulk-alloc-cancel-btn:hover,.pdv-bulk-alloc-confirm-btn:hover,.pdv-dismiss-cancel-btn:hover,.pdv-dismiss-confirm-btn:hover{transform:none}@keyframes pdv-modal-fade-in{0%{opacity:1}to{opacity:1}}@keyframes pdv-modal-slide-in{0%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pdv-tooltip-fade-in{0%{opacity:1;transform:translate(-50%)}to{opacity:1;transform:translate(-50%)}}}.pet-panel{background:linear-gradient(180deg,#8b4513bf,#654321d9);border:3px solid #8b4513;border-radius:12px;padding:0;box-shadow:0 6px 12px #0009,inset 0 1px #ff8c0026;overflow:hidden;overflow-x:hidden;min-height:600px;height:auto;display:flex;flex-direction:column;max-width:100%;box-sizing:border-box}.pet-panel-header{background:#2d2d2d;padding:1rem;text-align:center;font-size:1.5rem;font-weight:700;color:gold;border-bottom:3px solid #8b4513;text-transform:uppercase;font-family:Impact,sans-serif;letter-spacing:2px;box-shadow:0 2px 8px #0006}.pet-slots{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#0000004d;flex:1;overflow-y:auto}.pet-slot{background:linear-gradient(180deg,#3c3c3c,#2d2d2d);border:3px solid #8b4513;border-radius:8px;padding:1rem;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease-out,opacity .2s ease-out,background .2s ease-out;box-shadow:inset 0 2px 4px #0003;position:relative;will-change:transform,box-shadow,border-color,opacity}.pet-slot.can-drag{cursor:grab}.pet-slot.can-drag:active{cursor:grabbing}.pet-slot.busy-pet{cursor:grab}.pet-slot.busy-pet:active{cursor:grabbing}.pet-slot.dragging{opacity:.5;transform:scale(.98);border-color:#ffd7004d}.pet-slot.drag-over{border-color:#4caf50e6;background:linear-gradient(180deg,#3a4a3a,#2a3a2a);box-shadow:0 0 20px #4caf5066,inset 0 2px 4px #0003;transform:scale(1.02)}.pet-panel.is-drop-target{box-shadow:0 0 30px #4caf504d,0 6px 12px #0009,inset 0 1px #ff8c0026}.pet-panel.is-drop-target .pet-slot:not(.has-pet){border-color:#4caf5099;border-style:dashed;animation:dropTargetPulse 1.5s ease-in-out infinite}@keyframes dropTargetPulse{0%,to{border-color:#4caf5066;box-shadow:inset 0 0 10px #4caf501a}50%{border-color:#4caf50cc;box-shadow:inset 0 0 20px #4caf5033}}.pet-panel.is-dragging .pet-slot:not(.dragging):not(.drag-over){opacity:.7}.pet-slot.has-pet:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006,inset 0 2px 4px #0003}.pet-slot.on-mission{background:linear-gradient(180deg,#888,#666);opacity:.7}.pet-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.pet-name{font-size:1.2rem;font-weight:700;color:#f39c12;flex:0 0 auto}.pet-info-image{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));flex-shrink:0}.pet-level{font-size:1.1rem;font-weight:700;color:#f39c12;margin-left:auto}.pet-stats-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;margin-bottom:.75rem;width:100%;overflow:hidden}.pet-panel .stat-item{display:flex;align-items:center;justify-content:center;gap:.2rem;background:#0000004d;padding:.35rem .3rem;border-radius:6px;border:2px solid rgba(243,156,18,.3);white-space:nowrap;overflow:hidden;min-width:0}.pet-panel .stat-label{color:#bbb;font-size:.85rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);flex-shrink:0}.pet-panel .stat-value{color:#f39c12;font-size:.9rem;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis}.click-hint{text-align:center;color:#f39c12;font-size:.9rem;font-weight:700;font-style:italic;margin-top:.5rem;padding:.35rem;background:#0003;border-radius:6px;border:1px dashed #f39c12}.mission-indicator{position:absolute;top:1rem;right:1rem;background:#f44;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:700;border:2px solid #8b4513}.mission-indicator.healing{background:linear-gradient(135deg,#2196f3,#1565c0);border-color:#0d47a1}.mission-indicator.breeding{background:linear-gradient(135deg,#8a2be2,#9b59b6);border-color:#6a1b9a}.mission-indicator.guild-bank{background:linear-gradient(135deg,#ff8c00,#ff6f00);border-color:#e65100;font-size:.7rem;max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis}.skill-points-badge{position:absolute;top:-8px;left:-8px;background:linear-gradient(135deg,#9c27b0,#ba68c8,#7b1fa2);color:#fff;padding:4px 8px;border-radius:10px;font-size:.7rem;font-weight:900;font-family:Impact,sans-serif;border:2px solid #6a1b9a;min-width:18px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 3px 6px #000000b3,0 0 12px #9c27b099;z-index:20;animation:skillPointsPulse 2s ease-in-out infinite}@keyframes skillPointsPulse{0%,to{transform:scale(1);box-shadow:0 3px 6px #000000b3,0 0 12px #9c27b099}50%{transform:scale(1.1);box-shadow:0 4px 8px #000c,0 0 20px #9c27b0e6}}.pet-xp-bar{position:relative;height:20px;background:#2d2d2d;border:2px solid #8b4513;border-radius:10px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.85rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.empty-pet-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;color:#7f8c8d;font-weight:700}.slot-hint{font-size:1.5rem;color:#5f6d77}@media (max-width: 1200px){.pet-panel{min-height:550px}.pet-panel-header{padding:.9rem;font-size:1.35rem}}@media (max-width: 1024px){.pet-panel{min-height:500px}.pet-panel-header{padding:.85rem;font-size:1.25rem;letter-spacing:1.5px}.pet-slots{gap:.85rem;padding:.85rem}}@media (max-width: 768px){.pet-panel{border-width:3px;min-height:450px}.pet-panel-header{padding:.7rem;font-size:1.1rem;letter-spacing:1px;border-bottom-width:2px}.pet-slots{gap:.75rem;padding:.75rem}.pet-slot{padding:.75rem;border-width:2px}.pet-name{font-size:1.1rem}.pet-level{font-size:1rem}.pet-stats-mini{gap:.6rem}.stat-label{font-size:.95rem}.stat-value{font-size:1.05rem}.click-hint{font-size:.85rem}.mission-indicator{font-size:.75rem;padding:.2rem .6rem}.xp-text{font-size:.8rem}}@media (max-width: 600px){.pet-panel{min-height:400px}.pet-panel-header{padding:.6rem;font-size:1rem;letter-spacing:.5px}.pet-slots{gap:.6rem;padding:.6rem}.pet-slot{padding:.6rem;min-height:80px}.pet-name{font-size:1rem}.pet-level{font-size:.95rem}.pet-stats-mini{gap:.5rem}.stat-label{font-size:.9rem}.stat-value{font-size:1rem}.click-hint{font-size:.8rem}.mission-indicator{font-size:.7rem;padding:.2rem .5rem;top:.75rem;right:.75rem}.pet-xp-bar{height:18px}.xp-text{font-size:.75rem}.empty-pet-slot{min-height:80px}.slot-hint{font-size:1.2rem}}@media (max-width: 480px){.pet-panel{border-width:2px;min-height:350px}.pet-panel-header{padding:.5rem;font-size:.9rem;letter-spacing:0;border-bottom-width:2px}.pet-slots{gap:.5rem;padding:.5rem}.pet-slot{padding:.5rem}.pet-info{gap:.5rem}.pet-name{font-size:.95rem}.pet-info-image{width:32px;height:32px}.pet-level{font-size:.9rem}.pet-stats-mini{grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem}.pet-panel .stat-item{padding:.2rem .15rem;gap:.1rem;flex-direction:column;border-width:1px}.pet-panel .stat-label{font-size:.55rem}.pet-panel .stat-value{font-size:.65rem}.click-hint{font-size:.75rem}.mission-indicator{font-size:.6rem;padding:.15rem .35rem;top:auto;bottom:auto;position:relative;display:block;margin:-.1rem auto .3rem;width:fit-content;text-align:center}.mission-indicator.guild-bank{max-width:100%}.pet-xp-bar{height:16px}.xp-text{font-size:.7rem}}@media (max-width: 360px){.pet-panel{min-height:300px}.pet-panel-header{padding:.4rem;font-size:.8rem}.pet-name{font-size:.85rem}.pet-stats-mini{gap:.15rem}.pet-panel .stat-item{padding:.15rem .1rem}.pet-panel .stat-label{font-size:.5rem}.pet-panel .stat-value{font-size:.6rem}.mission-indicator{font-size:.5rem;padding:.1rem .2rem;margin:-.1rem auto .25rem}}.mission-area-easy{display:grid;grid-template-columns:1fr 600px 1fr;gap:2rem;max-width:1800px;margin:0 auto;min-height:700px;position:relative}.mission-area-easy:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(34,139,34,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,100,0,.06) 0%,transparent 50%);pointer-events:none;z-index:-1}.mission-area-easy .mission-left-panel,.mission-area-easy .mission-center-panel,.mission-area-easy .mission-right-panel{display:flex;flex-direction:column;min-height:700px;animation:panelFadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mission-area-easy .mission-left-panel{gap:.5rem}.mission-area-easy .panel-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.mission-area-easy .toggle-btn{flex:1;padding:.85rem;font-size:1.15rem;font-weight:900;border:3px solid #2e7d32;border-radius:10px 10px 0 0;background:linear-gradient(135deg,#424242,#2d2d2d);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;position:relative;overflow:hidden;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff1a;letter-spacing:1px;font-family:Impact,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.8)}.mission-area-easy .toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.mission-area-easy .toggle-btn:hover:before{left:100%}.mission-area-easy .toggle-btn:hover{background:linear-gradient(135deg,#505050,#3a3a3a);transform:translateY(-3px);box-shadow:0 6px 12px #000000b3,0 0 20px #4caf504d,inset 0 1px #ffffff26;border-color:#4caf50}.mission-area-easy .toggle-btn.active{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;transform:translateY(3px);border-color:#2e7d32;box-shadow:0 2px 4px #0009,0 0 25px #4caf5099,inset 0 2px 4px #0000004d;text-shadow:0 2px 6px rgba(0,0,0,.9)}.mission-area-easy .toggle-btn.active:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(76,175,80,.4) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;animation:radialGlowPulse 2s ease-in-out infinite;pointer-events:none}@keyframes radialGlowPulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.mission-area-easy .mission-event-log{background:linear-gradient(135deg,#0d1b0df2,#142814fa);border:4px solid #2e7d32;border-radius:12px;padding:0;min-height:400px;max-height:550px;overflow:hidden;box-shadow:0 8px 24px #000c,0 0 40px #2e7d324d,inset 0 1px #4caf5033;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mission-area-easy .mission-event-log:hover{border-color:#4caf50;box-shadow:0 12px 32px #000000e6,0 0 60px #4caf5080,inset 0 1px #4caf504d}.mission-area-easy .mission-event-log:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(76,175,80,.15) 0%,transparent 50%);pointer-events:none;border-radius:8px}.mission-area-easy .mission-selector{background:linear-gradient(135deg,#4caf50f2,#388e3cfa,#2e7d32fa);border:4px solid #2e7d32;border-radius:16px;padding:2rem;box-shadow:0 12px 32px #000c,0 0 50px #4caf5066,inset 0 2px #ffffff26;display:flex;flex-direction:column;gap:1.75rem;min-height:550px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mission-area-easy .mission-selector:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotatingSelectorGlow 8s linear infinite;pointer-events:none}@keyframes rotatingSelectorGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mission-area-easy .mission-selector:hover{border-color:#4caf50;box-shadow:0 16px 40px #000000e6,0 0 70px #4caf5099,inset 0 2px #fff3}.mission-area-easy .info-board{background:linear-gradient(135deg,#0d0d0df2,#141e14fa);border:3px solid #2e7d32;border-radius:12px;padding:1.75rem;color:#fff;min-height:180px;max-height:550px;overflow-y:auto;box-shadow:0 6px 16px #000c,inset 0 1px #4caf5033;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mission-area-easy .info-board:hover{border-color:#4caf50;box-shadow:0 8px 20px #000000e6,0 0 30px #4caf504d,inset 0 1px #4caf504d}.mission-area-easy .mission-status{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:1.3rem;font-weight:900;color:gold;text-align:center;gap:.75rem;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.4);letter-spacing:1.5px;font-family:Impact,sans-serif;text-transform:uppercase;animation:statusTextPulse 3s ease-in-out infinite}@keyframes statusTextPulse{0%,to{text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.4)}50%{text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 30px rgba(255,215,0,.7)}}.mission-area-easy .mission-buttons{display:flex;flex-direction:column;gap:1.25rem}.mission-area-easy .mission-btn{padding:1.5rem;font-size:1.3rem;font-weight:900;border:4px solid #2e7d32;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 6px 12px #0009,inset 0 2px #ffffff26;position:relative;overflow:hidden;letter-spacing:2px;font-family:Impact,sans-serif;text-shadow:0 3px 6px rgba(0,0,0,.9)}.mission-area-easy .mission-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .6s ease}.mission-area-easy .mission-btn:hover:not(:disabled):before{left:100%}.mission-area-easy .mission-btn:hover:not(:disabled){transform:translateY(-5px) scale(1.02);box-shadow:0 12px 24px #000000b3,0 0 40px #4caf5080,inset 0 2px #fff3}.mission-area-easy .mission-btn:active:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 6px 12px #0009,inset 0 2px #ffffff1a}.mission-area-easy .mission-btn.forest{background:linear-gradient(135deg,#2d5016,#4a7c2e,#2d5016);color:#fff;border-color:#1b5e20}.mission-area-easy .mission-btn.forest:hover:not(:disabled){background:linear-gradient(135deg,#3a6020,#5a8c3e,#3a6020);border-color:#2e7d32}.mission-area-easy .mission-btn.mines{background:linear-gradient(135deg,#4a4a4a,#2d2d2d,#4a4a4a);color:#fff;border-color:#1a1a1a}.mission-area-easy .mission-btn.mines:hover:not(:disabled){background:linear-gradient(135deg,#5a5a5a,#3d3d3d,#5a5a5a);border-color:#424242}.mission-area-easy .mission-btn.wilderness{background:linear-gradient(135deg,#5d4e37,#8b7355,#5d4e37);color:#fff;border-color:#3e2723}.mission-area-easy .mission-btn.wilderness:hover:not(:disabled){background:linear-gradient(135deg,#6d5e47,#9b8365,#6d5e47);border-color:#5d4037}.mission-area-easy .mission-btn.in-progress{background:linear-gradient(135deg,gold,#ffed4e,gold);color:#2d2d2d;cursor:not-allowed;border-color:#ffa000;animation:inProgressPulse 2s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.6)}@keyframes inProgressPulse{0%,to{box-shadow:0 6px 12px #0009,0 0 20px #ffd70066}50%{box-shadow:0 6px 12px #0009,0 0 40px #ffd700b3}}.mission-area-easy .mission-btn.claim{background:linear-gradient(135deg,#4caf50,#45a049,#4caf50);color:#fff;border-color:#2e7d32;animation:claimReadyPulse 2s ease-in-out infinite}.mission-area-easy .mission-btn.claim:hover:not(:disabled){background:linear-gradient(135deg,#5cbf60,#55b059,#5cbf60);box-shadow:0 12px 24px #000000b3,0 0 60px #4caf50cc}@keyframes claimReadyPulse{0%,to{box-shadow:0 6px 12px #0009,0 0 25px #4caf5080}50%{box-shadow:0 6px 12px #0009,0 0 45px #4caf50cc}}.mission-area-easy .mission-btn.reset{background:linear-gradient(135deg,#f44,#c00,#f44);color:#fff;border-color:#b71c1c}.mission-area-easy .mission-btn.reset:hover:not(:disabled){background:linear-gradient(135deg,#f55,#d11,#f55);border-color:#c62828}.mission-area-easy .mission-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;filter:grayscale(.4)}.mission-area-easy .mission-navigation{display:flex;flex-direction:column;gap:1rem}.mission-area-easy .btn-info{padding:.9rem 1.75rem;font-size:1.05rem;font-weight:900;border:3px solid #424242;border-radius:10px;background:linear-gradient(135deg,#616161,#424242);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff1a;letter-spacing:1px;font-family:Impact,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.8);position:relative;overflow:hidden}.mission-area-easy .btn-info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .5s ease}.mission-area-easy .btn-info:hover:before{left:100%}.mission-area-easy .btn-info:hover{background:linear-gradient(135deg,#757575,#535353);transform:translateY(-3px);box-shadow:0 6px 12px #000000b3,0 0 20px #fff3;border-color:#616161}.mission-area-easy .btn-return-hub{padding:1.1rem 1.75rem;font-size:1.15rem;font-weight:900;border:3px solid #2e7d32;border-radius:12px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.85rem;box-shadow:0 6px 12px #0009,0 0 #4caf5000;animation:returnHubPulse 3s ease-in-out infinite;font-family:Impact,sans-serif;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.8);position:relative;overflow:hidden}.mission-area-easy .return-icon{font-size:1.6rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mission-area-easy .return-text{flex:1;text-align:center}.mission-area-easy .btn-return-hub:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.mission-area-easy .btn-return-hub:hover:before{left:100%}.mission-area-easy .btn-return-hub:hover{background:linear-gradient(135deg,#45a049,#388e3c);border-color:#1b5e20;transform:translateY(-5px);box-shadow:0 10px 20px #000000b3,0 0 35px #4caf5080}.mission-area-easy .btn-return-hub:hover .return-icon{transform:translate(-6px)}.mission-area-easy .btn-return-hub:active{transform:translateY(-2px)}@keyframes returnHubPulse{0%,to{box-shadow:0 6px 12px #0009,0 0 #4caf5000}50%{box-shadow:0 6px 12px #0009,0 0 18px #4caf5099}}@media (max-width: 1600px){.mission-area-easy{grid-template-columns:1fr minmax(400px,550px) 1fr;gap:1.5rem}}@media (max-width: 1400px){.mission-area-easy{grid-template-columns:1fr minmax(350px,480px) 1fr;gap:1.25rem;max-width:1400px}.mission-area-easy .mission-left-panel,.mission-area-easy .mission-center-panel,.mission-area-easy .mission-right-panel{min-height:600px}.mission-area-easy .mission-selector{padding:1.5rem;min-height:500px}}@media (max-width: 1200px){.mission-area-easy{grid-template-columns:minmax(280px,1fr) minmax(300px,1.2fr);gap:1rem;max-width:1100px}.mission-area-easy .mission-left-panel,.mission-area-easy .mission-center-panel{grid-row:1;min-height:450px}.mission-area-easy .mission-right-panel{grid-column:1 / -1;grid-row:2;min-height:auto;max-height:500px}.mission-area-easy .panel-toggle{gap:.4rem;margin-bottom:.75rem}.mission-area-easy .toggle-btn{padding:.7rem;font-size:1rem}.mission-area-easy .mission-selector{padding:1.25rem;min-height:400px}}@media (max-width: 1024px){.mission-area-easy{grid-template-columns:1fr;gap:1rem;max-width:700px;min-height:600px}.mission-area-easy .mission-left-panel{order:2;min-height:350px;grid-row:auto}.mission-area-easy .mission-center-panel{order:1;min-height:400px;grid-row:auto}.mission-area-easy .mission-right-panel{order:3;grid-column:1;min-height:auto;max-height:450px;grid-row:auto}.mission-area-easy .toggle-btn{font-size:1rem;padding:.75rem;min-height:44px}.mission-area-easy .panel-toggle{gap:.5rem}.mission-area-easy .mission-btn{font-size:1.15rem;padding:1.25rem}}@media (max-width: 768px){.mission-area-easy{gap:.75rem;min-height:500px}.mission-area-easy .mission-left-panel,.mission-area-easy .mission-center-panel,.mission-area-easy .mission-right-panel{min-height:450px}.mission-area-easy .toggle-btn{font-size:.9rem;padding:.6rem;border-width:2px;min-height:44px}.mission-area-easy .panel-toggle{gap:.3rem}.mission-area-easy .mission-btn{font-size:1rem;padding:1rem;border-width:3px}.mission-area-easy .mission-selector{padding:1.5rem}}@media (max-width: 480px){.mission-area-easy{gap:.5rem;min-height:400px}.mission-area-easy .mission-left-panel,.mission-area-easy .mission-center-panel,.mission-area-easy .mission-right-panel{min-height:380px}.mission-area-easy .toggle-btn{font-size:.85rem;padding:.5rem .4rem}.mission-area-easy .panel-toggle{gap:.25rem}.mission-area-easy .mission-btn{font-size:.9rem;padding:.9rem}.mission-area-easy .mission-selector{padding:1.25rem;border-width:3px}}@media (max-width: 360px){.mission-area-easy .toggle-btn{font-size:.75rem;padding:.4rem .3rem}.mission-area-easy .mission-btn{font-size:.8rem;padding:.8rem}}.mission-area-medium{display:grid;grid-template-columns:1fr 600px 1fr;gap:2rem;max-width:1800px;margin:0 auto;min-height:700px;position:relative}.mission-area-medium:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 25% 15%,rgba(255,140,0,.12) 0%,transparent 50%),radial-gradient(ellipse at 75% 85%,rgba(255,69,0,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}.mission-area-medium .mission-left-panel,.mission-area-medium .mission-center-panel,.mission-area-medium .mission-right-panel{display:flex;flex-direction:column;min-height:700px;animation:panelFadeInMedium .6s cubic-bezier(.4,0,.2,1)}@keyframes panelFadeInMedium{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.mission-area-medium .mission-left-panel{gap:.5rem}.mission-area-medium .panel-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.mission-area-medium .toggle-btn{flex:1;padding:.85rem;font-size:1.15rem;font-weight:900;border:3px solid #e65100;border-radius:10px 10px 0 0;background:linear-gradient(135deg,#424242,#1a1a1a);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;position:relative;overflow:hidden;box-shadow:0 5px 10px #000000b3,inset 0 1px #ff8c001f;letter-spacing:1px;font-family:Impact,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.9)}.mission-area-medium .toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,140,0,.35) 50%,transparent 100%);transition:left .6s ease}.mission-area-medium .toggle-btn:hover:before{left:100%}.mission-area-medium .toggle-btn:hover{background:linear-gradient(135deg,#505050,#2a2a2a);transform:translateY(-3px);box-shadow:0 7px 14px #000c,0 0 25px #ff8c0066,inset 0 1px #ff8c002e;border-color:#ff8c00}.mission-area-medium .toggle-btn.active{background:linear-gradient(135deg,#ff8c00,#ff6f00);color:#fff;transform:translateY(3px);border-color:#e65100;box-shadow:0 3px 6px #000000b3,0 0 30px #ff8c00b3,inset 0 2px 4px #0006;text-shadow:0 2px 6px rgba(0,0,0,.9)}.mission-area-medium .toggle-btn.active:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,140,0,.5) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;animation:radialGlowPulseMedium 2.5s ease-in-out infinite;pointer-events:none}@keyframes radialGlowPulseMedium{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.mission-area-medium .mission-event-log{background:linear-gradient(135deg,#140a05f2,#1e0f08fa);border:4px solid #e65100;border-radius:12px;padding:0;min-height:400px;max-height:550px;overflow:hidden;box-shadow:0 10px 28px #000000d9,0 0 50px #ff8c0066,inset 0 1px #ff8c0040;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mission-area-medium .mission-event-log:hover{border-color:#ff8c00;box-shadow:0 14px 36px #000000e6,0 0 70px #ff8c0099,inset 0 1px #ff8c0059}.mission-area-medium .mission-event-log:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,140,0,.2) 0%,transparent 50%);pointer-events:none;border-radius:8px}.mission-area-medium .mission-selector{background:linear-gradient(135deg,#ff8c00f2,#f57c00fa,#e65100fa);border:4px solid #e65100;border-radius:16px;padding:2rem;box-shadow:0 14px 36px #000000d9,0 0 60px #ff8c0080,inset 0 2px #ffffff2e;display:flex;flex-direction:column;gap:1.75rem;min-height:550px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mission-area-medium .mission-selector:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.12) 0%,transparent 70%);animation:rotatingSelectorGlowMedium 7s linear infinite;pointer-events:none}@keyframes rotatingSelectorGlowMedium{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mission-area-medium .mission-selector:hover{border-color:#ff8c00;box-shadow:0 18px 44px #000000e6,0 0 80px #ff8c00b3,inset 0 2px #ffffff40}.mission-area-medium .info-board{background:linear-gradient(135deg,#0a0a0af2,#140f0afa);border:3px solid #e65100;border-radius:12px;padding:1.75rem;color:#fff;min-height:180px;max-height:550px;overflow-y:auto;box-shadow:0 7px 18px #000000d9,inset 0 1px #ff8c0040;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mission-area-medium .info-board:hover{border-color:#ff8c00;box-shadow:0 9px 22px #000000e6,0 0 35px #ff8c0066,inset 0 1px #ff8c0059}.mission-area-medium .mission-status{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:1.35rem;font-weight:900;color:gold;text-align:center;gap:.75rem;text-shadow:0 3px 6px rgba(0,0,0,.95),0 0 25px rgba(255,140,0,.5);letter-spacing:1.5px;font-family:Impact,sans-serif;text-transform:uppercase;animation:statusTextPulseMedium 2.8s ease-in-out infinite}@keyframes statusTextPulseMedium{0%,to{text-shadow:0 3px 6px rgba(0,0,0,.95),0 0 25px rgba(255,140,0,.5)}50%{text-shadow:0 3px 6px rgba(0,0,0,.95),0 0 40px rgba(255,140,0,.8)}}.mission-area-medium .mission-buttons{display:flex;flex-direction:column;gap:1.25rem}.mission-area-medium .mission-btn{padding:1.5rem;font-size:1.3rem;font-weight:900;border:4px solid #e65100;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 7px 14px #000000b3,inset 0 2px #ffffff2e;position:relative;overflow:hidden;letter-spacing:2px;font-family:Impact,sans-serif;text-shadow:0 3px 6px rgba(0,0,0,.95)}.mission-area-medium .mission-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,140,0,.45) 50%,transparent 100%);transition:left .6s ease}.mission-area-medium .mission-btn:hover:not(:disabled):before{left:100%}.mission-area-medium .mission-btn:hover:not(:disabled){transform:translateY(-5px) scale(1.03);box-shadow:0 14px 28px #000c,0 0 50px #ff8c0099,inset 0 2px #ffffff40}.mission-area-medium .mission-btn.forest{background:linear-gradient(135deg,#1a3a1a,#2a5a2a,#1a3a1a);color:#fff;border-color:#0d2a0d}.mission-area-medium .mission-btn.forest:hover:not(:disabled){background:linear-gradient(135deg,#2a4a2a,#3a6a3a,#2a4a2a);border-color:#1a4a1a}.mission-area-medium .mission-btn.mines{background:linear-gradient(135deg,#3a3a5a,#2a2a4a,#3a3a5a);color:#fff;border-color:#1a1a3a}.mission-area-medium .mission-btn.mines:hover:not(:disabled){background:linear-gradient(135deg,#4a4a6a,#3a3a5a,#4a4a6a);border-color:#2a2a4a}.mission-area-medium .mission-btn.wilderness{background:linear-gradient(135deg,#5a3a1a,#7a5a3a,#5a3a1a);color:#fff;border-color:#3a2a0a}.mission-area-medium .mission-btn.wilderness:hover:not(:disabled){background:linear-gradient(135deg,#6a4a2a,#8a6a4a,#6a4a2a);border-color:#4a3a1a}.mission-area-medium .mission-btn.in-progress{background:linear-gradient(135deg,gold,#ffed4e,gold);color:#2d2d2d;cursor:not-allowed;border-color:#ffa000;animation:inProgressPulseMedium 2s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.7)}@keyframes inProgressPulseMedium{0%,to{box-shadow:0 7px 14px #000000b3,0 0 25px #ffd70080}50%{box-shadow:0 7px 14px #000000b3,0 0 50px #ffd700cc}}.mission-area-medium .mission-btn.claim{background:linear-gradient(135deg,#ff8c00,#ff6f00,#ff8c00);color:#fff;border-color:#e65100;animation:claimReadyPulseMedium 2s ease-in-out infinite}.mission-area-medium .mission-btn.claim:hover:not(:disabled){background:linear-gradient(135deg,#ff9c10,#ff7f10,#ff9c10);box-shadow:0 14px 28px #000c,0 0 70px #ff8c00e6}@keyframes claimReadyPulseMedium{0%,to{box-shadow:0 7px 14px #000000b3,0 0 30px #ff8c0099}50%{box-shadow:0 7px 14px #000000b3,0 0 55px #ff8c00e6}}.mission-area-medium .mission-btn.reset{background:linear-gradient(135deg,#f44,#c00,#f44);color:#fff;border-color:#b71c1c}.mission-area-medium .mission-btn.reset:hover:not(:disabled){background:linear-gradient(135deg,#f55,#d11,#f55);border-color:#c62828}.mission-area-medium .mission-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;filter:grayscale(.5)}.mission-area-medium .mission-navigation{display:flex;flex-direction:column;gap:1rem}.mission-area-medium .btn-info{padding:.9rem 1.75rem;font-size:1.05rem;font-weight:900;border:3px solid #424242;border-radius:10px;background:linear-gradient(135deg,#616161,#424242);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 5px 10px #000000b3,inset 0 1px #ff8c001f;letter-spacing:1px;font-family:Impact,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.85);position:relative;overflow:hidden}.mission-area-medium .btn-info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,140,0,.3) 50%,transparent 100%);transition:left .5s ease}.mission-area-medium .btn-info:hover:before{left:100%}.mission-area-medium .btn-info:hover{background:linear-gradient(135deg,#757575,#535353);transform:translateY(-3px);box-shadow:0 7px 14px #000c,0 0 22px #ff8c0040;border-color:#757575}.mission-area-medium .btn-return-hub{padding:1.1rem 1.75rem;font-size:1.15rem;font-weight:900;border:3px solid #e65100;border-radius:12px;background:linear-gradient(135deg,#ff8c00,#ff6f00);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.85rem;box-shadow:0 7px 14px #000000b3,0 0 #ff8c0000;animation:returnHubPulseMedium 3s ease-in-out infinite;font-family:Impact,sans-serif;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.85);position:relative;overflow:hidden}.mission-area-medium .return-icon{font-size:1.6rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mission-area-medium .return-text{flex:1;text-align:center}.mission-area-medium .btn-return-hub:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.4) 50%,transparent 100%);transition:left .6s ease}.mission-area-medium .btn-return-hub:hover:before{left:100%}.mission-area-medium .btn-return-hub:hover{background:linear-gradient(135deg,#ff6f00,#f57c00);border-color:#bf360c;transform:translateY(-5px);box-shadow:0 12px 24px #000c,0 0 45px #ff8c0099}.mission-area-medium .btn-return-hub:hover .return-icon{transform:translate(-6px)}@keyframes returnHubPulseMedium{0%,to{box-shadow:0 7px 14px #000000b3,0 0 #ff8c0000}50%{box-shadow:0 7px 14px #000000b3,0 0 22px #ff8c00b3}}@media (max-width: 1600px){.mission-area-medium{grid-template-columns:1fr minmax(400px,550px) 1fr;gap:1.5rem}}@media (max-width: 1400px){.mission-area-medium{grid-template-columns:1fr minmax(350px,480px) 1fr;gap:1.25rem;max-width:1400px}.mission-area-medium .mission-left-panel,.mission-area-medium .mission-center-panel,.mission-area-medium .mission-right-panel{min-height:600px}.mission-area-medium .mission-selector{padding:1.5rem;min-height:500px}}@media (max-width: 1200px){.mission-area-medium{grid-template-columns:minmax(280px,1fr) minmax(300px,1.2fr);gap:1rem;max-width:1100px}.mission-area-medium .mission-left-panel,.mission-area-medium .mission-center-panel{grid-row:1;min-height:450px}.mission-area-medium .mission-right-panel{grid-column:1 / -1;grid-row:2;min-height:auto;max-height:500px}.mission-area-medium .panel-toggle{gap:.4rem;margin-bottom:.75rem}.mission-area-medium .toggle-btn{padding:.7rem;font-size:1rem}.mission-area-medium .mission-selector{padding:1.25rem;min-height:400px}}@media (max-width: 1024px){.mission-area-medium{grid-template-columns:1fr;gap:1rem;max-width:700px;min-height:600px}.mission-area-medium .mission-left-panel{order:2;min-height:350px;grid-row:auto}.mission-area-medium .mission-center-panel{order:1;min-height:400px;grid-row:auto}.mission-area-medium .mission-right-panel{order:3;grid-column:1;min-height:auto;max-height:450px;grid-row:auto}.mission-area-medium .toggle-btn{font-size:1rem;padding:.75rem;min-height:44px}.mission-area-medium .panel-toggle{gap:.5rem}.mission-area-medium .mission-btn{font-size:1.15rem;padding:1.25rem}}@media (max-width: 768px){.mission-area-medium{gap:.75rem;min-height:500px}.mission-area-medium .mission-left-panel,.mission-area-medium .mission-center-panel,.mission-area-medium .mission-right-panel{min-height:450px}.mission-area-medium .toggle-btn{font-size:.9rem;padding:.6rem;border-width:2px;min-height:44px}.mission-area-medium .panel-toggle{gap:.3rem}.mission-area-medium .mission-btn{font-size:1rem;padding:1rem;border-width:3px}.mission-area-medium .mission-selector{padding:1.5rem}}@media (max-width: 480px){.mission-area-medium{gap:.5rem;min-height:400px}.mission-area-medium .mission-left-panel,.mission-area-medium .mission-center-panel,.mission-area-medium .mission-right-panel{min-height:380px}.mission-area-medium .toggle-btn{font-size:.85rem;padding:.5rem .4rem}.mission-area-medium .panel-toggle{gap:.25rem}.mission-area-medium .mission-btn{font-size:.9rem;padding:.9rem}.mission-area-medium .mission-selector{padding:1.25rem;border-width:3px}}@media (max-width: 360px){.mission-area-medium .toggle-btn{font-size:.75rem;padding:.4rem .3rem}.mission-area-medium .mission-btn{font-size:.8rem;padding:.8rem}}.mission-area-hard{display:grid;grid-template-columns:1fr 600px 1fr;gap:2rem;max-width:1800px;margin:0 auto;min-height:700px;position:relative}.mission-area-hard:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 10%,rgba(211,47,47,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(138,43,226,.12) 0%,transparent 50%);pointer-events:none;z-index:-1}.mission-area-hard .mission-left-panel,.mission-area-hard .mission-center-panel,.mission-area-hard .mission-right-panel{display:flex;flex-direction:column;min-height:700px;animation:panelFadeInHard .6s cubic-bezier(.4,0,.2,1)}@keyframes panelFadeInHard{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mission-area-hard .mission-left-panel{gap:.5rem}.mission-area-hard .panel-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.mission-area-hard .toggle-btn{flex:1;padding:.85rem;font-size:1.15rem;font-weight:900;border:3px solid #b71c1c;border-radius:10px 10px 0 0;background:linear-gradient(135deg,#3a1a1a,#0d0d0d);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;position:relative;overflow:hidden;box-shadow:0 6px 12px #000c,inset 0 1px #d32f2f26;letter-spacing:1px;font-family:Impact,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.95)}.mission-area-hard .toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(211,47,47,.4) 50%,transparent 100%);transition:left .6s ease}.mission-area-hard .toggle-btn:hover:before{left:100%}.mission-area-hard .toggle-btn:hover{background:linear-gradient(135deg,#4a2a2a,#1d1d1d);transform:translateY(-3px);box-shadow:0 8px 16px #000000d9,0 0 30px #d32f2f80,inset 0 1px #d32f2f38;border-color:#d32f2f}.mission-area-hard .toggle-btn.active{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;transform:translateY(3px);border-color:#c62828;box-shadow:0 4px 8px #000c,0 0 35px #d32f2fcc,inset 0 2px 4px #00000080;text-shadow:0 2px 6px rgba(0,0,0,.95)}.mission-area-hard .toggle-btn.active:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(211,47,47,.6) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;animation:radialGlowPulseHard 2.3s ease-in-out infinite;pointer-events:none}@keyframes radialGlowPulseHard{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}}.mission-area-hard .mission-event-log{background:linear-gradient(135deg,#0f0505f2,#14080afa);border:4px solid #b71c1c;border-radius:12px;padding:0;min-height:400px;max-height:550px;overflow:hidden;box-shadow:0 12px 32px #000000e6,0 0 60px #d32f2f80,inset 0 1px #d32f2f4d;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mission-area-hard .mission-event-log:hover{border-color:#d32f2f;box-shadow:0 16px 40px #000000f2,0 0 80px #d32f2fb3,inset 0 1px #d32f2f66}.mission-area-hard .mission-event-log:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(211,47,47,.25) 0%,transparent 50%);pointer-events:none;border-radius:8px}.mission-area-hard .mission-selector{background:linear-gradient(135deg,#d32f2ff2,#b71c1cfa 50% 100%);border:4px solid #b71c1c;border-radius:16px;padding:2rem;box-shadow:0 16px 40px #000000e6,0 0 70px #d32f2f99,inset 0 2px #fff3;display:flex;flex-direction:column;gap:1.75rem;min-height:550px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.mission-area-hard .mission-selector:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 70%);animation:rotatingSelectorGlowHard 6s linear infinite;pointer-events:none}@keyframes rotatingSelectorGlowHard{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mission-area-hard .mission-selector:hover{border-color:#d32f2f;box-shadow:0 20px 48px #000000f2,0 0 90px #d32f2fcc,inset 0 2px #ffffff47}.mission-area-hard .info-board{background:linear-gradient(135deg,#080808f2,#0f0a0afa);border:3px solid #b71c1c;border-radius:12px;padding:1.75rem;color:#fff;min-height:180px;max-height:550px;overflow-y:auto;box-shadow:0 8px 20px #000000e6,inset 0 1px #d32f2f4d;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mission-area-hard .info-board:hover{border-color:#d32f2f;box-shadow:0 10px 24px #000000f2,0 0 40px #d32f2f80,inset 0 1px #d32f2f66}.mission-area-hard .mission-status{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:1.4rem;font-weight:900;color:gold;text-align:center;gap:.75rem;text-shadow:0 4px 8px rgba(0,0,0,.95),0 0 30px rgba(211,47,47,.6);letter-spacing:1.5px;font-family:Impact,sans-serif;text-transform:uppercase;animation:statusTextPulseHard 2.6s ease-in-out infinite}@keyframes statusTextPulseHard{0%,to{text-shadow:0 4px 8px rgba(0,0,0,.95),0 0 30px rgba(211,47,47,.6)}50%{text-shadow:0 4px 8px rgba(0,0,0,.95),0 0 50px rgba(211,47,47,.9)}}.mission-area-hard .mission-buttons{display:flex;flex-direction:column;gap:1.25rem}.mission-area-hard .mission-btn{padding:1.5rem;font-size:1.3rem;font-weight:900;border:4px solid #b71c1c;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 8px 16px #000c,inset 0 2px #fff3;position:relative;overflow:hidden;letter-spacing:2px;font-family:Impact,sans-serif;text-shadow:0 3px 6px rgba(0,0,0,.95)}.mission-area-hard .mission-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(211,47,47,.5) 50%,transparent 100%);transition:left .6s ease}.mission-area-hard .mission-btn:hover:not(:disabled):before{left:100%}.mission-area-hard .mission-btn:hover:not(:disabled){transform:translateY(-5px) scale(1.04);box-shadow:0 16px 32px #000000d9,0 0 60px #d32f2fb3,inset 0 2px #ffffff47}.mission-area-hard .mission-btn.forest{background:linear-gradient(135deg,#0d1a0d,#1a3a1a,#0d1a0d);color:#fff;border-color:#051a05}.mission-area-hard .mission-btn.forest:hover:not(:disabled){background:linear-gradient(135deg,#1a2a1a,#2a4a2a,#1a2a1a);border-color:#0d2a0d}.mission-area-hard .mission-btn.mines{background:linear-gradient(135deg,#1a1a2a,#2a2a3a,#1a1a2a);color:#fff;border-color:#0a0a1a}.mission-area-hard .mission-btn.mines:hover:not(:disabled){background:linear-gradient(135deg,#2a2a3a,#3a3a4a,#2a2a3a);border-color:#1a1a2a}.mission-area-hard .mission-btn.wilderness{background:linear-gradient(135deg,#3a1a0a,#5a3a1a,#3a1a0a);color:#fff;border-color:#2a0a00}.mission-area-hard .mission-btn.wilderness:hover:not(:disabled){background:linear-gradient(135deg,#4a2a1a,#6a4a2a,#4a2a1a);border-color:#3a1a0a}.mission-area-hard .mission-btn.in-progress{background:linear-gradient(135deg,gold,#ffed4e,gold);color:#2d2d2d;cursor:not-allowed;border-color:#ffa000;animation:inProgressPulseHard 1.8s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.8)}@keyframes inProgressPulseHard{0%,to{box-shadow:0 8px 16px #000c,0 0 30px #ffd70099}50%{box-shadow:0 8px 16px #000c,0 0 60px #ffd700e6}}.mission-area-hard .mission-btn.claim{background:linear-gradient(135deg,#d32f2f,#b71c1c,#d32f2f);color:#fff;border-color:#c62828;animation:claimReadyPulseHard 1.8s ease-in-out infinite}.mission-area-hard .mission-btn.claim:hover:not(:disabled){background:linear-gradient(135deg,#e33f3f,#c72c2c,#e33f3f);box-shadow:0 16px 32px #000000d9,0 0 80px #d32f2f}@keyframes claimReadyPulseHard{0%,to{box-shadow:0 8px 16px #000c,0 0 35px #d32f2fb3}50%{box-shadow:0 8px 16px #000c,0 0 65px #d32f2f}}.mission-area-hard .mission-btn.reset{background:linear-gradient(135deg,#f44,#c00,#f44);color:#fff;border-color:#b71c1c}.mission-area-hard .mission-btn.reset:hover:not(:disabled){background:linear-gradient(135deg,#f55,#d11,#f55);border-color:#c62828}.mission-area-hard .mission-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;filter:grayscale(.6)}.mission-area-hard .mission-navigation{display:flex;flex-direction:column;gap:1rem}.mission-area-hard .btn-info{padding:.9rem 1.75rem;font-size:1.05rem;font-weight:900;border:3px solid #424242;border-radius:10px;background:linear-gradient(135deg,#616161,#424242);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 6px 12px #000c,inset 0 1px #d32f2f26;letter-spacing:1px;font-family:Impact,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.9);position:relative;overflow:hidden}.mission-area-hard .btn-info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(211,47,47,.35) 50%,transparent 100%);transition:left .5s ease}.mission-area-hard .btn-info:hover:before{left:100%}.mission-area-hard .btn-info:hover{background:linear-gradient(135deg,#757575,#535353);transform:translateY(-3px);box-shadow:0 8px 16px #000000d9,0 0 25px #d32f2f4d;border-color:#757575}.mission-area-hard .btn-return-hub{padding:1.1rem 1.75rem;font-size:1.15rem;font-weight:900;border:3px solid #b71c1c;border-radius:12px;background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.85rem;box-shadow:0 8px 16px #000c,0 0 #d32f2f00;animation:returnHubPulseHard 3s ease-in-out infinite;font-family:Impact,sans-serif;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.9);position:relative;overflow:hidden}.mission-area-hard .return-icon{font-size:1.6rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mission-area-hard .return-text{flex:1;text-align:center}.mission-area-hard .btn-return-hub:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .6s ease}.mission-area-hard .btn-return-hub:hover:before{left:100%}.mission-area-hard .btn-return-hub:hover{background:linear-gradient(135deg,#b71c1c,#c62828);border-color:#9a0007;transform:translateY(-5px);box-shadow:0 14px 28px #000000d9,0 0 50px #d32f2fb3}.mission-area-hard .btn-return-hub:hover .return-icon{transform:translate(-6px)}@keyframes returnHubPulseHard{0%,to{box-shadow:0 8px 16px #000c,0 0 #d32f2f00}50%{box-shadow:0 8px 16px #000c,0 0 25px #d32f2fcc}}@media (max-width: 1600px){.mission-area-hard{grid-template-columns:1fr minmax(400px,550px) 1fr;gap:1.5rem}}@media (max-width: 1400px){.mission-area-hard{grid-template-columns:1fr minmax(350px,480px) 1fr;gap:1.25rem;max-width:1400px}.mission-area-hard .mission-left-panel,.mission-area-hard .mission-center-panel,.mission-area-hard .mission-right-panel{min-height:600px}.mission-area-hard .mission-selector{padding:1.5rem;min-height:500px}}@media (max-width: 1200px){.mission-area-hard{grid-template-columns:minmax(280px,1fr) minmax(300px,1.2fr);gap:1rem;max-width:1100px}.mission-area-hard .mission-left-panel,.mission-area-hard .mission-center-panel{grid-row:1;min-height:450px}.mission-area-hard .mission-right-panel{grid-column:1 / -1;grid-row:2;min-height:auto;max-height:500px}.mission-area-hard .panel-toggle{gap:.4rem;margin-bottom:.75rem}.mission-area-hard .toggle-btn{padding:.7rem;font-size:1rem}.mission-area-hard .mission-selector{padding:1.25rem;min-height:400px}}@media (max-width: 1024px){.mission-area-hard{grid-template-columns:1fr;gap:1rem;max-width:700px;min-height:600px}.mission-area-hard .mission-left-panel{order:2;min-height:350px;grid-row:auto}.mission-area-hard .mission-center-panel{order:1;min-height:400px;grid-row:auto}.mission-area-hard .mission-right-panel{order:3;grid-column:1;min-height:auto;max-height:450px;grid-row:auto}.mission-area-hard .toggle-btn{font-size:1rem;padding:.75rem;min-height:44px}.mission-area-hard .panel-toggle{gap:.5rem}.mission-area-hard .mission-btn{font-size:1.15rem;padding:1.25rem}}@media (max-width: 768px){.mission-area-hard{gap:.75rem;min-height:500px}.mission-area-hard .mission-left-panel,.mission-area-hard .mission-center-panel,.mission-area-hard .mission-right-panel{min-height:450px}.mission-area-hard .toggle-btn{font-size:.9rem;padding:.6rem;border-width:2px;min-height:44px}.mission-area-hard .panel-toggle{gap:.3rem}.mission-area-hard .mission-btn{font-size:1rem;padding:1rem;border-width:3px}.mission-area-hard .mission-selector{padding:1.5rem}}@media (max-width: 480px){.mission-area-hard{gap:.5rem;min-height:400px}.mission-area-hard .mission-left-panel,.mission-area-hard .mission-center-panel,.mission-area-hard .mission-right-panel{min-height:380px}.mission-area-hard .toggle-btn{font-size:.85rem;padding:.5rem .4rem}.mission-area-hard .panel-toggle{gap:.25rem}.mission-area-hard .mission-btn{font-size:.9rem;padding:.9rem}.mission-area-hard .mission-selector{padding:1.25rem;border-width:3px}}@media (max-width: 360px){.mission-area-hard .toggle-btn{font-size:.75rem;padding:.4rem .3rem}.mission-area-hard .mission-btn{font-size:.8rem;padding:.8rem}}.mission-tabs{display:flex;gap:.5rem;margin-top:1rem}.mission-tab{flex:1;padding:.75rem;font-size:1rem;font-weight:700;border:3px solid #8b4513;border-radius:6px;background:linear-gradient(180deg,#5d4e37,#4a4039);color:#fff;cursor:pointer;transition:all .2s;text-transform:uppercase}.mission-tab:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.mission-tab.active{background:linear-gradient(180deg,gold,#ffed4e);color:#2d2d2d;border-color:#d4af37}.mission-tab.has-mission{border:3px solid #4CAF50;box-shadow:0 0 12px #4caf5099}.mission-tab.has-mission.active{border:3px solid #4CAF50}.mission-area-hub{min-height:100vh;background:linear-gradient(180deg,#0f1923d9,#0a0f14f2);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;margin:-2rem}.mission-area-hub:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 20%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:0}.mission-area-hub>*{position:relative;z-index:1}.hub-header{text-align:center;margin-bottom:0;padding:1.25rem;background:linear-gradient(135deg,#8b4513d9,#000000f2);border:3px solid #8b4513;border-radius:12px;box-shadow:0 8px 16px #000c,inset 0 1px #ffd70026}.hub-title-row{display:flex;align-items:center;justify-content:center;gap:1rem}.hub-title-image{max-width:40px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));margin:0}.hub-subtitle{font-size:1.1rem;color:#ff8c00;margin:0;font-style:italic;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8)}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1.25rem;max-width:1600px;margin:0 auto;width:100%;padding:0 1rem;box-sizing:border-box}.difficulty-tile{position:relative;aspect-ratio:1;border:4px solid #8b4513;border-radius:12px;overflow:visible;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 8px 16px #000c;will-change:transform}.difficulty-tile:after{content:"HOVER";position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:.65rem;color:#ffd70080;font-weight:700;letter-spacing:1px;opacity:.6;transition:opacity .3s ease;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,1);font-family:Impact,sans-serif}.difficulty-tile:hover:after{opacity:0}.difficulty-tile:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 16px 32px #000000e6,0 0 30px #ffd70066;border-color:gold;z-index:10}.difficulty-tile.locked{opacity:.3;cursor:not-allowed;filter:grayscale(1) brightness(.7)}.difficulty-tile.locked:hover{transform:none;z-index:1;box-shadow:0 8px 16px #000c,inset 0 1px #ffffff1a}.difficulty-tile.locked:after{content:"LOCKED";color:#ffffff4d;font-size:.7rem}.difficulty-easy .tile-main{background-image:url(/assets/images/Backgrounds/DarkForest.png)}.difficulty-medium .tile-main{background-image:url(/assets/images/Backgrounds/AbandonedMines.png)}.difficulty-hard .tile-main{background-image:url(/assets/images/Backgrounds/WildernessDark.png)}.tile-icon{font-size:4.5rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,1));line-height:1;position:relative;z-index:1;margin-bottom:.25rem}.tile-tier{font-size:.85rem;color:#fffffff2;font-style:italic;font-weight:600;text-shadow:0 3px 6px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,.8);position:relative;z-index:1;margin-top:.25rem}.difficulty-notification-indicator{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;padding:.3rem .5rem;border-radius:12px;font-size:.85rem;font-weight:900;min-width:24px;text-align:center;border:2px solid #2e7d32;box-shadow:0 2px 6px #000c,0 0 8px #4caf5066;z-index:3;animation:difficultyIndicatorPulse 2.5s ease-in-out infinite;pointer-events:none}@keyframes difficultyIndicatorPulse{0%,to{transform:scale(1);box-shadow:0 2px 6px #000c,0 0 8px #4caf5066}50%{transform:scale(1.08);box-shadow:0 2px 8px #000000e6,0 0 14px #4caf5099}}.difficulty-tile:hover .tile-details{opacity:1;pointer-events:auto}.difficulty-tile.locked:hover .tile-details{opacity:0}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.65rem}.detail-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#00000080;padding:.5rem .4rem;border-radius:6px;border:1px solid rgba(139,69,19,.4);transition:all .2s ease}.detail-stat:hover{background:#0009;border-color:#ffd70080}.detail-icon{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9));display:flex;align-items:center;justify-content:center}.stat-icon-img{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.detail-value{color:gold;font-weight:700;font-size:.8rem;text-align:center;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.8)}.detail-biomes{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.65rem}.detail-biome{display:flex;align-items:center;gap:.5rem;background:#0006;padding:.4rem .6rem;border-radius:6px;color:#fff;font-size:.75rem;border-left:3px solid var(--accent-color, #ffd700);font-weight:600;transition:all .2s ease;text-shadow:0 2px 4px rgba(0,0,0,.9)}.detail-biome:hover{background:#0009;border-left-width:4px;transform:translate(2px)}.detail-biome span:first-child{font-size:1.1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.9))}.detail-prompt{text-align:center;color:gold;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;padding:.6rem;background:#ffd70026;border:2px solid rgba(255,215,0,.4);border-radius:6px;animation:promptPulse 2s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.9);font-family:Impact,sans-serif}@keyframes promptPulse{0%,to{background:#ffd70026;border-color:#ffd70066;box-shadow:0 0 #ffd70000}50%{background:#ffd70040;border-color:#ffd70099;box-shadow:0 0 12px 2px #ffd7004d}}@media (min-width: 1400px){.difficulty-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 1400px){.difficulty-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 1024px){.mission-area-hub{padding:1.5rem}.difficulty-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.hub-title{font-size:2rem;letter-spacing:2px}.hub-subtitle{font-size:1rem}.tile-title{font-size:1.3rem}.tile-tier,.detail-header{font-size:.85rem}.detail-value{font-size:.8rem}}@media (max-width: 768px){.mission-area-hub{padding:1.25rem;gap:1.25rem}.hub-header{padding:1rem}.hub-title{font-size:1.8rem;letter-spacing:1.5px}.hub-subtitle{font-size:.95rem}.difficulty-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.tile-title{font-size:1.2rem;letter-spacing:1.5px}.tile-tier{font-size:.8rem}.tile-details{padding:.85rem}.detail-stats{gap:.4rem}.detail-stat{padding:.4rem}.detail-icon{font-size:1.1rem}.detail-value{font-size:.75rem}.detail-biome{font-size:.75rem;padding:.35rem .5rem}.detail-prompt{font-size:.85rem;padding:.5rem}}@media (max-width: 600px){.mission-area-hub{padding:1rem;gap:1rem;margin:-.75rem}.hub-header{padding:.85rem;border-width:2px}.hub-title{font-size:1.6rem;letter-spacing:1px}.hub-subtitle{font-size:.85rem}.difficulty-grid{grid-template-columns:1fr;gap:1rem;padding:0 .5rem;max-width:400px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.difficulty-tile{border-width:3px}.tile-main{padding:1.25rem}.tile-title{font-size:1.1rem}.tile-tier{font-size:.75rem}.locked-overlay{font-size:3rem}.difficulty-notification-indicator{top:8px;right:8px;font-size:.75rem;padding:.25rem .4rem;min-width:20px}.tile-details{padding:.75rem}.detail-header{font-size:.8rem;margin-bottom:.6rem}.detail-stats{gap:.35rem}.detail-stat{padding:.4rem .3rem}.detail-icon{font-size:1rem}.detail-value{font-size:.7rem}.detail-biomes{gap:.35rem}.detail-biome{padding:.35rem .5rem;font-size:.7rem}.detail-biome span:first-child{font-size:.9rem}.detail-prompt{font-size:.8rem;padding:.5rem}}@media (max-width: 480px){.mission-area-hub{margin:-.5rem;padding:.5rem}.hub-title{font-size:1.4rem}.hub-subtitle{font-size:.8rem}.tile-title{font-size:1rem}.difficulty-grid{max-width:calc(100% - .5rem);padding:0 .25rem}}@media (max-width: 360px){.mission-area-hub{margin:0;padding:.5rem}.difficulty-grid{max-width:100%;padding:0;gap:.75rem}.difficulty-tile{border-width:2px}}.world-map-hub{min-height:100vh;background:linear-gradient(180deg,#142319d9,#0a140ff2);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;margin:-2rem}.world-map-hub:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 20%,rgba(0,0,0,.4) 80%,rgba(0,0,0,.7) 100%);pointer-events:none;z-index:0}.world-map-hub>*{position:relative;z-index:1}.world-map-hub .hub-header{text-align:center;margin-bottom:0;padding:1.25rem;background:linear-gradient(135deg,#4a7c59d9,#000000f2);border:3px solid #4a7c59;border-radius:12px;box-shadow:0 8px 16px #000c,inset 0 1px #90ee9026}.world-map-hub .hub-title-row{display:flex;align-items:center;justify-content:center;gap:1rem}.world-map-hub .hub-title-image{max-width:40px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));margin:0}.world-map-hub .hub-subtitle{font-size:1.1rem;color:#90ee90;margin:0;font-style:italic;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8)}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;max-width:1600px;margin:0 auto;width:100%;padding:0 1rem}.location-tile{position:relative;aspect-ratio:1;border:4px solid #8b4513;border-radius:12px;overflow:visible;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 8px 16px #000c;will-change:transform}.location-tile:after{content:"HOVER";position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:.65rem;color:#ffd70080;font-weight:700;letter-spacing:1px;opacity:.6;transition:opacity .3s ease;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,1);font-family:Impact,sans-serif}.location-tile:hover:after{opacity:0}.location-tile:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 16px 32px #000000e6,0 0 30px #ffd70066;border-color:gold;z-index:10}.location-tile:active{transform:translateY(-6px) scale(1.03)}.location-notification-badge{position:absolute;top:-12px;right:-12px;background:linear-gradient(135deg,#00bcd4,#26c6da,#0097a7);color:#fff;padding:6px 10px;border-radius:12px;font-size:.85rem;font-weight:900;font-family:Impact,sans-serif;border:3px solid #00838f;min-width:24px;text-align:center;box-shadow:0 4px 8px #000c,0 0 15px #00bcd499;z-index:20;animation:locationBadgePulse 2s ease-in-out infinite;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes locationBadgePulse{0%,to{transform:scale(1);box-shadow:0 4px 8px #000c,0 0 15px #00bcd499}50%{transform:scale(1.15);box-shadow:0 5px 10px #000000e6,0 0 25px #00bcd4e6}}.tile-main{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;border-radius:8px;position:relative;overflow:hidden;transition:all .3s ease;background-size:cover;background-position:center;background-repeat:no-repeat}.location-swampcity .tile-main{background-image:url(/assets/images/Backgrounds/Swampcity.png)}.location-oldhollow .tile-main{background-image:url(/assets/images/Backgrounds/OldHollow1.webp)}.location-transportyard .tile-main{background-image:url(/assets/images/Backgrounds/Transportyard1.webp)}.location-globaltrade .tile-main{background-image:url(/assets/images/Backgrounds/Globaltrade.webp)}.location-otiumwars .tile-main{background-image:url(/assets/images/Misc/Worldotiumwars.webp);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.location-barracks .tile-main{background-image:url(/assets/images/Misc/Worldbarracks.webp);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.location-dnacentre .tile-main{background-image:url(/assets/images/Backgrounds/DNAcentre.webp);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.tile-main:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.15) 0%,transparent 60%),radial-gradient(circle at 100% 100%,rgba(0,0,0,.2) 0%,transparent 50%);pointer-events:none}.tile-title{font-size:1.4rem;font-weight:700;color:#fff;text-transform:uppercase;font-family:Impact,sans-serif;letter-spacing:2px;text-align:center;text-shadow:0 4px 8px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.9);margin:0;position:relative;z-index:1;line-height:1.2}.tile-tier{font-size:.85rem;color:#fffffff2;font-style:italic;font-weight:600;text-shadow:0 3px 6px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,.8);position:relative;z-index:1;text-align:center;margin:0}.tile-details{position:absolute;inset:0;background:#0d0d0df7;border:3px solid var(--accent-color, #ffd700);border-radius:8px;padding:1rem;opacity:0;transition:opacity .25s ease;box-shadow:inset 0 0 20px #00000080,inset 0 1px #ffd70033;pointer-events:none;z-index:5;overflow-y:auto;display:flex;flex-direction:column}.location-tile:hover .tile-details{opacity:1;pointer-events:auto}.location-tile.locked:hover .tile-details{opacity:0}.detail-header{color:gold;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.65rem;text-align:center;border-bottom:2px solid rgba(255,215,0,.3);padding-bottom:.45rem;text-shadow:0 2px 4px rgba(0,0,0,.9)}.detail-activities{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.65rem}.detail-activity{display:flex;align-items:center;gap:.5rem;background:#0006;padding:.4rem .6rem;border-radius:6px;color:#fff;font-size:.75rem;border-left:3px solid var(--accent-color, #4a7c59);font-weight:600;transition:all .2s ease;text-shadow:0 2px 4px rgba(0,0,0,.9)}.detail-activity:hover{background:#0009;border-left-width:4px;transform:translate(2px)}.activity-info{display:flex;flex-direction:column;gap:.15rem;width:100%}.activity-name{font-size:.8rem;font-weight:700;color:#fff}.activity-desc{font-size:.7rem;color:#ffffffb3;font-style:italic}.detail-prompt{text-align:center;color:gold;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;padding:.6rem;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid rgba(255,215,0,.4);border-radius:6px;box-shadow:0 2px 8px #0009;animation:prompt-pulse 2.5s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.9);margin-top:.25rem}@keyframes prompt-pulse{0%,to{opacity:1;box-shadow:0 2px 8px #0009}50%{opacity:.85;box-shadow:0 4px 12px #ffd7004d}}.location-tile.locked{opacity:.3;cursor:not-allowed;filter:grayscale(1) brightness(.7)}.location-tile.locked:hover{transform:none;z-index:1;box-shadow:0 8px 16px #000c,inset 0 1px #ffffff1a}.location-tile.locked:after{content:"LOCKED";color:#ffffff4d;font-size:.7rem}.locked-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.9));z-index:2}.locked-overlay img{width:60px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.9))}@media (max-width: 900px){.world-map-hub{padding:1.5rem}.location-grid{gap:1rem}.tile-title{font-size:1.3rem;letter-spacing:1.5px}.tile-tier{font-size:.8rem}.tile-details{padding:.85rem}.detail-activity{padding:.35rem .5rem}.detail-prompt{font-size:.85rem;padding:.5rem}}@media (max-width: 600px){.world-map-hub{padding:1rem;gap:1rem;margin:-.75rem}.world-map-hub .hub-header{padding:.85rem;border-width:2px}.world-map-hub .hub-subtitle{font-size:.85rem}.location-grid{grid-template-columns:1fr;gap:1rem;padding:0;max-width:400px}.location-tile{border-width:3px}.tile-main{padding:1.25rem}.tile-title{font-size:1.1rem}.tile-tier{font-size:.75rem}.locked-overlay{font-size:3rem}.tile-details{padding:.75rem}.detail-header{font-size:.8rem;margin-bottom:.6rem}.detail-activities{gap:.35rem}.detail-activity{padding:.35rem .5rem;font-size:.7rem}.activity-name{font-size:.75rem}.activity-desc{font-size:.65rem}.detail-prompt{font-size:.8rem;padding:.5rem}}@media (max-width: 480px){.world-map-hub{margin:-.5rem;padding:.5rem}.location-grid{padding:0}.world-map-hub .hub-subtitle{font-size:.8rem}.tile-title{font-size:1rem}}.gold-purchase-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:gold-fadeIn .2s ease-out}@keyframes gold-fadeIn{0%{opacity:0}to{opacity:1}}.gold-purchase-modal{position:relative;width:90%;max-width:420px;background:linear-gradient(180deg,#2a2215,#1a1508);border:2px solid #d4a556;border-radius:16px;box-shadow:0 0 40px #d4a5564d,0 0 80px #d4a5561a,inset 0 1px #ffd7001a;overflow:hidden;animation:gold-modalSlideIn .3s ease-out}@keyframes gold-modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.gold-modal-header{display:flex;flex-direction:column;align-items:center;padding:24px 20px 16px;background:linear-gradient(180deg,rgba(212,165,86,.15) 0%,transparent 100%);border-bottom:1px solid rgba(212,165,86,.2)}.gold-modal-icon{width:48px;height:48px;margin-bottom:12px;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.gold-modal-title{margin:0;font-size:1.4em;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,215,0,.5)}.gold-modal-header.gold-processing{background:linear-gradient(180deg,rgba(255,193,7,.2) 0%,transparent 100%)}.gold-modal-header.gold-processing .gold-modal-title{color:#ffc107}.gold-modal-header.gold-success{background:linear-gradient(180deg,rgba(76,175,80,.2) 0%,transparent 100%)}.gold-modal-header.gold-success .gold-modal-title{color:#4caf50}.gold-success-icon{font-size:48px;color:#4caf50;text-shadow:0 0 20px rgba(76,175,80,.8)}.gold-modal-header.gold-error{background:linear-gradient(180deg,rgba(244,67,54,.2) 0%,transparent 100%)}.gold-modal-header.gold-error .gold-modal-title{color:#f44336}.gold-error-icon{font-size:48px;color:#f44336;text-shadow:0 0 20px rgba(244,67,54,.8)}.gold-modal-body{padding:20px}.gold-purchase-item{display:flex;align-items:center;gap:16px;padding:16px;background:#0000004d;border:1px solid rgba(212,165,86,.3);border-radius:12px;margin-bottom:16px}.gold-item-image{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#0000004d;padding:4px;border:1px solid rgba(212,165,86,.2)}.gold-item-details{flex:1}.gold-item-name{font-size:1.2em;font-weight:600;color:#fff;margin-bottom:4px}.gold-item-description{font-size:.9em;color:#fff9;line-height:1.4}.gold-purchase-cost{text-align:center;padding:16px;background:linear-gradient(180deg,#d4a5561a,#d4a5560d);border:1px solid rgba(212,165,86,.3);border-radius:12px;margin-bottom:16px}.gold-cost-label{font-size:.8em;color:#ffffff80;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.gold-cost-value{display:flex;align-items:center;justify-content:center;gap:8px}.gold-cost-icon{width:28px;height:28px;filter:drop-shadow(0 0 6px rgba(255,215,0,.5))}.gold-cost-amount{font-size:1.8em;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.gold-cost-currency{font-size:.9em;color:#fff9}.gold-balance-check{padding:12px 16px;border-radius:8px;margin-bottom:16px}.gold-balance-check.sufficient{background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.gold-balance-check.insufficient{background:#f443361a;border:1px solid rgba(244,67,54,.3)}.gold-balance-row{display:flex;justify-content:space-between;align-items:center}.gold-balance-label{color:#ffffffb3;font-size:.9em}.gold-balance-value{font-weight:600;color:gold}.gold-insufficient-warning{display:flex;align-items:center;gap:8px;margin-top:8px;color:#f44336;font-size:.9em}.gold-insufficient-warning .warning-icon{font-size:1.1em}.gold-modal-actions{display:flex;gap:12px;padding:16px 20px 20px;border-top:1px solid rgba(212,165,86,.2)}.gold-modal-btn{flex:1;padding:14px 20px;border:none;border-radius:8px;font-size:1em;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.gold-btn-cancel{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.gold-btn-cancel:hover{background:#ffffff26;color:#fff}.gold-btn-confirm{background:linear-gradient(180deg,#d4a556,#a67c3d);color:#1a1508;border:1px solid #ffd700;box-shadow:0 0 15px #d4a5564d}.gold-btn-confirm:hover:not(.disabled){background:linear-gradient(180deg,#e6b866,#b88d4e);box-shadow:0 0 25px #d4a55680;transform:translateY(-2px)}.gold-btn-confirm.disabled{background:#6464644d;color:#ffffff4d;border-color:#ffffff1a;box-shadow:none;cursor:not-allowed}.gold-btn-retry{background:linear-gradient(180deg,#d4a556,#a67c3d);color:#1a1508;border:1px solid #ffd700}.gold-btn-retry:hover{background:linear-gradient(180deg,#e6b866,#b88d4e)}.gold-modal-close-x{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff9;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.gold-modal-close-x:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.gold-processing-animation{display:flex;flex-direction:column;align-items:center;padding:32px 0}.gold-processing-spinner{width:48px;height:48px;border:3px solid rgba(212,165,86,.2);border-top-color:#d4a556;border-radius:50%;animation:gold-spin 1s linear infinite;margin-bottom:16px}@keyframes gold-spin{to{transform:rotate(360deg)}}.gold-processing-text{color:#ffffffb3;font-size:1em}.gold-spinning{animation:gold-spin 1s linear infinite}.gold-success-animation{text-align:center;padding:24px 0}.gold-success-burst{width:80px;height:80px;margin:0 auto 16px;background:radial-gradient(circle,rgba(76,175,80,.3) 0%,transparent 70%);border-radius:50%;animation:gold-pulse 1s ease-out infinite}@keyframes gold-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.gold-success-message{position:relative}.gold-success-item{font-size:1.3em;font-weight:600;color:#fff;margin-bottom:4px}.gold-success-subtitle{color:#fff9;font-size:.95em}.gold-success-footer{margin-top:16px;color:#fff6;font-size:.85em}.gold-error-message{text-align:center;padding:16px 0}.gold-error-title{font-size:1.1em;font-weight:600;color:#f44336;margin-bottom:8px}.gold-error-details{color:#fff9;font-size:.9em}.gold-error-hint{text-align:center;padding:12px;background:#4caf501a;border:1px solid rgba(76,175,80,.2);border-radius:8px;color:#4caf50;font-size:.9em;margin-top:16px}@media (max-width: 480px){.gold-purchase-modal{width:95%;max-width:none;margin:16px}.gold-modal-header{padding:20px 16px 12px}.gold-modal-title{font-size:1.2em}.gold-modal-body{padding:16px}.gold-item-image{width:48px;height:48px}.gold-cost-amount{font-size:1.5em}.gold-modal-actions{flex-direction:column}.gold-modal-btn{padding:12px 16px}}.token-only-modal-overlay{position:fixed;inset:0;background:#0a0514eb;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:tokenOnly-fadeIn .2s ease-out}@keyframes tokenOnly-fadeIn{0%{opacity:0}to{opacity:1}}.token-only-modal{position:relative;width:90%;max-width:440px;background:linear-gradient(180deg,#1a0a2e,#0d0518);border:2px solid #9c27b0;border-radius:20px;box-shadow:0 0 60px #9c27b066,0 0 120px #673ab733,inset 0 1px #ffffff1a;overflow:hidden;animation:tokenOnly-modalSlideIn .3s ease-out}@keyframes tokenOnly-modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.token-only-modal:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#9c27b0,#673ab7,#3f51b5,#673ab7,#9c27b0);background-size:400% 400%;border-radius:22px;z-index:-1;animation:tokenOnly-borderGlow 4s ease-in-out infinite}@keyframes tokenOnly-borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.token-only-header{display:flex;flex-direction:column;align-items:center;padding:28px 20px 20px;background:linear-gradient(180deg,rgba(156,39,176,.2) 0%,transparent 100%);border-bottom:1px solid rgba(156,39,176,.3)}.token-only-icon{font-size:56px;margin-bottom:12px;filter:drop-shadow(0 0 20px rgba(156,39,176,.8));animation:tokenOnly-iconFloat 3s ease-in-out infinite}@keyframes tokenOnly-iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.token-only-title{margin:0;font-size:1.5em;font-weight:700;color:#e1bee7;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(156,39,176,.8)}.token-only-subtitle{margin-top:8px;font-size:.9em;color:#e1bee7b3;letter-spacing:1px}.token-only-header.token-only-processing{background:linear-gradient(180deg,rgba(255,193,7,.15) 0%,transparent 100%)}.token-only-header.token-only-processing .token-only-title{color:#ffc107}.token-only-header.token-only-success{background:linear-gradient(180deg,rgba(76,175,80,.2) 0%,transparent 100%)}.token-only-header.token-only-success .token-only-title{color:#4caf50}.token-only-success-icon{color:#4caf50!important;text-shadow:0 0 30px rgba(76,175,80,.8)!important}.token-only-header.token-only-error{background:linear-gradient(180deg,rgba(244,67,54,.2) 0%,transparent 100%)}.token-only-header.token-only-error .token-only-title{color:#f44336}.token-only-error-icon{color:#f44336!important;text-shadow:0 0 30px rgba(244,67,54,.8)!important}.token-only-body{padding:24px}.token-only-item{display:flex;align-items:center;gap:16px;padding:18px;background:#9c27b01a;border:1px solid rgba(156,39,176,.3);border-radius:14px;margin-bottom:20px}.token-only-item-image{width:72px;height:72px;object-fit:contain;border-radius:10px;background:#0006;padding:6px;border:1px solid rgba(156,39,176,.4);box-shadow:0 0 20px #9c27b04d}.token-only-item-details{flex:1}.token-only-item-name{font-size:1.25em;font-weight:600;color:#fff;margin-bottom:6px}.token-only-item-description{font-size:.9em;color:#fff9;line-height:1.4}.token-only-cost{text-align:center;padding:20px;background:linear-gradient(180deg,#9c27b026,#673ab71a);border:1px solid rgba(156,39,176,.4);border-radius:14px;margin-bottom:20px}.token-only-cost-label{font-size:.75em;color:#ffffff80;text-transform:uppercase;letter-spacing:3px;margin-bottom:10px}.token-only-cost-value{display:flex;align-items:baseline;justify-content:center;gap:10px}.token-only-cost-amount{font-size:2.2em;font-weight:700;color:#e1bee7;text-shadow:0 0 20px rgba(156,39,176,.6)}.token-only-cost-symbol{font-size:1.2em;font-weight:600;color:#9c27b0;text-transform:uppercase}.token-only-gas-fee{margin-top:10px;font-size:.85em;color:#fff6}.token-only-checking{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:#9c27b01a;border-radius:10px;color:#ffffffb3;margin-bottom:16px}.token-only-check-spinner{width:20px;height:20px;border:2px solid rgba(156,39,176,.3);border-top-color:#9c27b0;border-radius:50%;animation:tokenOnly-spin 1s linear infinite}@keyframes tokenOnly-spin{to{transform:rotate(360deg)}}.token-only-balance-ok{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:10px;color:#4caf50;margin-bottom:16px}.token-only-check-icon{font-size:1.2em}.token-only-insufficient{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:10px;color:#f44336;margin-bottom:16px;flex-wrap:wrap}.token-only-error-icon{font-size:1.2em}.token-only-error-text{flex:1;min-width:150px}.token-only-warning{text-align:center;padding:12px;background:#ffc1071a;border:1px solid rgba(255,193,7,.2);border-radius:8px;color:#ffc107e6;font-size:.85em}.token-only-actions{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid rgba(156,39,176,.2)}.token-only-btn{flex:1;padding:16px 20px;border:none;border-radius:10px;font-size:.95em;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.token-only-btn-cancel{background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.15)}.token-only-btn-cancel:hover{background:#ffffff1f;color:#fff}.token-only-btn-confirm{background:linear-gradient(180deg,#9c27b0,#7b1fa2);color:#fff;border:1px solid #ce93d8;box-shadow:0 0 25px #9c27b066}.token-only-btn-confirm:hover:not(.disabled){background:linear-gradient(180deg,#ab47bc,#8e24aa);box-shadow:0 0 40px #9c27b099;transform:translateY(-2px)}.token-only-btn-confirm.disabled{background:#6464644d;color:#ffffff4d;border-color:#ffffff1a;box-shadow:none;cursor:not-allowed}.token-only-btn-retry{background:linear-gradient(180deg,#9c27b0,#7b1fa2);color:#fff;border:1px solid #ce93d8}.token-only-btn-retry:hover{background:linear-gradient(180deg,#ab47bc,#8e24aa)}.token-only-close-x{position:absolute;top:14px;right:14px;width:36px;height:36px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#ffffff80;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.token-only-close-x:hover{background:#ffffff26;color:#fff;transform:rotate(90deg)}.token-only-processing-animation{display:flex;flex-direction:column;align-items:center;padding:32px 0}.token-only-processing-spinner{width:56px;height:56px;border:3px solid rgba(156,39,176,.2);border-top-color:#9c27b0;border-radius:50%;animation:tokenOnly-spin 1s linear infinite;margin-bottom:20px}.token-only-processing-stages{text-align:center}.token-only-stage{color:#ffffffb3;margin-bottom:6px}.token-only-hint{color:#fff6;font-size:.85em;margin-top:8px}.token-only-processing-details{margin-top:24px;padding:16px;background:#0000004d;border-radius:10px}.token-only-detail-row{display:flex;justify-content:space-between;padding:8px 0;color:#fff9;font-size:.9em}.token-only-detail-row span:last-child{color:#e1bee7;font-weight:500}.token-only-spinning{animation:tokenOnly-spin 1s linear infinite}.token-only-success-animation{text-align:center;padding:28px 0}.token-only-success-burst{width:100px;height:100px;margin:0 auto 20px;background:radial-gradient(circle,rgba(76,175,80,.4) 0%,transparent 70%);border-radius:50%;animation:tokenOnly-pulse 1s ease-out infinite}@keyframes tokenOnly-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.token-only-success-message{position:relative}.token-only-success-item{font-size:1.4em;font-weight:600;color:#fff;margin-bottom:6px}.token-only-success-subtitle{color:#fff9}.token-only-tx-hash{margin-top:24px;padding:16px;background:#0000004d;border-radius:10px;text-align:center}.token-only-hash-label{font-size:.75em;color:#fff6;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.token-only-hash-value{font-family:Courier New,monospace;color:#e1bee7;font-size:.9em;margin-bottom:6px}.token-only-hash-hint{font-size:.8em;color:#fff6}.token-only-success-footer{margin-top:20px;color:#fff6;font-size:.85em}.token-only-error-message{text-align:center;padding:20px 0}.token-only-error-title{font-size:1.1em;font-weight:600;color:#f44336;margin-bottom:10px}.token-only-error-details{color:#fff9;font-size:.9em}.token-only-error-hint{text-align:center;padding:14px;background:#4caf501a;border:1px solid rgba(76,175,80,.2);border-radius:10px;color:#4caf50;font-size:.9em;margin-top:20px}@media (max-width: 480px){.token-only-modal{width:95%;max-width:none;margin:16px;border-radius:16px}.token-only-header{padding:22px 16px 16px}.token-only-icon{font-size:44px}.token-only-title{font-size:1.25em;letter-spacing:2px}.token-only-body{padding:18px}.token-only-item-image{width:56px;height:56px}.token-only-item-name{font-size:1.1em}.token-only-cost-amount{font-size:1.8em}.token-only-actions{flex-direction:column;padding:14px 18px 18px}.token-only-btn{padding:14px 16px}}@keyframes shop-glare-sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.shop-page{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth}.shop-page .shop-currency-wrapper{position:absolute;top:20px;left:20px;z-index:10}.shop-page .shop-currency-wrapper .currency-display{position:relative;left:auto;transform:scale(.95);transform-origin:top left}.shop-header{text-align:center;margin-bottom:20px}.shop-header h2{color:#c8a84e;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.shop-description{color:#d4c4a0;font-size:.9rem}.shop-mode-toggle{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.mode-btn{padding:12px 24px;font-size:16px;font-weight:700;border:1px solid #8a6a2e;background:transparent;color:#d4c4a0;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mode-btn.active{background:linear-gradient(180deg,#c8a84e,#8a6a2e);color:#1a1207;border-color:#c8a84e;text-shadow:0 1px 1px rgba(0,0,0,.15)}.mode-btn:hover{transform:translateY(-2px);border-color:#c8a84e;background:#c8a84e26}.mode-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.mode-btn:focus:not(:focus-visible){outline:none}.shop-categories{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.category-btn{padding:8px 20px;font-size:.9rem;font-weight:600;border:1px solid #8a6a2e;background:transparent;color:#d4c4a0;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap}.category-btn:hover{background:#c8a84e26;border-color:#c8a84e;color:#f5e6c8;transform:scale(1.05)}.category-btn.active{background:linear-gradient(180deg,#e8c84e,#c8a84e);color:#1a1207;border-color:#e8c84e;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.15)}.category-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.category-btn:focus:not(:focus-visible){outline:none}.shop-notification{padding:10px 20px;margin-bottom:15px;border-radius:8px;text-align:center;font-weight:600;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.shop-notification.success{background:#44ff8826;border:1px solid rgba(68,255,136,.4);color:#4f8}.shop-notification.error{background:#ff444426;border:1px solid rgba(255,68,68,.4);color:#f44}.shop-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding:10px 6px 20px;overflow-x:hidden;scroll-behavior:smooth}.shop-inventory-grid::-webkit-scrollbar{width:8px}.shop-inventory-grid::-webkit-scrollbar-track{background:#1a120799;border-radius:4px}.shop-inventory-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:4px}.shop-item-card{background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;box-shadow:inset 0 1px #c8a84e33,0 4px 12px #0000004d;will-change:transform;touch-action:manipulation}.shop-item-card:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-100%);pointer-events:none;z-index:2}.shop-item-card:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(200,168,78,.1) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.shop-item-card:hover{transform:translateY(-5px) scale(1.02);border-color:#c8a84e;background:linear-gradient(145deg,#3a2a15,#2a1f10);box-shadow:inset 0 1px #c8a84e4d,0 8px 24px #0006,0 0 15px #c8a84e4d}.shop-item-card:hover:before{animation:shop-glare-sweep .6s ease-in-out}.shop-item-card:hover:after{opacity:1}.shop-item-image{position:relative;width:128px;height:128px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;z-index:3}.shop-item-image img{max-width:100%;max-height:100%;object-fit:contain}.shop-item-name{color:#f5e6c8;font-size:1rem;font-weight:600;margin:0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:3}.shop-item-price{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 12px;flex-wrap:wrap;position:relative;z-index:3}.shop-price-gold{display:flex;align-items:center;gap:4px;color:gold;font-weight:600;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.shop-price-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle}.stock-badge,.quantity-badge{position:absolute;bottom:-5px;right:-5px;background:#c8a84e;color:#1a1207;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.2)}.shop-card-stock-label{position:absolute;inset:8px auto auto 10px;background:transparent;color:#7dffb3;padding:0;font-size:12px;font-weight:700;font-family:Segoe UI,system-ui,sans-serif;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(125,255,179,.3);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5;user-select:none;pointer-events:none}.shop-item-card:hover .shop-card-stock-label{color:#a8ffd4;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 12px rgba(125,255,179,.5)}.shop-card-stock-label.low-stock{color:#ffcc4d;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 10px rgba(255,149,0,.4);animation:shop-stock-text-pulse 2s ease-in-out infinite}.shop-card-stock-label.sold-out{color:#888;text-shadow:0 1px 2px rgba(0,0,0,.6);animation:none;opacity:.9}.shop-card-limited-badge{position:absolute;inset:6px 6px auto auto;background:linear-gradient(135deg,#8b1538,#c41e3a 35%,#e63950,#c41e3a 65%,#8b1538);color:#fff;padding:5px 8px;border-radius:5px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;line-height:1.2;text-align:center;border:1.5px solid #ff6b8a;box-shadow:0 2px 8px #c41e3a80,inset 0 1px #ffffff40,inset 0 -1px #0003;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5;will-change:transform,box-shadow;transform:translateZ(0);overflow:hidden;animation:shop-limited-badge-glow 3s ease-in-out infinite}.shop-card-limited-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease;pointer-events:none}.shop-item-card:hover .shop-card-limited-badge:before{left:100%}.shop-item-card:hover .shop-card-limited-badge{transform:scale(1.06) translateZ(0);box-shadow:0 4px 12px #c41e3a99,inset 0 1px #ffffff4d,0 0 20px #c41e3a59;border-color:#ff8fa8}.stock-description{color:#ffb347;font-size:11px;font-style:italic;font-weight:500;margin:6px 0;padding:6px 10px;background:linear-gradient(135deg,#ffb3471f,#ff8c0014);border:1px solid rgba(255,179,71,.25);border-radius:6px;border-left:3px solid #ff8c00;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.4;transition:all .25s ease}.shop-item-card:hover .stock-description{background:linear-gradient(135deg,#ffb3472e,#ff8c001f);border-color:#ffb34766;color:#ffc266}.restock-info{color:#7dd3fc;font-size:11px;font-weight:500;margin:6px 0;padding:6px 10px;background:linear-gradient(135deg,#7dd3fc1a,#38bdf80f);border:1px solid rgba(125,211,252,.2);border-radius:6px;border-left:3px solid #38bdf8;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.4;transition:all .25s ease}.shop-item-card:hover .restock-info{background:linear-gradient(135deg,#7dd3fc26,#38bdf81a);border-color:#7dd3fc59;color:#a5e4ff}.shop-buy-btn.urgent{background:linear-gradient(180deg,#ff6b35,#dc3545,#c82333);border:2px solid #ff8a65;box-shadow:0 4px 12px #dc354566,inset 0 1px #fff3;animation:shop-buy-urgent-pulse 1.5s ease-in-out infinite}.shop-buy-btn.urgent:hover:not(:disabled){background:linear-gradient(180deg,#ff8a65,#ff6b35,#dc3545);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px #dc354580,inset 0 1px #ffffff4d,0 0 25px #ff6b354d;border-color:#ffab91}@keyframes shop-stock-text-pulse{0%,to{text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 10px rgba(255,149,0,.4)}50%{text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 16px rgba(255,149,0,.6)}}@keyframes shop-limited-badge-glow{0%,to{box-shadow:0 2px 8px #c41e3a80,inset 0 1px #ffffff40,inset 0 -1px #0003}50%{box-shadow:0 3px 12px #c41e3aa6,inset 0 1px #ffffff4d,inset 0 -1px #0003,0 0 18px #c41e3a66}}@keyframes shop-buy-urgent-pulse{0%,to{box-shadow:0 4px 12px #dc354566,inset 0 1px #fff3}50%{box-shadow:0 5px 18px #dc35458c,inset 0 1px #ffffff40,0 0 20px #ff6b3533}}@media (prefers-reduced-motion: reduce){.shop-card-stock-label.low-stock,.shop-card-limited-badge,.shop-buy-btn.urgent{animation:none}.shop-card-limited-badge:before{display:none}}.shop-item-info{text-align:center;width:100%}.shop-item-info h4{color:#f5e6c8;font-size:1rem;font-weight:600;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-description{color:#a08860;font-size:.75rem;margin-bottom:10px;min-height:36px}.item-price{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:8px;background:#0003;border-radius:6px;border:1px solid rgba(200,168,78,.1)}.price-label{color:#a08860;font-size:13px}.price-value{color:gold;font-size:16px;font-weight:700;display:flex;align-items:center;gap:5px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.price-icon,.btn-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle}.shop-buy-btn,.shop-sell-btn,.shop-sell-all-btn{width:100%;padding:10px 16px;margin-top:5px;font-size:.9rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;z-index:3}.shop-buy-btn{background:linear-gradient(180deg,#c8a84e,#8a6a2e);color:#1a1207;text-shadow:0 1px 1px rgba(0,0,0,.3)}.shop-buy-btn:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%);pointer-events:none}.shop-buy-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #c8a84e66}.shop-buy-btn:hover:not(:disabled):before{animation:shop-glare-sweep .6s ease-in-out}.shop-buy-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.shop-buy-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.shop-buy-btn:focus:not(:focus-visible){outline:none}.shop-buy-btn.token-buy{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;border:1px solid #ce93d8;box-shadow:0 0 12px #9c27b066;display:flex;align-items:center;justify-content:center;gap:6px}.shop-buy-btn.token-buy:hover:not(:disabled){background:linear-gradient(135deg,#ab47bc,#7e57c2);box-shadow:0 0 20px #9c27b099;transform:translateY(-2px)}.token-btn-icon{width:18px;height:18px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}.price-value.token-price{color:#ce93d8;font-weight:600;display:flex;align-items:center;gap:4px}.price-value.token-price .token-symbol{font-size:.85em;color:#9c27b0;text-transform:uppercase;font-weight:700}.shop-sell-btn{background:linear-gradient(180deg,#d4a846,#a07830);color:#1a1207}.shop-sell-btn:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e);transform:scale(1.05)}.shop-sell-all-btn{background:linear-gradient(180deg,#c0392b,#8b1a1a);color:#fff}.shop-sell-all-btn:hover{background:linear-gradient(180deg,#e74c3c,#c0392b);transform:scale(1.05)}.no-eggs-message,.no-items-message{grid-column:1 / -1;text-align:center;padding:40px;color:#a08860}.shop-loading{display:flex;align-items:center;justify-content:center;height:400px;color:gold;font-size:20px}.shop-item-card.egg-item{position:relative}.shop-item-card.egg-item:hover{border-color:#e8c84e;box-shadow:inset 0 1px #c8a84e4d,0 8px 24px #0006,0 0 20px #c8a84e66}.preview-hint{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background:#000000e6;color:#c8a84e;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none;border:1px solid #c8a84e}.shop-item-card.egg-item:hover .preview-hint{opacity:1}.egg-preview-modal-overlay{position:fixed;inset:0;z-index:10000;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}@keyframes shop-modal-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.egg-preview-modal{max-width:800px;width:90vw;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 30px #c8a84e33,inset 0 1px #c8a84e26;animation:shop-modal-in .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;position:relative;scroll-behavior:smooth}.egg-preview-modal::-webkit-scrollbar{width:8px}.egg-preview-modal::-webkit-scrollbar-track{background:#1a120799;border-radius:0 16px 16px 0}.egg-preview-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:4px}.egg-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(200,168,78,.2)}.egg-modal-title{display:flex;align-items:center;gap:12px}.egg-modal-header h2{color:#f5e6c8;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.egg-modal-title-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s cubic-bezier(.4,0,.2,1)}.egg-modal-title:hover .egg-modal-title-icon{transform:translateY(-2px) scale(1.08)}.egg-modal-hatch-time{display:flex;align-items:center;gap:4px;color:#a08860;font-size:.8rem;font-weight:600;margin-left:12px;white-space:nowrap}.egg-modal-hatch-clock{width:18px;height:18px;object-fit:contain;opacity:.8}.egg-modal-close{background:none;border:none;color:#c8a84e;font-size:2rem;cursor:pointer;padding:0;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.egg-modal-close:hover{transform:rotate(90deg) scale(1.15);color:#f0d060}.egg-modal-close:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.egg-modal-close:focus:not(:focus-visible){outline:none}.egg-modal-content{display:grid;grid-template-columns:40% 60%;gap:24px;padding:24px}.egg-modal-sprite-section{display:flex;flex-direction:column;gap:16px}.sprite-display{background:linear-gradient(145deg,#1a1207,#0d0a04);border:1px solid rgba(200,168,78,.2);border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0006;position:relative;overflow:hidden}.sprite-display:before{display:none}.egg-sprite-preview{max-width:100%;max-height:200px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));position:relative;z-index:1}.sprite-toggle-section{display:flex;gap:8px}.sprite-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;min-height:44px;border:1px solid #8a6a2e;border-radius:8px;background:transparent;color:#d4c4a0;font-weight:600;font-size:.85rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.sprite-toggle-btn:hover{background:#c8a84e26;border-color:#c8a84e}.toggle-pet-icon{width:28px;height:28px;object-fit:contain;border-radius:4px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));transition:transform .3s cubic-bezier(.4,0,.2,1)}.sprite-toggle-btn:hover .toggle-pet-icon{transform:scale(1.15) translateY(-1px)}.sprite-toggle-btn.active{background:linear-gradient(180deg,#c8a84e,#8a6a2e);color:#1a1207;border-color:#c8a84e;font-weight:700}.sprite-toggle-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.sprite-toggle-btn:focus:not(:focus-visible){outline:none}.growth-hint{color:#a08860;font-size:.8rem;text-align:center;margin:0;font-style:italic}.egg-modal-info-section{display:flex;flex-direction:column;gap:16px}.species-name-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.species-name-section h3{color:#f5e6c8;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.rarity-badge{padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.rarity-badge.rarity-common{background:#8080804d;color:gray;border:1px solid rgba(128,128,128,.5)}.rarity-badge.rarity-rare{background:#48f3;color:#48f;border:1px solid rgba(68,136,255,.4)}.rarity-badge.rarity-epic{background:#a4f3;color:#a4f;border:1px solid rgba(170,68,255,.4);animation:shop-rarity-pulse 2s ease-in-out infinite}.rarity-badge.rarity-legendary{background:#f803;color:#f80;border:1px solid rgba(255,136,0,.4);animation:shop-rarity-pulse 2s ease-in-out infinite}@keyframes shop-rarity-pulse{0%,to{box-shadow:0 0 6px currentColor}50%{box-shadow:0 0 16px currentColor}}.species-description{color:#d4c4a0;font-size:.9rem;line-height:1.5;margin:0}.base-stats-section{border:1px solid rgba(200,168,78,.2);border-radius:12px;padding:16px;background:#1a120780}.base-stats-section h4{display:flex;align-items:center;gap:8px;color:#c8a84e;font-size:1rem;font-weight:700;margin:0 0 12px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.section-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.stats-grid{display:flex;flex-direction:column;gap:8px}.stat-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(135deg,#c8a84e0f,#1a120766);border:1px solid rgba(200,168,78,.1);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-row:hover{background:linear-gradient(135deg,#c8a84e1f,#1a120799);border-color:#c8a84e40;box-shadow:0 0 8px #c8a84e1a}.stat-icon{font-size:1.6rem;text-align:center}.egg-modal-stat-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .3s cubic-bezier(.4,0,.2,1)}.stat-row:hover .egg-modal-stat-icon{transform:scale(1.15)}.stat-name{color:#ccc;font-size:.9rem;font-weight:500}.stat-value{color:#f5e6c8;font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.egg-purchase-section{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid rgba(200,168,78,.15)}.egg-price-display{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.egg-price-gold{display:flex;align-items:center;gap:4px;color:gold;font-weight:600;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.egg-price-icon{width:20px;height:20px;object-fit:contain}.price-value-large{color:gold;font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.7)}.price-icon-large{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.egg-buy-btn{width:100%;padding:12px 16px;min-height:44px;border:none;border-radius:8px;background:linear-gradient(180deg,#c8a84e,#8a6a2e);color:#1a1207;font-weight:700;font-size:1rem;cursor:pointer;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 1px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.egg-buy-btn:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%);pointer-events:none}.egg-buy-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #c8a84e66}.egg-buy-btn:hover:not(:disabled):before{animation:shop-glare-sweep .6s ease-in-out}.egg-buy-btn:active:not(:disabled){transform:scale(1.02)}.egg-buy-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.egg-buy-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.egg-buy-btn:focus:not(:focus-visible){outline:none}.egg-buy-btn.token-buy{background:linear-gradient(180deg,#9c27b0,#7b1fa2);border:1px solid #ce93d8;box-shadow:0 4px 12px #9c27b066;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff}.egg-buy-btn.token-buy:hover:not(:disabled){background:linear-gradient(180deg,#ab47bc,#8e24aa);box-shadow:0 8px 20px #9c27b099}.token-btn-icon-lg{width:28px;height:28px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 5px rgba(255,255,255,.6))}.price-value-large.token-price-large{color:#ce93d8;display:flex;align-items:center;gap:8px}.token-symbol-large{font-size:.8em;color:#9c27b0;text-transform:uppercase;font-weight:700;text-shadow:0 0 10px rgba(156,39,176,.5)}@media (max-width: 1400px){.shop-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.shop-card-stock-label{font-size:11px;top:7px;left:9px}.shop-card-limited-badge{padding:4px 7px;font-size:7px;top:5px;right:5px}}@media (max-width: 1200px){.shop-page{padding:15px}.shop-page .shop-currency-wrapper{top:15px;left:15px}.shop-page .shop-currency-wrapper .currency-display{transform:scale(.9)}.shop-header h2{font-size:24px}.shop-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.shop-card-stock-label{font-size:11px;top:6px;left:8px}.shop-card-limited-badge{padding:4px 6px;font-size:7px;letter-spacing:.6px;border-width:1.5px;top:5px;right:5px}.stock-description,.restock-info{font-size:10px;padding:5px 8px}}@media (max-width: 1024px){.shop-page .shop-currency-wrapper{top:12px;left:12px}.shop-page .shop-currency-wrapper .currency-display{transform:scale(.85)}.shop-header h2{font-size:22px}.shop-description{font-size:13px}.mode-btn{padding:10px 20px;font-size:14px}.shop-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.shop-item-card{padding:12px}.shop-item-image{width:70px;height:70px}.egg-modal-content{grid-template-columns:1fr;gap:1.5rem}.sprite-display{width:100%;max-width:350px;height:300px}.shop-card-stock-label{font-size:10px;top:5px;left:7px}.shop-card-limited-badge{padding:3px 5px;font-size:6px;top:4px;right:4px;letter-spacing:.5px;border-radius:4px}.stock-description,.restock-info{font-size:10px;padding:4px 7px;margin:4px 0;border-left-width:2px}}@media (max-width: 768px){.shop-page{padding:12px}.shop-page .shop-currency-wrapper{position:static;margin-bottom:15px}.shop-page .shop-currency-wrapper .currency-display{transform:scale(1);position:relative;left:auto}.shop-header{margin-bottom:15px}.shop-header h2{font-size:20px;margin-bottom:6px}.shop-description{font-size:12px}.shop-mode-toggle{gap:8px;margin-bottom:15px}.mode-btn{padding:10px 16px;font-size:13px;min-height:44px}.shop-categories{gap:6px;margin-bottom:15px}.category-btn{padding:6px 12px;font-size:12px;min-height:36px}.shop-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:8px}.shop-item-card{padding:10px}.shop-item-info h4{font-size:14px}.item-description{font-size:11px;min-height:30px}.item-price{padding:6px;margin-bottom:10px}.shop-buy-btn,.shop-sell-btn,.shop-sell-all-btn{padding:8px;font-size:12px}.shop-card-stock-label{font-size:10px;top:5px;left:6px}.shop-card-limited-badge{padding:3px 5px;font-size:6px;top:4px;right:4px;letter-spacing:.4px;border-width:1px;border-radius:3px}.stock-description,.restock-info{font-size:9px;padding:4px 6px;margin:3px 0;border-left-width:2px}.egg-preview-modal{max-width:95vw;border-width:3px}.egg-modal-header{padding:1rem 1.5rem}.egg-modal-header h2{font-size:1.6rem}.egg-modal-title-icon{width:34px;height:34px}.egg-modal-content{padding:1.5rem;gap:1.25rem}.sprite-display{height:250px}.egg-sprite-preview{width:85%;height:85%}.sprite-toggle-btn{padding:.75rem;font-size:1rem}.toggle-pet-icon{width:24px;height:24px}.egg-modal-stat-icon{width:40px;height:40px}.species-name-section h3{font-size:1.6rem}.stat-row{grid-template-columns:40px 1fr auto;padding:.6rem .85rem}.stat-icon{font-size:1.4rem}.stat-name{font-size:1rem}.stat-value{font-size:1.2rem}.price-value-large{font-size:1.6rem}.egg-buy-btn{padding:1rem 1.5rem;font-size:1.2rem}}@media (max-width: 600px){.shop-page{padding:10px}.shop-header h2{font-size:18px}.shop-mode-toggle{flex-direction:column;gap:6px}.mode-btn{width:100%;padding:12px}.shop-categories{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.category-btn{flex-shrink:0}.shop-inventory-grid{grid-template-columns:repeat(2,1fr);gap:8px}.shop-card-stock-label{font-size:9px;top:4px;left:5px}.shop-card-limited-badge{padding:2px 4px;font-size:5px;top:3px;right:3px;letter-spacing:.3px;border-width:1px}.shop-card-limited-badge:before{display:none}.stock-description,.restock-info{font-size:8px;padding:3px 5px;margin:2px 0}}@media (max-width: 480px){.shop-page{padding:8px}.shop-header h2{font-size:16px}.shop-description{font-size:11px}.mode-btn{padding:10px;font-size:12px}.shop-inventory-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:5px}.shop-item-card{padding:8px}.shop-item-image{width:60px;height:60px;margin-bottom:8px}.shop-item-info h4{font-size:13px;margin-bottom:5px}.item-description{display:none}.item-price{padding:5px;margin-bottom:8px}.price-label{font-size:11px}.price-value{font-size:14px}.shop-buy-btn,.shop-sell-btn,.shop-sell-all-btn{padding:7px;font-size:11px}.shop-card-stock-label{font-size:8px;top:3px;left:4px}.shop-card-limited-badge{padding:2px 3px;font-size:5px;top:2px;right:2px;letter-spacing:.2px;border-width:1px;border-radius:2px;line-height:1.2}.stock-description{display:none}.restock-info{font-size:7px;padding:2px 4px;margin:2px 0;border-left-width:2px}.egg-preview-modal-overlay{padding:10px}.egg-modal-header h2{font-size:1.3rem}.egg-modal-title-icon{width:28px;height:28px}.egg-modal-content{padding:1rem}.sprite-display{height:220px}.sprite-toggle-section{flex-direction:column;gap:.5rem}.sprite-toggle-btn{padding:.6rem;font-size:.95rem}.toggle-pet-icon{width:20px;height:20px}.egg-modal-stat-icon{width:34px;height:34px}.species-name-section{flex-direction:column;align-items:flex-start;gap:.5rem}.species-name-section h3{font-size:1.4rem}.species-description{font-size:1rem;padding:1rem}.stat-row{grid-template-columns:34px 1fr auto;padding:.5rem .75rem}.growth-hint{font-size:.85rem;padding:.75rem}.egg-buy-btn{padding:.9rem 1.25rem;font-size:1.1rem}}@media (max-width: 360px){.shop-page{padding:6px}.shop-header h2{font-size:14px}.shop-description{font-size:10px}.mode-btn{padding:8px;font-size:11px}.category-btn{padding:5px 10px;font-size:11px}.shop-inventory-grid{gap:4px;padding:4px}.shop-item-card{padding:6px}.shop-item-image{width:50px;height:50px}.shop-item-info h4,.price-value{font-size:12px}.shop-buy-btn,.shop-sell-btn,.shop-sell-all-btn{padding:6px;font-size:10px}.shop-card-stock-label{font-size:7px;top:2px;left:3px}.shop-card-limited-badge{padding:1px 2px;font-size:4px;top:2px;right:2px;letter-spacing:.1px;border-radius:2px}.restock-info{display:none}.egg-modal-header h2{font-size:1.1rem}.egg-modal-title-icon{width:22px;height:22px}.species-name-section h3,.stat-icon{font-size:1.2rem}.egg-modal-stat-icon{width:28px;height:28px}.toggle-pet-icon{width:18px;height:18px}.stat-name{font-size:.9rem}.stat-value{font-size:1rem}}@media (prefers-reduced-motion: reduce){.shop-item-card,.shop-buy-btn,.egg-buy-btn,.category-btn,.mode-btn,.sprite-toggle-btn,.egg-modal-close,.egg-modal-title-icon,.toggle-pet-icon,.egg-modal-stat-icon,.stat-row{transition-duration:0s!important}.shop-item-card:before,.shop-buy-btn:before,.egg-buy-btn:before{animation:none!important}.egg-preview-modal,.shop-notification,.rarity-badge.rarity-epic,.rarity-badge.rarity-legendary{animation:none!important}}.hatchery-page{width:100%;position:relative;min-height:100vh;padding:1.5rem;color:#e8e0d4;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.hatchery-page::-webkit-scrollbar{width:8px;height:8px}.hatchery-page::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px;border:1px solid #2a2a2a}.hatchery-page::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#daa520,#b8860b);border-radius:4px;border:1px solid #8b4513}.hatchery-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,gold,#daa520)}.hatchery-currency{position:absolute;top:35px;left:25px;z-index:10;padding:0;background:none;border:none;border-radius:0}.hatchery-currency .currency-display{gap:6px}.hatchery-currency .coin-icon{width:32px;height:32px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.9))}.hatchery-currency .coin-amount{font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.4)}.hatchery-header{text-align:center;padding:1.5rem;background:linear-gradient(135deg,rgba(255,215,0,.06) 0%,transparent 50%,rgba(74,124,89,.06) 100%),linear-gradient(135deg,#4a7c5966,#000000e6);border-radius:16px;border:4px solid rgba(74,124,89,.6);box-shadow:0 10px 24px #000c,0 5px 12px #0009,inset 0 1px #ffd70026,inset 0 2px 4px #0000004d;overflow:hidden;position:relative}.hatchery-title h1{font-size:2.2rem;font-weight:900;color:gold;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 25px rgba(255,215,0,.5);animation:hatcheryTitleGlow 2s ease-in-out infinite alternate;display:flex;align-items:center;justify-content:center;gap:10px}.hatchery-title h1 .section-title-icon{width:38px;height:38px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.8))}@keyframes hatcheryTitleGlow{0%{text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.3)}to{text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 35px rgba(255,215,0,.7)}}.hatchery-subtitle{font-size:1rem;color:orange;font-style:italic;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8)}.tab-icon{width:18px;height:18px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));margin-right:2px}.section-title-icon{width:22px;height:22px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));margin-right:4px}.badge-icon{width:16px;height:16px;object-fit:contain;vertical-align:middle;filter:brightness(1.2)}.badge-icon-sm{width:14px;height:14px;object-fit:contain;filter:brightness(1.2)}.banner-icon-img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(255,215,0,.6))}.hatchery-empty-icon-img{width:80px;height:80px;object-fit:contain;opacity:.5;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.gold-icon-inline{width:22px;height:22px;object-fit:contain;vertical-align:middle;filter:none;margin-right:3px;background:none;border:none;outline:none;padding:0;display:inline-block}.btn-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));margin-right:4px}.btn-icon-gold{width:18px;height:18px;object-fit:contain;vertical-align:middle;filter:none;margin:0 2px;background:none;border:none;padding:0}.stat-icon-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));margin-bottom:8px}.hatchery-notification{padding:14px 24px;border-radius:12px;font-weight:700;font-size:.95rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;animation:hatcherySlideIn .3s ease-out;z-index:1100;position:relative;box-shadow:0 4px 12px #0006}@keyframes hatcherySlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hatchery-notification.success{background:linear-gradient(135deg,#28a74540,#228b2240);border:2px solid #28a745;color:#51cf66;box-shadow:0 4px 20px #28a7454d}.hatchery-notification.error{background:linear-gradient(135deg,#dc354540,#8b000040);border:2px solid #dc3545;color:#ff6b6b;box-shadow:0 4px 20px #dc35454d}.notification-icon{font-size:1.4em}.hatchery-section{background:linear-gradient(135deg,rgba(255,215,0,.04) 0%,transparent 50%,rgba(139,69,19,.04) 100%),linear-gradient(145deg,#302a24f2,#1e1a16f2);border:3px solid #4a3821;border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #0009,inset 0 1px #ffd7001a,inset 0 2px 4px #0003;position:relative;overflow:hidden}.hatchery-section.breeding-section{border-color:#4a3821;box-shadow:0 8px 24px #0009,0 0 15px #b8860b1a,inset 0 1px #b8860b1a,inset 0 2px 4px #0003}.hatchery-section-header{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,215,0,.2)}.hatchery-section-header h2{font-size:1.5rem;font-weight:900;color:gold;margin:0;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;gap:6px}.hatchery-section-badge{background:linear-gradient(135deg,orange,tomato);color:#fff;padding:4px 14px;border-radius:20px;font-weight:800;font-size:.85rem;box-shadow:0 2px 8px #ffa50066;margin-left:auto}.hatchery-section-badge.breeding{background:linear-gradient(135deg,#b8860b,#daa520);box-shadow:0 2px 8px #b8860b66}.hatchery-session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.hatchery-session-card{background:linear-gradient(145deg,#302a24fa,#1e1a16fa);border:3px solid #4a3821;border-radius:16px;padding:1.25rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;transform:translateZ(0);box-shadow:0 6px 20px #00000073,inset 0 1px #ffffff0a}.hatchery-session-card:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,215,0,.08) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.hatchery-session-card:hover{transform:translateY(-4px) scale(1.01) translateZ(0);box-shadow:0 12px 30px #0009,0 0 20px #ffd70026,inset 0 1px #ffffff0f}.hatchery-session-card:hover:after{transform:translate(-50%,-50%) scale(1.5);opacity:1}.hatchery-session-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transition:left .5s ease;pointer-events:none;z-index:3}.hatchery-session-card:hover:before{left:100%}.hatchery-session-card.ready{border-color:#28a745;box-shadow:0 0 25px #28a74566,0 6px 20px #00000073;animation:hatcheryReadyPulse 2s ease-in-out infinite}@keyframes hatcheryReadyPulse{0%,to{box-shadow:0 0 20px #28a7454d,0 6px 20px #00000073}50%{box-shadow:0 0 40px #28a74599,0 6px 20px #00000073}}.hatchery-session-card.breeding-egg,.hatchery-session-card.breeding{border-color:#4a3821}.hatchery-session-card.breeding.ready{border-color:#28a745}.genetic-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #b8860b80;z-index:3;display:flex;align-items:center;gap:4px}.senior-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a1a;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:800;text-transform:uppercase;box-shadow:0 2px 8px #ffd70080;animation:hatcheryBadgeShimmer 2s ease-in-out infinite;z-index:3}@keyframes hatcheryBadgeShimmer{0%,to{opacity:1;box-shadow:0 2px 8px #ffd70080}50%{opacity:.85;box-shadow:0 2px 15px #ffd700cc}}.hatchery-session-visual{position:relative;display:flex;justify-content:center;align-items:center;height:160px;margin-bottom:1rem;z-index:1}.egg-container{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.egg-container.warming{animation:hatcheryFloat 3s ease-in-out infinite}.egg-container.hatching{animation:hatcheryShake .5s ease-in-out infinite}@keyframes hatcheryFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes hatcheryShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.egg-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 15px rgba(0,0,0,.7));z-index:1}.egg-image.pulse{animation:hatcheryEggPulse 1s ease-in-out infinite}@keyframes hatcheryEggPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.incubation-glow{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,140,0,.25) 0%,transparent 70%);animation:hatcheryGlowPulse 2s ease-in-out infinite}@keyframes hatcheryGlowPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.breeding-visual{position:relative;display:flex;justify-content:center;align-items:center;height:140px;margin-bottom:1rem;z-index:1}.parent-icons{display:flex;align-items:center;gap:16px}.parent-breed-image{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.7));animation:hatcheryFloat 3s ease-in-out infinite;transition:transform .3s ease}.parent-breed-image:first-child{animation-delay:-.5s}.parent-icon{font-size:2.8em;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.breeding-heart{font-size:2.2em;animation:hatcheryHeartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(255,105,180,.5))}@keyframes hatcheryHeartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.breeding-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(184,134,11,.2) 0%,transparent 70%);animation:hatcheryGlowPulse 2s ease-in-out infinite}.hatchery-session-details{margin-bottom:1rem;position:relative;z-index:1}.pet-name-display{display:flex;align-items:center;gap:10px;margin-bottom:.75rem;padding:10px 14px;background:#0000004d;border-radius:10px;border:2px solid rgba(255,215,0,.4)}.name-label{color:#9a8b78;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.name-value{color:gold;font-size:1.2rem;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.6)}.pet-info-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:.75rem}.species-info,.genetic-info,.gender-info{padding:10px 12px;background:#00000040;border-radius:8px;border:1px solid rgba(74,56,33,.5)}.info-label{display:block;color:#9a8b78;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-value{color:gold;font-weight:700;font-size:1rem}.genetic-text{color:orange;background:linear-gradient(90deg,orange,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hatchery-location-display{display:flex;align-items:center;gap:8px;margin-bottom:.75rem;padding:8px 12px;background:#0003;border-radius:8px;border:1px solid rgba(74,56,33,.4);color:orange;font-size:.9rem;font-weight:600}.location-icon{font-size:1em}.hatchery-timer-display{padding:12px 14px;border-radius:10px;text-align:center;margin-bottom:.75rem;border:2px solid}.hatchery-timer-display.counting{background:linear-gradient(135deg,#ff8c0026,#ff450026);border-color:#ffa50080}.hatchery-timer-display.ready{background:linear-gradient(135deg,#28a74533,#228b2233);border-color:#28a745;animation:hatcheryReadyPulse 2s ease-in-out infinite}.hatchery-timer-label{display:block;color:#9a8b78;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.hatchery-timer-value{display:block;font-size:1.6rem;font-weight:800;color:gold;font-family:Courier New,monospace;text-shadow:0 2px 4px rgba(0,0,0,.6)}.ready-text{font-size:1.3rem;font-weight:800;color:#51cf66;text-shadow:0 0 15px rgba(81,207,102,.6);animation:hatcheryPulse 1s ease-in-out infinite}@keyframes hatcheryPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}.senior-bonus-note{padding:8px 12px;background:linear-gradient(135deg,#ffd70026,#ff8c0026);border:1px solid rgba(255,215,0,.4);border-radius:8px;color:gold;text-align:center;font-size:.85rem;font-weight:700}.breeding-parents{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:.75rem;padding:10px 14px;background:#0000004d;border-radius:10px;border:2px solid rgba(184,134,11,.3)}.parent-name{color:orange;font-weight:700;font-size:1rem}.plus-sign{color:gold;font-size:1.3rem;font-weight:800}.breeding-rarities{display:flex;gap:10px;justify-content:center;margin-bottom:.75rem}.hatchery-rarity-badge{padding:4px 12px;border-radius:15px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #0000004d}.hatchery-rarity-badge.rarity-common{background:linear-gradient(135deg,gray,#a9a9a9);color:#fff}.hatchery-rarity-badge.rarity-rare{background:linear-gradient(135deg,#4169e1,#6495ed);color:#fff}.hatchery-rarity-badge.rarity-epic{background:linear-gradient(135deg,#b8860b,#d4af37);color:#fff}.hatchery-rarity-badge.rarity-legendary{background:linear-gradient(135deg,#ff4500,#ff8c00);color:#fff;animation:hatcheryBadgeShimmer 2s ease-in-out infinite}.hatchery-session-actions{display:flex;gap:10px;position:relative;z-index:1}.claim-pet-btn,.claim-egg-btn{flex:1;padding:14px;font-size:1.05rem;font-weight:800;background:linear-gradient(135deg,#4caf50,#45a049,#2e7d32);color:#fff;border:3px solid #2e7d32;border-radius:12px;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.6);box-shadow:0 4px 12px #0006,inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:44px;will-change:transform,box-shadow;transform:translateZ(0)}.claim-pet-btn:before,.claim-egg-btn:before{content:"";position:absolute;inset:-50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%) rotate(45deg);transition:transform .6s ease;pointer-events:none}.claim-pet-btn:hover:before,.claim-egg-btn:hover:before{transform:translate(100%) rotate(45deg)}.claim-pet-btn:hover,.claim-egg-btn:hover{transform:translateY(-3px) scale(1.02) translateZ(0);box-shadow:0 8px 20px #00000080,0 0 25px #4caf5066,inset 0 1px #fff3}.claim-pet-btn:active,.claim-egg-btn:active{transform:translateY(-1px) scale(.98) translateZ(0)}.cancel-incubation-btn,.cancel-breeding-btn{flex:1;padding:12px;font-size:.95rem;font-weight:700;background:linear-gradient(135deg,#dc3545cc,#c82333cc);color:#fff;border:2px solid #dc3545;border-radius:12px;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.6);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:44px;will-change:transform;transform:translateZ(0)}.cancel-incubation-btn:before,.cancel-breeding-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;pointer-events:none}.cancel-incubation-btn:hover:before,.cancel-breeding-btn:hover:before{left:100%}.cancel-incubation-btn:hover,.cancel-breeding-btn:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 4px 15px #dc354566;background:linear-gradient(135deg,#dc3545,#c82333)}.hatchery-tabs{display:flex;background:#0000004d;border:3px solid #8b4513;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 4px 8px #0006}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border:none;background:transparent;color:#b8a080;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;pointer-events:none}.tab-button:hover:not(:disabled):before{left:100%}.tab-button:hover:not(:disabled){color:gold;background:#8b451359;transform:translateY(-2px) translateZ(0);text-shadow:0 0 6px rgba(255,215,0,.3)}.tab-button.active{color:gold;background:linear-gradient(180deg,#8b4513d9,#654321b3);text-shadow:0 0 10px rgba(255,215,0,.5);box-shadow:inset 0 1px #ffffff1a}.tab-button.active:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:3px;background:linear-gradient(90deg,#ffd7004d,gold,#ffd7004d);border-radius:2px 2px 0 0;box-shadow:0 0 12px #ffd70099}.tab-button:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.5)}.tab-content{animation:hatcheryFadeIn .4s ease-in}@keyframes hatcheryFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-intro{text-align:center;margin-bottom:1.5rem;padding:1.25rem;background:#0003;border-radius:12px;border:1px solid rgba(255,215,0,.15)}.tab-intro h3{font-size:1.5rem;font-weight:900;color:gold;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;gap:6px}.tab-intro p{color:#b8a080;font-size:.95rem;margin:0;line-height:1.5}.egg-inventory-section{margin-bottom:1.5rem}.egg-inventory-section h4{color:gold;font-size:1.2rem;font-weight:800;margin:0 0 1rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.hatchery-empty-state{text-align:center;padding:3rem 1.5rem;background:#00000026;border-radius:12px;border:2px dashed rgba(255,215,0,.2)}.hatchery-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.4}.hatchery-empty-state p{color:#b8a080;font-size:1.05rem;margin:.5rem 0}.empty-hint{color:#9a8b78;font-size:.9rem!important;font-style:italic}.egg-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}.egg-select-card{background:linear-gradient(145deg,#302a24f2,#1e1a16f2);border:2px solid #4a3821;border-radius:14px;padding:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.egg-select-card:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.egg-select-card:hover{transform:translateY(-5px) scale(1.02) translateZ(0);border-color:orange;box-shadow:0 10px 25px #00000080,0 0 20px #ffa50040}.egg-select-card:hover:after{transform:translate(-50%,-50%) scale(1.5);opacity:1}.egg-select-card.selected{border-color:gold;box-shadow:0 0 25px #ffd70066,0 6px 20px #00000080;background:linear-gradient(145deg,#3c342afa,#28221cfa)}.egg-select-card.breeding-egg{border-color:#4a3821}.egg-select-card.breeding-egg:hover{border-color:#b8860b;box-shadow:0 10px 25px #00000080,0 0 20px #b8860b40}.genetic-badge-small,.senior-badge-small{position:absolute;top:6px;right:6px;padding:3px 8px;border-radius:10px;font-size:.7rem;font-weight:800;color:#fff;z-index:2;display:flex;align-items:center;justify-content:center}.genetic-badge-small{background:linear-gradient(135deg,#b8860b,#daa520)}.senior-badge-small{background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a1a;top:30px}.egg-visual{position:relative;text-align:center;margin-bottom:.75rem;z-index:1}.egg-visual img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5));transition:transform .3s ease}.egg-select-card:hover .egg-visual img{transform:scale(1.12) rotate(5deg)}.egg-card-info{text-align:center;position:relative;z-index:1}.egg-card-name{color:gold;font-weight:700;font-size:.95rem;margin-bottom:4px}.egg-card-species{color:orange;font-size:.85rem;margin-bottom:4px}.egg-card-rarity{padding:3px 10px;border-radius:10px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-top:4px}.egg-card-rarity.rarity-common{background:gray;color:#fff}.egg-card-rarity.rarity-rare{background:#4169e1;color:#fff}.egg-card-rarity.rarity-epic{background:#b8860b;color:#fff}.egg-card-rarity.rarity-legendary{background:linear-gradient(135deg,#ff4500,#ff8c00);color:#fff;animation:hatcheryBadgeShimmer 2s ease-in-out infinite}.genetic-parents-small{color:orange;font-size:.8rem;margin-top:4px}.senior-bonus-small{color:gold;font-size:.7rem;font-weight:700;margin-top:4px}.quantity-badge{position:absolute;top:-5px;right:15px;background:linear-gradient(135deg,tomato,#ff4500);color:#fff;padding:3px 10px;border-radius:15px;font-size:.8rem;font-weight:800;box-shadow:0 2px 8px #ff450080;z-index:2}.breeding-interface{display:flex;flex-direction:column;gap:1.5rem}.parent-selection-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem}.parent-column{background:#0003;border-radius:14px;padding:1.25rem;border:2px solid #4a3821}.parent-column h4{color:gold;font-size:1.15rem;font-weight:800;margin:0 0 1rem;text-align:center;text-transform:uppercase;letter-spacing:1px}.parent-select-card{display:flex;align-items:center;gap:14px;padding:12px;margin-bottom:10px;background:linear-gradient(145deg,#302a24cc,#1e1a16cc);border:2px solid #4a3821;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform;transform:translateZ(0);min-height:44px}.parent-select-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transition:left .5s ease;pointer-events:none}.parent-select-card:hover:not(.gender-locked):before{left:100%}.parent-select-card:hover:not(.gender-locked){background:linear-gradient(145deg,#3c342ae6,#28221ce6);transform:translate(4px) translateZ(0);border-color:orange;box-shadow:0 4px 15px #ffa50033}.parent-select-card.selected{background:linear-gradient(135deg,#ffd70026,#ff8c0026);border-color:gold;box-shadow:0 0 15px #ffd7004d,0 4px 12px #0006}.parent-select-card.gender-locked{position:relative;opacity:.4;filter:grayscale(.7) brightness(.7);border-color:#4a38214d;cursor:not-allowed;pointer-events:auto}.parent-select-card.gender-locked:hover{transform:none;background:linear-gradient(145deg,#302a24cc,#1e1a16cc);border-color:#4a38214d}.parent-select-card.gender-locked img{filter:grayscale(.8) brightness(.6) drop-shadow(0 2px 5px rgba(0,0,0,.6))}.gender-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006;border-radius:10px;pointer-events:none;z-index:2}.gender-lock-icon{font-size:1.5rem;opacity:.8;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.gender-lock-text{font-size:.7rem;color:#fc0;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.9);padding:2px 8px;background:#00000080;border-radius:4px}.parent-select-card.cooldown-locked{position:relative;opacity:.4;filter:grayscale(.8) brightness(.6);border-color:#4a38214d;cursor:not-allowed;pointer-events:auto}.parent-select-card.cooldown-locked:hover{transform:none;background:linear-gradient(145deg,#302a24cc,#1e1a16cc);border-color:#4a38214d}.parent-select-card.cooldown-locked:before{display:none}.parent-select-card.cooldown-locked img{filter:grayscale(.8) brightness(.5) drop-shadow(0 2px 5px rgba(0,0,0,.6))}.cooldown-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;border-radius:10px;pointer-events:none;z-index:2}.cooldown-lock-icon{width:20px;height:20px;object-fit:contain;margin-bottom:3px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));opacity:.9}.cooldown-lock-text{font-size:.65rem;color:orange;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.9);padding:2px 8px;background:#0009;border-radius:4px;font-family:Courier New,monospace}.parent-select-card img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));flex-shrink:0}.parent-card-info{flex:1;min-width:0}.parent-card-name{color:gold;font-weight:700;font-size:1rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parent-card-species{color:orange;font-size:.85rem;margin-bottom:2px}.parent-card-gender{color:orange;font-size:.8rem}.parent-card-stage{color:#51cf66;font-size:.8rem;font-weight:700}.breeding-connector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 .5rem}.connector-line{width:3px;height:80px;background:linear-gradient(180deg,transparent 0%,#b8860b 50%,transparent 100%);border-radius:5px}.connector-heart{font-size:2.5em;animation:hatcheryHeartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,105,180,.4))}.breeding-preview-panel{background:linear-gradient(135deg,rgba(255,215,0,.04) 0%,transparent 50%,rgba(184,134,11,.04) 100%),linear-gradient(145deg,#302a24fa,#1e1a16fa);border:3px solid #4a3821;border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #0009,inset 0 1px #ffd7001a}.senior-bonus-banner{background:linear-gradient(135deg,#ffd70033,#ff8c0033);border:2px solid rgba(255,215,0,.5);border-radius:12px;padding:1.25rem;margin-bottom:1.25rem;text-align:center;box-shadow:0 4px 15px #ffd70033}.senior-bonus-banner.pulsing{animation:hatcheryBannerPulse 2s ease-in-out infinite}@keyframes hatcheryBannerPulse{0%,to{box-shadow:0 4px 15px #ffd70033}50%{box-shadow:0 8px 30px #ffd70080}}.banner-icon{font-size:1.8em}.banner-content{margin:8px 0}.banner-title{font-size:1.2rem;color:gold;font-weight:800;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.banner-benefits{color:#e8e0d4;font-size:.9rem;line-height:1.6}.hatchery-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.hatchery-preview-item{background:#0000004d;border:2px solid #4a3821;border-radius:12px;padding:1rem .75rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.hatchery-preview-item:hover{border-color:orange;box-shadow:0 0 12px #ffa50026;transform:translateY(-2px)}.hatchery-preview-item img{background:none!important;border:none!important;box-shadow:none!important;outline:none!important;padding:0!important;filter:none!important}.hatchery-preview-label{color:#9a8b78;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.hatchery-preview-value{color:gold;font-size:1.3rem;font-weight:800;margin-bottom:4px;display:flex;align-items:center;justify-content:center;gap:4px;line-height:1.2}.hatchery-preview-note{color:#9a8b78;font-size:.7rem;font-style:italic;line-height:1.3}.genetics-preview{background:#00000040;border:2px solid rgba(184,134,11,.3);border-radius:14px;padding:1.25rem;margin-bottom:1.25rem}.genetics-preview h4{color:gold;font-size:1.15rem;font-weight:800;margin:0 0 1rem;text-align:center;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:6px}.hatchery-genetic-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;margin:0 auto 12px;background:#ffd70024;border:1px solid rgba(255,215,0,.35);border-radius:999px;color:gold;font-size:.92rem;font-weight:800}.hatchery-genetic-summary{margin:0 0 14px;color:#e8e0d4;line-height:1.6}.hatchery-genetic-rule-list{display:grid;gap:10px}.hatchery-genetic-rule{padding:12px;background:#ffffff0a;border:1px solid rgba(255,215,0,.16);border-left:4px solid rgba(255,215,0,.7);border-radius:10px}.hatchery-genetic-rule-title{color:gold;font-weight:800;margin-bottom:6px}.hatchery-genetic-rule-detail{color:#e8e0d4;line-height:1.5}.hatchery-genetic-hint{margin-top:12px;padding:12px;background:#ffd70014;border:1px solid rgba(255,215,0,.22);border-radius:10px;color:gold;line-height:1.5}.hatchery-genetic-hint-secondary{color:#f4eadb}.hatchery-stat-band-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.hatchery-stat-band{padding:12px;text-align:center;background:#ffffff0a;border:1px solid rgba(255,215,0,.16);border-radius:10px}.hatchery-stat-band-quality{color:gold;font-weight:800;margin-bottom:6px}.hatchery-stat-band-value{color:orange;font-size:1.05rem;font-weight:800}.breeding-hatchery-select{margin-bottom:1.25rem}.breeding-hatchery-select h4{color:gold;font-size:1.15rem;font-weight:800;margin:0 0 1rem;text-align:center;text-transform:uppercase;letter-spacing:.5px}.hatchery-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hatchery-location-btn{padding:12px 24px;font-size:.95rem;font-weight:700;background:linear-gradient(135deg,#8b451380,#654321b3);color:#e8e0d4;border:2px solid #8b4513;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:44px;will-change:transform;transform:translateZ(0)}.hatchery-location-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .5s ease;pointer-events:none}.hatchery-location-btn:hover:not(:disabled):before{left:100%}.hatchery-location-btn:hover:not(:disabled){transform:translateY(-3px) translateZ(0);border-color:orange;box-shadow:0 4px 15px #ffa5004d;color:gold}.hatchery-location-btn.selected{background:linear-gradient(135deg,#b8860b99,#4a382199);border-color:#b8860b;color:#fff;box-shadow:0 0 20px #b8860b66}.hatchery-location-btn.occupied{opacity:.35;cursor:not-allowed;filter:grayscale(.5)}.hatchery-location-btn.cant-afford{opacity:.55;filter:brightness(.75)}.hatchery-btn-name{font-size:.95rem;font-weight:700;color:gold;margin-bottom:4px}.hatchery-btn-status{font-size:.75rem;color:#ff6b6b;font-weight:700}.hatchery-btn-cost{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.85rem;font-weight:700;color:gold;margin-top:4px;transition:opacity .3s ease}.hatchery-btn-cost.insufficient{color:#888;opacity:.5;filter:grayscale(.6)}.hatchery-btn-icon{width:20px;height:20px;object-fit:contain;filter:none;background:none;border:none;padding:0}.start-breeding-btn{width:100%;padding:1rem 1.5rem;font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,gold,#ffb800,orange);color:#1a1a1a;border:3px solid #d4af37;border-radius:12px;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 4px 12px #0006,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:44px;will-change:transform,box-shadow;transform:translateZ(0);display:flex;align-items:center;justify-content:center;gap:6px}.start-breeding-btn:before{content:"";position:absolute;inset:-50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%) rotate(45deg);transition:transform .6s ease;pointer-events:none}.start-breeding-btn:hover:not(:disabled):before{transform:translate(100%) rotate(45deg)}.start-breeding-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02) translateZ(0);box-shadow:0 8px 20px #00000080,0 0 30px #ffd70066,inset 0 1px #ffffff59}.start-breeding-btn:active:not(:disabled){transform:translateY(-1px) scale(.98) translateZ(0)}.start-breeding-btn:disabled{background:linear-gradient(135deg,#50463ccc,#3c3228cc);border-color:#4a3821;color:#9a8b78;cursor:not-allowed;box-shadow:none;text-shadow:none}.hatchery-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:hatcheryFadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hatchery-modal{background:linear-gradient(135deg,rgba(255,215,0,.04) 0%,transparent 50%,rgba(139,69,19,.04) 100%),linear-gradient(145deg,#302a24fc,#1e1a16fc);border:3px solid #4a3821;border-radius:18px;padding:1.75rem;max-width:1000px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 60px #000000b3,0 0 40px #ffd7000f,inset 0 1px #ffffff0f;animation:hatcheryModalSlideUp .3s cubic-bezier(.4,0,.2,1)}.hatchery-modal::-webkit-scrollbar{width:6px}.hatchery-modal::-webkit-scrollbar-track{background:transparent}.hatchery-modal::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#daa520,#b8860b);border-radius:3px}@keyframes hatcheryModalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;background:#dc3545bf;color:#fff;border:2px solid #dc3545;border-radius:50%;font-size:1.4rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;display:flex;align-items:center;justify-content:center;line-height:1;min-height:38px;min-width:38px}.modal-close:hover{background:#dc3545;transform:rotate(90deg) scale(1.1);box-shadow:0 0 15px #dc354580}.modal-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,215,0,.2)}.modal-header h2{font-size:1.6rem;font-weight:900;color:gold;margin:0;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.4)}.modal-body{padding:0 0 .5rem}.modal-egg-title{position:absolute;top:14px;left:18px;font-size:1.5rem;font-weight:900;color:gold;margin:0;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.4);display:flex;align-items:center;gap:8px;letter-spacing:1px;text-transform:uppercase;z-index:10}.modal-egg-title .section-title-icon{width:26px;height:26px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.modal-egg-display{text-align:center;margin-bottom:1rem;padding:0}.modal-egg-image{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.7));animation:hatcheryFloat 3s ease-in-out infinite}.breeding-egg-info-detailed{margin-top:1rem;padding:1.5rem;background:linear-gradient(135deg,rgba(184,134,11,.08) 0%,transparent 50%,rgba(255,215,0,.04) 100%),#0000004d;border-radius:16px;border:2px solid rgba(184,134,11,.35);text-align:center;box-shadow:0 6px 20px #0006,inset 0 1px #ffd7000f}.genetics-subtitle{text-align:center;color:#b8a080;font-size:.95rem;font-style:italic;margin:1rem 0 1.5rem;line-height:1.5}.parents-showcase{display:grid;grid-template-columns:1fr auto 1fr;gap:1.25rem;margin-bottom:1.5rem}.parent-showcase{background:#0000004d;border-radius:14px;padding:1.25rem;border:2px solid rgba(74,56,33,.5)}.parent-image-frame{text-align:center;margin-bottom:1rem;padding:1rem;background:#b8860b14;border-radius:12px;border:2px solid rgba(184,134,11,.2)}.parent-showcase-image{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 4px 15px rgba(0,0,0,.7));animation:hatcheryFloat 3s ease-in-out infinite}.parent-showcase-info{text-align:center}.parent-showcase-name{font-size:1.25rem;font-weight:800;color:gold;margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.parent-showcase-species{color:orange;font-size:1rem;margin-bottom:6px}.parent-showcase-rarity{display:inline-block;padding:4px 14px;border-radius:15px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.parent-showcase-meta{display:flex;justify-content:center;gap:12px;margin-bottom:10px;color:orange;font-size:.95rem}.hatchery-level-badge{background:linear-gradient(135deg,orange,tomato);color:#fff;padding:3px 10px;border-radius:12px;font-weight:800;font-size:.85rem;box-shadow:0 2px 6px #ffa50066}.parent-showcase-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.parent-showcase-stats div{background:#0006;padding:6px;border-radius:6px;border:1px solid rgba(74,56,33,.5);color:#51cf66;font-weight:700;font-size:.8rem;text-align:center}.genetic-connector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.connector-heart-large{font-size:3.5em;animation:hatcheryHeartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,105,180,.5))}.connector-text{color:gold;font-weight:800;font-size:1rem;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:3px;text-transform:uppercase}.genetic-mystery{background:#00000040;border:2px dashed rgba(184,134,11,.3);border-radius:12px;padding:1.25rem;text-align:center}.mystery-text{color:orange;font-size:.9rem;line-height:1.6;font-style:italic}.genetic-badge-large{background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;padding:8px 20px;border-radius:25px;font-weight:800;font-size:.95rem;display:inline-flex;align-items:center;gap:6px;margin-bottom:.5rem;box-shadow:0 4px 12px #b8860b66;letter-spacing:1px;text-transform:uppercase}.senior-bonus-large{background:linear-gradient(135deg,#ffd70033,#ff8c0033);border:2px solid rgba(255,215,0,.4);border-radius:10px;padding:12px;color:gold;font-weight:700;font-size:1rem;text-align:center;animation:hatcheryPulse 2s ease-in-out infinite}.modal-section{margin-bottom:1.5rem}.modal-section h3{color:gold;font-size:1.2rem;font-weight:800;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.6)}.hatchery-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.hatchery-choice-card{position:relative;background:linear-gradient(145deg,#302a24e6,#1e1a16e6);border:2px solid #4a3821;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;overflow:hidden;min-height:44px;will-change:transform;transform:translateZ(0)}.hatchery-choice-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease;pointer-events:none}.hatchery-choice-card:hover:not(:disabled):before{left:100%}.hatchery-choice-card:hover:not(:disabled){border-color:orange;transform:translateY(-4px) translateZ(0);box-shadow:0 6px 18px #00000080,0 0 15px #ffa50033}.hatchery-choice-card.selected{border-color:gold;box-shadow:0 0 20px #ffd7004d;background:linear-gradient(145deg,#3c341ef2,#282214f2)}.hatchery-choice-card:disabled{opacity:.35;cursor:not-allowed}.hatchery-choice-name{color:gold;font-weight:700;font-size:1rem;margin-bottom:8px}.hatchery-choice-time{color:orange;font-size:.9rem;margin:6px 0;display:flex;align-items:center;justify-content:center;gap:6px}.hatchery-choice-time .time-icon,.time-icon{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.hatchery-choice-cost{color:gold;font-size:.9rem;font-weight:700;margin:6px 0;display:flex;align-items:center;justify-content:center;gap:4px;transition:opacity .3s ease}.hatchery-choice-cost.insufficient{color:#888;opacity:.5;filter:grayscale(.6)}.hatchery-choice-card.cant-afford{opacity:.6;filter:brightness(.8)}.hatchery-choice-bonus{color:orange;font-size:.85rem;font-style:italic}.occupied-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#ff6b6b;font-weight:800;border-radius:10px;z-index:2}.modal-pet-name-input{width:100%;padding:12px 16px;font-size:1.1rem;background:#0006;border:2px solid #4a3821;border-radius:10px;color:gold;margin-bottom:1rem;text-align:center;font-weight:700;transition:all .3s ease;box-sizing:border-box}.modal-pet-name-input:focus{outline:none;border-color:orange;box-shadow:0 0 15px #ffa5004d}.modal-pet-name-input::placeholder{color:#6b5b4b;font-weight:400}.modal-gender-select{display:flex;gap:12px;justify-content:center;margin-bottom:1rem}.modal-gender-btn{flex:1;max-width:150px;padding:12px 20px;font-size:1.05rem;font-weight:700;background:linear-gradient(135deg,#8b451366,#65432199);color:#e8e0d4;border:2px solid #8b4513;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;position:relative;overflow:hidden}.modal-gender-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;pointer-events:none}.modal-gender-btn:hover:before{left:100%}.modal-gender-btn:hover{transform:translateY(-2px);border-color:orange}.modal-gender-btn.selected.male{background:linear-gradient(135deg,#4169e1,#1e90ff);border-color:#4169e1;color:#fff;box-shadow:0 4px 15px #4169e166}.modal-gender-btn.selected.female{background:linear-gradient(135deg,#ff69b4,#ff1493);border-color:#ff69b4;color:#fff;box-shadow:0 4px 15px #ff69b466}.modal-start-btn{width:100%;padding:1rem;font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,#4caf50,#45a049,#2e7d32);color:#fff;border:3px solid #2e7d32;border-radius:12px;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.6);box-shadow:0 4px 12px #0006,inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:44px;will-change:transform,box-shadow;transform:translateZ(0)}.modal-start-btn:before{content:"";position:absolute;inset:-50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%) rotate(45deg);transition:transform .6s ease;pointer-events:none}.modal-start-btn:hover:not(:disabled):before{transform:translate(100%) rotate(45deg)}.modal-start-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02) translateZ(0);box-shadow:0 8px 20px #00000080,0 0 25px #4caf5066}.modal-start-btn:active:not(:disabled){transform:translateY(-1px) scale(.98) translateZ(0)}.modal-start-btn:disabled{background:linear-gradient(135deg,#50463ccc,#3c3228cc);border-color:#4a3821;color:#9a8b78;cursor:not-allowed;box-shadow:none;text-shadow:none}.offspring-reveal-overlay{position:fixed;inset:0;background:#000000e0;display:flex;justify-content:center;align-items:center;z-index:2000;animation:hatcheryFadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.offspring-reveal-modal{background:linear-gradient(135deg,rgba(255,215,0,.04) 0%,transparent 50%,rgba(184,134,11,.04) 100%),linear-gradient(145deg,#302a24fc,#1e1a16fc);border:4px solid #4a3821;border-radius:20px;padding:2rem;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 60px #000000b3,0 0 60px #ffd7001a,0 0 100px #b8860b1a,inset 0 1px #ffffff0f;animation:hatcheryOffspringReveal .7s cubic-bezier(.68,-.55,.265,1.55)}.offspring-reveal-modal::-webkit-scrollbar{width:6px}.offspring-reveal-modal::-webkit-scrollbar-track{background:transparent}.offspring-reveal-modal::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#daa520,#b8860b);border-radius:3px}@keyframes hatcheryOffspringReveal{0%{opacity:0;transform:scale(.5) rotateY(-180deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.offspring-reveal-header{text-align:center;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:3px solid rgba(255,215,0,.3)}.offspring-reveal-header h2{font-size:2.2rem;font-weight:900;color:gold;margin:0 0 .5rem;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 30px rgba(255,215,0,.6);animation:hatcheryTitleShimmer 2s ease-in-out infinite}@keyframes hatcheryTitleShimmer{0%,to{text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 25px rgba(255,215,0,.6)}50%{text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 45px rgba(255,215,0,.9)}}.reveal-subtitle{color:#b8a080;font-size:1.05rem;font-style:italic;margin:0}.offspring-reveal-body{padding:.5rem 0}.offspring-display-section{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;margin-bottom:2rem;padding:1.75rem;background:#00000059;border-radius:18px;border:3px solid rgba(255,215,0,.3);box-shadow:0 0 30px #ffd70026}.offspring-image-frame{width:180px;height:180px;min-width:180px;background:radial-gradient(circle,rgba(184,134,11,.2),transparent);border-radius:50%;display:flex;justify-content:center;align-items:center;border:3px solid rgba(184,134,11,.4);box-shadow:0 0 30px #b8860b66,inset 0 0 20px #b8860b33;animation:hatcheryGlowPulse 3s ease-in-out infinite}.offspring-image{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 8px 25px rgba(0,0,0,.8));animation:hatcheryFloat 4s ease-in-out infinite}.offspring-info{text-align:center}.offspring-name{font-size:2rem;font-weight:900;color:gold;margin-bottom:10px;text-shadow:0 3px 6px rgba(0,0,0,.8)}.offspring-species{font-size:1.3rem;color:orange;margin-bottom:10px}.offspring-rarity{display:inline-block;padding:6px 18px;border-radius:20px;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.offspring-rarity.rarity-common{background:linear-gradient(135deg,gray,#a9a9a9);color:#fff}.offspring-rarity.rarity-rare{background:linear-gradient(135deg,#4169e1,#6495ed);color:#fff}.offspring-rarity.rarity-epic{background:linear-gradient(135deg,#b8860b,#d4af37);color:#fff}.offspring-rarity.rarity-legendary{background:linear-gradient(135deg,#ff4500,#ff8c00);color:#fff;animation:hatcheryBadgeShimmer 2s ease-in-out infinite}.offspring-gender{font-size:1.1rem;font-weight:700;margin-top:6px}.offspring-gender-male{color:#4169e1;text-shadow:0 1px 3px rgba(65,105,225,.4)}.offspring-gender-female{color:#ff69b4;text-shadow:0 1px 3px rgba(255,105,180,.4)}.parent-heritage-section{margin-bottom:2rem;padding:1.5rem;background:#b8860b14;border-radius:18px;border:2px solid rgba(184,134,11,.25)}.parent-heritage-section h3{text-align:center;font-size:1.5rem;font-weight:900;color:gold;margin:0 0 1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;gap:6px}.heritage-parents{display:grid;grid-template-columns:1fr auto 1fr;gap:1.25rem;align-items:center;margin-bottom:1rem}.heritage-parent{background:#00000059;border-radius:14px;padding:1.25rem;border:2px solid rgba(74,56,33,.5);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.heritage-parent:hover{transform:scale(1.03) translateY(-2px);border-color:#b8860b;box-shadow:0 0 15px #b8860b33}.heritage-parent-image{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 6px 15px rgba(0,0,0,.7));margin-bottom:10px}.heritage-parent-name{font-size:1.15rem;font-weight:800;color:gold;margin-bottom:4px}.heritage-parent-species{color:orange;font-size:.95rem}.heritage-connector{display:flex;flex-direction:column;align-items:center;gap:6px}.heritage-heart{font-size:2.5em;animation:hatcheryHeartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,105,180,.6))}.heritage-arrow{font-size:2rem;color:gold;font-weight:800}.offspring-senior-bonus{text-align:center;background:linear-gradient(135deg,#ffd70033,#ff8c0033);border:2px solid rgba(255,215,0,.4);border-radius:12px;padding:12px 20px;color:gold;font-weight:700;font-size:1rem;box-shadow:0 0 15px #ffd70033}.stats-breakdown-section{margin-bottom:2rem;padding:1.75rem;background:#00000059;border-radius:18px;border:3px solid rgba(81,207,102,.3);box-shadow:0 0 20px #51cf6626}.stats-breakdown-section h3{text-align:center;font-size:1.5rem;font-weight:900;color:#51cf66;margin:0 0 .75rem;text-shadow:0 2px 4px rgba(0,0,0,.6)}.stats-explanation{text-align:center;color:#b8a080;font-size:.9rem;margin:0 0 1.5rem;line-height:1.5;font-style:italic}.stats-comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.stat-comparison-card{background:linear-gradient(145deg,#1e321e80,#14231480);border:2px solid rgba(81,207,102,.3);border-radius:14px;padding:1.25rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #51cf661a}.stat-comparison-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #51cf664d;border-color:#51cf66}.stat-icon{font-size:2.2em;margin-bottom:8px;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.stat-label{font-size:1.05rem;font-weight:800;color:gold;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.6);text-transform:uppercase;letter-spacing:.5px}.stat-base{color:#9a8b78;font-size:.9rem;margin-bottom:6px}.stat-bonus{color:#51cf66;font-size:1.25rem;font-weight:800;margin-bottom:6px;text-shadow:0 0 10px rgba(81,207,102,.5)}.bonus-label{display:block;font-size:.6rem;color:#9a8b78;font-weight:400;margin-top:3px}.stat-final{color:gold;font-size:1.15rem;font-weight:800;margin-top:6px;padding:6px;background:#ffd7001a;border-radius:8px;border:1px solid rgba(255,215,0,.2)}.genetic-summary{text-align:center;background:linear-gradient(135deg,#51cf6633,#28a74533);border:2px solid rgba(81,207,102,.4);border-radius:12px;padding:1rem 1.5rem;color:#51cf66;font-size:1.05rem;font-weight:700;box-shadow:0 0 20px #51cf6633;animation:hatcherySummaryPulse 2s ease-in-out infinite}@keyframes hatcherySummaryPulse{0%,to{box-shadow:0 0 20px #51cf6633}50%{box-shadow:0 0 35px #51cf6666}}.genetic-summary strong{color:gold;display:block;margin-bottom:6px}.genetic-summary-value{color:orange;font-weight:800;font-size:1.1rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}.offspring-reveal-close-btn .btn-icon{width:40px;height:40px}.offspring-reveal-close-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#4caf50,#45a049,#2e7d32);border:3px solid #2e7d32;border-radius:14px;color:#fff;font-size:1.3rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0006,inset 0 1px #ffffff26;text-shadow:0 2px 4px rgba(0,0,0,.6);position:relative;overflow:hidden;min-height:44px;will-change:transform,box-shadow;transform:translateZ(0)}.offspring-reveal-close-btn:before{content:"";position:absolute;inset:-50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%) rotate(45deg);transition:transform .6s ease;pointer-events:none}.offspring-reveal-close-btn:hover:before{transform:translate(100%) rotate(45deg)}.offspring-reveal-close-btn:hover{transform:translateY(-3px) scale(1.02) translateZ(0);box-shadow:0 8px 25px #00000080,0 0 25px #4caf5066}.offspring-reveal-close-btn:active{transform:translateY(-1px) scale(.98) translateZ(0)}@media (min-width: 1920px){.hatchery-page{padding:2rem;gap:1.5rem}.hatchery-session-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.egg-selection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hatchery-header{padding:2rem}.hatchery-title h1{font-size:2.6rem}.offspring-reveal-modal{max-width:1000px}}@media (min-width: 1440px) and (max-width: 1919px){.hatchery-session-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (min-width: 1200px) and (max-width: 1439px){.hatchery-session-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 1199px){.hatchery-currency{top:30px;left:20px}.hatchery-currency .coin-icon{width:28px;height:28px}.hatchery-currency .coin-amount{font-size:1.1rem}.hatchery-title h1{font-size:1.8rem}.hatchery-session-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hatchery-preview-grid{grid-template-columns:1fr;gap:.75rem}.parent-selection-grid{grid-template-columns:1fr;gap:1rem}.breeding-connector{flex-direction:row;padding:1rem 0}.connector-line{width:80px;height:3px;background:linear-gradient(90deg,transparent 0%,#b8860b 50%,transparent 100%)}.parents-showcase{grid-template-columns:1fr;gap:1rem}.genetic-connector{flex-direction:row;padding:1rem 0}.connector-heart-large{font-size:2.5em}.parent-showcase-image{width:90px;height:90px}}@media (max-width: 1023px){.tab-button{padding:12px 10px;font-size:.8rem;letter-spacing:0}.heritage-parents{grid-template-columns:1fr;gap:1rem}.heritage-connector{flex-direction:row;padding:.5rem 0}.stats-comparison-grid{grid-template-columns:1fr}}@media (max-width: 767px){.hatchery-page{padding:1rem;gap:1rem}.hatchery-currency{top:25px;left:15px}.hatchery-currency .coin-icon{width:24px;height:24px}.hatchery-currency .coin-amount{font-size:1rem}.hatchery-header{padding:1rem}.hatchery-title h1{font-size:1.5rem;letter-spacing:1px}.hatchery-subtitle{font-size:.85rem}.hatchery-section-header h2{font-size:1.2rem}.hatchery-session-grid{grid-template-columns:1fr}.egg-selection-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.tab-button{padding:10px 8px;font-size:.75rem;gap:4px}.tab-icon{width:14px;height:14px}.hatchery-preview-grid{grid-template-columns:1fr}.parent-selection-grid{grid-template-columns:1fr;gap:.75rem}.breeding-connector{flex-direction:row;padding:.75rem 0}.connector-line{width:60px;height:2px}.connector-heart{font-size:2em}.hatchery-modal{width:95%;padding:1.25rem}.modal-header h2{font-size:1.3rem}.modal-egg-title{font-size:1.2rem;letter-spacing:.5px;gap:6px}.modal-egg-title .section-title-icon{width:22px;height:22px}.modal-egg-image{width:100px;height:100px}.hatchery-choice-grid{grid-template-columns:1fr}.modal-gender-select{flex-direction:column;gap:8px}.modal-gender-btn{max-width:100%}.offspring-reveal-modal{padding:1.25rem}.offspring-reveal-header h2{font-size:1.6rem}.offspring-display-section{flex-direction:column;gap:1rem}.offspring-info{text-align:center}.offspring-image-frame{width:140px;height:140px;min-width:140px}.offspring-image{width:120px;height:120px}.offspring-name{font-size:1.6rem}.parent-showcase-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 479px){.hatchery-page{padding:.75rem;gap:.75rem}.hatchery-currency{position:static;margin-bottom:.25rem}.hatchery-currency .coin-icon{width:22px;height:22px}.hatchery-currency .coin-amount{font-size:.95rem}.hatchery-header{padding:.75rem;border-width:3px}.hatchery-title h1{font-size:1.3rem;letter-spacing:.5px}.hatchery-subtitle{font-size:.8rem}.hatchery-section{padding:1rem;border-width:2px}.hatchery-section-header h2{font-size:1.1rem}.hatchery-session-grid{grid-template-columns:1fr;gap:.75rem}.hatchery-session-card{padding:1rem;border-width:2px}.egg-container{width:90px;height:90px}.hatchery-timer-value{font-size:1.3rem}.egg-selection-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.egg-select-card{padding:.75rem}.egg-visual img{width:70px;height:70px}.tab-button{font-size:.7rem;padding:8px 6px;gap:3px}.tab-icon{width:12px;height:12px}.parent-select-card{padding:8px}.parent-select-card img{width:40px;height:40px}.parent-breed-image{width:60px;height:60px}.hatchery-modal{width:96%;padding:1rem;border-width:2px}.breeding-egg-info-detailed{padding:1rem}.parents-showcase{gap:.75rem}.parent-showcase{padding:.75rem}.parent-showcase-image{width:80px;height:80px}.modal-header h2{font-size:1.2rem}.modal-egg-title{font-size:1.05rem;letter-spacing:0;gap:4px}.modal-egg-title .section-title-icon{width:20px;height:20px}.modal-egg-image{width:80px;height:80px}.modal-start-btn,.start-breeding-btn{font-size:1rem;padding:.75rem}.offspring-reveal-modal{padding:1rem;border-width:3px}.offspring-reveal-header h2{font-size:1.4rem}.offspring-image-frame{width:120px;height:120px;min-width:120px}.offspring-image{width:100px;height:100px}.offspring-name{font-size:1.4rem}.heritage-parent-image{width:70px;height:70px}.parent-showcase-stats{grid-template-columns:repeat(2,1fr);gap:4px}.parent-showcase-stats div{padding:4px;font-size:.7rem}.stat-comparison-card{padding:.75rem}}@media (max-width: 359px){.hatchery-page{padding:.5rem;gap:.5rem;font-size:.9rem}.hatchery-title h1{font-size:1.1rem}.hatchery-subtitle{font-size:.75rem}.hatchery-section-header h2{font-size:1rem}.egg-selection-grid{grid-template-columns:1fr}.modal-egg-image{width:70px;height:70px}.modal-egg-title{font-size:.95rem;gap:3px}.modal-egg-title .section-title-icon{width:18px;height:18px}.parent-showcase-image{width:65px;height:65px}.parent-showcase{padding:.5rem}.offspring-image-frame{width:100px;height:100px;min-width:100px}.offspring-image{width:85px;height:85px}.tab-button{font-size:.65rem;padding:6px 4px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.egg-image,.modal-egg-image,.parent-showcase-image,.parent-breed-image,.heritage-parent-image,.offspring-image,.egg-visual img,.parent-select-card img{image-rendering:auto;-webkit-font-smoothing:antialiased}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.quest-board-page{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.quest-board-header{text-align:center;margin-bottom:25px;padding:15px;background:#4a7c591a;border:2px solid #4A7C59;border-radius:10px}.quest-board-header .quest-icon{width:48px;height:48px;margin-bottom:10px;filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}.quest-board-header h2{color:gold;font-size:32px;margin:0 0 8px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.quest-board-header p{color:#aaa;font-size:14px;font-style:italic;margin:0}.quest-section{margin-bottom:30px}.quest-section-title{color:gold;font-size:20px;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid rgba(255,215,0,.3);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.quest-list{display:flex;flex-direction:column;gap:15px}.quest-card{background:linear-gradient(135deg,#2a1f15,#1a110a);border:2px solid #4A7C59;border-radius:10px;padding:20px;transition:all .3s ease;position:relative}.quest-card.active{border-color:#4a7c59;box-shadow:0 0 15px #4a7c594d}.quest-card.completed{border-color:gold;box-shadow:0 0 20px #ffd70066;animation:pulse-gold 2s ease-in-out infinite}.quest-card.available{border-color:#666;opacity:.9}.quest-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px #00000080}@keyframes pulse-gold{0%,to{box-shadow:0 0 15px #ffd7004d}50%{box-shadow:0 0 25px #ffd70099}}.quest-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quest-name{color:gold;font-size:20px;margin:0;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.quest-repeat-badge{padding:4px 10px;background:#4a7c5999;border:1px solid #4A7C59;border-radius:6px;font-size:11px;color:#fff;font-weight:700;letter-spacing:.5px}.quest-description{color:#ccc;font-size:14px;line-height:1.5;margin-bottom:15px;font-style:italic}.quest-progress{margin-bottom:15px;display:flex;align-items:center;gap:12px}.quest-progress-bar{flex:1;height:20px;background:#0009;border:1px solid #4A7C59;border-radius:10px;overflow:hidden;position:relative}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#4a7c59,#6ab87c,#4a7c59);transition:width .5s ease;box-shadow:inset 0 0 10px #ffffff4d}.quest-card.completed .quest-progress-fill{background:linear-gradient(90deg,gold,orange,gold);animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.quest-progress-text{font-size:14px;font-weight:700;color:gold;min-width:50px;text-align:right}.quest-objective{margin-bottom:12px;padding:10px;background:#0006;border-left:3px solid #4A7C59;border-radius:4px}.objective-label{color:#4a7c59;font-weight:700;font-size:12px;margin-right:8px}.objective-text{color:#fff;font-size:14px}.quest-rewards{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:15px}.rewards-label{color:#4a7c59;font-weight:700;font-size:12px;margin-right:5px}.reward-item{display:flex;align-items:center;gap:6px;background:#ffd70026;border:1px solid rgba(255,215,0,.4);border-radius:6px;padding:5px 10px;font-size:13px;color:gold;font-weight:700}.reward-item .reward-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.quest-requirements{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.requirement-item{background:#c8646433;border:1px solid rgba(255,100,100,.4);border-radius:6px;padding:4px 8px;font-size:11px;color:#faa}.quest-claim-btn{width:100%;padding:14px;font-size:16px;font-weight:700;background:linear-gradient(135deg,gold,orange);color:#1a0f0a;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #ffd70066}.quest-claim-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #ffd70099}.quest-claim-btn:disabled{opacity:.5;cursor:not-allowed}.quest-accept-btn{width:100%;padding:12px;font-size:15px;font-weight:700;background:linear-gradient(135deg,#4a7c59,#6ab87c);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #4a7c5966}.quest-accept-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 15px #4a7c5999}.quest-accept-btn:disabled{opacity:.5;cursor:not-allowed}.quest-in-progress{text-align:center;padding:12px;background:#4a7c5933;border:1px solid #4A7C59;border-radius:8px}.in-progress-text{color:#4a7c59;font-weight:700;font-size:14px}.no-quests{text-align:center;padding:60px 20px;color:#888}.no-quests p{margin:10px 0;font-size:16px}.no-quests .hint{color:#666;font-size:14px;font-style:italic}.quests-panel{background:linear-gradient(135deg,#3a2f20,#2a1f10);border:3px solid #8B6914;border-radius:12px;padding:20px;max-height:650px;overflow-y:auto;box-shadow:0 8px 20px #0009}.quests-panel-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,215,0,.3)}.quests-panel-header h3{color:gold;font-size:24px;margin:0 0 8px;text-shadow:2px 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;gap:10px}.quests-panel-header .panel-header-icon{width:36px;height:36px;object-fit:contain}.quests-panel-header p{color:#aaa;font-size:13px;margin:0;font-style:italic}.quest-list-compact{display:flex;flex-direction:column;gap:10px}.quest-card-compact{background:linear-gradient(135deg,#2a1f15,#1a110a);border:2px solid #4A7C59;border-radius:8px;padding:12px;transition:all .2s ease}.quest-card-compact.completed{border-color:gold;box-shadow:0 0 15px #ffd7004d}.quest-card-compact:hover{transform:translate(5px);box-shadow:0 3px 15px #0006}.quest-compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quest-name-compact{color:gold;font-size:15px;font-weight:700}.quest-progress-compact{color:#4a7c59;font-size:13px;font-weight:700}.quest-progress-bar-compact{height:8px;background:#0009;border:1px solid #4A7C59;border-radius:4px;overflow:hidden;margin-bottom:10px}.quest-progress-fill-compact{height:100%;background:linear-gradient(90deg,#4a7c59,#6ab87c);transition:width .5s ease}.quest-card-compact.completed .quest-progress-fill-compact{background:linear-gradient(90deg,gold,orange)}.quest-compact-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.quest-rewards-compact{display:flex;gap:10px;font-size:13px;color:gold;font-weight:700}.reward-item-compact{display:flex;align-items:center;gap:4px}.reward-icon-compact{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.reward-icon-compact.reward-icon-items{width:24px;height:24px}.quest-claim-btn-compact{padding:8px 16px;font-size:13px;font-weight:700;background:linear-gradient(135deg,gold,orange);color:#1a0f0a;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ffd70066;white-space:nowrap}.quest-claim-btn-compact:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #ffd70099}.quest-claim-btn-compact:disabled{opacity:.5;cursor:not-allowed}.no-quests-compact{text-align:center;padding:40px 20px;color:#888}.no-quests-compact p{margin:8px 0;font-size:14px}.no-quests-compact .hint{color:#666;font-size:12px;font-style:italic}.quest-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1500;animation:fadeIn .2s ease}.quest-modal-content{background:linear-gradient(135deg,#2a1f15,#1a110a);border:3px solid #FFD700;border-radius:15px;padding:25px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 10px 40px #000000e6;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.quest-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.quest-modal-header h3{color:gold;font-size:24px;margin:0;flex:1;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.quest-modal-close{background:transparent;border:2px solid #888;color:#888;font-size:24px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;line-height:1}.quest-modal-close:hover{background:#888;color:#1a110a;transform:rotate(90deg)}.quest-modal-type{background:#4a7c594d;border:1px solid #4A7C59;padding:6px 12px;border-radius:8px;font-size:13px;color:#6ab87c;font-weight:700;margin-bottom:15px;display:inline-block}.quest-modal-description{color:#ccc;font-size:15px;line-height:1.6;margin-bottom:20px;font-style:italic;padding:12px;background:#0000004d;border-left:3px solid #4A7C59;border-radius:4px}.quest-modal-progress{margin-bottom:20px}.quest-modal-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#4a7c59;font-weight:700;font-size:14px}.quest-modal-progress-text{color:gold;font-size:16px}.quest-modal-rewards{margin-bottom:20px}.quest-modal-rewards h4{color:#4a7c59;font-size:16px;margin:0 0 12px;font-weight:700}.quest-modal-reward-list{display:flex;flex-direction:column;gap:10px}.quest-modal-reward-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:gold;font-size:14px;font-weight:700}.quest-modal-reward-item .reward-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.quest-modal-claim-btn{width:100%;padding:16px;font-size:18px;font-weight:700;background:linear-gradient(135deg,gold,orange);color:#1a0f0a;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd70080}.quest-modal-claim-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 25px #ffd700b3}.quest-modal-claim-btn:disabled{opacity:.5;cursor:not-allowed}.quest-modal-in-progress{text-align:center;padding:20px;background:#4a7c5933;border:2px solid #4A7C59;border-radius:10px}.quest-modal-in-progress span{color:#4a7c59;font-weight:700;font-size:16px;display:block;margin-bottom:8px}.quest-modal-in-progress p{color:#aaa;font-size:13px;margin:0;font-style:italic}@media (max-width: 768px){.quest-board-page{padding:15px}.quest-board-header{padding:12px}.quest-board-header h2{font-size:24px}.quest-board-header .quest-icon{width:36px;height:36px}.quest-name{font-size:17px}.quest-card{padding:15px}.quest-rewards{flex-direction:column;align-items:flex-start;gap:8px}.quests-panel{padding:15px;max-height:none}.quests-panel-header h3{font-size:20px}.quests-panel-header .panel-header-icon{width:28px;height:28px}.quest-section-title{font-size:16px}.quest-card-compact{padding:12px;min-height:44px}.quest-name-compact{font-size:14px}.quest-progress-compact{font-size:12px}.quest-rewards-compact{font-size:12px;gap:8px}.quest-claim-btn-compact{padding:10px 16px;font-size:13px}.quest-modal-content{padding:20px;max-width:95%;width:95%}.quest-modal-header h3{font-size:20px}.quest-modal-close{width:28px;height:28px;font-size:20px}.quest-modal-description{font-size:14px;padding:10px}.quest-modal-reward-item{padding:8px;font-size:13px}.quest-modal-reward-item .reward-icon{width:20px;height:20px}.quest-modal-claim-btn{padding:14px;font-size:16px}}.swamp-city{min-height:100vh;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.swamp-city .swamp-city-header{position:relative;text-align:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#4a7c59e6,#000000f2);border:3px solid #4a7c59;border-radius:12px;box-shadow:0 8px 16px #000c;z-index:1}.swamp-city .swamp-city-return-btn{position:absolute;top:1rem;left:1rem;padding:.85rem 1.75rem;font-size:1.1rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#4a7c59,#3a6c49);border:3px solid #ffd700;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 12px #000000b3,inset 0 1px #ffffff26;z-index:10;text-transform:uppercase;letter-spacing:1px;font-family:Impact,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.9);overflow:hidden}.swamp-city .swamp-city-return-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.swamp-city .swamp-city-return-btn:hover:before{left:100%}.swamp-city .swamp-city-return-btn:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 10px 20px #000c,0 0 30px #4a7c5966;background:linear-gradient(135deg,#5a8c69,#4a7c59);border-color:#5a8c69}.swamp-city .swamp-city-return-btn:active{transform:translateY(-1px) scale(1.01)}.swamp-city .swamp-city-title-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:1}.swamp-city .swamp-city-banner-image{max-width:100px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.9));transition:all .3s ease}.swamp-city .swamp-city-banner-image:hover{filter:drop-shadow(0 8px 16px rgba(255,165,0,.6));transform:scale(1.05)}.swamp-city .swamp-city-title{font-size:2.5rem;font-weight:900;color:gold;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.9),0 0 30px rgba(255,165,0,.5);text-transform:uppercase;letter-spacing:3px;font-family:Impact,sans-serif}.swamp-city .swamp-city-subtitle{font-size:1.1rem;color:#90ee90;margin:0;font-style:italic}.swamp-city .swamp-city-tabs{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;padding:0 2rem;z-index:1;position:relative}.swamp-city .swamp-city-tab{padding:1rem 2rem;font-size:1.15rem;font-weight:900;color:#ccc;background:linear-gradient(135deg,#000c,#141e14e6);border:3px solid #4a7c59;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;text-transform:uppercase;letter-spacing:1.5px;font-family:Impact,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.9);box-shadow:0 4px 8px #0009,inset 0 1px #ffffff1a}.swamp-city .swamp-city-tab:hover{color:#fff;border-color:#5a8c69;background:linear-gradient(135deg,#4a7c5999,#2e7d32cc);transform:translateY(-3px);box-shadow:0 8px 16px #000000b3,0 0 30px #4a7c594d}.swamp-city .swamp-city-tab.active{color:gold;background:linear-gradient(135deg,#4a7c59f2,#2e7d32fa);border-color:gold;box-shadow:0 6px 12px #000000b3,0 0 40px #4a7c5999,inset 0 2px #ffffff26;text-shadow:0 3px 6px rgba(0,0,0,.9)}.swamp-city-tab-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#00bcd4,#26c6da,#0097a7);color:#fff;padding:4px 8px;border-radius:10px;font-size:.7rem;font-weight:900;font-family:Impact,sans-serif;border:2px solid #00838f;min-width:18px;text-align:center;box-shadow:0 3px 6px #000000b3,0 0 10px #00bcd480;z-index:10;animation:swampCityTabBadgePulse 2s ease-in-out infinite;text-shadow:0 1px 2px rgba(0,0,0,.8)}@keyframes swampCityTabBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.swamp-city .swamp-city-tab.has-mission:after{content:"";position:absolute;top:-5px;right:-5px;width:14px;height:14px;background:#f44;border:3px solid #fff;border-radius:50%;box-shadow:0 0 12px #ff4444e6;animation:swampCityMissionPulse 2s ease-in-out infinite;z-index:5}@keyframes swampCityMissionPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 12px #ff4444e6}50%{opacity:.7;transform:scale(1.15);box-shadow:0 0 20px #f44}}.swamp-city .swamp-city-content{flex:1;display:flex;flex-direction:column;min-height:60vh;padding:0 2rem 2rem;z-index:1;position:relative}.swamp-city .swamp-city-farming-area{display:grid;grid-template-columns:1fr 600px 1fr;gap:2rem;max-width:1800px;margin:0 auto;min-height:700px;position:relative;animation:swampCityPanelFadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes swampCityPanelFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.swamp-city .swamp-city-left-panel,.swamp-city .swamp-city-center-panel,.swamp-city .swamp-city-right-panel{display:flex;flex-direction:column;min-height:700px}.swamp-city .swamp-city-left-panel{gap:.75rem}.swamp-city .swamp-city-right-panel{gap:0}.swamp-city .swamp-city-panel-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.swamp-city .swamp-city-toggle-btn{flex:1;padding:.85rem;font-size:1.15rem;font-weight:900;border:3px solid #b8732e;border-radius:10px 10px 0 0;background:linear-gradient(135deg,#424242,#2d2d2d);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;position:relative;overflow:hidden;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff1a;letter-spacing:1px;font-family:Impact,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.8)}.swamp-city .swamp-city-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.swamp-city .swamp-city-toggle-btn:hover:before{left:100%}.swamp-city .swamp-city-toggle-btn:hover{background:linear-gradient(135deg,#505050,#3a3a3a);transform:translateY(-3px);box-shadow:0 6px 12px #000000b3,0 0 20px #4a7c594d,inset 0 1px #ffffff26;border-color:#5a8c69}.swamp-city .swamp-city-toggle-btn.active{background:linear-gradient(135deg,#4a7c59,#3a6c49);color:#fff;transform:translateY(3px);border-color:#4a7c59;box-shadow:0 2px 4px #0009,0 0 25px #4a7c5999,inset 0 2px 4px #0000004d;text-shadow:0 2px 6px rgba(0,0,0,.9)}.swamp-city .swamp-city-toggle-btn.active:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(74,124,89,.4) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;animation:swampCityToggleGlowPulse 2s ease-in-out infinite;pointer-events:none}@keyframes swampCityToggleGlowPulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.swamp-city .mission-event-log{background:linear-gradient(135deg,#0d1b0df2,#142814fa);border:4px solid #4a7c59;border-radius:12px;padding:0;min-height:400px;max-height:550px;overflow:hidden;box-shadow:0 8px 24px #000c,0 0 40px #4a7c594d,inset 0 1px #4a7c5933;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.swamp-city .mission-event-log:hover{border-color:#5a8c69;box-shadow:0 12px 32px #000000e6,0 0 60px #4a7c5980,inset 0 1px #4a7c594d}.swamp-city .mission-event-log:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(74,124,89,.15) 0%,transparent 50%);pointer-events:none;border-radius:8px}.swamp-city .mission-selector{background:linear-gradient(135deg,#4a7c59f2,#2e7d32fa,#226428fa);border:4px solid #4a7c59;border-radius:16px;padding:2rem;box-shadow:0 12px 32px #000c,0 0 50px #4a7c5966,inset 0 2px #ffffff26;display:flex;flex-direction:column;gap:1.75rem;min-height:550px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.swamp-city .mission-selector:hover{border-color:#5a8c69;box-shadow:0 16px 40px #000000e6,0 0 70px #4a7c5999,inset 0 2px #fff3}.swamp-city .info-board{background:linear-gradient(135deg,#0d0d0df2,#141e14fa);border:3px solid #4a7c59;border-radius:12px;padding:1.75rem;color:#fff;min-height:180px;max-height:550px;overflow-y:auto;box-shadow:0 6px 16px #000c,inset 0 1px #ff8c0033;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.swamp-city .swamp-city-info-board:hover{border-color:#ff8c00;box-shadow:0 8px 20px #000000e6,0 0 30px #ff8c004d,inset 0 1px #ff8c004d}.swamp-city .swamp-city-mission-status{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:1.3rem;font-weight:900;color:gold;text-align:center;gap:.75rem;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.4);letter-spacing:1.5px;font-family:Impact,sans-serif;text-transform:uppercase;animation:swampCityStatusPulse 3s ease-in-out infinite}@keyframes swampCityStatusPulse{0%,to{text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.4)}50%{text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 30px rgba(255,215,0,.7)}}.swamp-city .swamp-city-mission-buttons{display:flex;flex-direction:column;gap:1.25rem;z-index:1}.swamp-city .swamp-city-mission-btn{padding:1.5rem;font-size:1.3rem;font-weight:900;border:4px solid #b8732e;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 6px 12px #0009,inset 0 2px #ffffff26;position:relative;overflow:hidden;letter-spacing:2px;font-family:Impact,sans-serif;text-shadow:0 3px 6px rgba(0,0,0,.9)}.swamp-city .swamp-city-mission-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .6s ease}.swamp-city .swamp-city-mission-btn:hover:not(:disabled):before{left:100%}.swamp-city .swamp-city-mission-btn:hover:not(:disabled){transform:translateY(-5px) scale(1.02);box-shadow:0 12px 24px #000000b3,0 0 40px #ff8c0080,inset 0 2px #fff3}.swamp-city .swamp-city-mission-btn:active:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 6px 12px #0009,inset 0 2px #ffffff1a}.swamp-city .swamp-city-mission-btn.swampy-cove{background:linear-gradient(135deg,#b8732e,#8b5a2b,#b8732e);color:#fff;border-color:#8b4513}.swamp-city .swamp-city-mission-btn.swampy-cove:hover:not(:disabled){background:linear-gradient(135deg,#c8833e,#9b6a3b,#c8833e);border-color:#b8732e}.swamp-city .swamp-city-mission-btn.in-progress{background:linear-gradient(135deg,gold,#ffed4e,gold);color:#2d2d2d;cursor:not-allowed;border-color:#ffa000;animation:swampCityInProgressPulse 2s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.6)}@keyframes swampCityInProgressPulse{0%,to{box-shadow:0 6px 12px #0009,0 0 20px #ffd70066}50%{box-shadow:0 6px 12px #0009,0 0 40px #ffd700b3}}.swamp-city .swamp-city-mission-btn.claim{background:linear-gradient(135deg,#4caf50,#45a049,#4caf50);color:#fff;border-color:#2e7d32;animation:swampCityClaimReadyPulse 2s ease-in-out infinite}.swamp-city .swamp-city-mission-btn.claim:hover:not(:disabled){background:linear-gradient(135deg,#5cbf60,#55b059,#5cbf60);box-shadow:0 12px 24px #000000b3,0 0 60px #4caf50cc}@keyframes swampCityClaimReadyPulse{0%,to{box-shadow:0 6px 12px #0009,0 0 30px #4caf5080}50%{box-shadow:0 6px 12px #0009,0 0 50px #4caf50cc}}.swamp-city .swamp-city-mission-btn.mission-info{background:linear-gradient(135deg,#4a4a4a,#2d2d2d);color:#fff;border-color:#5d4e37}.swamp-city .swamp-city-mission-btn.mission-info:hover:not(:disabled){background:linear-gradient(135deg,#5a5a5a,#3d3d3d);border-color:#b8732e}.swamp-city .swamp-city-mission-btn.return{background:linear-gradient(135deg,#8b4513,#654321);color:#fff;border-color:#5d4e37}.swamp-city .swamp-city-mission-btn.return:hover:not(:disabled){background:linear-gradient(135deg,sienna,#8b4513);border-color:#b8732e}.swamp-city .swamp-city-mission-btn:disabled{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);color:#666;border-color:#444;cursor:not-allowed;box-shadow:0 4px 8px #0006,inset 0 1px #ffffff0d;text-shadow:0 1px 2px rgba(0,0,0,.5)}.swamp-city .mission-status{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:1.3rem;font-weight:900;color:gold;text-align:center;gap:.75rem;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.4);letter-spacing:1.5px;font-family:Impact,sans-serif;text-transform:uppercase}.swamp-city .mission-buttons{display:flex;flex-direction:column;gap:1.25rem}.swamp-city .mission-btn{padding:1.5rem;font-size:1.3rem;font-weight:900;border:4px solid #4a7c59;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 6px 12px #0009,inset 0 2px #ffffff26;position:relative;overflow:hidden;letter-spacing:2px;font-family:Impact,sans-serif;text-shadow:0 3px 6px rgba(0,0,0,.9)}.swamp-city .mission-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .6s ease}.swamp-city .mission-btn:hover:not(:disabled):before{left:100%}.swamp-city .mission-btn:hover:not(:disabled){transform:translateY(-5px) scale(1.02);box-shadow:0 12px 24px #000000b3,0 0 40px #4a7c5980,inset 0 2px #fff3}.swamp-city .mission-btn:active:not(:disabled){transform:translateY(-2px) scale(1.01)}.swamp-city .mission-btn.swampy-cove{background:linear-gradient(135deg,#4a7c59,#3a6c49,#4a7c59);color:#fff;border-color:#2e5d3e}.swamp-city .mission-btn.swampy-cove:hover:not(:disabled){background:linear-gradient(135deg,#5a8c69,#4a7c59,#5a8c69);border-color:#4a7c59}.swamp-city .mission-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;filter:grayscale(.4)}.swamp-city .mission-navigation{display:flex;flex-direction:column;gap:1rem}.swamp-city .btn-info{padding:.9rem 1.75rem;font-size:1.05rem;font-weight:900;border:3px solid #424242;border-radius:10px;background:linear-gradient(135deg,#616161,#424242);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff1a;letter-spacing:1px;font-family:Impact,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.8);position:relative;overflow:hidden}.swamp-city .btn-info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .5s ease}.swamp-city .btn-info:hover:before{left:100%}.swamp-city .btn-info:hover{background:linear-gradient(135deg,#757575,#535353);transform:translateY(-3px);box-shadow:0 6px 12px #000000b3,0 0 20px #fff3;border-color:#616161}.swamp-city .btn-return-hub{padding:1.1rem 1.75rem;font-size:1.15rem;font-weight:900;border:3px solid #4a7c59;border-radius:12px;background:linear-gradient(135deg,#4a7c59,#3a6c49);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.85rem;font-family:Impact,sans-serif;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.8);position:relative;overflow:hidden}.swamp-city .btn-return-hub:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.swamp-city .btn-return-hub:hover:before{left:100%}.swamp-city .btn-return-hub:hover{background:linear-gradient(135deg,#5a8c69,#4a7c59);border-color:#3a6c49;transform:translateY(-5px)}.swamp-city .return-icon{font-size:1.6rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.swamp-city .return-text{flex:1;text-align:center}.swamp-city .btn-return-hub:hover .return-icon{transform:translate(-6px)}.swamp-city .btn-return-hub:active{transform:translateY(-2px)}@media (max-width: 1600px){.swamp-city .swamp-city-farming-area{grid-template-columns:1fr minmax(400px,550px) 1fr;gap:1.5rem}}@media (max-width: 1400px){.swamp-city .swamp-city-farming-area{grid-template-columns:1fr minmax(350px,480px) 1fr;gap:1.25rem;max-width:1400px}.swamp-city .swamp-city-left-panel,.swamp-city .swamp-city-center-panel,.swamp-city .swamp-city-right-panel{min-height:600px}.swamp-city .mission-selector{padding:1.5rem;min-height:500px}}@media (max-width: 1200px){.swamp-city .swamp-city-farming-area{grid-template-columns:minmax(280px,1fr) minmax(300px,1.2fr);gap:1rem;max-width:1100px}.swamp-city .swamp-city-left-panel,.swamp-city .swamp-city-center-panel{grid-row:1;min-height:450px}.swamp-city .swamp-city-right-panel{grid-column:1 / -1;grid-row:2;min-height:auto;max-height:500px}.swamp-city .swamp-city-panel-toggle{gap:.4rem;margin-bottom:.75rem}.swamp-city .swamp-city-toggle-btn{padding:.7rem;font-size:1rem}.swamp-city .mission-event-log{min-height:300px;max-height:400px}.swamp-city .mission-selector{padding:1.25rem;min-height:400px}}@media (max-width: 1024px){.swamp-city .swamp-city-farming-area{grid-template-columns:1fr;gap:1rem;max-width:700px}.swamp-city .swamp-city-left-panel{order:2;min-height:350px}.swamp-city .swamp-city-center-panel{order:1;min-height:400px}.swamp-city .swamp-city-right-panel{order:3;grid-column:1;min-height:auto;max-height:450px}.swamp-city .swamp-city-panel-toggle{gap:.5rem}.swamp-city .swamp-city-toggle-btn{padding:.75rem;font-size:1rem;min-height:44px}.swamp-city .mission-event-log{min-height:280px;max-height:380px}.swamp-city .mission-selector{padding:1.25rem;gap:1.25rem;min-height:380px}.swamp-city .mission-btn{padding:1.25rem;font-size:1.15rem}.swamp-city .btn-info{padding:.8rem 1.5rem;font-size:1rem}.swamp-city .btn-return-hub{padding:1rem 1.5rem;font-size:1.1rem}}@media (max-width: 768px){.swamp-city{padding:0;gap:1rem}.swamp-city .swamp-city-content{padding:0 .5rem 1rem}.swamp-city .swamp-city-header{padding:1rem;border-radius:10px;margin:0 .5rem}.swamp-city .swamp-city-return-btn{position:relative;top:auto;left:auto;margin-bottom:.5rem;padding:.6rem 1rem;font-size:.9rem;width:fit-content;align-self:flex-start}.swamp-city .swamp-city-title-container{width:100%}.swamp-city .swamp-city-banner-image{max-width:60px}.swamp-city .swamp-city-title{font-size:1.5rem;letter-spacing:1.5px}.swamp-city .swamp-city-subtitle{font-size:.95rem}.swamp-city .swamp-city-tabs{gap:.4rem;padding:0 .75rem;flex-wrap:wrap}.swamp-city .swamp-city-tab{padding:.6rem 1rem;font-size:.85rem;letter-spacing:1px;flex:1 1 auto;min-width:fit-content;border-width:2px}.swamp-city .swamp-city-farming-area{display:flex;flex-direction:column;gap:.75rem;max-width:100%;padding:0;margin:0 auto}.swamp-city .swamp-city-left-panel{order:2;width:100%;min-height:auto;max-height:350px}.swamp-city .swamp-city-center-panel{order:1;width:100%;min-height:auto}.swamp-city .swamp-city-right-panel{order:3;width:100%;min-height:auto;max-height:400px}.swamp-city .swamp-city-panel-toggle{gap:.35rem;margin-bottom:.5rem}.swamp-city .swamp-city-toggle-btn{padding:.6rem .5rem;font-size:.9rem;border-width:2px;min-height:44px}.swamp-city .mission-event-log{min-height:250px;max-height:350px;border-width:3px}.swamp-city .mission-selector{padding:1rem;gap:1rem;min-height:auto;border-width:3px}.swamp-city .info-board{padding:1.25rem;min-height:140px;border-width:2px}.swamp-city .mission-status{font-size:1.1rem;gap:.5rem}.swamp-city .mission-btn{padding:1rem;font-size:1.05rem;border-width:3px}.swamp-city .btn-info{padding:.7rem 1.25rem;font-size:.95rem;border-width:2px}.swamp-city .btn-return-hub{padding:.9rem 1.25rem;font-size:1rem;border-width:2px;gap:.5rem}.swamp-city .return-icon{font-size:1.3rem}}@media (max-width: 480px){.swamp-city{gap:.75rem}.swamp-city .swamp-city-content{padding:0 .5rem .75rem}.swamp-city .swamp-city-header{padding:.75rem;border-radius:8px;margin:0 .25rem}.swamp-city .swamp-city-return-btn{padding:.5rem .8rem;font-size:.8rem;border-width:2px}.swamp-city .swamp-city-banner-image{max-width:50px}.swamp-city .swamp-city-title{font-size:1.25rem;letter-spacing:1px}.swamp-city .swamp-city-subtitle{font-size:.85rem}.swamp-city .swamp-city-tabs{flex-direction:column;align-items:stretch;gap:.35rem;padding:0 .5rem}.swamp-city .swamp-city-tab{text-align:center;padding:.65rem .75rem;font-size:.85rem;min-height:44px}.swamp-city .swamp-city-farming-area{display:flex;flex-direction:column;gap:.5rem;max-width:100%;margin:0 auto}.swamp-city .swamp-city-left-panel{width:100%;max-height:300px}.swamp-city .swamp-city-right-panel{width:100%;max-height:350px}.swamp-city .swamp-city-panel-toggle{gap:.25rem;margin-bottom:.4rem}.swamp-city .swamp-city-toggle-btn{padding:.55rem .4rem;font-size:.8rem;letter-spacing:.5px}.swamp-city .mission-event-log{min-height:220px;max-height:300px;border-width:2px}.swamp-city .mission-selector{padding:.75rem;gap:.75rem;border-width:2px}.swamp-city .info-board{padding:1rem;min-height:120px;border-width:2px}.swamp-city .mission-status{font-size:1rem;letter-spacing:1px}.swamp-city .mission-buttons{gap:.75rem}.swamp-city .mission-btn{padding:.85rem;font-size:.95rem;border-width:2px;letter-spacing:1px}.swamp-city .mission-navigation{gap:.6rem}.swamp-city .btn-info{padding:.6rem 1rem;font-size:.9rem}.swamp-city .btn-return-hub{padding:.75rem 1rem;font-size:.9rem;gap:.4rem}.swamp-city .return-icon{font-size:1.1rem}}@media (max-width: 360px){.swamp-city .swamp-city-header{padding:.6rem}.swamp-city .swamp-city-title{font-size:1.1rem}.swamp-city .swamp-city-subtitle{font-size:.8rem}.swamp-city .swamp-city-tab{padding:.55rem .5rem;font-size:.75rem}.swamp-city .swamp-city-toggle-btn{font-size:.75rem;padding:.5rem .3rem}.swamp-city .mission-btn{font-size:.85rem;padding:.75rem}.swamp-city .btn-info{font-size:.8rem;padding:.5rem .8rem}.swamp-city .btn-return-hub{font-size:.8rem;padding:.65rem .8rem}}.world-location{min-height:100vh;background:transparent;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.location-header{position:relative;text-align:center;padding:1.5rem;background:linear-gradient(135deg,#4a7c59e6,#000000f2);border:3px solid #4a7c59;border-radius:12px;box-shadow:0 8px 16px #000c}.return-btn{position:absolute;top:1rem;left:1rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b4513,#654321);border:2px solid #ffd700;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0009;z-index:10}.return-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #000c;background:linear-gradient(135deg,sienna,#8b4513)}.return-btn:active{transform:translateY(0)}.location-title-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.location-banner-image{max-width:80px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8))}.location-title{font-size:2rem;font-weight:700;color:gold;margin:0;text-shadow:0 3px 6px rgba(0,0,0,.9);text-transform:uppercase;letter-spacing:2px}.location-subtitle{font-size:1.1rem;color:#90ee90;margin:0;font-style:italic}.location-tabs{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;padding:0 1rem}.location-tab{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;color:#ccc;background:#0009;border:2px solid #555;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative}.location-tab:hover{color:#fff;border-color:#4a7c59;background:#4a7c594d}.location-tab.active{color:gold;background:linear-gradient(135deg,#4a7c59cc,#000000e6);border-color:gold;box-shadow:0 4px 8px #0009}.location-tab.has-mission:after{content:"";position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:#f44;border:2px solid #fff;border-radius:50%;box-shadow:0 0 8px #f44c;animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.location-content{flex:1;display:flex;flex-direction:column;min-height:60vh}.coming-soon-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem;background:linear-gradient(135deg,#000c,#141414e6);border:3px solid #8b4513;border-radius:12px;box-shadow:0 8px 16px #000c;min-height:400px}.coming-soon-icon{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8));opacity:.6}.coming-soon-panel h2{font-size:2rem;font-weight:700;color:gold;margin:0;text-shadow:0 3px 6px rgba(0,0,0,.9)}.coming-soon-panel p{font-size:1.1rem;color:#ccc;text-align:center;max-width:500px;margin:0}.coming-soon-badge{padding:.75rem 2rem;font-size:1.25rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6b6b,#c92a2a);border:2px solid #ffd700;border-radius:8px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 8px #0009;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.farming-mission-area{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:1rem;height:100%}.farming-mission-area .mission-left-panel,.farming-mission-area .mission-center-panel,.farming-mission-area .mission-right-panel{display:flex;flex-direction:column;gap:1rem}.farming-mission-area .panel-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.farming-mission-area .toggle-btn{flex:1;padding:.75rem;font-size:1rem;font-weight:700;color:#ccc;background:#0009;border:2px solid #555;border-radius:8px;cursor:pointer;transition:all .3s ease}.farming-mission-area .toggle-btn:hover{color:#fff;border-color:#4a7c59}.farming-mission-area .toggle-btn.active{color:gold;background:#4a7c5999;border-color:gold}@media (max-width: 1024px){.farming-mission-area{grid-template-columns:1fr}.farming-mission-area .mission-left-panel{order:2}.farming-mission-area .mission-center-panel{order:1}.farming-mission-area .mission-right-panel{order:3}}@media (max-width: 768px){.location-header{padding:1rem}.return-btn{top:.5rem;left:.5rem;padding:.5rem 1rem;font-size:.9rem}.location-banner-image{max-width:60px}.location-title{font-size:1.5rem}.location-subtitle{font-size:1rem}.location-tabs{gap:.4rem;padding:0 .5rem}.location-tab{padding:.6rem 1rem;font-size:.9rem}.coming-soon-panel{padding:2rem 1rem;min-height:300px}.coming-soon-panel h2{font-size:1.5rem}.coming-soon-panel p{font-size:1rem}.coming-soon-badge{padding:.6rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.location-title{font-size:1.25rem;letter-spacing:1px}.location-subtitle{font-size:.9rem}.location-tabs{flex-direction:column;align-items:stretch}.location-tab{text-align:center}}.transport-yard-page{min-height:100%;background:transparent;display:flex;flex-direction:column;gap:1.25rem;position:relative;margin:0}.transport-yard-header{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;background:linear-gradient(to bottom,rgba(173,216,230,.15) 0%,transparent 25%),linear-gradient(135deg,#5b8fa8,#3d6a7f,#2a4e63,#1e3a4d,#152b3a),#1e3a4d;border:3px solid #5b8fa8;border-radius:12px;box-shadow:0 0 30px #5b8fa833,0 10px 30px #000c,0 5px 15px #0009,inset 0 2px #add8e64d,inset 0 -1px #0006;position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.transport-yard-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:headerGlareSweep 8s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes headerGlareSweep{0%{left:-100%}50%{left:100%}to{left:100%}}.transport-yard-header>*{position:relative;z-index:2}.transport-yard-back-btn{align-self:flex-start;background:linear-gradient(to bottom,rgba(255,255,255,.05) 0%,transparent 50%),linear-gradient(135deg,#141419e6,#0a0a0ff2);border:2px solid rgba(91,143,168,.5);color:#fff;padding:.65rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;box-shadow:0 4px 12px #0009,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;position:relative;overflow:hidden;will-change:transform,box-shadow}.transport-yard-back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transition:left .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.transport-yard-back-btn:hover:before{left:100%}.transport-yard-back-btn:hover{background:linear-gradient(to bottom,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(135deg,#5b8fa8,#3d6a7f);border-color:#7ab3cc;transform:translateY(-3px);box-shadow:0 0 25px #5b8fa866,0 6px 20px #000000b3,inset 0 1px #fff3,inset 0 -1px #0000004d}.transport-yard-back-btn:active{transform:translateY(-1px)}.transport-yard-title-row{display:flex;align-items:center;justify-content:center;gap:1.25rem}.transport-yard-title-image{width:60px;height:60px;object-fit:cover;border-radius:10px;border:3px solid rgba(91,143,168,.6);box-shadow:0 0 20px #5b8fa84d,0 6px 15px #000c,inset 0 1px #fff3,inset 0 -1px #0000004d;will-change:transform;transition:all .3s cubic-bezier(.4,0,.2,1);animation:titleImageFloat 4s ease-in-out infinite}@keyframes titleImageFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}.transport-yard-title{font-size:2rem;font-weight:900;color:#fff;text-transform:uppercase;font-family:Impact,Arial Black,sans-serif;letter-spacing:4px;margin:0;text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 30px rgba(91,143,168,.3),0 1px 0 rgba(255,255,255,.1);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 30px rgba(91,143,168,.3),0 1px 0 rgba(255,255,255,.1)}50%{text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 45px rgba(91,143,168,.5),0 1px 0 rgba(255,255,255,.15)}}.transport-yard-error-banner{background:linear-gradient(to bottom,rgba(255,107,107,.1) 0%,transparent 50%),linear-gradient(135deg,#dc4646f2,#b43232fa,#962828fc);border:3px solid #ff6b6b;border-radius:10px;padding:1rem 1.25rem;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;font-size:.95rem;font-weight:700;letter-spacing:.5px;box-shadow:0 0 25px #f4433666,0 6px 15px #0009,inset 0 2px #ffffff26,inset 0 -1px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.8);animation:errorBannerPulse 2s ease-in-out infinite}@keyframes errorBannerPulse{0%,to{box-shadow:0 0 25px #f4433666,0 6px 15px #0009,inset 0 2px #ffffff26,inset 0 -1px #0000004d}50%{box-shadow:0 0 35px #f4433699,0 6px 15px #0009,inset 0 2px #fff3,inset 0 -1px #0000004d}}.transport-yard-error-banner button{background:linear-gradient(to bottom,rgba(255,255,255,.08) 0%,transparent 50%),#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:1.3rem;font-weight:800;cursor:pointer;opacity:.85;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff1a;will-change:transform,opacity}.transport-yard-error-banner button:hover{opacity:1;transform:scale(1.1) rotate(90deg);background:linear-gradient(to bottom,rgba(255,255,255,.12) 0%,transparent 50%),#fff3;border-color:#ffffff80;box-shadow:0 3px 12px #0009,inset 0 1px #fff3}.transport-yard-error-banner button:active{transform:scale(1.05) rotate(90deg)}.transport-yard-tabs{display:flex;gap:.65rem;padding:.75rem;background:linear-gradient(to bottom,rgba(255,255,255,.03) 0%,transparent 20%),linear-gradient(135deg,#0f0f14f2,#05050afa),#0a0a0f;border:3px solid rgba(91,143,168,.3);border-radius:14px;box-shadow:0 8px 25px #000c,inset 0 2px 8px #0009,inset 0 1px #ffffff0d;position:relative;overflow:visible}.transport-yard-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.65rem;padding:1rem 1.25rem;background:linear-gradient(to bottom,rgba(255,255,255,.03) 0%,transparent 50%),linear-gradient(135deg,#282d37cc,#191e23e6);border:2px solid rgba(91,143,168,.2);border-radius:10px;color:#ffffffa6;font-size:.95rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.5px;min-height:54px;box-shadow:0 4px 10px #00000080,inset 0 1px #ffffff14,inset 0 -1px #0000004d;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.transport-yard-tab:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(91,143,168,.4) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.transport-yard-tab:hover:after{width:200%;height:200%;opacity:1}.transport-yard-tab .tab-icon{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.9));transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.transport-yard-tab span{position:relative;z-index:1}.transport-yard-tab:hover{background:linear-gradient(to bottom,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(135deg,#5b8fa880,#3a5a69b3);border-color:#5b8fa8b3;color:#fff;transform:translateY(-3px) translateZ(0);box-shadow:0 0 30px #5b8fa866,0 8px 20px #0009,inset 0 2px #ffffff26,inset 0 -1px #0000004d}.transport-yard-tab:hover .tab-icon{transform:scale(1.1);filter:drop-shadow(0 4px 10px rgba(91,143,168,.6))}.transport-yard-tab.active{background:linear-gradient(to bottom,rgba(173,216,230,.2) 0%,transparent 30%),linear-gradient(135deg,#5b8fa8,#4a7d94,#3d6a7f,#2f5669,#234354,#1a3342),#1a3342;border-color:#7ab3cc;color:#fff;box-shadow:0 0 40px #5b8fa899,0 8px 25px #000000b3,0 4px 12px #00000080,inset 0 3px #add8e666,inset 0 -2px #0006;transform:translateY(-6px) scale(1.03);position:relative}.transport-yard-tab.active:before{content:"";position:absolute;bottom:-2px;left:10%;right:10%;height:4px;background:linear-gradient(90deg,transparent 0%,#7ab3cc 20%,#5b8fa8 50%,#7ab3cc 80%,transparent 100%);border-radius:2px;box-shadow:0 0 15px #5b8fa8cc;z-index:3;animation:activeTabGlow 2s ease-in-out infinite}@keyframes activeTabGlow{0%,to{opacity:.8;box-shadow:0 0 15px #5b8fa8cc}50%{opacity:1;box-shadow:0 0 25px #5b8fa8}}.transport-yard-tab.active .tab-icon{transform:scale(1.15);filter:drop-shadow(0 4px 12px rgba(255,255,255,.3)) drop-shadow(0 0 20px rgba(91,143,168,.8));animation:activeIconPulse 2s ease-in-out infinite}@keyframes activeIconPulse{0%,to{transform:scale(1.15)}50%{transform:scale(1.2)}}.transport-yard-content{flex:1;padding:1rem;background:linear-gradient(135deg,#00000080,#000000b3);border:2px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:inset 0 2px 8px #0006;overflow-y:auto}.transport-yard-content::-webkit-scrollbar{width:8px}.transport-yard-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.transport-yard-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5b8fa8,#3d6a7f);border-radius:4px}.transport-yard-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7ab3cc,#5b8fa8)}.transport-yard-vehicle-building{display:flex;flex-direction:column;gap:1.5rem}.vehicle-build-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#5b8fa84d,#1e3c5080);border:2px solid rgba(91,143,168,.4);border-radius:12px}.vehicle-build-icon img{width:80px;height:80px;object-fit:contain;border-radius:8px;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0009}.vehicle-build-info{flex:1}.vehicle-build-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 .25rem;text-shadow:0 2px 6px rgba(0,0,0,.8)}.vehicle-build-subtitle{font-size:.9rem;color:#ffffffb3;margin:0}.vehicle-parts-progress{padding:1rem 1.25rem;background:linear-gradient(to bottom,rgba(255,255,255,.02) 0%,transparent 50%),linear-gradient(135deg,#14191ee6,#0a0f14f2);border-radius:10px;border:2px solid rgba(91,143,168,.25);box-shadow:0 4px 12px #0009,inset 0 1px #ffffff0d,inset 0 -1px #0000004d}.progress-label{font-size:.9rem;color:#7ab3cc;margin-bottom:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 10px rgba(91,143,168,.2)}.progress-bar{height:16px;background:linear-gradient(180deg,#0009,#000c);border-radius:8px;overflow:hidden;border:2px solid rgba(0,0,0,.5);box-shadow:inset 0 3px 6px #000000b3,inset 0 1px #000c;position:relative}.progress-fill{height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.25) 0%,transparent 50%,rgba(0,0,0,.2) 100%),linear-gradient(90deg,#4caf50,#66bb6a,#81c784,#8bc34a,#aed581,#cddc39,#d4e157 90%,#ffeb3b);border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #8bc34a99,inset 0 1px #ffffff4d,inset 0 -1px #0003;position:relative;will-change:width;transform:translateZ(0)}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShine 3s ease-in-out infinite;pointer-events:none}@keyframes progressShine{0%{left:-100%}to{left:200%}}.vehicle-parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.25rem;padding:.5rem}.vehicle-part-card{background:linear-gradient(to bottom,rgba(91,143,168,.08) 0%,transparent 15%),linear-gradient(135deg,#2d323cf2,#1e232dfa,#141923fc),#1a1f2a;border:3px solid rgba(91,143,168,.25);border-radius:14px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #000000b3,0 4px 10px #00000080,inset 0 2px #ffffff0d,inset 0 -1px #0006;position:relative;will-change:transform,box-shadow;transform:translateZ(0)}.vehicle-part-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(91,143,168,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.vehicle-part-card:hover:after{width:250%;height:250%;opacity:1}.vehicle-part-card:hover{transform:translateY(-6px) translateZ(0);border-color:#5b8fa8b3;box-shadow:0 0 40px #5b8fa866,0 12px 30px #000c,0 6px 15px #0009,inset 0 3px #ffffff1a,inset 0 -1px #0006}.vehicle-part-card.complete{border-color:#4caf50;background:linear-gradient(to bottom,rgba(76,175,80,.15) 0%,transparent 30%),linear-gradient(135deg,#2d3c32f2,#1e2d23fa,#142319fc),#1a2a1f;box-shadow:0 0 30px #4caf5066,0 8px 20px #000000b3,inset 0 2px #4caf504d,inset 0 -1px #0006;animation:completeCardGlow 3s ease-in-out infinite}@keyframes completeCardGlow{0%,to{box-shadow:0 0 30px #4caf5066,0 8px 20px #000000b3,inset 0 2px #4caf504d,inset 0 -1px #0006}50%{box-shadow:0 0 45px #4caf5099,0 8px 20px #000000b3,inset 0 2px #4caf5066,inset 0 -1px #0006}}.vehicle-part-card.building{border-color:#ff9800;background:linear-gradient(to bottom,rgba(255,152,0,.15) 0%,transparent 30%),linear-gradient(135deg,#3c322df2,#2d231efa,#231914fc),#2a1f1a;animation:partBuildingPulse 2s ease-in-out infinite}@keyframes partBuildingPulse{0%,to{box-shadow:0 0 25px #ff980066,0 8px 20px #000000b3,inset 0 2px #ff980033,inset 0 -1px #0006}50%{box-shadow:0 0 45px #ff9800b3,0 8px 20px #000000b3,inset 0 2px #ff98004d,inset 0 -1px #0006}}.vehicle-part-card.ready{border-color:#00bcd4;background:linear-gradient(to bottom,rgba(0,188,212,.15) 0%,transparent 30%),linear-gradient(135deg,#2d373cf2,#1e282dfa,#141e23fc),#1a2530;animation:partReadyPulse 1.5s ease-in-out infinite}@keyframes partReadyPulse{0%,to{box-shadow:0 0 30px #00bcd480,0 8px 20px #000000b3,inset 0 2px #00bcd44d,inset 0 -1px #0006}50%{box-shadow:0 0 50px #00bcd4cc,0 8px 20px #000000b3,inset 0 2px #00bcd466,inset 0 -1px #0006}}.part-card-header{padding:1rem 1.25rem;background:linear-gradient(to bottom,rgba(173,216,230,.12) 0%,transparent 50%),linear-gradient(135deg,#5b8fa880,#3a5a6999,#2a414eb3),#2a414eb3;border-bottom:2px solid rgba(91,143,168,.3);display:flex;align-items:center;gap:.85rem;position:relative;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000004d;z-index:1}.part-number{background:linear-gradient(to bottom,rgba(255,255,255,.05) 0%,transparent 50%),linear-gradient(135deg,#141419e6,#0a0a0ff2);padding:.35rem .7rem;border-radius:6px;border:2px solid rgba(91,143,168,.4);font-size:.75rem;font-weight:800;color:#7ab3cc;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 6px #0009,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 10px rgba(91,143,168,.3)}.part-name{flex:1;font-size:1.1rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 3px 6px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.7),0 0 15px rgba(91,143,168,.2)}.part-card-image-container{flex-shrink:0;width:56px;height:56px;background:linear-gradient(135deg,#0f0f14f2,#05050afa);border:2px solid rgba(91,143,168,.5);border-radius:10px;padding:6px;box-shadow:0 4px 10px #000000b3,0 0 15px #5b8fa826,inset 0 1px #ffffff14,inset 0 -1px #0006;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.part-card-image-container:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(91,143,168,.4) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:0}.vehicle-part-card:hover .part-card-image-container:before{width:150%;height:150%;opacity:1}.vehicle-part-card:hover .part-card-image-container{border-color:#5b8fa8cc;box-shadow:0 6px 15px #000c,0 0 25px #5b8fa859,inset 0 1px #ffffff1f,inset 0 -1px #0006}.part-card-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.vehicle-part-card:hover .part-card-image{transform:scale(1.08);filter:drop-shadow(0 3px 6px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(91,143,168,.3))}.vehicle-part-card.complete .part-card-image-container{border-color:#4caf50b3;box-shadow:0 4px 10px #000000b3,0 0 20px #4caf5059,inset 0 1px #4caf5033,inset 0 -1px #0006}.vehicle-part-card.complete .part-card-image-container:before{background:radial-gradient(circle,rgba(76,175,80,.3) 0%,transparent 70%);width:120%;height:120%;opacity:1}.vehicle-part-card.complete .part-card-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(76,175,80,.4))}.vehicle-part-card.building .part-card-image-container{border-color:#ff9800b3;animation:partImageBuildingPulse 2s ease-in-out infinite}@keyframes partImageBuildingPulse{0%,to{box-shadow:0 4px 10px #000000b3,0 0 15px #ff98004d,inset 0 1px #ff980026,inset 0 -1px #0006}50%{box-shadow:0 4px 10px #000000b3,0 0 30px #ff980099,inset 0 1px #ff980040,inset 0 -1px #0006}}.vehicle-part-card.building .part-card-image-container:before{background:radial-gradient(circle,rgba(255,152,0,.3) 0%,transparent 70%);width:120%;height:120%;opacity:1}.vehicle-part-card.building .part-card-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(255,152,0,.5));animation:partImageBuildingBounce 2s ease-in-out infinite}@keyframes partImageBuildingBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02)}}.vehicle-part-card.ready .part-card-image-container{border-color:#00bcd4cc;animation:partImageReadyPulse 1.5s ease-in-out infinite}@keyframes partImageReadyPulse{0%,to{box-shadow:0 4px 10px #000000b3,0 0 20px #00bcd466,inset 0 1px #00bcd433,inset 0 -1px #0006}50%{box-shadow:0 4px 10px #000000b3,0 0 35px #00bcd4b3,inset 0 1px #00bcd44d,inset 0 -1px #0006}}.vehicle-part-card.ready .part-card-image-container:before{background:radial-gradient(circle,rgba(0,188,212,.35) 0%,transparent 70%);width:130%;height:130%;opacity:1}.vehicle-part-card.ready .part-card-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 10px rgba(0,188,212,.5));animation:partImageReadyFloat 1.5s ease-in-out infinite}@keyframes partImageReadyFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.05)}}.part-card-header-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.part-card-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.part-complete-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;background:linear-gradient(135deg,#4caf5033,#2e7d324d);border-radius:8px;color:#4caf50;font-size:1.1rem;font-weight:700}.complete-checkmark{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.part-ready-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem}.part-ready-text{font-size:1rem;font-weight:700;color:#00bcd4;text-shadow:0 0 10px rgba(0,188,212,.5);animation:readyTextPulse 1.5s ease-in-out infinite}@keyframes readyTextPulse{0%,to{opacity:1}50%{opacity:.7}}.part-claim-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(to bottom,rgba(255,255,255,.12) 0%,transparent 50%),linear-gradient(135deg,#00bcd4,#00acc1 30%,#0097a7 70%,#00838f);border:3px solid #26C6DA;border-radius:10px;color:#fff;font-size:1rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.5px;min-height:50px;box-shadow:0 0 25px #00bcd480,0 6px 15px #0009,inset 0 2px #ffffff40,inset 0 -1px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6);position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0);animation:claimButtonPulse 2s ease-in-out infinite}@keyframes claimButtonPulse{0%,to{box-shadow:0 0 25px #00bcd480,0 6px 15px #0009,inset 0 2px #ffffff40,inset 0 -1px #0000004d}50%{box-shadow:0 0 40px #00bcd4cc,0 6px 15px #0009,inset 0 2px #ffffff4d,inset 0 -1px #0000004d}}.part-claim-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.part-claim-btn:hover:before{left:100%}.part-claim-btn:hover{background:linear-gradient(to bottom,rgba(255,255,255,.18) 0%,transparent 50%),linear-gradient(135deg,#26c6da,#00bcd4 30%,#00acc1 70%,#0097a7);border-color:#4dd0e1;transform:translateY(-3px) translateZ(0);box-shadow:0 0 45px #00bcd4e6,0 10px 25px #000000b3,inset 0 2px #ffffff59,inset 0 -1px #0000004d}.part-claim-btn:active{transform:translateY(-2px) scale(1.01)}.part-building-status{display:flex;flex-direction:column;gap:.75rem}.building-timer{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.85rem 1rem;background:linear-gradient(to bottom,rgba(255,152,0,.08) 0%,transparent 50%),linear-gradient(135deg,#ff980033,#e6880040);border-radius:10px;border:2px solid rgba(255,152,0,.4);box-shadow:0 4px 12px #00000080,0 0 20px #ff980033,inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.timer-icon{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));animation:timerIconPulse 2s ease-in-out infinite}@keyframes timerIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.building-timer .timer-icon-img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));animation:timerIconPulse 2s ease-in-out infinite;flex-shrink:0}.timer-value{font-size:1.2rem;font-weight:800;color:#ff9800;font-family:Courier New,monospace;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(255,152,0,.5);animation:timerValueGlow 2s ease-in-out infinite}@keyframes timerValueGlow{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(255,152,0,.5)}50%{text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 25px rgba(255,152,0,.8)}}.building-progress-bar{height:12px;background:linear-gradient(180deg,#000000b3,#000000e6);border-radius:6px;overflow:hidden;border:2px solid rgba(0,0,0,.6);box-shadow:inset 0 2px 4px #000c,inset 0 1px #000000e6;position:relative}.building-progress-fill{height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.25) 0%,transparent 50%,rgba(0,0,0,.2) 100%),linear-gradient(90deg,#ff9800,#ffa726,#ffb74d,#ffc107,#ffd54f,#ffeb3b);border-radius:4px;transition:width 1s linear;box-shadow:0 0 15px #ff9800b3,inset 0 1px #ffffff4d,inset 0 -1px #0003;position:relative;will-change:width}.building-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:progressShine 2.5s ease-in-out infinite;pointer-events:none}.part-cancel-btn{padding:.65rem 1.25rem;background:linear-gradient(to bottom,rgba(255,255,255,.05) 0%,transparent 50%),linear-gradient(135deg,#b43232b3,#962828cc,#781e1ee6);border:2px solid rgba(180,50,50,.6);border-radius:8px;color:#ffffffd9;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;box-shadow:0 3px 10px #00000080,inset 0 1px #ffffff14,inset 0 -1px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.8);position:relative;overflow:hidden;will-change:transform,box-shadow}.part-cancel-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transition:left .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.part-cancel-btn:hover:before{left:100%}.part-cancel-btn:hover{background:linear-gradient(to bottom,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(135deg,#dc4646cc,#b43232e6,#962828f2);border-color:#dc4646cc;color:#fff;transform:translateY(-2px);box-shadow:0 0 20px #b4323280,0 5px 15px #0009,inset 0 1px #ffffff1f,inset 0 -1px #0000004d}.part-cancel-btn:active{transform:translateY(-1px)}.part-requirements{display:flex;flex-direction:column;gap:.6rem}.requirement-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;background:linear-gradient(to right,rgba(255,255,255,.02) 0%,transparent 50%),linear-gradient(135deg,#1e2328cc,#14191ee6);border-radius:8px;font-size:.88rem;box-shadow:0 2px 6px #0006,inset 0 1px #ffffff08;transition:all .2s cubic-bezier(.4,0,.2,1)}.requirement-row.have{border-left:4px solid #4CAF50;background:linear-gradient(to right,rgba(76,175,80,.08) 0%,transparent 50%),linear-gradient(135deg,#1e2823cc,#141e19e6);box-shadow:0 2px 6px #0006,0 0 10px #4caf5026,inset 0 1px #4caf501a}.requirement-row.missing{border-left:4px solid #f44336;background:linear-gradient(to right,rgba(244,67,54,.08) 0%,transparent 50%),linear-gradient(135deg,#281e1ecc,#1e1414e6);box-shadow:0 2px 6px #0006,0 0 10px #f443361a,inset 0 1px #f443360d}.requirement-row.time{border-left:4px solid #7ab3cc;background:linear-gradient(to right,rgba(91,143,168,.06) 0%,transparent 50%),linear-gradient(135deg,#1e2328cc,#191e23e6);color:#ffffffb3}.requirement-row:hover{transform:translate(3px);box-shadow:0 3px 10px #00000080,inset 0 1px #ffffff0d}.req-icon{font-size:1.1rem;margin-right:.5rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.req-icon-img{width:24px;height:24px;margin-right:.5rem;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.requirement-row:hover .req-icon-img{transform:scale(1.1);filter:drop-shadow(0 3px 6px rgba(0,0,0,.9))}.req-name{flex:1;color:#fffffff2;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.req-value{font-weight:800;color:#fff;font-family:Courier New,monospace;text-shadow:0 1px 2px rgba(0,0,0,.9)}.requirement-row.have .req-value{color:#4caf50;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(76,175,80,.3)}.requirement-row.missing .req-value{color:#f44336;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(244,67,54,.3)}.part-build-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(to bottom,rgba(255,255,255,.1) 0%,transparent 50%),linear-gradient(135deg,#4caf50,#43a047 30%,#388e3c 70%,#2e7d32);border:3px solid #43A047;border-radius:10px;color:#fff;font-size:1rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.5px;margin-top:.75rem;min-height:50px;box-shadow:0 0 20px #4caf504d,0 6px 15px #0009,inset 0 2px #fff3,inset 0 -1px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6);position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.part-build-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transition:left .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.part-build-btn:hover:not(:disabled):before{left:100%}.part-build-btn:hover:not(:disabled){background:linear-gradient(to bottom,rgba(255,255,255,.15) 0%,transparent 50%),linear-gradient(135deg,#66bb6a,#4caf50 30%,#43a047 70%,#388e3c);border-color:#66bb6a;transform:translateY(-3px) translateZ(0);box-shadow:0 0 35px #4caf5099,0 10px 25px #000000b3,inset 0 2px #ffffff4d,inset 0 -1px #0000004d}.part-build-btn:active:not(:disabled){transform:translateY(-2px) scale(1.01)}.part-build-btn:disabled{background:linear-gradient(to bottom,rgba(255,255,255,.03) 0%,transparent 50%),linear-gradient(135deg,#616161,#4a4a4a 30%,#424242 70%,#333);border-color:#4a4a4a;cursor:not-allowed;opacity:.6;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff0d}.part-build-btn:disabled:before{display:none}.vehicle-assembly-section{padding:1.5rem 1.75rem;background:linear-gradient(to bottom,rgba(255,215,0,.03) 0%,transparent 20%),linear-gradient(135deg,#23232df2,#191923fa,#0f0f19fc);border:3px solid rgba(255,215,0,.25);border-radius:14px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #000000b3,inset 0 2px #ffffff0d,inset 0 -1px #0006;position:relative;overflow:hidden;will-change:transform,box-shadow}.vehicle-assembly-section.locked{opacity:.5;filter:grayscale(.7);border-color:#6464644d}.vehicle-assembly-section.ready{border-color:gold;background:linear-gradient(to bottom,rgba(255,215,0,.12) 0%,transparent 25%),linear-gradient(135deg,#3c321ef2,#2d2819fa,#1e190ffc);box-shadow:0 0 50px #ffd70080,0 10px 30px #000c,0 5px 15px #0009,inset 0 3px #ffd7004d,inset 0 -1px #0006;animation:assemblyReadyGlow 3s ease-in-out infinite}@keyframes assemblyReadyGlow{0%,to{box-shadow:0 0 50px #ffd70080,0 10px 30px #000c,0 5px 15px #0009,inset 0 3px #ffd7004d,inset 0 -1px #0006}50%{box-shadow:0 0 70px #ffd700b3,0 10px 30px #000c,0 5px 15px #0009,inset 0 3px #ffd70066,inset 0 -1px #0006}}.vehicle-assembly-section.ready:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.1) 50%,transparent 100%);animation:assemblyGoldenSweep 4s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes assemblyGoldenSweep{0%{left:-100%}to{left:200%}}.vehicle-assembly-section>*{position:relative;z-index:1}.assembly-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.assembly-title{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:700;color:gold;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.8)}.assembly-title-icon{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.9)) drop-shadow(0 0 15px rgba(255,215,0,.3));animation:assemblyIconFloat 3s ease-in-out infinite;flex-shrink:0}@keyframes assemblyIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(3deg)}}.assembly-locked-text{font-size:.85rem;color:#ffffff80;font-style:italic}.assembly-content{padding-top:.5rem}.assembly-ready-claim{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#ffd7001a,#c8aa0033);border-radius:8px;border:1px solid rgba(255,215,0,.3)}.assembly-ready-text{font-size:1.2rem;font-weight:700;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5)}.assembly-claim-btn{padding:1.25rem 2.5rem;background:linear-gradient(to bottom,rgba(255,255,255,.3) 0%,transparent 50%,rgba(0,0,0,.2) 100%),linear-gradient(135deg,gold,#ffc107,#ffb300,#ffa000,#ff8f00,#ff6f00);border:4px solid #FFC107;border-radius:12px;color:#000;font-size:1.2rem;font-weight:900;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:3px;min-height:60px;box-shadow:0 0 40px #ffd70099,0 8px 25px #000000b3,inset 0 3px #fff6,inset 0 -2px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0);animation:assemblyClaimPulse 2s ease-in-out infinite}@keyframes assemblyClaimPulse{0%,to{box-shadow:0 0 40px #ffd70099,0 8px 25px #000000b3,inset 0 3px #fff6,inset 0 -2px #0000004d}50%{box-shadow:0 0 60px #ffd700e6,0 8px 25px #000000b3,inset 0 3px #ffffff80,inset 0 -2px #0000004d}}.assembly-claim-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:assemblyClaimGlare 3s ease-in-out infinite;pointer-events:none}@keyframes assemblyClaimGlare{0%{left:-100%}to{left:200%}}.assembly-claim-btn:hover{background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,transparent 50%,rgba(0,0,0,.2) 100%),linear-gradient(135deg,#ffe082,gold,#ffc107,#ffb300,#ffa000,#ff8f00);border-color:#ffe082;transform:translateY(-4px) translateZ(0);box-shadow:0 0 70px gold,0 12px 35px #000c,inset 0 4px #ffffff80,inset 0 -2px #0000004d}.assembly-claim-btn:active{transform:translateY(-3px) scale(1.03)}.assembly-in-progress{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#0000004d;border-radius:8px}.assembly-timer{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:1rem 1.25rem;font-size:1.4rem;font-weight:900;color:gold;background:linear-gradient(to bottom,rgba(255,215,0,.08) 0%,transparent 50%),linear-gradient(135deg,#3c321e99,#2d2819b3);border-radius:12px;border:3px solid rgba(255,215,0,.4);box-shadow:0 0 30px #ffd7004d,0 6px 15px #0009,inset 0 2px #ffd70033,inset 0 -1px #0000004d;font-family:Courier New,monospace;text-shadow:0 3px 6px rgba(0,0,0,.95),0 0 25px rgba(255,215,0,.6);animation:assemblyTimerPulse 2s ease-in-out infinite}@keyframes assemblyTimerPulse{0%,to{box-shadow:0 0 30px #ffd7004d,0 6px 15px #0009,inset 0 2px #ffd70033,inset 0 -1px #0000004d}50%{box-shadow:0 0 45px #ffd70080,0 6px 15px #0009,inset 0 2px #ffd7004d,inset 0 -1px #0000004d}}.assembly-timer .timer-icon{font-size:1.5rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.9));animation:assemblyTimerIconSpin 3s ease-in-out infinite}.timer-icon-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.9));animation:assemblyTimerIconSpin 3s ease-in-out infinite;flex-shrink:0}@keyframes assemblyTimerIconSpin{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(15deg) scale(1.1)}}.assembly-progress-bar{height:16px;background:linear-gradient(180deg,#000c,#000000f2);border-radius:8px;overflow:hidden;border:3px solid rgba(255,215,0,.4);box-shadow:inset 0 3px 8px #000000e6,inset 0 1px #000000f2,0 0 20px #ffd70033;position:relative}.assembly-progress-fill{height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.3) 0%,transparent 50%,rgba(0,0,0,.25) 100%),linear-gradient(90deg,gold,#ffe082,#ffc107,#ffd54f,#ffb300,#ffca28,#ffa000,#ffb74d,#ff8f00,#ffa726,#ff6f00);border-radius:6px;transition:width 1s linear;box-shadow:0 0 30px #ffd700cc,inset 0 2px #fff6,inset 0 -1px #0000004d;position:relative;will-change:width}.assembly-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:assemblyProgressShine 2s ease-in-out infinite;pointer-events:none}@keyframes assemblyProgressShine{0%{left:-100%}to{left:200%}}.assembly-start{display:flex;flex-direction:column;gap:1rem}.assembly-requirements{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.assembly-req{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0006;border-radius:6px;color:#ffffffe6;font-size:.9rem;font-weight:600}.assembly-req.have{border-left:3px solid #4CAF50;background:linear-gradient(to right,#4caf5026,#0006);color:#4caf50}.assembly-req.missing{border-left:3px solid #f44336;background:linear-gradient(to right,#f4433626,#0006);color:#f44336}.assembly-req.time{border-left:3px solid #64B5F6;background:linear-gradient(to right,#64b5f61a,#0006);color:#ffffffe6}.assembly-req-count{font-weight:700;margin-left:.25rem}.assembly-req-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));flex-shrink:0}.assembly-start-btn{padding:1.1rem 2rem;background:linear-gradient(to bottom,rgba(255,255,255,.12) 0%,transparent 50%),linear-gradient(135deg,#4caf50,#43a047,#388e3c,#2e7d32,#1b5e20);border:3px solid #43A047;border-radius:10px;color:#fff;font-size:1.05rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:2px;min-height:56px;box-shadow:0 0 30px #4caf5066,0 8px 20px #000000b3,inset 0 3px #ffffff40,inset 0 -2px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6);position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.assembly-start-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.assembly-start-btn:hover:not(:disabled):before{left:100%}.assembly-start-btn:hover:not(:disabled){background:linear-gradient(to bottom,rgba(255,255,255,.18) 0%,transparent 50%),linear-gradient(135deg,#66bb6a,#4caf50,#43a047,#388e3c,#2e7d32);border-color:#66bb6a;transform:translateY(-3px) translateZ(0);box-shadow:0 0 45px #4caf50b3,0 12px 30px #000c,inset 0 3px #ffffff59,inset 0 -2px #0000004d}.assembly-start-btn:active:not(:disabled){transform:translateY(-2px) scale(1.01)}.assembly-start-btn:disabled{background:linear-gradient(to bottom,rgba(255,255,255,.03) 0%,transparent 50%),linear-gradient(135deg,#616161,#4a4a4a,#424242,#333,#262626);border-color:#4a4a4a;cursor:not-allowed;opacity:.6;box-shadow:0 3px 10px #00000080,inset 0 1px #ffffff0d}.assembly-start-btn:disabled:before{display:none}.transport-yard-vehicle-complete{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 2rem;text-align:center;background:radial-gradient(ellipse at 50% 30%,rgba(255,215,0,.08) 0%,transparent 60%),linear-gradient(180deg,#1e1e2880,#0f0f14cc);border-radius:14px;position:relative;overflow:hidden}.transport-yard-vehicle-complete:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,215,0,.1) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(255,215,0,.1) 0%,transparent 30%);animation:victoryGlow 4s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes victoryGlow{0%,to{opacity:.5}50%{opacity:1}}.transport-yard-vehicle-complete>*{position:relative;z-index:1}.vehicle-complete-icon{position:relative;padding:2rem}.vehicle-complete-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;border:3px solid rgba(255,215,0,.3);border-radius:50%;box-shadow:0 0 40px #ffd70066,inset 0 0 30px #ffd70033;animation:victoryRingPulse 3s ease-in-out infinite}@keyframes victoryRingPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.vehicle-complete-image{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(255,215,0,.7)) drop-shadow(0 5px 15px rgba(255,215,0,.5));animation:vehicleFloat 4s ease-in-out infinite;position:relative;z-index:2}@keyframes vehicleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.vehicle-complete-title{font-size:2.5rem;font-weight:900;color:gold;margin:0;text-transform:uppercase;letter-spacing:3px;text-shadow:0 6px 15px rgba(0,0,0,.95),0 3px 8px rgba(0,0,0,.8),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.6),0 2px 0 rgba(255,255,255,.2);animation:victoryTitleGlow 3s ease-in-out infinite}@keyframes victoryTitleGlow{0%,to{text-shadow:0 6px 15px rgba(0,0,0,.95),0 3px 8px rgba(0,0,0,.8),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.6),0 2px 0 rgba(255,255,255,.2)}50%{text-shadow:0 6px 15px rgba(0,0,0,.95),0 3px 8px rgba(0,0,0,.8),0 0 60px rgba(255,215,0,1),0 0 80px rgba(255,215,0,.8),0 2px 0 rgba(255,255,255,.3)}}.vehicle-complete-description{font-size:1.1rem;color:#ffffffd9;max-width:550px;line-height:1.7;text-shadow:0 2px 4px rgba(0,0,0,.8)}.vehicle-complete-unlocks{padding:1.5rem 2rem;background:linear-gradient(to bottom,rgba(76,175,80,.15) 0%,transparent 50%),linear-gradient(135deg,#4caf5040,#388e3c4d,#2e7d3259);border:3px solid rgba(76,175,80,.6);border-radius:14px;max-width:500px;box-shadow:0 0 30px #4caf504d,0 8px 20px #0009,inset 0 2px #4caf504d,inset 0 -1px #0000004d}.unlocks-header{font-size:1.1rem;font-weight:700;color:#4caf50;margin-bottom:.75rem}.unlocks-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.unlock-tag{padding:.4rem .8rem;background:#4caf504d;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600}.transport-yard-coming-soon{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;text-align:center;background:radial-gradient(ellipse at 50% 30%,rgba(91,143,168,.1) 0%,transparent 60%),linear-gradient(180deg,#1e232d99,#0f1419e6);border-radius:14px;position:relative;overflow:hidden}.transport-yard-coming-soon:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(91,143,168,.08) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(255,215,0,.05) 0%,transparent 40%);animation:comingSoonGlow 6s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes comingSoonGlow{0%,to{opacity:.3}50%{opacity:.7}}.transport-yard-coming-soon>*{position:relative;z-index:1}.coming-soon-icon{font-size:5rem;filter:drop-shadow(0 6px 15px rgba(0,0,0,.8)) drop-shadow(0 3px 8px rgba(0,0,0,.6));animation:comingSoonIconFloat 4s ease-in-out infinite}@keyframes comingSoonIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(5deg)}}.coming-soon-title{font-size:2.5rem;font-weight:900;color:#fff;margin:0;text-transform:uppercase;letter-spacing:3px;text-shadow:0 6px 15px rgba(0,0,0,.95),0 3px 8px rgba(0,0,0,.8),0 0 30px rgba(91,143,168,.3)}.coming-soon-subtitle{font-size:1.6rem;font-weight:800;color:gold;margin:0;text-transform:uppercase;letter-spacing:2px;text-shadow:0 3px 8px rgba(0,0,0,.9),0 0 25px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.4);animation:comingSoonSubtitlePulse 2.5s ease-in-out infinite}@keyframes comingSoonSubtitlePulse{0%,to{text-shadow:0 3px 8px rgba(0,0,0,.9),0 0 25px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.4)}50%{text-shadow:0 3px 8px rgba(0,0,0,.9),0 0 35px rgba(255,215,0,.8),0 0 50px rgba(255,215,0,.6)}}.coming-soon-description{font-size:1.1rem;color:#ffffffbf;max-width:500px;line-height:1.7;text-shadow:0 2px 4px rgba(0,0,0,.8)}.coming-soon-features{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.feature-item{padding:.75rem 1.25rem;background:linear-gradient(to bottom,rgba(255,255,255,.05) 0%,transparent 50%),linear-gradient(135deg,#5b8fa866,#3a5a6980,#2a414e99);border:2px solid rgba(91,143,168,.5);border-radius:24px;color:#fff;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #00000080,0 0 15px #5b8fa833,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;will-change:transform,box-shadow}.feature-item:hover{transform:translateY(-3px) scale(1.05);border-color:#5b8fa8cc;box-shadow:0 6px 18px #0009,0 0 25px #5b8fa866,inset 0 1px #ffffff26,inset 0 -1px #0000004d}.transport-yard-loading,.transport-yard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:5rem 2rem;text-align:center;min-height:500px;background:radial-gradient(ellipse at 50% 40%,rgba(91,143,168,.08) 0%,transparent 60%),linear-gradient(180deg,#191e2899,#0f1419e6);border-radius:14px}.loading-spinner{width:70px;height:70px;border:5px solid rgba(91,143,168,.2);border-top-color:#5b8fa8;border-bottom-color:#5b8fa8;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 0 30px #5b8fa84d,inset 0 0 20px #5b8fa81a;position:relative}.loading-spinner:after{content:"";position:absolute;inset:8px;border:3px solid transparent;border-top-color:#5b8fa866;border-radius:50%;animation:spin .8s cubic-bezier(.5,0,.5,1) infinite reverse}.transport-yard-loading p,.transport-yard-error p{font-size:1.2rem;color:#fffc;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:.5px}.transport-yard-error button{padding:1rem 2rem;background:linear-gradient(to bottom,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(135deg,#5b8fa8,#4a7d94 30%,#3d6a7f 70%,#2f5669);border:3px solid #5b8fa8;border-radius:10px;color:#fff;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:54px;box-shadow:0 0 25px #5b8fa84d,0 6px 15px #0009,inset 0 2px #fff3,inset 0 -1px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.8);position:relative;overflow:hidden;will-change:transform,box-shadow}.transport-yard-error button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.transport-yard-error button:hover:before{left:100%}.transport-yard-error button:hover{background:linear-gradient(to bottom,rgba(255,255,255,.12) 0%,transparent 50%),linear-gradient(135deg,#7ab3cc,#5b8fa8 30%,#4a7d94 70%,#3d6a7f);border-color:#7ab3cc;transform:translateY(-4px) scale(1.02);box-shadow:0 0 35px #5b8fa880,0 10px 25px #000000b3,inset 0 2px #ffffff4d,inset 0 -1px #0000004d}.transport-yard-error button:active{transform:translateY(-2px) scale(1.01)}@media (min-width: 1600px){.transport-yard-page{max-width:2000px;margin-left:auto;margin-right:auto;padding:2rem;gap:1.75rem}.transport-yard-title{font-size:2.5rem;letter-spacing:5px}.transport-yard-title-image{width:75px;height:75px}.transport-yard-tab{padding:1.25rem 1.5rem;font-size:1.05rem}.transport-yard-tab .tab-icon{width:38px;height:38px}.vehicle-parts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.part-name{font-size:1.2rem}.part-card-image-container{width:64px;height:64px;padding:7px}.vehicle-complete-image{width:220px;height:220px}.vehicle-complete-title,.coming-soon-title{font-size:3rem}.coming-soon-icon{font-size:6rem}}@media (min-width: 1200px) and (max-width: 1599px){.vehicle-parts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width: 900px) and (max-width: 1199px){.transport-yard-page{padding:1.25rem;gap:1.25rem}.transport-yard-title{font-size:1.75rem;letter-spacing:2.5px}.transport-yard-title-image{width:50px;height:50px}.transport-yard-tab{padding:.9rem 1.1rem;font-size:.88rem;letter-spacing:1.2px}.transport-yard-tab .tab-icon{width:30px;height:30px}.vehicle-parts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.15rem}.vehicle-build-icon img{width:70px;height:70px}.vehicle-build-title{font-size:1.3rem}.part-name{font-size:1.05rem}.vehicle-complete-image{width:160px;height:160px}.vehicle-complete-title,.coming-soon-title{font-size:2.2rem}.coming-soon-icon{font-size:4.5rem}.part-card-image-container{width:52px;height:52px;padding:5px}}@media (min-width: 600px) and (max-width: 899px){.transport-yard-page{padding:1rem;gap:1rem}.transport-yard-header{padding:1rem 1.25rem}.transport-yard-title{font-size:1.5rem;letter-spacing:2px}.transport-yard-title-image{width:45px;height:45px}.transport-yard-tabs{gap:.5rem;padding:.65rem}.transport-yard-tab{flex:1 1 calc(50% - .25rem);font-size:.85rem;padding:.85rem .9rem;letter-spacing:1px;min-height:50px}.transport-yard-tab .tab-icon{width:28px;height:28px}.vehicle-parts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.vehicle-build-icon img{width:65px;height:65px}.vehicle-build-title{font-size:1.15rem}.part-card-header{padding:.85rem 1rem}.part-name{font-size:1rem}.part-build-btn,.part-claim-btn,.assembly-start-btn{padding:.9rem 1.3rem;font-size:.95rem;min-height:48px}.assembly-claim-btn{padding:1.1rem 2rem;font-size:1.1rem;min-height:56px}.vehicle-complete-image{width:150px;height:150px}.vehicle-complete-title,.coming-soon-title{font-size:2rem}.coming-soon-icon{font-size:4rem}.part-card-image-container{width:50px;height:50px;padding:5px}}@media (max-width: 600px){.transport-yard-page{padding:.85rem;margin:-.85rem;gap:1rem}.transport-yard-header{padding:.85rem 1.1rem;border-width:2px;gap:.65rem}.transport-yard-title{font-size:1.35rem;letter-spacing:2px}.transport-yard-title-image{width:38px;height:38px}.transport-yard-back-btn{padding:.6rem 1rem;font-size:.85rem;min-height:44px;min-width:44px}.transport-yard-tabs{padding:.5rem;gap:.5rem;border-width:2px}.transport-yard-tab{flex:1 1 100%;font-size:.88rem;padding:.75rem .9rem;flex-direction:row;justify-content:flex-start;gap:.85rem;letter-spacing:1px;min-height:50px}.transport-yard-tab span:not(.tab-icon){text-align:left;flex:1}.transport-yard-tab .tab-icon{width:28px;height:28px}.transport-yard-content{padding:.85rem;border-width:2px}.vehicle-parts-grid{grid-template-columns:1fr;gap:1rem}.vehicle-build-header{flex-direction:column;align-items:center;text-align:center;padding:.85rem 1rem;gap:.85rem}.vehicle-build-icon img{width:75px;height:75px}.vehicle-build-title{font-size:1.2rem;letter-spacing:1px}.vehicle-build-subtitle{font-size:.9rem}.vehicle-parts-progress{padding:.85rem 1rem}.progress-label{font-size:.85rem}.progress-bar{height:14px}.part-card-header{padding:.85rem 1rem}.part-number{font-size:.7rem;padding:.3rem .6rem}.part-name{font-size:.95rem}.part-card-content{padding:.85rem 1rem}.part-build-btn,.part-claim-btn{padding:.85rem 1.25rem;font-size:.9rem;letter-spacing:1.2px;min-height:50px}.part-cancel-btn{padding:.6rem 1.1rem;font-size:.8rem;min-height:44px}.vehicle-assembly-section{padding:1.25rem 1.35rem}.assembly-title{font-size:1.2rem;letter-spacing:1.5px}.assembly-claim-btn{padding:1rem 1.75rem;font-size:1.05rem;letter-spacing:2px;min-height:56px}.assembly-start-btn{padding:.95rem 1.5rem;font-size:.95rem;letter-spacing:1.5px;min-height:52px}.vehicle-complete-image{width:130px;height:130px}.vehicle-complete-title{font-size:1.65rem;letter-spacing:2px}.vehicle-complete-description{font-size:.95rem}.vehicle-complete-unlocks{padding:1.15rem 1.5rem}.coming-soon-icon{font-size:3.5rem}.coming-soon-title{font-size:1.65rem;letter-spacing:2px}.coming-soon-subtitle{font-size:1.2rem}.coming-soon-description{font-size:.95rem}.feature-item{padding:.65rem 1rem;font-size:.85rem}.req-icon-img{width:22px;height:22px}.assembly-title-icon{width:32px;height:32px}.assembly-req-icon{width:19px;height:19px}.timer-icon-img{width:28px;height:28px}.building-timer .timer-icon-img{width:26px;height:26px}.part-card-image-container{width:52px;height:52px;padding:5px;border-radius:8px}.part-card-header-info{gap:.15rem}}@media (max-width: 480px){.transport-yard-page{padding:.65rem;margin:-.65rem;gap:.85rem}.transport-yard-header{padding:.75rem .9rem;gap:.6rem}.transport-yard-back-btn{padding:.55rem .9rem;font-size:.8rem;letter-spacing:.8px;min-height:44px;min-width:44px}.transport-yard-title{font-size:1.15rem;letter-spacing:1.5px}.transport-yard-title-row{gap:.65rem}.transport-yard-title-image{width:35px;height:35px}.transport-yard-tabs{padding:.4rem;gap:.4rem}.transport-yard-tab{font-size:.82rem;padding:.65rem .75rem;gap:.7rem;letter-spacing:.8px;min-height:48px}.transport-yard-tab .tab-icon{width:26px;height:26px}.transport-yard-content{padding:.7rem}.vehicle-build-header{padding:.75rem .85rem}.vehicle-build-icon img{width:70px;height:70px}.vehicle-build-title{font-size:1.1rem}.vehicle-build-subtitle{font-size:.85rem}.vehicle-parts-progress{padding:.75rem .9rem}.progress-bar{height:12px}.part-card-header{padding:.75rem .9rem}.part-number{font-size:.68rem;padding:.28rem .55rem}.part-name{font-size:.9rem}.part-card-content{padding:.75rem .9rem}.part-build-btn,.part-claim-btn{padding:.8rem 1.1rem;font-size:.85rem;letter-spacing:1px;min-height:48px}.part-cancel-btn{padding:.55rem 1rem;font-size:.75rem;min-height:44px}.vehicle-assembly-section{padding:1.1rem 1.2rem}.assembly-title{font-size:1.1rem}.assembly-claim-btn{padding:.9rem 1.5rem;font-size:1rem;letter-spacing:1.5px;min-height:54px}.assembly-start-btn{padding:.85rem 1.3rem;font-size:.9rem;letter-spacing:1.2px;min-height:50px}.vehicle-complete-image{width:110px;height:110px}.vehicle-complete-icon:before{width:180px;height:180px}.vehicle-complete-title{font-size:1.45rem;letter-spacing:1.5px}.vehicle-complete-description{font-size:.9rem}.vehicle-complete-unlocks{padding:1rem 1.25rem}.coming-soon-icon{font-size:3rem}.coming-soon-title{font-size:1.45rem;letter-spacing:1.5px}.coming-soon-subtitle{font-size:1.1rem}.coming-soon-description{font-size:.9rem}.feature-item{padding:.6rem .9rem;font-size:.8rem}.req-icon-img{width:20px;height:20px}.assembly-title-icon{width:30px;height:30px}.assembly-req-icon{width:18px;height:18px}.timer-icon-img,.building-timer .timer-icon-img{width:24px;height:24px}.part-card-image-container{width:48px;height:48px;padding:4px;border-radius:8px}.part-card-header-info{gap:.1rem}.vehicle-part-card.building .part-card-image,.vehicle-part-card.ready .part-card-image{animation:none}}@media (hover: none){.vehicle-part-card:hover,.transport-yard-tab:hover,.transport-yard-back-btn:hover{transform:translateZ(0)}.part-build-btn:hover:not(:disabled),.part-claim-btn:hover,.part-cancel-btn:hover,.assembly-start-btn:hover:not(:disabled),.assembly-claim-btn:hover{transform:translateZ(0)}.feature-item:hover{transform:translateZ(0)}.vehicle-part-card:hover .part-card-image-container:before{width:0;height:0;opacity:0}.vehicle-part-card:hover .part-card-image{transform:none}.transport-yard-tab:active{transform:scale(.97) translateZ(0);transition:transform .1s ease}.transport-yard-back-btn:active{transform:scale(.96) translateZ(0);transition:transform .1s ease}.vehicle-part-card:active{transform:scale(.99) translateZ(0);transition:transform .1s ease}.part-build-btn:active:not(:disabled),.part-claim-btn:active,.part-cancel-btn:active,.assembly-start-btn:active:not(:disabled),.assembly-claim-btn:active{transform:scale(.97) translateZ(0);transition:transform .1s ease}.feature-item:active{transform:scale(.97) translateZ(0);transition:transform .1s ease}.part-build-btn:before,.part-claim-btn:before,.part-cancel-btn:before,.assembly-start-btn:before,.assembly-claim-btn:before,.transport-yard-back-btn:before,.transport-yard-header:before{animation:none}.vehicle-part-card:after,.transport-yard-tab:after{content:"";opacity:0}}.transport-yard-tab,.part-build-btn,.part-claim-btn,.part-cancel-btn,.assembly-start-btn,.assembly-claim-btn,.transport-yard-back-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (prefers-reduced-motion: reduce){.vehicle-part-card,.part-build-btn,.part-claim-btn,.part-cancel-btn,.assembly-start-btn,.assembly-claim-btn,.transport-yard-tab,.transport-yard-back-btn,.progress-fill,.building-progress-fill,.assembly-progress-fill,.vehicle-complete-image,.loading-spinner,.part-card-image,.part-card-image-container{animation:none!important;transition:none!important}.part-build-btn:before,.part-claim-btn:before,.assembly-start-btn:before,.assembly-claim-btn:before{display:none}.vehicle-part-card:hover,.transport-yard-tab:hover,.vehicle-part-card:hover .part-card-image{transform:none}}.progress-fill,.building-progress-fill,.assembly-progress-fill{will-change:width;transform:translateZ(0)}.vehicle-complete-image,.transport-yard-title-image{will-change:transform;transform:translateZ(0)}.transport-yard-tab:focus-visible,.transport-yard-back-btn:focus-visible,.part-build-btn:focus-visible,.part-claim-btn:focus-visible,.part-cancel-btn:focus-visible,.assembly-start-btn:focus-visible,.assembly-claim-btn:focus-visible{outline:3px solid #FFD700;outline-offset:2px}.part-card-header,.part-card-content{position:relative;z-index:1}.vehicle-part-card.building:after{background:radial-gradient(circle,rgba(255,152,0,.3) 0%,transparent 70%)}.vehicle-part-card.ready:after{background:radial-gradient(circle,rgba(0,188,212,.4) 0%,transparent 70%)}.vehicle-part-card.complete:after{background:radial-gradient(circle,rgba(76,175,80,.3) 0%,transparent 70%)}.cargo-tab-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;width:100%;min-height:100%;flex:1;background:radial-gradient(ellipse at top center,rgba(139,90,43,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom center,rgba(60,50,40,.1) 0%,transparent 50%),linear-gradient(180deg,#1a1612,#141210,#100e0c 60%,#0c0a08);border-radius:12px;transform:translateZ(0)}.cargo-tab-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;background:linear-gradient(to bottom,rgba(255,215,0,.08) 0%,transparent 40%),linear-gradient(135deg,#5a4a3a,#4a3a2a,#3a2a1a,#2a1a0a,#1a0a00);border:2px solid rgba(139,90,43,.6);border-radius:16px;padding:1.5rem 2rem;text-align:center;box-shadow:0 0 30px #8b5a2b26,0 8px 24px #0009,0 4px 12px #0006,inset 0 1px #ffd70026,inset 0 -1px #0000004d;position:relative;overflow:hidden;transform:translateZ(0)}.cargo-tab-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.08) 50%,transparent 100%);animation:cargoHeaderGlare 8s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes cargoHeaderGlare{0%{left:-100%}50%{left:100%}to{left:100%}}.cargo-tab-header>*{position:relative;z-index:2}.cargo-tab-icon-container{width:64px;height:64px;background:radial-gradient(circle at center,rgba(255,215,0,.15) 0%,transparent 70%),linear-gradient(135deg,#ffd70033,#8b5a2b4d);border:2px solid rgba(255,215,0,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px #ffd70040,0 4px 12px #00000080,inset 0 1px #ffffff26;flex-shrink:0;transition:all .3s ease}.cargo-tab-header:hover .cargo-tab-icon-container{box-shadow:0 0 35px #ffd70066,0 4px 12px #00000080,inset 0 1px #fff3;border-color:#ffd70099}.cargo-tab-icon{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.cargo-tab-icon-container.cargo-tab-icon-large{width:88px;height:88px;box-shadow:0 0 35px #ffd7004d,0 6px 18px #00000080,inset 0 2px #ffffff26,inset 0 -2px 4px #0003;border-width:3px}.cargo-tab-header:hover .cargo-tab-icon-container.cargo-tab-icon-large{box-shadow:0 0 50px #ffd70073,0 6px 18px #00000080,inset 0 2px #fff3,inset 0 -2px 4px #0003;transform:scale(1.05)}.cargo-tab-icon.cargo-tab-icon-header{width:52px;height:52px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6)) drop-shadow(0 6px 12px rgba(0,0,0,.3))}.cargo-tab-nav-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:all .3s cubic-bezier(.4,0,.2,1)}.transport-yard-tab:hover .cargo-tab-nav-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(255,215,0,.3));transform:scale(1.08)}.transport-yard-tab.active .cargo-tab-nav-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(255,215,0,.4))}.cargo-tab-title-text{text-align:center}.cargo-tab-title{font-size:1.8rem;font-weight:800;color:gold;margin:0 0 .35rem;text-shadow:0 0 25px rgba(255,215,0,.5),0 2px 8px rgba(0,0,0,.8);letter-spacing:1px;text-transform:uppercase}.cargo-tab-subtitle{font-size:.9rem;color:#fff9;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.5);line-height:1.5;max-width:500px}.cargo-panels-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;flex:1}.cargo-upgrade-panel{background:linear-gradient(to bottom,rgba(255,255,255,.04) 0%,transparent 25%),linear-gradient(135deg,#4a3a2a,#3a2a1a,#2a1a0a 60%,#1a0a00);border:2px solid rgba(139,90,43,.5);border-radius:18px;padding:1.75rem;box-shadow:0 0 30px #00000059,0 10px 30px #00000080,0 4px 12px #0000004d,inset 0 1px #ffffff0f,inset 0 -1px #00000040;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);transform:translateZ(0);will-change:transform,box-shadow}.cargo-upgrade-panel:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.04) 50%,transparent 100%);transition:left .8s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.cargo-upgrade-panel:hover:before{left:100%}.cargo-upgrade-panel>*{position:relative;z-index:1}.cargo-upgrade-panel:hover{transform:translateY(-5px) translateZ(0);border-color:#ffd70066;box-shadow:0 0 40px #8b5a2b4d,0 15px 40px #0009,0 6px 16px #0006,inset 0 1px #ffffff1a,inset 0 -1px #00000040}.cargo-panel-shiphold{border-color:#6495ed80}.cargo-panel-shiphold:hover{border-color:#6495edb3;box-shadow:0 0 35px #6495ed33,0 12px 32px #0009,0 6px 16px #0006,inset 0 1px #6495ed1a,inset 0 -1px #0003}.cargo-panel-balloonbasket{border-color:#ff8c6980}.cargo-panel-balloonbasket:hover{border-color:#ff8c69b3;box-shadow:0 0 35px #ff8c6933,0 12px 32px #0009,0 6px 16px #0006,inset 0 1px #ff8c691a,inset 0 -1px #0003}.cargo-upgrade-panel.max-level{border-color:#ffd70080}.cargo-upgrade-panel.ready{border-color:#00bcd499;animation:cargoPanelReadyPulse 2.5s ease-in-out infinite}@keyframes cargoPanelReadyPulse{0%,to{box-shadow:0 0 25px #00bcd433,0 8px 24px #00000080}50%{box-shadow:0 0 40px #00bcd459,0 8px 24px #00000080}}.cargo-upgrade-panel.building{border-color:#ff980080}.cargo-panel-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.cargo-panel-image-frame{position:relative;width:72px;height:72px;flex-shrink:0}.cargo-panel-image{width:100%;height:100%;object-fit:cover;border-radius:12px;border:2px solid rgba(139,90,43,.6);box-shadow:0 0 15px #0006,0 4px 12px #00000080;transition:all .3s ease}.cargo-upgrade-panel:hover .cargo-panel-image{border-color:#ffd70080;box-shadow:0 0 20px #ffd70026,0 4px 12px #00000080}.cargo-panel-level-badge{position:absolute;bottom:-6px;right:-6px;background:linear-gradient(135deg,gold,orange);border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:.2rem .5rem;display:flex;align-items:baseline;gap:1px;box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff4d}.cargo-level-num{font-size:.95rem;font-weight:800;color:#1a0a00}.cargo-level-max{font-size:.7rem;font-weight:600;color:#1a0a00b3}.cargo-panel-title-section{flex:1;min-width:0}.cargo-panel-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .25rem;text-shadow:0 2px 6px rgba(0,0,0,.5)}.cargo-panel-tagline{font-size:.85rem;color:#fff9;margin:0}.cargo-stats-container{display:flex;gap:1rem;margin-bottom:1.5rem}.cargo-stat-card{flex:1;display:flex;align-items:center;gap:.85rem;background:linear-gradient(135deg,#1e1914e6,#140f0af2);border:1px solid rgba(139,90,43,.3);border-radius:12px;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cargo-stat-card:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);transition:transform .4s ease;pointer-events:none}.cargo-stat-card:hover:before{transform:translate(-50%,-50%) scale(1)}.cargo-stat-card:hover{transform:translateY(-3px);border-color:#ffd70066;box-shadow:0 0 20px #ffd70026,0 8px 20px #0006}.cargo-stat-icon-wrap{width:44px;height:44px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cargo-stat-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5));transition:transform .3s ease,filter .3s ease}.cargo-stat-card:hover .cargo-stat-icon{transform:scale(1.15);filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.cargo-stat-info{display:flex;flex-direction:column;min-width:0;position:relative;z-index:1}.cargo-stat-label{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem}.cargo-stat-value{font-size:1.25rem;font-weight:700;color:#4fc3f7;text-shadow:0 0 15px rgba(79,195,247,.4)}.cargo-stat-unit{font-size:.85rem;font-weight:500;color:#4fc3f7b3}.cargo-stat-speed{color:#81c784;text-shadow:0 0 15px rgba(129,199,132,.4)}.cargo-stat-none{color:#fff6;font-style:italic;font-weight:500}.cargo-level-progress{margin-bottom:1.5rem}.cargo-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.cargo-progress-label{font-size:.8rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.5px}.cargo-progress-percent{font-size:.9rem;font-weight:700;color:gold;text-shadow:0 0 12px rgba(255,215,0,.4)}.cargo-progress-bar-container{margin-bottom:1rem}.cargo-progress-bar{height:12px;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0006,0 1px #ffffff08}.cargo-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a 40%,#cddc39);border-radius:5px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px #ffffff59,inset 0 -1px #0003,0 0 15px #4caf5080;position:relative;overflow:hidden}.cargo-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:cargoProgressShine 3s ease-in-out infinite}@keyframes cargoProgressShine{0%{left:-100%}50%{left:100%}to{left:100%}}.cargo-level-slots{display:flex;gap:6px;justify-content:space-between}.cargo-level-slot{flex:1;max-width:36px;height:32px;display:flex;align-items:center;justify-content:center;background:#00000080;border:2px solid rgba(255,255,255,.12);border-radius:8px;font-size:.75rem;font-weight:700;color:#ffffff59;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.cargo-level-slot:hover{transform:translateY(-2px);border-color:#ffffff40}.cargo-level-slot.unlocked{background:linear-gradient(to bottom,rgba(255,255,255,.15) 0%,transparent 50%),linear-gradient(135deg,#4caf50,#388e3c);border-color:#4caf50;color:#fff;box-shadow:0 0 12px #4caf5059,inset 0 1px #ffffff4d}.cargo-level-slot.unlocked:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 18px #4caf5080,inset 0 1px #ffffff59}.cargo-slot-check{font-size:.85rem;text-shadow:0 1px 3px rgba(0,0,0,.4)}.cargo-slot-num{font-size:.75rem}.cargo-level-slot.next{border-color:#ffd700b3;background:radial-gradient(circle at center,rgba(255,215,0,.2) 0%,transparent 70%),#ffd7001a;color:gold;animation:cargoSlotNextPulse 2s ease-in-out infinite}.cargo-level-slot.next:hover{transform:translateY(-3px) scale(1.08)}@keyframes cargoSlotNextPulse{0%,to{box-shadow:0 0 5px #ffd7004d;border-color:#ffd70099}50%{box-shadow:0 0 20px #ffd70080;border-color:#ffd700e6}}.cargo-level-slot.building{border-color:#ff9800cc;background:radial-gradient(circle at center,rgba(255,152,0,.25) 0%,transparent 70%),#ff980026;color:#ff9800;animation:cargoSlotBuildPulse 1.5s ease-in-out infinite}@keyframes cargoSlotBuildPulse{0%,to{box-shadow:0 0 8px #ff98004d}50%{box-shadow:0 0 20px #ff980080}}.cargo-action-section{min-height:160px}.cargo-max-achieved{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:radial-gradient(ellipse at center,rgba(255,215,0,.15) 0%,transparent 70%),linear-gradient(135deg,#ffd70014,#ffc1070a);border:1px solid rgba(255,215,0,.35);border-radius:12px;box-shadow:0 0 30px #ffd70026,inset 0 1px #ffd70026;position:relative;overflow:hidden}.cargo-max-achieved:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.1) 50%,transparent 100%);animation:cargoMaxShimmer 4s ease-in-out infinite;pointer-events:none}@keyframes cargoMaxShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.cargo-max-trophy{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd7004d,#ffc10733);border:2px solid rgba(255,215,0,.5);border-radius:50%;box-shadow:0 0 25px #ffd7004d,inset 0 1px #fff3}.cargo-max-trophy-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.cargo-max-info{text-align:center;position:relative;z-index:1}.cargo-max-title{font-size:1.15rem;font-weight:700;color:gold;margin:0 0 .5rem;text-shadow:0 0 15px rgba(255,215,0,.4),0 2px 4px rgba(0,0,0,.5)}.cargo-max-desc{font-size:.85rem;color:#ffffffbf;margin:0;line-height:1.5}.cargo-max-badge{background:linear-gradient(135deg,gold,orange,#ff8c00);color:#1a0a00;font-size:.7rem;font-weight:800;letter-spacing:2px;padding:.35rem 1rem;border-radius:4px;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff4d;position:relative;z-index:1}.cargo-claim-ready{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:radial-gradient(ellipse at center,rgba(0,188,212,.15) 0%,transparent 70%),linear-gradient(135deg,#00bcd41f,#0096a714);border:1px solid rgba(0,188,212,.45);border-radius:12px;box-shadow:0 0 25px #00bcd433;animation:cargoClaimReadyPulse 2.5s ease-in-out infinite;position:relative;overflow:hidden}@keyframes cargoClaimReadyPulse{0%,to{box-shadow:0 0 25px #00bcd433;border-color:#00bcd473}50%{box-shadow:0 0 40px #00bcd459;border-color:#00bcd4a6}}.cargo-claim-header{display:flex;align-items:center;gap:.5rem}.cargo-claim-icon{font-size:1.2rem;animation:cargoClaimIconPulse 1.5s ease-in-out infinite}@keyframes cargoClaimIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cargo-claim-text{font-size:1.1rem;font-weight:700;color:#4fc3f7;text-shadow:0 0 15px rgba(79,195,247,.4)}.cargo-claim-preview{display:flex;flex-direction:column;align-items:center;gap:.25rem}.cargo-claim-level{font-size:1rem;font-weight:600;color:#fff}.cargo-claim-bonus{font-size:.85rem;color:#81c784}.cargo-claim-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;background:linear-gradient(to bottom,rgba(255,255,255,.15) 0%,transparent 40%),linear-gradient(135deg,#00bcd4,#00acc1 40%,#0097a7);border:2px solid rgba(79,195,247,.5);border-radius:12px;padding:1rem 1.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 25px #00bcd466,0 6px 20px #00bcd459,inset 0 1px #ffffff4d,inset 0 -1px #0003;position:relative;overflow:hidden;min-height:56px;transform:translateZ(0);will-change:transform,box-shadow}.cargo-claim-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transition:left .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.cargo-claim-btn:hover:before{left:100%}.cargo-claim-btn:hover{transform:translateY(-4px) translateZ(0);border-color:#4fc3f7cc;box-shadow:0 0 40px #00bcd499,0 10px 30px #00bcd473,inset 0 1px #ffffff59,inset 0 -1px #0003}.cargo-claim-btn:active{transform:translateY(-2px) translateZ(0)}.cargo-claim-btn-text{font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);position:relative;z-index:1}.cargo-claim-btn-arrow{font-size:1.3rem;color:#fff;position:relative;z-index:1;transition:transform .3s ease}.cargo-claim-btn:hover .cargo-claim-btn-arrow{transform:translate(6px)}.cargo-building-active{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#ff98001a,#ffc1070f);border:1px solid rgba(255,152,0,.35);border-radius:12px}.cargo-building-header{text-align:center}.cargo-building-label{display:block;font-size:.8rem;color:#fff9;margin-bottom:.25rem}.cargo-building-name{font-size:1rem;font-weight:600;color:#ffc107}.cargo-building-timer{display:flex;align-items:center;gap:.6rem;background:#00000059;border:1px solid rgba(255,152,0,.3);border-radius:8px;padding:.6rem 1.25rem}.cargo-building-timer-icon{width:26px;height:26px;object-fit:contain;animation:cargoTimerIconPulse 2s ease-in-out infinite}@keyframes cargoTimerIconPulse{0%,to{opacity:1}50%{opacity:.6}}.cargo-building-timer-value{font-size:1.35rem;font-weight:700;color:#ff9800;font-family:Courier New,monospace;text-shadow:0 0 12px rgba(255,152,0,.5);letter-spacing:1px}.cargo-building-progress-container{width:100%;display:flex;align-items:center;gap:.75rem}.cargo-building-progress-bar{flex:1;height:8px;background:#00000080;border:1px solid rgba(255,152,0,.2);border-radius:4px;overflow:hidden}.cargo-building-progress-fill{height:100%;background:linear-gradient(90deg,#ff9800,#ffc107,#ffeb3b);border-radius:3px;transition:width 1s linear;box-shadow:inset 0 1px #ffffff4d,0 0 8px #ff980066}.cargo-building-progress-percent{font-size:.85rem;font-weight:600;color:#ffc107;min-width:45px;text-align:right}.cargo-cancel-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.15);padding:.6rem 1.25rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .3s ease;min-height:44px}.cargo-cancel-btn:hover{background:#f4433626;border-color:#f4433680;color:#ef5350}.cargo-cancel-warning{font-size:.75rem;color:#f44336b3}.cargo-upgrade-available{display:flex;flex-direction:column;gap:1.25rem}.cargo-upgrade-header{text-align:center;padding:1rem;margin:0 -.5rem;background:radial-gradient(ellipse at center,rgba(76,175,80,.08) 0%,transparent 70%),#0003;border-radius:12px;border:1px solid rgba(76,175,80,.15)}.cargo-upgrade-level-preview{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.cargo-upgrade-arrow{font-size:1.2rem;color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.5);animation:cargoUpgradeArrowBounce 1.5s ease-in-out infinite}@keyframes cargoUpgradeArrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cargo-upgrade-target{font-size:1.1rem;font-weight:700;color:#81c784;text-shadow:0 0 10px rgba(129,199,132,.3)}.cargo-upgrade-name{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 6px rgba(0,0,0,.6)}.cargo-upgrade-benefits{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.9rem}.cargo-benefit{color:#4caf50;font-weight:600;text-shadow:0 0 8px rgba(76,175,80,.3)}.cargo-benefit-divider{color:#ffffff40}.cargo-requirements-grid{display:flex;flex-direction:column;gap:.5rem}.cargo-requirement{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;background:linear-gradient(to right,rgba(255,255,255,.02) 0%,transparent 50%),linear-gradient(135deg,#1e2328cc,#14191ee6);border-radius:8px;font-size:.9rem;box-shadow:0 2px 6px #0006,inset 0 1px #ffffff08;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cargo-requirement:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);transition:left .5s ease;pointer-events:none}.cargo-requirement:hover:before{left:100%}.cargo-requirement.satisfied{border-left:4px solid #4CAF50;background:linear-gradient(to right,rgba(76,175,80,.1) 0%,transparent 50%),linear-gradient(135deg,#1e2823cc,#141e19e6);box-shadow:0 2px 6px #0006,0 0 12px #4caf5026,inset 0 1px #4caf501a}.cargo-requirement.missing{border-left:4px solid #f44336;background:linear-gradient(to right,rgba(244,67,54,.1) 0%,transparent 50%),linear-gradient(135deg,#281e1ecc,#1e1414e6);box-shadow:0 2px 6px #0006,0 0 12px #f443361a,inset 0 1px #f443360d}.cargo-requirement:hover{transform:translate(4px);box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff0d}.cargo-requirement.satisfied:hover{box-shadow:0 4px 12px #00000080,0 0 20px #4caf5040,inset 0 1px #4caf5026}.cargo-requirement.missing:hover{box-shadow:0 4px 12px #00000080,0 0 20px #f4433633,inset 0 1px #f443361a}.cargo-req-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));transition:transform .25s ease}.cargo-requirement:hover .cargo-req-icon{transform:scale(1.1)}.cargo-req-item-img{width:24px;height:24px;border-radius:4px;border:none;box-shadow:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:all .25s ease}.cargo-requirement:hover .cargo-req-item-img{filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));transform:scale(1.1)}.cargo-req-value{flex:1;font-size:.9rem;font-weight:600;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.6);margin-left:.5rem}.cargo-req-status{font-size:.8rem;font-weight:700;font-family:Courier New,monospace}.cargo-req-status.satisfied{color:#4caf50;text-shadow:0 0 8px rgba(76,175,80,.4)}.cargo-req-status.missing{color:#f44336;text-shadow:0 0 8px rgba(244,67,54,.3)}.cargo-req-status.time-label{color:#ffffff80;font-family:inherit;font-weight:500}.cargo-req-item{display:flex;align-items:center;gap:.5rem}.cargo-req-name{flex:1;font-size:.9rem;font-weight:600;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cargo-req-count{display:flex;align-items:center;gap:.15rem;font-size:.95rem;font-weight:700}.cargo-requirement.satisfied .cargo-req-count{color:#4caf50;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(76,175,80,.4)}.cargo-requirement.missing .cargo-req-count{color:#f44336;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(244,67,54,.4)}.cargo-req-have,.cargo-req-divider,.cargo-req-need{color:inherit}.cargo-req-time{border-left:4px solid #7ab3cc;background:linear-gradient(to right,rgba(91,143,168,.08) 0%,transparent 50%),linear-gradient(135deg,#1e2328cc,#191e23e6)}.cargo-req-time:hover{box-shadow:0 4px 12px #00000080,0 0 15px #5b8fa833,inset 0 1px #5b8fa81a}.cargo-start-upgrade-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;border:none;border-radius:12px;padding:1rem 1.75rem;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:56px;margin-top:.75rem;transform:translateZ(0);will-change:transform,box-shadow}.cargo-start-upgrade-btn.ready{background:linear-gradient(to bottom,rgba(255,255,255,.1) 0%,transparent 40%),linear-gradient(135deg,#4caf50,#43a047 40%,#388e3c);color:#fff;border:2px solid rgba(129,199,132,.5);box-shadow:0 0 20px #4caf504d,0 6px 20px #4caf5059,inset 0 1px #ffffff40,inset 0 -1px #0003}.cargo-start-upgrade-btn.ready:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.cargo-start-upgrade-btn.ready:hover:before{left:100%}.cargo-start-upgrade-btn.ready:hover{transform:translateY(-4px) translateZ(0);border-color:#81c784cc;box-shadow:0 0 35px #4caf5080,0 10px 30px #4caf5066,inset 0 1px #ffffff4d,inset 0 -1px #0003}.cargo-start-upgrade-btn.ready:active{transform:translateY(-2px) translateZ(0)}.cargo-start-upgrade-btn.disabled{background:linear-gradient(to bottom,rgba(255,255,255,.03) 0%,transparent 40%),linear-gradient(135deg,#4a4a4a,#3a3a3a,#2a2a2a);color:#fff6;cursor:not-allowed;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.cargo-btn-text{text-shadow:0 2px 4px rgba(0,0,0,.4);position:relative;z-index:1}.cargo-btn-icon{font-size:1.2rem;position:relative;z-index:1;transition:transform .3s ease}.cargo-start-upgrade-btn.ready:hover .cargo-btn-icon{transform:scale(1.15)}.cargo-panel-locked{display:flex;flex-direction:column;gap:1.25rem}.cargo-locked-panel-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.cargo-locked-image-frame{position:relative;width:72px;height:72px;flex-shrink:0}.cargo-locked-image{width:100%;height:100%;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.15);filter:grayscale(70%) brightness(.6);box-shadow:0 4px 12px #00000080}.cargo-locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;border-radius:12px}.cargo-locked-padlock{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));opacity:.85}.cargo-locked-title-section{flex:1}.cargo-locked-panel-title{font-size:1.15rem;font-weight:600;color:#ffffffb3;margin:0 0 .3rem}.cargo-locked-status{font-size:.7rem;font-weight:700;color:#fff6;letter-spacing:1.5px;text-transform:uppercase}.cargo-locked-body{text-align:center}.cargo-locked-description{font-size:.9rem;color:#ffffff8c;line-height:1.6;margin:0 0 1rem}.cargo-locked-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:8px}.cargo-hint-arrow{color:gold;font-size:1rem}.cargo-hint-text{font-size:.85rem;color:#ffffffb3}.cargo-hint-text strong{color:gold}.cargo-locked-preview{background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1rem}.cargo-preview-title{font-size:.75rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:.75rem}.cargo-preview-stats{display:flex;gap:.75rem}.cargo-preview-stat{flex:1;text-align:center}.cargo-preview-label{display:block;font-size:.7rem;color:#fff6;margin-bottom:.25rem}.cargo-preview-value{font-size:.95rem;font-weight:600;color:#4caf50b3}.cargo-locked-ship .cargo-locked-image{border-color:#6495ed40}.cargo-locked-balloon .cargo-locked-image{border-color:#ff8c6940}.cargo-locked-full{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 2rem;text-align:center;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(139,90,43,.08) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(79,195,247,.03) 0%,transparent 50%),linear-gradient(180deg,#140f0a66,#0f0a0899);border:1px solid rgba(139,90,43,.2);border-radius:16px;margin:1rem;box-shadow:0 0 40px #0000004d,inset 0 1px #ffffff08,inset 0 -1px #0003;position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.cargo-locked-full:before{content:"";position:absolute;top:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,215,0,.06) 0%,transparent 50%);animation:cargoLockedAmbientGlow 8s ease-in-out infinite;pointer-events:none}.cargo-locked-full:after{content:"";position:absolute;bottom:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(79,195,247,.04) 0%,transparent 50%);animation:cargoLockedAmbientGlow 8s ease-in-out infinite;animation-delay:-4s;pointer-events:none}@keyframes cargoLockedAmbientGlow{0%,to{opacity:.5;transform:translate(0) scale(1)}50%{opacity:1;transform:translate(10%,10%) scale(1.2)}}.cargo-locked-header{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:1}.cargo-locked-icon-container{width:90px;height:90px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 50% 30%,rgba(139,90,43,.25) 0%,transparent 60%),linear-gradient(145deg,#322319f2,#1e140cfa);border:2px solid rgba(139,90,43,.5);border-radius:50%;box-shadow:0 0 30px #8b5a2b4d,0 0 60px #8b5a2b26,0 8px 24px #0006,inset 0 2px 4px #ffffff14,inset 0 -4px 8px #0000004d;animation:cargoLockedIconPulse 3s ease-in-out infinite;will-change:box-shadow,border-color;transform:translateZ(0)}.cargo-locked-icon-container:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid transparent;background:linear-gradient(135deg,#8b5a2b4d,#ffd70033,#8b5a2b4d) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:.6;animation:cargoLockedRingRotate 10s linear infinite}.cargo-locked-icon-container:after{content:"";position:absolute;top:10%;left:15%;width:25%;height:15%;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 100%);border-radius:50%;filter:blur(2px);pointer-events:none}@keyframes cargoLockedIconPulse{0%,to{box-shadow:0 0 30px #8b5a2b4d,0 0 60px #8b5a2b26,0 8px 24px #0006,inset 0 2px 4px #ffffff14,inset 0 -4px 8px #0000004d;border-color:#8b5a2b80}50%{box-shadow:0 0 40px #8b5a2b73,0 0 80px #8b5a2b40,0 8px 24px #0006,inset 0 2px 4px #ffffff1a,inset 0 -4px 8px #0000004d;border-color:#bd8c5db3}}@keyframes cargoLockedRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cargo-locked-icon-img{width:48px;height:48px;object-fit:contain;opacity:.85;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:cargoLockedIconFloat 4s ease-in-out infinite;will-change:transform}@keyframes cargoLockedIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.cargo-locked-title{font-size:1.75rem;font-weight:700;background:linear-gradient(180deg,#fffffff2,#c8c8c8d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2);letter-spacing:.02em;position:relative;z-index:1}.cargo-locked-subtitle{font-size:1.05rem;color:#fff9;margin:0;max-width:450px;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.01em;position:relative;z-index:1}.cargo-locked-info{display:flex;align-items:flex-start;gap:1rem;background:radial-gradient(ellipse 100% 80% at 0% 50%,rgba(255,215,0,.08) 0%,transparent 50%),linear-gradient(135deg,#ffd7000f,#ffb90008);border:1px solid rgba(255,215,0,.25);border-radius:14px;padding:1.25rem 1.5rem;max-width:560px;text-align:left;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0d,inset 0 -1px #0000001a;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;transform:translateZ(0)}.cargo-locked-info:hover{transform:translateY(-2px) translateZ(0);border-color:#ffd70066;box-shadow:0 8px 30px #00000040,0 0 20px #ffd7001a,inset 0 1px #ffffff14,inset 0 -1px #0000001a}.cargo-locked-info:before{content:"";position:absolute;top:0;left:0;width:60px;height:60px;background:radial-gradient(circle at top left,rgba(255,215,0,.1) 0%,transparent 70%);border-radius:14px 0 0;pointer-events:none}.cargo-info-icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(255,215,0,.4));animation:cargoInfoIconPulse 2.5s ease-in-out infinite}@keyframes cargoInfoIconPulse{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255,215,0,.6));transform:scale(1.05)}}.cargo-info-text{font-size:.95rem;color:#fffc;line-height:1.7;letter-spacing:.01em}.cargo-info-text strong{color:#4fc3f7;font-weight:600;text-shadow:0 0 10px rgba(79,195,247,.3)}.cargo-highlight{color:#81c784;font-weight:600;text-shadow:0 0 10px rgba(129,199,132,.3)}.cargo-locked-vehicles{display:flex;gap:1.5rem;width:100%;max-width:680px;position:relative;z-index:1}.cargo-vehicle-guide{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%),linear-gradient(145deg,#2d2319f2,#19120cfa);border:1px solid rgba(139,90,43,.35);border-radius:16px;padding:1.75rem 1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0a,inset 0 -1px #0003;transition:all .35s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow,border-color;transform:translateZ(0);cursor:pointer}.cargo-vehicle-guide:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);transform:skew(-20deg);transition:left .6s cubic-bezier(.4,0,.2,1);pointer-events:none}.cargo-vehicle-guide:after{content:"";position:absolute;top:50%;left:50%;width:0%;height:0%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.cargo-vehicle-guide:hover{transform:translateY(-6px) scale(1.02) translateZ(0);box-shadow:0 12px 40px #0006,0 0 30px #8b5a2b26,inset 0 1px #ffffff14,inset 0 -1px #0003}.cargo-vehicle-guide:hover:before{left:150%}.cargo-vehicle-guide:hover:after{width:200%;height:200%}.cargo-vehicle-ship{border-color:#6495ed59;background:linear-gradient(180deg,rgba(100,149,237,.05) 0%,transparent 40%),linear-gradient(145deg,#2d2319f2,#19120cfa)}.cargo-vehicle-ship:hover{border-color:#6495eda6;box-shadow:0 12px 40px #0006,0 0 40px #6495ed33,0 0 80px #6495ed1a,inset 0 1px #6495ed26,inset 0 -1px #0003}.cargo-vehicle-ship:hover:after{background:radial-gradient(circle,rgba(100,149,237,.08) 0%,transparent 70%)}.cargo-vehicle-balloon{border-color:#ba68c859;background:linear-gradient(180deg,rgba(186,104,200,.05) 0%,transparent 40%),linear-gradient(145deg,#2d2319f2,#19120cfa)}.cargo-vehicle-balloon:hover{border-color:#ba68c8a6;box-shadow:0 12px 40px #0006,0 0 40px #ba68c833,0 0 80px #ba68c81a,inset 0 1px #ba68c826,inset 0 -1px #0003}.cargo-vehicle-balloon:hover:after{background:radial-gradient(circle,rgba(186,104,200,.08) 0%,transparent 70%)}.cargo-guide-image-container{width:80px;height:80px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(145deg,#3c2d1e99,#281c12cc);border:2px solid rgba(139,90,43,.4);border-radius:50%;box-shadow:0 4px 12px #0000004d,inset 0 1px 2px #ffffff0d,inset 0 -2px 4px #0003;transition:all .35s cubic-bezier(.4,0,.2,1)}.cargo-vehicle-guide:hover .cargo-guide-image-container{transform:scale(1.08);box-shadow:0 6px 20px #00000059,0 0 25px #8b5a2b33,inset 0 1px 2px #ffffff14,inset 0 -2px 4px #0003;border-color:#bd8c5d99}.cargo-vehicle-ship:hover .cargo-guide-image-container{border-color:#6495ed99;box-shadow:0 6px 20px #00000059,0 0 25px #6495ed40,inset 0 1px 2px #ffffff14,inset 0 -2px 4px #0003}.cargo-vehicle-balloon:hover .cargo-guide-image-container{border-color:#ba68c899;box-shadow:0 6px 20px #00000059,0 0 25px #ba68c840,inset 0 1px 2px #ffffff14,inset 0 -2px 4px #0003}.cargo-guide-image{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 6px 12px rgba(0,0,0,.3));transition:all .35s cubic-bezier(.4,0,.2,1)}.cargo-vehicle-guide:hover .cargo-guide-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.6)) drop-shadow(0 8px 16px rgba(0,0,0,.35)) brightness(1.1)}.cargo-guide-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.35rem}.cargo-guide-name{font-size:1.15rem;font-weight:700;background:linear-gradient(180deg,#fff,#dcdcdce6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.3);letter-spacing:.02em;transition:all .3s ease}.cargo-vehicle-guide:hover .cargo-guide-name{text-shadow:0 2px 10px rgba(255,255,255,.2)}.cargo-vehicle-ship:hover .cargo-guide-name{background:linear-gradient(180deg,#fff,#96befff2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 12px rgba(100,149,237,.3)}.cargo-vehicle-balloon:hover .cargo-guide-name{background:linear-gradient(180deg,#fff,#d2a0dcf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 12px rgba(186,104,200,.3)}.cargo-guide-type{font-size:.85rem;color:#ffffff80;margin:0;text-transform:uppercase;letter-spacing:.08em;font-weight:500;transition:all .3s ease}.cargo-vehicle-guide:hover .cargo-guide-type{color:#ffffffb3}.cargo-guide-stats{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.8rem;margin-top:.35rem}.cargo-guide-stats span{color:#81c784d9;font-weight:500;letter-spacing:.02em;text-shadow:0 0 8px rgba(129,199,132,.2);transition:all .3s ease}.cargo-vehicle-guide:hover .cargo-guide-stats span{color:#81c784;text-shadow:0 0 12px rgba(129,199,132,.4)}.cargo-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.25rem}.cargo-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,215,0,.15);border-top-color:gold;border-radius:50%;animation:cargoLoadingSpin 1s linear infinite}@keyframes cargoLoadingSpin{to{transform:rotate(360deg)}}.cargo-loading-text{font-size:1rem;color:#fff9;margin:0}@media (max-width: 768px){.cargo-panels-container{grid-template-columns:1fr;gap:1.5rem}.cargo-tab-header{padding:1.25rem 1.5rem}.cargo-tab-title{font-size:1.5rem}.cargo-tab-icon-container{width:52px;height:52px}.cargo-tab-icon{width:30px;height:30px}.cargo-tab-icon-container.cargo-tab-icon-large{width:72px;height:72px}.cargo-tab-icon.cargo-tab-icon-header{width:44px;height:44px}.cargo-tab-nav-icon{width:26px;height:26px}.cargo-panel-image-frame{width:68px;height:68px}.cargo-panel-title{font-size:1.2rem}.cargo-requirements-grid{gap:.45rem}.cargo-requirement{padding:.55rem .75rem}.cargo-req-icon,.cargo-req-item-img{width:22px;height:22px}.cargo-req-value{font-size:.85rem}.cargo-locked-full{padding:2rem 1.5rem;gap:1.75rem;margin:.75rem}.cargo-locked-full:before,.cargo-locked-full:after{animation-duration:12s}.cargo-locked-header{gap:.85rem}.cargo-locked-icon-container{width:80px;height:80px}.cargo-locked-icon-img{width:44px;height:44px}.cargo-locked-title{font-size:1.5rem}.cargo-locked-subtitle{font-size:.95rem;max-width:380px}.cargo-locked-info{padding:1.1rem 1.25rem;max-width:100%;gap:.85rem}.cargo-info-icon{font-size:1.35rem}.cargo-info-text{font-size:.9rem;line-height:1.6}.cargo-locked-vehicles{flex-direction:column;gap:1.25rem;max-width:100%}.cargo-vehicle-guide{flex-direction:row;text-align:left;padding:1.25rem;gap:1.25rem;min-height:100px}.cargo-vehicle-guide:hover{transform:translateY(-3px) scale(1.01) translateZ(0)}.cargo-guide-image-container{width:70px;height:70px;flex-shrink:0}.cargo-guide-info{text-align:left;flex:1;align-items:flex-start}.cargo-guide-name{font-size:1.1rem}.cargo-guide-type{font-size:.8rem}.cargo-guide-stats{flex-direction:row;gap:1rem;margin-top:.5rem}.cargo-guide-stats span{font-size:.8rem}}@media (max-width: 480px){.cargo-tab-container{padding:1rem;gap:1.25rem}.cargo-tab-header{padding:1rem 1.25rem;gap:.65rem}.cargo-tab-icon-container{width:48px;height:48px}.cargo-tab-icon{width:28px;height:28px}.cargo-tab-icon-container.cargo-tab-icon-large{width:64px;height:64px;border-width:2px}.cargo-tab-icon.cargo-tab-icon-header{width:38px;height:38px}.cargo-tab-nav-icon{width:24px;height:24px}.cargo-tab-title{font-size:1.35rem}.cargo-tab-subtitle{font-size:.8rem;line-height:1.3}.cargo-upgrade-panel{padding:1.25rem}.cargo-panel-header{gap:.85rem;margin-bottom:1.25rem;padding-bottom:1rem}.cargo-panel-image-frame{width:60px;height:60px}.cargo-panel-level-badge{padding:.2rem .45rem;bottom:-5px;right:-5px}.cargo-level-num{font-size:.9rem}.cargo-level-max{font-size:.65rem}.cargo-panel-title{font-size:1.1rem}.cargo-panel-tagline{font-size:.8rem}.cargo-stats-container{gap:.65rem}.cargo-stat-card{padding:.75rem;gap:.6rem}.cargo-stat-icon-wrap{width:32px;height:32px}.cargo-stat-icon{width:28px;height:28px}.cargo-stat-label{font-size:.65rem}.cargo-stat-value{font-size:1.05rem}.cargo-level-slots{gap:4px}.cargo-level-slot{height:28px;max-width:30px;font-size:.7rem}.cargo-slot-check{font-size:.75rem}.cargo-requirements-grid{gap:.4rem}.cargo-requirement{padding:.5rem .7rem;font-size:.85rem}.cargo-req-icon,.cargo-req-item-img{width:20px;height:20px}.cargo-req-value{font-size:.8rem;margin-left:.4rem}.cargo-req-name,.cargo-req-count{font-size:.8rem}.cargo-req-status{font-size:.75rem}.cargo-upgrade-header{padding:.85rem}.cargo-upgrade-name{font-size:1.05rem}.cargo-upgrade-benefits{font-size:.8rem}.cargo-start-upgrade-btn,.cargo-claim-btn{min-height:52px;font-size:.95rem}.cargo-action-section{min-height:140px}.cargo-max-achieved,.cargo-claim-ready,.cargo-building-active{padding:1.1rem}.cargo-max-trophy{width:48px;height:48px}.cargo-max-trophy-img{width:28px;height:28px}.cargo-max-title{font-size:1rem}.cargo-max-desc{font-size:.8rem}.cargo-max-badge{font-size:.65rem;padding:.3rem .85rem}.cargo-claim-text{font-size:1rem}.cargo-claim-btn{padding:.8rem 1.25rem;min-height:46px}.cargo-claim-btn-text{font-size:.95rem}.cargo-building-timer{padding:.5rem 1rem}.cargo-building-timer-icon{width:22px;height:22px}.cargo-building-timer-value{font-size:1.2rem}.cargo-requirement{padding:.55rem .75rem}.cargo-req-icon{width:22px;height:22px}.cargo-req-value{font-size:.9rem}.cargo-start-upgrade-btn{padding:.8rem 1.25rem;min-height:48px}.cargo-locked-full{padding:1.5rem 1rem;gap:1.5rem;margin:.5rem;border-radius:12px}.cargo-locked-full:before,.cargo-locked-full:after{animation:none;opacity:.4}.cargo-locked-header{gap:.75rem}.cargo-locked-icon-container{width:72px;height:72px;animation-duration:4s}.cargo-locked-icon-container:before{animation:none;opacity:.4}.cargo-locked-icon-img{width:40px;height:40px;animation-duration:5s}.cargo-locked-title{font-size:1.35rem;letter-spacing:.01em}.cargo-locked-subtitle{font-size:.9rem;max-width:320px;line-height:1.4}.cargo-locked-info{padding:1rem;gap:.75rem;border-radius:12px;width:100%;max-width:none}.cargo-locked-info:hover{transform:none}.cargo-info-icon{font-size:1.25rem;animation-duration:3.5s}.cargo-info-text{font-size:.85rem;line-height:1.55}.cargo-locked-vehicles{gap:1rem;width:100%}.cargo-vehicle-guide{padding:1rem;gap:1rem;border-radius:14px;min-height:90px}.cargo-vehicle-guide:hover{transform:translateY(-2px) translateZ(0)}.cargo-vehicle-guide:before{display:none}.cargo-vehicle-guide:hover:after{width:150%;height:150%}.cargo-guide-image-container{width:60px;height:60px}.cargo-vehicle-guide:hover .cargo-guide-image-container{transform:scale(1.04)}.cargo-guide-name{font-size:1rem}.cargo-guide-type{font-size:.75rem;letter-spacing:.06em}.cargo-guide-stats{font-size:.7rem}}@media (min-width: 1024px){.cargo-tab-container{padding:1.75rem;gap:2rem}.cargo-tab-header{padding:1.5rem 2rem;gap:.85rem}.cargo-tab-icon-container{width:68px;height:68px}.cargo-tab-icon{width:40px;height:40px}.cargo-tab-icon-container.cargo-tab-icon-large{width:96px;height:96px;border-width:3px}.cargo-tab-icon.cargo-tab-icon-header{width:56px;height:56px}.cargo-tab-nav-icon{width:30px;height:30px}.cargo-tab-title{font-size:1.85rem}.cargo-tab-subtitle{font-size:1rem}.cargo-panels-container{gap:2.5rem}.cargo-upgrade-panel{padding:2rem}.cargo-panel-image-frame{width:84px;height:84px}.cargo-panel-title{font-size:1.4rem}.cargo-stats-container{gap:1.25rem}.cargo-stat-card{padding:1.1rem 1.35rem}.cargo-stat-icon-wrap{width:48px;height:48px}.cargo-stat-icon{width:44px;height:44px}.cargo-stat-value{font-size:1.35rem}.cargo-level-slot{max-width:40px;height:36px;font-size:.8rem}.cargo-requirements-grid{gap:.55rem}.cargo-requirement{padding:.65rem .95rem}.cargo-req-icon,.cargo-req-item-img{width:26px;height:26px}.cargo-req-value{font-size:.95rem}.cargo-start-upgrade-btn,.cargo-claim-btn{min-height:60px;font-size:1.1rem}.cargo-locked-full{padding:3rem 2.5rem;gap:2.25rem;margin:1.25rem}.cargo-locked-icon-container{width:95px;height:95px}.cargo-locked-icon-img{width:52px;height:52px}.cargo-locked-title{font-size:1.85rem}.cargo-locked-subtitle{font-size:1.1rem;max-width:480px}.cargo-locked-info{padding:1.35rem 1.75rem;max-width:600px}.cargo-info-icon{font-size:1.6rem}.cargo-info-text{font-size:1rem;line-height:1.7}.cargo-locked-vehicles{gap:1.75rem;max-width:720px}.cargo-vehicle-guide{padding:2rem 1.75rem;border-radius:18px}.cargo-guide-image-container{width:88px;height:88px}.cargo-guide-name{font-size:1.2rem}.cargo-guide-type{font-size:.9rem}.cargo-guide-stats{font-size:.85rem;gap:.3rem;margin-top:.5rem}}@media (min-width: 1440px){.cargo-tab-container{padding:2rem}.cargo-tab-header{padding:1.75rem 2.5rem}.cargo-tab-title{font-size:2rem}.cargo-tab-icon-container.cargo-tab-icon-large{width:104px;height:104px}.cargo-tab-icon.cargo-tab-icon-header{width:62px;height:62px}.cargo-tab-nav-icon{width:32px;height:32px}.cargo-panels-container{gap:3rem}.cargo-upgrade-panel{padding:2.25rem}.cargo-panel-image-frame{width:92px;height:92px}.cargo-stat-card{padding:1.25rem 1.5rem}.cargo-stat-icon-wrap{width:52px;height:52px}.cargo-stat-icon{width:48px;height:48px}.cargo-level-slot{max-width:44px;height:38px;font-size:.85rem}.cargo-requirements-grid{gap:.6rem}.cargo-requirement{padding:.7rem 1rem}.cargo-req-icon,.cargo-req-item-img{width:28px;height:28px}.cargo-locked-full{padding:3.5rem 3rem;gap:2.5rem;margin:1.5rem}.cargo-locked-icon-container{width:100px;height:100px}.cargo-locked-icon-img{width:56px;height:56px}.cargo-locked-title{font-size:2rem}.cargo-locked-subtitle{font-size:1.15rem;max-width:520px}.cargo-locked-info{padding:1.5rem 2rem;max-width:640px;border-radius:16px}.cargo-info-icon{font-size:1.7rem}.cargo-info-text{font-size:1.05rem}.cargo-locked-vehicles{gap:2rem;max-width:780px}.cargo-vehicle-guide{padding:2.25rem 2rem;border-radius:20px}.cargo-guide-image-container{width:95px;height:95px}.cargo-guide-name{font-size:1.3rem}.cargo-guide-type{font-size:.95rem}.cargo-guide-stats{font-size:.9rem}}@media (min-width: 1920px){.cargo-tab-container{padding:2.5rem}.cargo-tab-header{padding:2rem 3rem}.cargo-tab-title{font-size:2.2rem}.cargo-tab-subtitle{font-size:1.1rem}.cargo-tab-icon-container.cargo-tab-icon-large{width:120px;height:120px;border-width:4px}.cargo-tab-icon.cargo-tab-icon-header{width:72px;height:72px}.cargo-tab-nav-icon{width:36px;height:36px}.cargo-upgrade-panel{padding:2.5rem}.cargo-panel-image-frame{width:100px;height:100px}.cargo-panel-title{font-size:1.5rem}.cargo-stat-icon-wrap{width:56px;height:56px}.cargo-stat-icon{width:52px;height:52px}.cargo-stat-value{font-size:1.5rem}.cargo-level-slot{max-width:48px;height:42px}.cargo-locked-full{padding:4rem 3.5rem;gap:3rem;margin:2rem;border-radius:20px}.cargo-locked-icon-container{width:110px;height:110px}.cargo-locked-icon-img{width:60px;height:60px}.cargo-locked-title{font-size:2.2rem;letter-spacing:.025em}.cargo-locked-subtitle{font-size:1.2rem;max-width:580px}.cargo-locked-info{padding:1.75rem 2.25rem;max-width:700px;border-radius:18px}.cargo-info-icon{font-size:1.85rem}.cargo-info-text{font-size:1.1rem;line-height:1.75}.cargo-locked-vehicles{gap:2.5rem;max-width:860px}.cargo-vehicle-guide{padding:2.5rem 2.25rem;border-radius:22px}.cargo-guide-image-container{width:105px;height:105px}.cargo-guide-name{font-size:1.4rem}.cargo-guide-type{font-size:1rem}.cargo-guide-stats{font-size:.95rem;gap:.35rem}}@media (max-width: 360px){.cargo-tab-icon-container.cargo-tab-icon-large{width:56px;height:56px;border-width:2px}.cargo-tab-icon.cargo-tab-icon-header{width:32px;height:32px}.cargo-tab-nav-icon{width:22px;height:22px}.cargo-locked-full{padding:1.25rem .85rem;gap:1.25rem;margin:.35rem;border-radius:10px}.cargo-locked-full:before,.cargo-locked-full:after{display:none}.cargo-locked-header{gap:.6rem}.cargo-locked-icon-container{width:64px;height:64px;animation:none}.cargo-locked-icon-container:before{display:none}.cargo-locked-icon-img{width:36px;height:36px;animation:none}.cargo-locked-title{font-size:1.15rem;letter-spacing:0}.cargo-locked-subtitle{font-size:.8rem;max-width:280px;line-height:1.35}.cargo-locked-info{padding:.85rem;gap:.6rem;border-radius:10px;flex-direction:column;align-items:center;text-align:center}.cargo-info-icon{font-size:1.15rem;animation:none}.cargo-info-text{font-size:.78rem;line-height:1.45;text-align:center}.cargo-locked-vehicles{gap:.85rem}.cargo-vehicle-guide{padding:.85rem;gap:.85rem;border-radius:12px;min-height:80px}.cargo-vehicle-guide:hover{transform:none}.cargo-vehicle-guide:before,.cargo-vehicle-guide:after{display:none}.cargo-guide-image-container{width:52px;height:52px}.cargo-vehicle-guide:hover .cargo-guide-image-container{transform:none}.cargo-guide-name{font-size:.9rem}.cargo-guide-type{font-size:.68rem;letter-spacing:.04em}.cargo-guide-stats{font-size:.65rem;margin-top:.25rem}.cargo-guide-stats span{text-shadow:none}}@media (prefers-reduced-motion: reduce){.cargo-tab-header:before,.cargo-max-achieved:before,.cargo-claim-btn:before,.cargo-start-upgrade-btn.ready:before,.cargo-vehicle-guide:before{animation:none}.cargo-upgrade-panel.ready,.cargo-level-slot.next,.cargo-level-slot.building,.cargo-claim-ready,.cargo-claim-icon,.cargo-building-timer-icon,.cargo-upgrade-arrow,.cargo-loading-spinner,.cargo-locked-full:before,.cargo-locked-full:after,.cargo-locked-icon-container,.cargo-locked-icon-container:before,.cargo-locked-icon-img,.cargo-info-icon{animation:none}.cargo-upgrade-panel,.cargo-panel-image,.cargo-stat-card,.cargo-level-slot,.cargo-claim-btn,.cargo-start-upgrade-btn,.cargo-vehicle-guide,.cargo-locked-info,.cargo-guide-image-container,.cargo-guide-image,.cargo-guide-name,.cargo-guide-type,.cargo-guide-stats span{transition:none}.cargo-vehicle-guide:after{display:none}}.global-trade-page{max-width:1600px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;animation:globalTradePageFadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes globalTradePageFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.global-trade-header{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#8b4513d9,#000000f2);border:3px solid #8b4513;border-radius:12px;box-shadow:0 8px 24px #000000b3,inset 0 1px #ffd70026,inset 0 -1px #0000004d;position:relative;overflow:hidden}.global-trade-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.05),transparent);animation:global-trade-header-shimmer 8s ease-in-out infinite;pointer-events:none}@keyframes global-trade-header-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.global-trade-back-btn{align-self:flex-start;padding:.6rem 1.2rem;background:linear-gradient(135deg,#8b451399,#654321cc);border:2px solid #8b4513;border-radius:8px;color:gold;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.8);min-height:44px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.global-trade-back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .4s ease}.global-trade-back-btn:hover:before{left:100%}.global-trade-back-btn:hover{background:linear-gradient(135deg,#daa520b3,#8b4513e6);border-color:gold;transform:translate(-4px) translateZ(0);box-shadow:0 4px 12px #ffd7004d,0 0 20px #ffd70026}.global-trade-back-btn:active{transform:translate(-2px) scale(.98) translateZ(0)}.global-trade-title-row{display:flex;align-items:center;justify-content:center;gap:1.25rem}.global-trade-title-image{width:85px;height:105px;border-radius:10px;object-fit:cover;border:3px solid rgba(139,69,19,.7);background:linear-gradient(135deg,#3c2d1e99,#281e14cc);box-shadow:0 0 20px #ffd70040,0 6px 15px #000c,inset 0 1px #ffffff26,inset 0 -1px #0000004d;will-change:transform;transition:all .3s cubic-bezier(.4,0,.2,1);animation:global-trade-title-float 4s ease-in-out infinite}@keyframes global-trade-title-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}.global-trade-title-image:hover{animation-play-state:paused;transform:scale(1.06);box-shadow:0 0 30px #ffd70066,0 8px 20px #000c,inset 0 1px #fff3}.global-trade-title-text{display:flex;flex-direction:column;gap:.25rem;text-align:center}.global-trade-title{font-size:2rem;font-weight:900;font-family:Impact,Arial Black,sans-serif;color:gold;text-transform:uppercase;letter-spacing:4px;margin:0;text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 30px rgba(255,215,0,.3),0 1px 0 rgba(255,255,255,.1);animation:global-trade-title-glow 3s ease-in-out infinite}@keyframes global-trade-title-glow{0%,to{text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 30px rgba(255,215,0,.3),0 1px 0 rgba(255,255,255,.1)}50%{text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 45px rgba(255,215,0,.5),0 1px 0 rgba(255,255,255,.15)}}.global-trade-subtitle{font-size:1rem;color:#ff8c00;font-style:italic;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8)}.global-trade-error-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#dc354540,#8b000066);border:3px solid #dc3545;border-radius:10px;color:#fcc;font-weight:600;box-shadow:0 4px 12px #dc35454d,inset 0 1px #ffc8c81a;animation:global-trade-error-shake .5s ease}@keyframes global-trade-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.global-trade-error-banner button{background:#ffffff1a;border:2px solid rgba(255,200,200,.3);border-radius:6px;color:#fcc;font-size:1.2rem;cursor:pointer;padding:.4rem .6rem;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.global-trade-error-banner button:hover{background:#ff64644d;border-color:#ff646480;transform:rotate(90deg)}.global-trade-info-banner{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#8b451333,#4a38214d);border:2px solid rgba(139,69,19,.5);border-radius:10px;box-shadow:inset 0 1px #ffd7001a,0 4px 12px #0000004d;position:relative;overflow:hidden}.global-trade-info-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 50%,rgba(255,215,0,.08) 0%,transparent 50%);pointer-events:none}.info-banner-icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(255,215,0,.5));animation:global-trade-info-icon-pulse 3s ease-in-out infinite}@keyframes global-trade-info-icon-pulse{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255,215,0,.6));transform:scale(1.05)}}.info-banner-text{font-size:.9rem;color:#d4a76a;line-height:1.6;position:relative;z-index:1}.info-banner-text strong{color:gold;text-shadow:0 0 8px rgba(255,215,0,.3)}.global-trade-mobile-tabs{display:none;gap:.75rem;background:#0000004d;border:3px solid #8b4513;border-radius:12px;padding:.5rem;box-shadow:0 4px 12px #0006}.mobile-transport-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1rem;background:linear-gradient(135deg,#3c3732cc,#28231ee6);border:2px solid rgba(139,69,19,.4);border-radius:10px;color:#aaa;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:52px;position:relative;overflow:hidden;will-change:transform,background;transform:translateZ(0)}.mobile-transport-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);transition:left .5s ease}.mobile-transport-tab:hover:before{left:100%}.mobile-transport-tab:hover{background:linear-gradient(135deg,#50463ce6,#3c322df2);color:gold;transform:translateY(-2px) translateZ(0)}.mobile-transport-tab img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:all .25s ease}.mobile-transport-tab:hover img{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}.mobile-transport-tab.active{background:linear-gradient(180deg,#ff8c00,orange);border-color:gold;color:#2d2d2d;box-shadow:0 4px 12px #ff8c0080,inset 0 3px #ffd70080,0 -2px 8px #ff8c004d;transform:translateY(-2px) translateZ(0)}.mobile-transport-tab.active:after{content:"";position:absolute;bottom:-3px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent 0%,#ffd700 50%,transparent 100%)}.mobile-transport-tab.active img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.tab-route-count{background:linear-gradient(135deg,#ffd70040,#daa52059);color:gold;padding:.2rem .6rem;border-radius:10px;font-size:.75rem;font-weight:900;border:1px solid rgba(255,215,0,.4);box-shadow:0 0 8px #ffd70033}.mobile-transport-tab.active .tab-route-count{background:#0003;color:#2d2d2d;border-color:#0000004d;box-shadow:none}.global-trade-content{flex:1;display:flex;flex-direction:column}.global-trade-sections{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.global-trade-section{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:linear-gradient(180deg,#32281ee6,#1e1914f2);border:3px solid #8b4513;border-radius:12px;box-shadow:0 6px 20px #00000080,inset 0 1px #ffd70014;position:relative;overflow:hidden}.global-trade-section:before{content:"";position:absolute;top:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(139,69,19,.1) 0%,transparent 70%);pointer-events:none}.global-trade-boat{border-color:#5b8fa899;background:linear-gradient(180deg,#2d3237e6,#1e2328f2)}.global-trade-boat:before{background:radial-gradient(ellipse at 30% 20%,rgba(91,143,168,.08) 0%,transparent 50%)}.global-trade-air{border-color:#a8828c99;background:linear-gradient(180deg,#322a30e6,#231e21f2)}.global-trade-air:before{background:radial-gradient(ellipse at 70% 20%,rgba(168,130,140,.08) 0%,transparent 50%)}.trade-section-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid rgba(139,69,19,.4);position:relative}.section-header-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));transition:all .3s cubic-bezier(.4,0,.2,1)}.section-header-icon:hover{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(255,215,0,.4))}.section-header-title{font-size:1.25rem;font-weight:700;font-family:Impact,sans-serif;color:gold;text-transform:uppercase;letter-spacing:2px;margin:0;flex:1;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 12px rgba(255,215,0,.2)}.section-route-count{font-size:.85rem;color:#8da;background:linear-gradient(135deg,#50c87833,#3c965a4d);padding:.3rem .8rem;border-radius:12px;font-weight:700;border:1px solid rgba(80,200,120,.4);box-shadow:0 0 8px #50c87833}.trade-routes-grid{display:flex;flex-direction:column;gap:1rem}.trade-no-routes{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;text-align:center;color:#d4a76a;background:#0003;border-radius:10px;border:2px dashed rgba(139,69,19,.3)}.no-routes-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5;filter:grayscale(.3)}.trade-no-routes p{margin:0 0 .5rem;font-size:1rem;font-weight:600}.no-routes-hint{font-size:.85rem;color:#a08060;font-style:italic}.global-trade-route-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#3c3228d9,#282019f2);border:2px solid rgba(139,69,19,.5);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.global-trade-route-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transition:left .5s ease;pointer-events:none;z-index:1}.global-trade-route-card.urgency-closing{border-color:#ff6464b3;box-shadow:0 0 15px #ff646426}.global-trade-route-card.urgency-limited{border-color:#ffb45099;box-shadow:0 0 12px #ffb4501a}.global-trade-route-card.urgency-available{border-color:#64c89699;box-shadow:0 0 10px #64c8961a}.global-trade-route-card:not(.disabled):hover{transform:translateY(-5px) scale(1.01) translateZ(0);box-shadow:0 12px 28px #0009,0 0 25px #ffd70026,inset 0 1px #ffd70033;border-color:#daa520}.global-trade-route-card:not(.disabled):hover:before{left:100%}.global-trade-route-card.disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6)}.global-trade-route-card.disabled:after{content:"";position:absolute;inset:0;background:#00000059;pointer-events:none;border-radius:8px}.route-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.route-card-title-section{flex:1;display:flex;flex-direction:column;gap:.35rem}.route-card-name{font-size:1.1rem;font-weight:700;color:gold;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(255,215,0,.15);transition:text-shadow .3s ease}.global-trade-route-card:not(.disabled):hover .route-card-name{text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 12px rgba(255,215,0,.4)}.route-card-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.route-travel-time{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:#d4a76a}.route-meta-icon{width:16px;height:16px;object-fit:contain;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.route-urgency-badge{font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;transition:all .25s ease}.route-urgency-badge.urgency-closing{background:linear-gradient(135deg,#ff505059,#c8323273);color:#f88;border:1px solid rgba(255,80,80,.6);animation:global-trade-urgency-pulse 1.5s ease-in-out infinite;box-shadow:0 0 10px #ff505033}.route-urgency-badge.urgency-limited{background:linear-gradient(135deg,#ffb45059,#c88c3273);color:#fc8;border:1px solid rgba(255,180,80,.6);box-shadow:0 0 8px #ffb45026}.route-urgency-badge.urgency-available{background:linear-gradient(135deg,#50c87859,#32965a73);color:#8da;border:1px solid rgba(80,200,120,.6);box-shadow:0 0 8px #50c87826}@keyframes global-trade-urgency-pulse{0%,to{opacity:1;box-shadow:0 0 10px #ff505033}50%{opacity:.8;box-shadow:0 0 18px #ff505066}}.route-card-transport-icon{width:48px;height:48px;flex-shrink:0}.route-card-transport-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));transition:all .3s cubic-bezier(.4,0,.2,1)}.global-trade-route-card:not(.disabled):hover .route-card-transport-icon img{filter:drop-shadow(0 0 12px rgba(255,215,0,.4));transform:scale(1.08)}.route-card-items{display:flex;flex-direction:column;gap:.5rem}.route-items-header{font-size:.8rem;font-weight:700;color:#d4a76a;text-transform:uppercase;letter-spacing:1px;padding-bottom:.25rem;border-bottom:1px solid rgba(139,69,19,.3)}.route-items-list{display:flex;flex-direction:column;gap:.4rem}.route-item-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem .5rem;background:transparent;border-radius:0;gap:.6rem;border:none;border-bottom:1px solid rgba(139,69,19,.15);transition:all .2s cubic-bezier(.4,0,.2,1)}.route-item-row:last-child{border-bottom:none}.route-item-row:hover{background:#ffd70008}.route-item-info{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.route-item-icon{width:30px;height:30px;object-fit:contain;flex-shrink:0;border-radius:4px;background:transparent;padding:0;border:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.route-item-name{font-size:.95rem;color:#f4e4c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-item-owned{font-size:.8rem;color:gold;font-weight:700;flex-shrink:0;background:transparent;padding:0}.route-item-price-section{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:160px;justify-content:flex-end}.route-item-demand{font-size:.68rem;font-weight:700;padding:.22rem .55rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;border:1px solid;min-width:85px;text-align:center}.route-item-demand.demand-high{background:linear-gradient(135deg,#50c87859,#3c965a73);color:#8da;border-color:#50c87880}.route-item-demand.demand-moderate{background:linear-gradient(135deg,#c8b46459,#a08c4673);color:#e0d090;border-color:#c8b46480}.route-item-demand.demand-low{background:linear-gradient(135deg,#c8646459,#a0464673);color:#e09090;border-color:#c8646480}.route-item-price{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;font-size:.95rem;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.3);min-width:55px}.price-gold-icon{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(255,215,0,.4))}.route-card-actions{margin-top:.35rem}.route-trade-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#daa520,#b8860b);border:2px solid #ffd700;border-radius:8px;color:#000;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:48px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0);text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 4px 12px #daa5204d,inset 0 1px #ffffff4d}.route-trade-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.route-trade-btn:hover:before{left:100%}.route-trade-btn:hover{background:linear-gradient(135deg,gold,#daa520);transform:translateY(-3px) translateZ(0);box-shadow:0 8px 20px #ffd70080,0 0 25px #ffd7004d,inset 0 1px #fff6}.route-trade-btn:active{transform:translateY(-1px) scale(.98) translateZ(0);box-shadow:0 4px 12px #daa52066,inset 0 2px 4px #0000001a}.trade-btn-arrow{font-size:1.1rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block}.route-trade-btn:hover .trade-btn-arrow{transform:translate(6px)}.route-locked-message{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#503c3280,#32282399);border:2px solid rgba(139,100,80,.5);border-radius:8px;color:#c0a090;font-size:.85rem;font-weight:600}.route-locked-icon{width:20px;height:20px;object-fit:contain;opacity:.7;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.route-busy-message{text-align:center;padding:.75rem 1rem;background:linear-gradient(135deg,#50463280,#322d2399);border:2px solid rgba(180,150,80,.5);border-radius:8px;color:#d0c080;font-size:.85rem;font-weight:600;font-style:italic}.global-trade-active-panel{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:.5rem;position:relative;overflow:hidden}.global-trade-active-panel.in-transit{background:linear-gradient(135deg,#465a6e80,#2d3746b3);border:2px solid rgba(100,150,200,.5);box-shadow:0 4px 16px #0006,inset 0 1px #96c8ff1a}.global-trade-active-panel.in-transit:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,150,200,.1),transparent);animation:global-trade-travel-sweep 3s ease-in-out infinite}@keyframes global-trade-travel-sweep{0%{left:-50%}to{left:150%}}.global-trade-active-panel.ready{background:linear-gradient(135deg,#50966480,#326446b3);border:2px solid rgba(100,200,130,.6);animation:global-trade-ready-glow 2s ease-in-out infinite;box-shadow:0 4px 16px #64c8824d,inset 0 1px #96ffb426}@keyframes global-trade-ready-glow{0%,to{box-shadow:0 0 15px #64c8824d,0 4px 16px #64c88233}50%{box-shadow:0 0 30px #64c88280,0 4px 20px #64c88259}}.active-trade-header{display:flex;align-items:center;gap:.75rem}.active-trade-icon{width:40px;height:40px}.active-trade-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.active-trade-info{flex:1}.active-trade-title{font-size:1rem;font-weight:700;color:gold;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.6)}.active-trade-route{font-size:.85rem;color:#c8d8e8;margin:0}.active-trade-details{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.active-trade-items{display:flex;flex-direction:column;gap:.35rem}.active-trade-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#e0e8f0}.active-item-name{flex:1}.active-item-qty{color:#a0b0c0;font-weight:600}.active-item-gold{display:flex;align-items:center;gap:.2rem;color:gold;font-weight:700;text-shadow:0 0 6px rgba(255,215,0,.3)}.active-item-gold img{width:14px;height:14px;filter:drop-shadow(0 0 4px rgba(255,215,0,.4))}.active-trade-total{display:flex;justify-content:space-between;align-items:center;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.15);font-weight:700;color:#fff}.active-total-gold{display:flex;align-items:center;gap:.35rem;font-size:1.15rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.4),0 2px 4px rgba(0,0,0,.6)}.active-total-gold img{width:20px;height:20px;filter:drop-shadow(0 0 6px rgba(255,215,0,.5))}.active-trade-actions{display:flex;justify-content:center}.active-trade-claim-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#4caf50,#388e3c);border:2px solid #66bb6a;border-radius:8px;color:#fff;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:48px;box-shadow:0 4px 12px #4caf5066,inset 0 1px #fff3;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.active-trade-claim-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.active-trade-claim-btn:hover:before{left:100%}.active-trade-claim-btn:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-3px) scale(1.02) translateZ(0);box-shadow:0 8px 24px #4caf5080,0 0 30px #4caf504d,inset 0 1px #ffffff4d}.active-trade-claim-btn:active{transform:translateY(-1px) scale(.98) translateZ(0)}.active-trade-timer{display:flex;align-items:center;gap:.5rem;color:#a0c0e0;font-size:.95rem;font-weight:600}.active-trade-timer .timer-icon{width:20px;height:20px;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));animation:global-trade-timer-pulse 2s ease-in-out infinite}@keyframes global-trade-timer-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.global-trade-sell-modal-overlay{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow:hidden;animation:global-trade-modal-fade-in .25s ease-out}@keyframes global-trade-modal-fade-in{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(6px)}}.global-trade-sell-modal{width:100%;max-width:700px;max-height:90vh;background:linear-gradient(180deg,#3c2d1efa,#1e160ffc);border:3px solid #8b4513;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 25px 70px #000000d9,0 0 50px #8b451340,inset 0 1px #ffd7001a;overflow:hidden;overflow-x:hidden;animation:global-trade-modal-slide-up .3s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes global-trade-modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.global-trade-sell-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ffd700,transparent);z-index:10}.sell-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#8b451380,#4a382199);border-bottom:2px solid rgba(139,69,19,.5);position:relative;overflow:hidden}.sell-modal-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.08),transparent);animation:global-trade-header-shimmer 4s ease-in-out infinite}.sell-modal-header h3{margin:0;font-size:1.3rem;font-weight:700;font-family:Impact,sans-serif;color:gold;text-transform:uppercase;letter-spacing:2px;text-shadow:0 3px 6px rgba(0,0,0,.8),0 0 15px rgba(255,215,0,.3)}.sell-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4433699,#b71c1ccc);border:2px solid #f44336;border-radius:10px;color:#fff;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;flex-shrink:0;min-height:44px;will-change:transform;transform:translateZ(0)}.sell-modal-close:hover{background:linear-gradient(135deg,#f44336,#d32f2f);transform:rotate(90deg) translateZ(0);box-shadow:0 4px 12px #f4433680,0 0 20px #f443364d}.sell-modal-close:active{transform:rotate(90deg) scale(.95) translateZ(0)}.sell-modal-content{flex:1;padding:1.25rem 1.5rem;overflow:hidden;color:#d4a76a;display:flex;flex-direction:column;gap:.75rem;min-height:0}.sell-modal-placeholder{text-align:center;padding:2rem 1rem;color:#a08060;font-style:italic;font-size:1rem}.sell-modal-route-info{padding:.9rem 1rem;background:linear-gradient(135deg,#00000059,#140f0a73);border-radius:10px;border:2px solid rgba(139,69,19,.3);flex-shrink:0}.sell-modal-route-info p{margin:0 0 .75rem;color:#d4a76a;line-height:1.6}.sell-modal-route-meta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.sell-modal-travel-time{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;color:gold;font-weight:600;text-shadow:0 0 8px rgba(255,215,0,.3)}.route-info-icon{width:18px;height:18px;object-fit:contain;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.sell-modal-urgency{font-size:.75rem;font-weight:700;padding:.3rem .65rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;animation:global-trade-urgency-pulse 1.5s ease-in-out infinite}.sell-modal-urgency.urgency-closing{background:linear-gradient(135deg,#ff505059,#c8323273);color:#f88;border:1px solid rgba(255,80,80,.6);box-shadow:0 0 10px #ff505033}.sell-modal-urgency.urgency-limited{background:linear-gradient(135deg,#ffb45059,#c88c3273);color:#fc8;border:1px solid rgba(255,180,80,.6);box-shadow:0 0 8px #ffb45026}.sell-modal-cargo-meter{display:flex;flex-direction:column;gap:.5rem;padding:.9rem 1rem;background:linear-gradient(135deg,#0006,#140f0a80);border-radius:10px;border:2px solid rgba(139,69,19,.4);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex-shrink:0;will-change:transform,box-shadow;transform:translateZ(0);cursor:default}.sell-modal-cargo-meter:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .6s ease;pointer-events:none;z-index:1}.sell-modal-cargo-meter:hover{transform:translateY(-2px) translateZ(0);border-color:#daa52099;box-shadow:0 6px 18px #0006,0 0 15px #ffd7001a,inset 0 1px #ffd7001a}.sell-modal-cargo-meter:hover:after{left:100%}.sell-modal-cargo-meter:hover .cargo-meter-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.4));transform:scale(1.1)}.sell-modal-cargo-meter:hover .cargo-used{text-shadow:0 0 12px rgba(255,215,0,.5)}.sell-modal-cargo-meter.cargo-status-empty{border-color:#64646466}.sell-modal-cargo-meter.cargo-status-low{border-color:#50c87880;box-shadow:inset 0 0 15px #50c8781a}.sell-modal-cargo-meter.cargo-status-moderate{border-color:#e6be3c80;box-shadow:inset 0 0 15px #e6be3c1a}.sell-modal-cargo-meter.cargo-status-high{border-color:#ff8c3c80;box-shadow:inset 0 0 15px #ff8c3c1a}.sell-modal-cargo-meter.cargo-status-full{border-color:#ffd70099;box-shadow:inset 0 0 20px #ffd70026,0 0 15px #ffd70033;animation:cargo-full-glow 2s ease-in-out infinite}@keyframes cargo-full-glow{0%,to{box-shadow:inset 0 0 20px #ffd70026,0 0 15px #ffd70033}50%{box-shadow:inset 0 0 25px #ffd70040,0 0 25px #ffd70059}}.cargo-meter-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cargo-meter-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:#d4a76a;text-transform:uppercase;letter-spacing:.5px}.cargo-meter-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:all .25s cubic-bezier(.4,0,.2,1)}.cargo-meter-count{display:flex;align-items:baseline;gap:.2rem;font-weight:700}.cargo-used{font-size:1.3rem;color:gold;text-shadow:0 0 8px rgba(255,215,0,.3);transition:all .25s cubic-bezier(.4,0,.2,1)}.cargo-separator{font-size:1rem;color:#a08060}.cargo-max{font-size:1rem;color:#d4a76a}.cargo-unit{font-size:.75rem;color:#a08060;margin-left:.25rem}.cargo-meter-bar-container{position:relative;height:12px;background:linear-gradient(180deg,#00000080,#1e140f99);border-radius:6px;border:1px solid rgba(100,80,60,.4);overflow:hidden}.cargo-meter-bar{position:absolute;top:0;left:0;height:100%;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #fff3}.cargo-bar-empty{width:0!important}.cargo-bar-low{background:linear-gradient(180deg,#4caf50,#388e3c);box-shadow:inset 0 1px #ffffff4d,0 0 8px #4caf5066}.cargo-bar-moderate{background:linear-gradient(180deg,#ffc107,#e6a700);box-shadow:inset 0 1px #ffffff4d,0 0 8px #ffc10766}.cargo-bar-high{background:linear-gradient(180deg,#ff9800,#e68a00);box-shadow:inset 0 1px #ffffff4d,0 0 8px #ff980066}.cargo-bar-full{background:linear-gradient(180deg,gold,#daa520);box-shadow:inset 0 1px #fff6,0 0 12px #ffd70080;animation:cargo-bar-full-pulse 1.5s ease-in-out infinite}@keyframes cargo-bar-full-pulse{0%,to{box-shadow:inset 0 1px #fff6,0 0 12px #ffd70080}50%{box-shadow:inset 0 1px #ffffff80,0 0 20px #ffd700b3}}.cargo-meter-markers{position:absolute;inset:0;pointer-events:none}.cargo-marker{position:absolute;top:0;bottom:0;width:1px;background:#ffffff26}.cargo-marker-max{width:2px;background:#ffd7004d}.cargo-meter-footer{text-align:center;font-size:.8rem;min-height:1.2em}.cargo-full-message{color:gold;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.4);animation:cargo-full-text-pulse 2s ease-in-out infinite}@keyframes cargo-full-text-pulse{0%,to{opacity:1}50%{opacity:.8}}.cargo-empty-message{color:#888;font-style:italic}.cargo-remaining-message{color:#d4a76a}.sell-modal-item.at-max{border-color:#ffd70080;background:linear-gradient(135deg,#3c3223bf,#282016e6)}.sell-modal-item.at-max:after{content:"";position:absolute;inset:0;border-radius:8px;pointer-events:none;box-shadow:inset 0 0 15px #ffd7001a}.sell-modal-item-cap-limit{display:block;font-size:.72rem;color:#ff9800;font-weight:600}.sell-modal-quantity-input.at-cargo-max{border-color:gold;box-shadow:0 0 8px #ffd7004d,inset 0 0 6px #ffd7001a}.qty-btn.max-btn.maxed-out{background:linear-gradient(135deg,#4caf504d,#3c8c4166);border-color:#4caf5099;color:#8d8;cursor:default}.qty-btn.max-btn.maxed-out:hover{transform:none;box-shadow:none}.sell-modal-route-info ul{margin:0;padding-left:1.25rem}.sell-modal-route-info li{margin-bottom:.5rem;color:#f4e4c1}.modal-item-owned{color:gold;font-weight:700;margin-left:.5rem;text-shadow:0 0 6px rgba(255,215,0,.3)}.sell-modal-actions{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(180deg,#1e160f99,#140f0acc);border-top:2px solid rgba(139,69,19,.4)}.sell-modal-cancel{flex:1;padding:.85rem 1rem;background:linear-gradient(135deg,#50463c99,#322d28cc);border:2px solid rgba(120,100,80,.5);border-radius:10px;color:#b0a090;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:48px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.sell-modal-cancel:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s ease}.sell-modal-cancel:hover:before{left:100%}.sell-modal-cancel:hover{background:linear-gradient(135deg,#645546b3,#463c32e6);border-color:#96826499;transform:translateY(-2px)}.sell-modal-cancel:active{transform:translateY(0) scale(.98)}.sell-modal-confirm{flex:1.5;padding:.85rem 1rem;background:linear-gradient(135deg,#daa520,#b8860b);border:2px solid #ffd700;border-radius:10px;color:#000;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:48px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;text-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 4px 12px #daa52066,inset 0 1px #ffffff4d;will-change:transform,box-shadow;transform:translateZ(0)}.sell-modal-confirm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.sell-modal-confirm:hover:not(:disabled):before{left:100%}.sell-modal-confirm:hover:not(:disabled){background:linear-gradient(135deg,gold,#daa520);transform:translateY(-3px) translateZ(0);box-shadow:0 8px 20px #ffd70080,0 0 25px #ffd7004d,inset 0 1px #fff6}.sell-modal-confirm:active:not(:disabled){transform:translateY(-1px) scale(.98) translateZ(0)}.sell-modal-confirm:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.6);box-shadow:none}.sell-modal-confirm:disabled:before{display:none}.sell-modal-price-update-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#ffd70040,#ffa50059);border:2px solid rgba(255,215,0,.6);border-radius:8px;animation:global-trade-price-banner-flash .4s ease-out;box-shadow:0 0 20px #ffd70066,inset 0 0 15px #ffd70026}@keyframes global-trade-price-banner-flash{0%{opacity:0;transform:translateY(-10px);background:#ffd70099}50%{background:#ffd70066}to{opacity:1;transform:translateY(0)}}.price-update-icon{font-size:1.1rem;animation:global-trade-icon-pulse .3s ease-out}@keyframes global-trade-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.price-update-text{font-weight:700;font-size:.9rem;color:gold;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px rgba(255,215,0,.5)}.sell-modal-item.price-changed{animation:global-trade-item-price-changed 2s ease-out forwards;position:relative}@keyframes global-trade-item-price-changed{0%{background:#ffd7004d;box-shadow:0 0 15px #ffd70066}30%{background:#ffd70033;box-shadow:0 0 10px #ffd7004d}to{background:transparent;box-shadow:none}}.sell-modal-item-price.price-flash,.sell-modal-item-subtotal.price-flash{animation:global-trade-price-flash .5s ease-out}@keyframes global-trade-price-flash{0%,to{color:gold}25%{color:#f44;transform:scale(1.1);text-shadow:0 0 10px rgba(255,68,68,.6)}50%{color:#fa0;transform:scale(1.05)}}.price-changed-indicator{display:inline-block;margin-left:.25rem;color:#ff6b6b;font-weight:700;font-size:.85rem;animation:global-trade-arrow-bounce .4s ease-out}@keyframes global-trade-arrow-bounce{0%{transform:translateY(-5px);opacity:0}50%{transform:translateY(2px)}to{transform:translateY(0);opacity:1}}.sell-modal-confirm.price-updating{background:linear-gradient(135deg,#8b7355,#6b5344);border-color:#a08060;color:#d4c4a8;cursor:wait;animation:global-trade-button-pulse .4s ease-in-out}@keyframes global-trade-button-pulse{0%,to{opacity:1}50%{opacity:.7}}.sell-modal-confirm.price-updating:before{display:none}.sell-modal-total.updating{border-color:#ffd700cc;box-shadow:0 0 20px #ffd70066,inset 0 0 10px #ffd7001a;animation:global-trade-total-updating .3s ease-out}@keyframes global-trade-total-updating{0%{transform:scale(1.02)}to{transform:scale(1)}}.sell-modal-no-items{text-align:center;padding:3rem 1.5rem;color:#a08060;font-size:1rem}.sell-modal-no-items:before{content:"📦";display:block;font-size:3rem;margin-bottom:1rem;opacity:.5}.sell-modal-items{display:flex;flex-direction:column;gap:.85rem;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-top:.25rem;padding-right:.75rem;margin-right:-.25rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.sell-modal-items::-webkit-scrollbar{width:8px}.sell-modal-items::-webkit-scrollbar-track{background:#0000004d;border-radius:4px;margin:4px 0}.sell-modal-items::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#daa520,#8b4513);border-radius:4px;border:1px solid rgba(255,215,0,.3);transition:all .2s ease}.sell-modal-items::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,gold,#daa520);box-shadow:0 0 8px #ffd70066}.sell-modal-items{scrollbar-width:thin;scrollbar-color:#daa520 rgba(0,0,0,.3)}.sell-modal-item{display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#32281eb3,#1e1914d9);border-radius:10px;border:2px solid rgba(139,69,19,.4);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.sell-modal-item:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:radial-gradient(circle at center,rgba(255,215,0,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.sell-modal-item:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.08),transparent);transition:left .5s ease;pointer-events:none;z-index:0;border-radius:8px}.sell-modal-item:hover{border-color:#daa520;transform:translateY(-3px) translateZ(0);box-shadow:0 8px 20px #00000080,0 0 15px #ffd70026,inset 0 1px #ffd70026}.sell-modal-item:hover:before{opacity:1}.sell-modal-item:hover:after{left:100%}.sell-modal-item-info{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1;min-width:0}.sell-modal-item-icon{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));transition:all .25s ease}.sell-modal-item:hover .sell-modal-item-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}.sell-modal-item-details{display:flex;flex-direction:row;align-items:baseline;gap:.6rem;flex:1;min-width:0;overflow:hidden}.sell-modal-item-name{font-size:1rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:text-shadow .2s ease}.sell-modal-item:hover .sell-modal-item-name{text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 10px rgba(255,215,0,.3)}.sell-modal-item-price{display:flex;align-items:center;gap:.25rem;font-size:.82rem;color:#a08060;white-space:nowrap;flex-shrink:0}.sell-modal-item-slider{width:100px;height:6px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#8b451366,#64503c80);border-radius:3px;outline:none;cursor:grab;flex-shrink:0;margin-left:auto;transition:all .2s ease}.sell-modal-item-slider:active{cursor:grabbing}.sell-modal-item-slider:hover{background:linear-gradient(90deg,#8b451380,#78645099)}.sell-modal-item-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,gold,#daa520);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:grab;box-shadow:0 2px 6px #0006,0 0 8px #ffd7004d;transition:all .15s ease}.sell-modal-item-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #00000080,0 0 12px #ffd70080}.sell-modal-item-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.sell-modal-item-slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,gold,#daa520);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:grab;box-shadow:0 2px 6px #0006,0 0 8px #ffd7004d;transition:all .15s ease}.sell-modal-item-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #00000080,0 0 12px #ffd70080}.sell-modal-item-slider::-moz-range-track{background:linear-gradient(90deg,#8b451366,#64503c80);border-radius:3px;height:6px}.sell-modal-item-price img{width:14px;height:14px;filter:drop-shadow(0 0 4px rgba(255,215,0,.3))}.sell-modal-item-controls{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:1;flex-wrap:nowrap}.sell-modal-item-owned{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;color:#a08060;font-weight:600;white-space:nowrap;flex-shrink:0}.sell-modal-quantity-controls{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:nowrap;flex-shrink:0}.qty-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b451366,#65432199);border:2px solid rgba(139,69,19,.6);border-radius:8px;color:gold;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:36px;will-change:transform;transform:translateZ(0)}.qty-btn:hover:not(:disabled){background:linear-gradient(135deg,#daa52080,#8b4513b3);border-color:#daa520;transform:scale(1.08) translateZ(0);box-shadow:0 2px 8px #daa5204d}.qty-btn:active:not(:disabled){transform:scale(.95) translateZ(0)}.qty-btn:disabled{opacity:.35;cursor:not-allowed;filter:saturate(.5)}.qty-btn.max-btn{width:auto;padding:0 .7rem;background:linear-gradient(135deg,#ffd70040,#daa52059);border:2px solid rgba(255,215,0,.5);color:gold;font-size:.75rem;font-weight:900;letter-spacing:.5px}.qty-btn.max-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd70066,#daa52080);border-color:gold;box-shadow:0 2px 10px #ffd70066,0 0 15px #ffd70033}.sell-modal-quantity-input{width:65px;height:36px;text-align:center;background:linear-gradient(135deg,#00000080,#140f0a99);border:2px solid rgba(139,69,19,.5);border-radius:8px;color:gold;font-size:1rem;font-weight:700;transition:all .2s ease}.sell-modal-quantity-input:focus{outline:none;border-color:gold;box-shadow:0 0 12px #ffd70066,inset 0 0 8px #ffd7001a}.sell-modal-quantity-input::-webkit-outer-spin-button,.sell-modal-quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sell-modal-quantity-input[type=number]{-moz-appearance:textfield;appearance:textfield}.sell-modal-item-subtotal{display:flex;align-items:center;gap:.35rem;font-size:1.05rem;font-weight:700;color:gold;justify-content:flex-end;text-shadow:0 0 8px rgba(255,215,0,.3);white-space:nowrap;flex-shrink:0;min-width:70px;transition:all .2s ease}.sell-modal-item:hover .sell-modal-item-subtotal{text-shadow:0 0 12px rgba(255,215,0,.5)}.sell-modal-item-subtotal img{width:18px;height:18px;filter:drop-shadow(0 0 4px rgba(255,215,0,.4));transition:filter .2s ease}.sell-modal-item:hover .sell-modal-item-subtotal img{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.sell-modal-total{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:linear-gradient(135deg,#8b451340,#4a382159);border:2px solid rgba(255,215,0,.4);border-radius:10px;flex-wrap:nowrap;position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffd70026}.sell-modal-total:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);animation:global-trade-total-shimmer 4s ease-in-out infinite}@keyframes global-trade-total-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.sell-modal-total>span:first-child{font-weight:700;font-size:1.1rem;color:#f4e4c1;text-transform:uppercase;letter-spacing:1px}.sell-modal-total-gold{display:flex;align-items:center;gap:.4rem;font-size:1.4rem;font-weight:900;color:gold;text-shadow:0 0 12px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.6);animation:global-trade-gold-pulse 2s ease-in-out infinite}@keyframes global-trade-gold-pulse{0%,to{text-shadow:0 0 12px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.6)}50%{text-shadow:0 0 20px rgba(255,215,0,.7),0 2px 4px rgba(0,0,0,.6)}}.sell-modal-total-gold img{width:26px;height:26px;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.sell-modal-total-note{font-size:.75rem;color:#888;font-style:italic;margin-left:auto;white-space:nowrap}.global-trade-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;color:#d4a76a;font-size:1.1rem;font-weight:600}.loading-spinner{font-size:3rem;animation:global-trade-loading-spin 1.5s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(255,215,0,.4))}@keyframes global-trade-loading-spin{0%,to{transform:rotate(0) scale(1);filter:drop-shadow(0 0 12px rgba(255,215,0,.4))}50%{transform:rotate(180deg) scale(1.1);filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}}@media (min-width: 1440px){.global-trade-page{padding:2rem;max-width:1800px;margin:0 auto}.global-trade-sections{gap:2rem}.global-trade-header{padding:1.5rem 2rem}.global-trade-title{font-size:2.4rem;letter-spacing:4px}.global-trade-title-image{width:95px;height:115px}.global-trade-section{padding:1.5rem}.section-header-title{font-size:1.4rem}.route-card-name{font-size:1.2rem}.route-card-transport-icon{width:56px;height:56px}.global-trade-sell-modal{max-width:720px}.sell-modal-header{padding:1.35rem 1.75rem}.sell-modal-header h3{font-size:1.4rem;letter-spacing:2.5px}.sell-modal-content{padding:1.35rem 1.75rem;gap:.85rem}.sell-modal-cargo-meter{padding:1rem 1.15rem;gap:.6rem}.cargo-meter-label{font-size:.95rem}.cargo-meter-icon{width:26px;height:26px}.cargo-used{font-size:1.4rem}.cargo-max,.cargo-separator{font-size:1.05rem}.sell-modal-item{padding:1.1rem 1.35rem;gap:.7rem}.sell-modal-item-icon{width:48px;height:48px}.sell-modal-item-name{font-size:1.1rem}.sell-modal-item-price{font-size:.92rem}.sell-modal-item-owned{font-size:.9rem}.qty-btn{width:38px;height:38px;font-size:1rem}.sell-modal-quantity-input{width:60px;height:38px;font-size:1rem}.sell-modal-item-subtotal{font-size:1.1rem}.sell-modal-total{padding:1.15rem 1.35rem}.sell-modal-total-gold{font-size:1.5rem}.sell-modal-actions{padding:1.15rem 1.75rem;gap:1rem}.sell-modal-cancel,.sell-modal-confirm{padding:.95rem 1.5rem;font-size:1rem}}@media (max-width: 1199px){.global-trade-page{padding:1.25rem}.global-trade-title{font-size:1.9rem}.global-trade-sections{gap:1.25rem}}@media (max-width: 1023px){.global-trade-mobile-tabs{display:flex}.global-trade-sections{grid-template-columns:1fr}.global-trade-sections.show-boat .global-trade-air,.global-trade-sections.show-air .global-trade-boat{display:none}.global-trade-title{font-size:1.8rem;letter-spacing:2px}.global-trade-title-image{width:56px;height:69px}.global-trade-section{padding:1.15rem}}@media (max-width: 768px){.global-trade-page{padding:1rem;gap:1rem}.global-trade-header{padding:1rem;gap:.85rem}.global-trade-title-row{gap:.85rem}.global-trade-title{font-size:1.6rem}.global-trade-title-image{width:52px;height:64px}.global-trade-subtitle{font-size:.95rem}.global-trade-info-banner{padding:.9rem 1rem}.info-banner-text{font-size:.88rem;line-height:1.5}.mobile-transport-tab{padding:.85rem .9rem;font-size:.85rem}.section-header-title{font-size:1.15rem}.section-header-icon{width:36px;height:36px}.route-card-name{font-size:1.05rem}.route-card-transport-icon{width:44px;height:44px}.global-trade-sell-modal{max-width:600px;max-height:88vh}.sell-modal-header{padding:1.1rem 1.25rem}.sell-modal-header h3{font-size:1.15rem;letter-spacing:1.5px}.sell-modal-content{padding:1rem 1.15rem;gap:.6rem}.sell-modal-items{max-height:280px}.sell-modal-item{padding:.9rem 1rem}.sell-modal-cargo-meter{padding:.8rem .9rem;margin-bottom:.65rem}.cargo-meter-label{font-size:.85rem}.cargo-meter-icon{width:22px;height:22px}.cargo-used{font-size:1.2rem}.sell-modal-item-controls{gap:.6rem}.sell-modal-item-owned{font-size:.82rem}.qty-btn{width:32px;height:32px;font-size:.9rem}.sell-modal-quantity-input{width:52px;height:32px;font-size:.9rem}.sell-modal-item-subtotal{font-size:.95rem;min-width:60px}}@media (max-width: 767px){.global-trade-page{padding:.85rem}.global-trade-header{padding:.9rem}.global-trade-title{font-size:1.45rem;letter-spacing:1.5px}.global-trade-title-image{width:48px;height:59px}.global-trade-subtitle{font-size:.9rem}.global-trade-back-btn{padding:.55rem 1rem;font-size:.85rem}.global-trade-info-banner{gap:.75rem;padding:.85rem}.info-banner-icon{font-size:1.3rem}.info-banner-text{font-size:.82rem}.mobile-transport-tab{padding:.75rem .6rem;font-size:.8rem;min-height:50px}.mobile-transport-tab img{width:26px;height:26px}.global-trade-section{padding:1rem}.trade-section-header{gap:.6rem;padding-bottom:.6rem}.section-header-title{font-size:1.1rem;letter-spacing:1px}.section-header-icon{width:34px;height:34px}.section-route-count{font-size:.8rem;padding:.25rem .65rem}.global-trade-route-card{padding:.9rem}.route-card-name{font-size:1rem}.route-card-transport-icon{width:42px;height:42px}.route-item-row{padding:.5rem .4rem}.route-item-icon{width:28px;height:28px}.route-item-name{font-size:.88rem}.route-item-price-section{min-width:145px}.route-item-demand{font-size:.62rem;padding:.18rem .45rem;min-width:78px}.route-item-price{font-size:.88rem;min-width:50px}.route-trade-btn{font-size:.9rem;padding:.7rem .9rem;min-height:46px}.global-trade-active-panel{padding:.9rem}.active-trade-title{font-size:.95rem}.global-trade-sell-modal{max-width:95%;max-height:85vh;border-radius:14px}.sell-modal-header h3{font-size:1.1rem;letter-spacing:1px}.sell-modal-close{width:38px;height:38px}.sell-modal-content{padding:.9rem 1rem;gap:.5rem}.sell-modal-item{padding:.85rem}.sell-modal-item-icon{width:38px;height:38px}.sell-modal-item-name{font-size:.95rem}.sell-modal-total{padding:1rem}.sell-modal-total-gold{font-size:1.25rem}.sell-modal-actions{padding:1rem;gap:.75rem}.sell-modal-cargo-meter{padding:.75rem .85rem;gap:.4rem}.cargo-meter-label{font-size:.8rem;gap:.4rem}.cargo-meter-icon{width:20px;height:20px}.cargo-used{font-size:1.15rem}.cargo-max,.cargo-separator{font-size:.9rem}.cargo-meter-bar-container{height:10px}.cargo-meter-footer{font-size:.75rem}.sell-modal-route-meta{flex-direction:column;align-items:center;gap:.5rem}.sell-modal-travel-time{font-size:.88rem}.sell-modal-item-controls{flex-direction:row;flex-wrap:wrap;gap:.5rem}.sell-modal-item-owned{flex:1;font-size:.8rem}.sell-modal-quantity-controls{flex-wrap:nowrap;gap:.2rem}.qty-btn{width:30px;height:30px;font-size:.85rem}.qty-btn.max-btn{padding:0 .4rem;font-size:.65rem}.sell-modal-quantity-input{width:48px;height:30px;font-size:.85rem}.sell-modal-item-subtotal{width:100%;justify-content:flex-end;font-size:.95rem;padding-top:.35rem;border-top:1px solid rgba(139,69,19,.2)}}@media (max-width: 599px){.global-trade-page{padding:.75rem;gap:.9rem}.global-trade-header{padding:.8rem;gap:.75rem}.global-trade-title-row{gap:.75rem}.global-trade-title{font-size:1.3rem;letter-spacing:1px}.global-trade-title-image{width:44px;height:54px}.global-trade-subtitle{font-size:.85rem}.global-trade-back-btn{padding:.5rem .9rem;font-size:.8rem;min-height:42px}.global-trade-info-banner{flex-direction:column;text-align:center;gap:.5rem}.info-banner-text{font-size:.8rem}.global-trade-mobile-tabs{padding:.4rem;gap:.5rem}.mobile-transport-tab{padding:.65rem .5rem;font-size:.75rem;min-height:48px;letter-spacing:.5px}.mobile-transport-tab img{width:24px;height:24px}.tab-route-count{font-size:.7rem;padding:.15rem .5rem}.global-trade-section{padding:.85rem;border-width:2px}.section-header-title{font-size:1rem}.section-header-icon{width:30px;height:30px}.section-route-count{font-size:.75rem}.global-trade-route-card{padding:.8rem}.route-card-name{font-size:.95rem}.route-card-transport-icon{width:38px;height:38px}.route-travel-time{font-size:.8rem}.route-urgency-badge{font-size:.68rem;padding:.18rem .5rem}.route-items-header{font-size:.75rem}.route-item-row{padding:.45rem .35rem}.route-item-icon{width:26px;height:26px}.route-item-name{font-size:.82rem}.route-item-price-section{min-width:135px;gap:.5rem}.route-item-demand{font-size:.55rem;padding:.15rem .35rem;min-width:72px}.route-item-price{font-size:.82rem;min-width:48px}.price-gold-icon{width:14px;height:14px}.route-trade-btn{font-size:.85rem;padding:.65rem .8rem;min-height:44px;letter-spacing:.5px}.global-trade-sell-modal{max-height:82vh;max-width:100%;margin:.5rem;border-radius:12px}.sell-modal-header{padding:.9rem 1rem}.sell-modal-header h3{font-size:1rem}.sell-modal-close{width:36px;height:36px;font-size:1.2rem}.sell-modal-content{padding:.9rem 1rem}.sell-modal-items{max-height:240px;gap:.7rem}.sell-modal-item{padding:.7rem;gap:.5rem}.sell-modal-item-icon{width:36px;height:36px}.sell-modal-item-details{flex-direction:column;align-items:flex-start;gap:.15rem}.sell-modal-item-name{font-size:.9rem}.sell-modal-item-price{font-size:.75rem}.sell-modal-item-slider{width:70px;height:5px}.sell-modal-item-slider::-webkit-slider-thumb{width:14px;height:14px}.sell-modal-item-slider::-moz-range-thumb{width:14px;height:14px}.sell-modal-item-owned{font-size:.78rem;min-width:65px}.qty-btn{width:32px;height:32px;font-size:.9rem;border-radius:6px}.qty-btn.max-btn{padding:0 .5rem;font-size:.68rem}.sell-modal-quantity-input{width:50px;height:32px;font-size:.85rem;border-radius:6px}.sell-modal-item-subtotal{font-size:.88rem;min-width:70px}.sell-modal-item-subtotal img{width:15px;height:15px}.sell-modal-total{padding:.9rem;margin-top:.75rem;gap:.6rem}.sell-modal-total>span:first-child{font-size:.95rem}.sell-modal-total-gold{font-size:1.15rem}.sell-modal-total-gold img{width:22px;height:22px}.sell-modal-total-note{font-size:.72rem}.sell-modal-actions{padding:.9rem 1rem;gap:.65rem}.sell-modal-cancel,.sell-modal-confirm{padding:.75rem .8rem;font-size:.85rem;min-height:44px}.sell-modal-cargo-meter{padding:.65rem .75rem;gap:.35rem;margin-bottom:.5rem}.cargo-meter-header{gap:.5rem}.cargo-meter-label{font-size:.72rem;gap:.35rem}.cargo-meter-icon{width:18px;height:18px}.cargo-used{font-size:1.05rem}.cargo-max,.cargo-separator{font-size:.82rem}.cargo-unit{font-size:.65rem}.cargo-meter-bar-container{height:8px}.cargo-meter-footer{font-size:.7rem}.sell-modal-route-info{padding:.9rem;margin-top:.75rem}.sell-modal-travel-time{font-size:.82rem}.route-info-icon{width:16px;height:16px}.sell-modal-urgency{font-size:.68rem;padding:.25rem .5rem}.sell-modal-item-cap-limit{font-size:.68rem}.sell-modal-item-controls{flex-direction:column;align-items:stretch;gap:.4rem}.sell-modal-item-owned{width:100%;font-size:.78rem;text-align:left}.sell-modal-quantity-controls{justify-content:center;width:100%;gap:.2rem}.sell-modal-item-subtotal{width:100%;justify-content:flex-end;font-size:.9rem;padding-top:.3rem;border-top:1px solid rgba(139,69,19,.2);min-width:auto}.qty-btn{width:28px;height:28px;font-size:.85rem;min-height:30px}.qty-btn.max-btn{padding:0 .45rem;font-size:.65rem}.sell-modal-quantity-input{width:48px;height:30px;font-size:.85rem}}@media (max-width: 479px){.global-trade-page{padding:.6rem;gap:.75rem}.global-trade-header{padding:.7rem;gap:.65rem;border-radius:10px}.global-trade-title{font-size:1.15rem;letter-spacing:.5px}.global-trade-title-image{width:40px;height:49px;border-radius:8px}.global-trade-subtitle{font-size:.8rem}.global-trade-back-btn{padding:.45rem .8rem;font-size:.75rem;min-height:40px}.global-trade-info-banner{padding:.7rem}.info-banner-icon{font-size:1.2rem}.info-banner-text{font-size:.75rem}.mobile-transport-tab{padding:.55rem .4rem;font-size:.7rem;gap:.35rem;border-radius:8px}.mobile-transport-tab img{width:22px;height:22px}.global-trade-section{padding:.75rem;border-radius:10px}.section-header-title{font-size:.95rem;letter-spacing:.5px}.section-header-icon{width:28px;height:28px}.section-route-count{font-size:.7rem;padding:.2rem .55rem}.global-trade-route-card{padding:.7rem;border-radius:8px}.route-card-header{gap:.5rem}.route-card-name{font-size:.9rem}.route-card-transport-icon{width:34px;height:34px}.route-card-meta{gap:.5rem}.route-travel-time{font-size:.75rem}.route-item-row{gap:.35rem;padding:.4rem .3rem}.route-item-icon{width:24px;height:24px}.route-item-name{font-size:.78rem}.route-item-owned{font-size:.7rem}.route-item-price-section{min-width:120px;gap:.4rem}.route-item-demand{font-size:.52rem;padding:.12rem .3rem;min-width:65px}.route-item-price{font-size:.78rem;min-width:42px}.route-trade-btn{font-size:.8rem;padding:.6rem .7rem;min-height:44px}.global-trade-sell-modal{max-height:80vh;border-width:2px;border-radius:10px}.sell-modal-header{padding:.75rem .9rem}.sell-modal-header h3{font-size:.9rem;letter-spacing:.5px}.sell-modal-close{width:34px;height:34px;font-size:1.1rem;border-radius:8px}.sell-modal-content{padding:.75rem .9rem}.sell-modal-items{max-height:200px;gap:.6rem}.sell-modal-item{padding:.6rem}.sell-modal-item-info{gap:.6rem}.sell-modal-item-icon{width:32px;height:32px}.sell-modal-item-name{font-size:.85rem}.sell-modal-item-price{font-size:.72rem}.sell-modal-item-controls{gap:.4rem}.sell-modal-item-owned{font-size:.72rem;min-width:55px}.sell-modal-item-slider{display:none}.qty-btn{width:30px;height:30px;font-size:.85rem}.qty-btn.max-btn{padding:0 .4rem;font-size:.62rem}.sell-modal-quantity-input{width:45px;height:30px;font-size:.8rem}.sell-modal-item-subtotal{font-size:.82rem;min-width:60px}.sell-modal-total{padding:.75rem;border-radius:10px}.sell-modal-total>span:first-child{font-size:.88rem}.sell-modal-total-gold{font-size:1.05rem}.sell-modal-total-gold img{width:20px;height:20px}.sell-modal-actions{padding:.75rem .9rem;gap:.5rem}.sell-modal-cancel,.sell-modal-confirm{padding:.65rem .7rem;font-size:.78rem;min-height:42px;border-radius:8px}.sell-modal-cargo-meter{padding:.55rem .65rem;gap:.3rem;margin-bottom:.4rem;border-radius:8px}.cargo-meter-header{gap:.4rem;flex-wrap:wrap}.cargo-meter-label{font-size:.68rem;gap:.3rem}.cargo-meter-icon{width:16px;height:16px}.cargo-used{font-size:.95rem}.cargo-max,.cargo-separator{font-size:.75rem}.cargo-unit{font-size:.6rem}.cargo-meter-bar-container{height:7px}.cargo-meter-footer{font-size:.65rem}.sell-modal-route-info{padding:.75rem}.sell-modal-travel-time{font-size:.75rem}.route-info-icon{width:14px;height:14px}.sell-modal-urgency{font-size:.62rem;padding:.2rem .4rem}.sell-modal-item-cap-limit{font-size:.62rem}.sell-modal-item{padding:.6rem;gap:.4rem}.sell-modal-item-controls{gap:.35rem}.sell-modal-item-owned{font-size:.72rem}.sell-modal-quantity-controls{display:flex;flex-wrap:nowrap;gap:.15rem;width:100%;justify-content:center}.qty-btn{width:26px;height:26px;font-size:.72rem;min-height:26px}.qty-btn.max-btn{width:auto;min-width:32px;padding:0 .3rem;font-size:.55rem}.sell-modal-quantity-input{width:40px;height:26px;font-size:.75rem}.sell-modal-item-subtotal{font-size:.82rem;gap:.2rem}.sell-modal-item-subtotal img{width:14px;height:14px}}@media (max-width: 359px){.global-trade-page{padding:.5rem;gap:.6rem}.global-trade-header{padding:.6rem;gap:.5rem}.global-trade-title-row{gap:.5rem}.global-trade-title{font-size:1rem;letter-spacing:0px}.global-trade-title-image{width:36px;height:44px}.global-trade-subtitle{font-size:.75rem}.mobile-transport-tab{padding:.5rem .35rem;font-size:.65rem;letter-spacing:0px}.mobile-transport-tab img{width:20px;height:20px}.tab-route-count{font-size:.6rem}.section-header-title{font-size:.88rem}.section-header-icon{width:26px;height:26px}.route-card-name{font-size:.85rem}.route-card-transport-icon{width:30px;height:30px}.route-trade-btn{font-size:.75rem;padding:.55rem .6rem;letter-spacing:0px}.sell-modal-header h3{font-size:.82rem}.sell-modal-close{width:32px;height:32px}.sell-modal-item-controls{flex-wrap:wrap}.sell-modal-quantity-controls{width:100%;justify-content:center;margin-top:.3rem}.sell-modal-item-subtotal{width:100%;justify-content:center;margin-top:.3rem;margin-left:0}.sell-modal-total>span:first-child{width:100%;text-align:center}.sell-modal-total-gold{width:100%;justify-content:center}}.global-trade-page ::-webkit-scrollbar{width:10px}.global-trade-page ::-webkit-scrollbar-track{background:#00000059;border-radius:5px}.global-trade-page ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#daa520,#b8860b);border-radius:5px;border:2px solid rgba(0,0,0,.3);box-shadow:inset 0 1px #fff3}.global-trade-page ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,gold,#daa520);box-shadow:inset 0 1px #ffffff4d,0 0 8px #ffd7004d}@media (prefers-reduced-motion: reduce){.global-trade-page,.global-trade-page *,.global-trade-page *:before,.global-trade-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.global-trade-header:before,.sell-modal-header:before,.route-trade-btn:before,.sell-modal-confirm:before,.sell-modal-cancel:before,.global-trade-back-btn:before,.mobile-transport-tab:before,.active-trade-claim-btn:before,.global-trade-active-panel.in-transit:before,.global-trade-sell-modal:before,.global-trade-route-card:before,.sell-modal-total:before,.sell-modal-cargo-meter:after,.sell-modal-item:after,.sell-modal-item:before{display:none!important}.route-urgency-badge.urgency-closing{box-shadow:0 0 10px #ff50504d}.global-trade-active-panel.ready{box-shadow:0 0 20px #64c88266}.sell-modal-cargo-meter.cargo-status-full{box-shadow:inset 0 0 20px #ffd70026,0 0 15px #ffd70033}.cargo-bar-full{box-shadow:inset 0 1px #fff6,0 0 12px #ffd70080}.global-trade-sell-modal-overlay{backdrop-filter:blur(6px)}.global-trade-sell-modal{opacity:1;transform:none}}.global-trade-back-btn:focus-visible,.mobile-transport-tab:focus-visible,.route-trade-btn:focus-visible,.active-trade-claim-btn:focus-visible,.sell-modal-close:focus-visible,.sell-modal-cancel:focus-visible,.sell-modal-confirm:focus-visible,.qty-btn:focus-visible,.sell-modal-quantity-input:focus-visible{outline:3px solid #ffd700;outline-offset:2px;box-shadow:0 0 0 6px #ffd70033}@media (prefers-contrast: high){.global-trade-page{background:#000}.global-trade-header,.global-trade-section,.global-trade-route-card,.global-trade-sell-modal{border-width:3px;border-color:gold}.global-trade-title,.section-header-title,.route-card-name,.sell-modal-header h3{color:#fff;text-shadow:none}.route-trade-btn,.sell-modal-confirm{background:gold;color:#000;border-color:#fff}}.attack-deploy-effect-container{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);width:0;height:0;will-change:transform;contain:layout style}.attack-deploy-burst{position:absolute;width:120px;height:120px;left:-60px;top:-60px;background:radial-gradient(circle,rgba(255,200,50,1) 0%,rgba(255,140,20,.9) 20%,rgba(255,80,0,.7) 40%,rgba(200,30,0,.5) 60%,rgba(150,0,0,.2) 80%,transparent 100%);border-radius:50%;animation:attackBurstExpand .55s cubic-bezier(.25,.46,.45,.94) forwards;filter:blur(2px);mix-blend-mode:screen}@keyframes attackBurstExpand{0%{transform:scale(.1);opacity:1;filter:blur(1px)}30%{transform:scale(.6);opacity:1;filter:blur(2px)}60%{transform:scale(1.3);opacity:.7;filter:blur(3px)}to{transform:scale(2);opacity:0;filter:blur(5px)}}.attack-deploy-ring{position:absolute;width:80px;height:80px;left:-40px;top:-40px;border:4px solid rgba(255,180,50,.9);border-radius:50%;animation:attackRingExpand .7s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 0 15px #ff8c00b3,0 0 30px #ff500066,0 0 45px #c81e0033,inset 0 0 10px #ffc86480}@keyframes attackRingExpand{0%{transform:scale(0);opacity:1;border-width:4px}40%{transform:scale(1.5);opacity:.9;border-width:3px}70%{transform:scale(2.5);opacity:.5;border-width:2px}to{transform:scale(3.5);opacity:0;border-width:1px}}.attack-deploy-ring-secondary{position:absolute;width:60px;height:60px;left:-30px;top:-30px;border:3px solid rgba(255,100,50,.7);border-radius:50%;animation:attackRingExpandSecondary .8s cubic-bezier(.34,1.56,.64,1) .1s forwards;box-shadow:0 0 12px #ff501499,0 0 25px #c832004d,inset 0 0 8px #ff965066;opacity:0}@keyframes attackRingExpandSecondary{0%{transform:scale(0);opacity:.8;border-width:3px}50%{transform:scale(2);opacity:.6;border-width:2px}to{transform:scale(4);opacity:0;border-width:1px}}.attack-deploy-arrow{position:absolute;width:40px;height:40px;transform-origin:center center;will-change:transform,opacity;animation-fill-mode:forwards;left:calc(-20px + var(--arrow-x, 0px));top:calc(-20px + var(--arrow-y, 0px));opacity:0;z-index:10}.attack-deploy-arrow-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,200,100,.9)) drop-shadow(0 0 12px rgba(255,140,0,.7)) drop-shadow(0 0 20px rgba(255,80,0,.4));transform:scale(var(--arrow-scale, 1));pointer-events:none}.attack-deploy-arrow-trail{position:absolute;width:8px;height:35px;left:50%;bottom:100%;transform:translate(-50%);background:linear-gradient(to top,rgba(255,200,100,.8) 0%,rgba(255,140,50,.5) 40%,rgba(255,80,0,.2) 70%,transparent 100%);border-radius:4px 4px 50% 50%;filter:blur(2px);opacity:.9}.attack-deploy-arrow-up{animation:arrowFlyUp var(--arrow-duration, .65s) var(--arrow-delay, 0ms) cubic-bezier(.22,.61,.36,1) forwards}@keyframes arrowFlyUp{0%{opacity:0;transform:translate(0) translateY(0) rotate(calc(var(--arrow-rotation, 0deg))) scale(.3)}10%{opacity:1;transform:translate(calc(var(--arrow-velocity-x, 0) * 8px)) translateY(calc(var(--arrow-velocity-y, -1) * 15px)) rotate(calc(var(--arrow-rotation, 0deg) * .8)) scale(calc(var(--arrow-scale, 1) * 1.2))}25%{opacity:1;transform:translate(calc(var(--arrow-velocity-x, 0) * 25px)) translateY(calc(var(--arrow-velocity-y, -1) * 50px)) rotate(calc(var(--arrow-rotation, 0deg) * .5)) scale(var(--arrow-scale, 1))}50%{opacity:1;transform:translate(calc(var(--arrow-velocity-x, 0) * 60px)) translateY(calc(var(--arrow-velocity-y, -1) * 110px)) rotate(calc(var(--arrow-rotation, 0deg) * .3)) scale(calc(var(--arrow-scale, 1) * .95))}75%{opacity:.7;transform:translate(calc(var(--arrow-velocity-x, 0) * 100px)) translateY(calc(var(--arrow-velocity-y, -1) * 180px)) rotate(calc(var(--arrow-rotation, 0deg) * .1)) scale(calc(var(--arrow-scale, 1) * .85))}to{opacity:0;transform:translate(calc(var(--arrow-velocity-x, 0) * 140px)) translateY(calc(var(--arrow-velocity-y, -1) * 260px)) rotate(0) scale(calc(var(--arrow-scale, 1) * .7))}}.attack-deploy-arrow-left{animation:arrowFlyLeft var(--arrow-duration, .7s) var(--arrow-delay, 80ms) cubic-bezier(.22,.61,.36,1) forwards}.attack-deploy-arrow-left .attack-deploy-arrow-img{transform:scale(var(--arrow-scale, 1)) rotate(-25deg)}.attack-deploy-arrow-left .attack-deploy-arrow-trail{transform:translate(-50%) rotate(25deg);transform-origin:bottom center}@keyframes arrowFlyLeft{0%{opacity:0;transform:translate(0) translateY(0) rotate(calc(var(--arrow-rotation, -25deg))) scale(.3)}10%{opacity:1;transform:translate(calc(var(--arrow-velocity-x, -.6) * 12px)) translateY(calc(var(--arrow-velocity-y, -.8) * 12px)) rotate(calc(var(--arrow-rotation, -25deg) * .9)) scale(calc(var(--arrow-scale, .95) * 1.15))}25%{opacity:1;transform:translate(calc(var(--arrow-velocity-x, -.6) * 40px)) translateY(calc(var(--arrow-velocity-y, -.8) * 45px)) rotate(calc(var(--arrow-rotation, -25deg) * .7)) scale(var(--arrow-scale, .95))}50%{opacity:1;transform:translate(calc(var(--arrow-velocity-x, -.6) * 90px)) translateY(calc(var(--arrow-velocity-y, -.8) * 100px)) rotate(calc(var(--arrow-rotation, -25deg) * .4)) scale(calc(var(--arrow-scale, .95) * .92))}75%{opacity:.65;transform:translate(calc(var(--arrow-velocity-x, -.6) * 150px)) translateY(calc(var(--arrow-velocity-y, -.8) * 160px)) rotate(calc(var(--arrow-rotation, -25deg) * .2)) scale(calc(var(--arrow-scale, .95) * .82))}to{opacity:0;transform:translate(calc(var(--arrow-velocity-x, -.6) * 210px)) translateY(calc(var(--arrow-velocity-y, -.8) * 230px)) rotate(0) scale(calc(var(--arrow-scale, .95) * .65))}}.attack-deploy-arrow-right{animation:arrowFlyRight var(--arrow-duration, .7s) var(--arrow-delay, .1s) cubic-bezier(.22,.61,.36,1) forwards}.attack-deploy-arrow-right .attack-deploy-arrow-img{transform:scale(var(--arrow-scale, 1)) rotate(25deg)}.attack-deploy-arrow-right .attack-deploy-arrow-trail{transform:translate(-50%) rotate(-25deg);transform-origin:bottom center}@keyframes arrowFlyRight{0%{opacity:0;transform:translate(0) translateY(0) rotate(calc(var(--arrow-rotation, 25deg))) scale(.3)}10%{opacity:1;transform:translate(calc(var(--arrow-velocity-x, .6) * 12px)) translateY(calc(var(--arrow-velocity-y, -.8) * 12px)) rotate(calc(var(--arrow-rotation, 25deg) * .9)) scale(calc(var(--arrow-scale, .95) * 1.15))}25%{opacity:1;transform:translate(calc(var(--arrow-velocity-x, .6) * 40px)) translateY(calc(var(--arrow-velocity-y, -.8) * 45px)) rotate(calc(var(--arrow-rotation, 25deg) * .7)) scale(var(--arrow-scale, .95))}50%{opacity:1;transform:translate(calc(var(--arrow-velocity-x, .6) * 90px)) translateY(calc(var(--arrow-velocity-y, -.8) * 100px)) rotate(calc(var(--arrow-rotation, 25deg) * .4)) scale(calc(var(--arrow-scale, .95) * .92))}75%{opacity:.65;transform:translate(calc(var(--arrow-velocity-x, .6) * 150px)) translateY(calc(var(--arrow-velocity-y, -.8) * 160px)) rotate(calc(var(--arrow-rotation, 25deg) * .2)) scale(calc(var(--arrow-scale, .95) * .82))}to{opacity:0;transform:translate(calc(var(--arrow-velocity-x, .6) * 210px)) translateY(calc(var(--arrow-velocity-y, -.8) * 230px)) rotate(0) scale(calc(var(--arrow-scale, .95) * .65))}}.attack-deploy-particle{position:absolute;border-radius:50%;transform-origin:center center;will-change:transform,opacity;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}.attack-deploy-particle-smoke{width:calc(28px * var(--particle-size, 1));height:calc(28px * var(--particle-size, 1));background:radial-gradient(circle,rgba(80,60,40,.65) 0%,rgba(60,45,30,.45) 40%,rgba(40,30,20,.25) 70%,transparent 100%);filter:blur(4px);animation:battleSmokeRise var(--particle-duration, 1.1s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg))}@keyframes battleSmokeRise{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg)) scale(.2)}15%{opacity:.75;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 8px))) translateY(calc(var(--particle-y, 0) - 25px)) rotate(calc(var(--particle-rotation, 0deg) + 15deg)) scale(.7)}40%{opacity:.6;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 25px))) translateY(calc(var(--particle-y, 0) - 70px)) rotate(calc(var(--particle-rotation, 0deg) + 35deg)) scale(1)}70%{opacity:.35;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 45px))) translateY(calc(var(--particle-y, 0) - 120px)) rotate(calc(var(--particle-rotation, 0deg) + 60deg)) scale(1.3)}to{opacity:0;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 65px))) translateY(calc(var(--particle-y, 0) - 170px)) rotate(calc(var(--particle-rotation, 0deg) + 90deg)) scale(1.5)}}.attack-deploy-particle-ember{width:calc(10px * var(--particle-size, 1));height:calc(10px * var(--particle-size, 1));background:radial-gradient(circle,rgba(255,220,100,1) 0%,rgba(255,160,50,.9) 40%,rgba(255,100,20,.6) 70%,transparent 100%);box-shadow:0 0 8px #ffa000e6,0 0 16px #ff640099,0 0 24px #ff32004d;animation:warEmberFloat var(--particle-duration, .75s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0))}@keyframes warEmberFloat{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) scale(.15)}15%{opacity:1;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 12px))) translateY(calc(var(--particle-y, 0) - 20px)) scale(1.1)}40%{opacity:.9;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 35px))) translateY(calc(var(--particle-y, 0) - 55px)) scale(.9)}70%{opacity:.6;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 60px))) translateY(calc(var(--particle-y, 0) - 95px)) scale(.6)}to{opacity:0;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 90px))) translateY(calc(var(--particle-y, 0) - 140px)) scale(.25)}}.attack-deploy-particle-spark{width:calc(7px * var(--particle-size, 1));height:calc(7px * var(--particle-size, 1));background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,240,180,.95) 30%,rgba(255,200,100,.7) 60%,transparent 100%);box-shadow:0 0 5px #fff,0 0 10px #ffdc64e6,0 0 18px #ffa00099;animation:battleSparkFlash var(--particle-duration, .5s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0))}@keyframes battleSparkFlash{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) scale(0)}12%{opacity:1;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 6px))) translateY(calc(var(--particle-y, 0) - 12px)) scale(1.6)}35%{opacity:.95;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 20px))) translateY(calc(var(--particle-y, 0) - 40px)) scale(1.1)}65%{opacity:.6;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 45px))) translateY(calc(var(--particle-y, 0) - 80px)) scale(.7)}to{opacity:0;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 75px))) translateY(calc(var(--particle-y, 0) - 120px)) scale(.3)}}.attack-deploy-particle-trail{width:calc(6px * var(--particle-size, 1));height:calc(45px * var(--particle-size, 1));background:linear-gradient(to top,rgba(255,200,100,.85) 0%,rgba(255,160,50,.6) 30%,rgba(255,100,20,.35) 60%,transparent 100%);border-radius:3px 3px 50% 50%;filter:blur(2px);transform-origin:bottom center;animation:arrowTrailStreak var(--particle-duration, .6s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg))}@keyframes arrowTrailStreak{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg)) scaleY(.1) scaleX(.5)}15%{opacity:1;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 5px))) translateY(calc(var(--particle-y, 0) - 25px)) rotate(calc(var(--particle-rotation, 0deg) * .9)) scaleY(1.2) scaleX(1)}40%{opacity:.85;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 15px))) translateY(calc(var(--particle-y, 0) - 65px)) rotate(calc(var(--particle-rotation, 0deg) * .6)) scaleY(1.4) scaleX(.9)}70%{opacity:.5;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 25px))) translateY(calc(var(--particle-y, 0) - 110px)) rotate(calc(var(--particle-rotation, 0deg) * .3)) scaleY(1.1) scaleX(.7)}to{opacity:0;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 35px))) translateY(calc(var(--particle-y, 0) - 160px)) rotate(0) scaleY(.6) scaleX(.4)}}@media (max-width: 1024px){.attack-deploy-burst{width:90px;height:90px;left:-45px;top:-45px}.attack-deploy-ring{width:60px;height:60px;left:-30px;top:-30px;border-width:3px}.attack-deploy-ring-secondary{width:45px;height:45px;left:-22.5px;top:-22.5px;border-width:2px}.attack-deploy-arrow{width:32px;height:32px;left:calc(-16px + var(--arrow-x, 0px));top:calc(-16px + var(--arrow-y, 0px))}.attack-deploy-arrow-trail{height:28px;width:6px}.attack-deploy-particle-smoke{width:calc(22px * var(--particle-size, 1));height:calc(22px * var(--particle-size, 1));filter:blur(3px)}.attack-deploy-particle-ember{width:calc(8px * var(--particle-size, 1));height:calc(8px * var(--particle-size, 1))}.attack-deploy-particle-spark{width:calc(5px * var(--particle-size, 1));height:calc(5px * var(--particle-size, 1))}.attack-deploy-particle-trail{width:calc(5px * var(--particle-size, 1));height:calc(35px * var(--particle-size, 1))}}@media (max-width: 600px){.attack-deploy-burst{width:70px;height:70px;left:-35px;top:-35px}.attack-deploy-ring{width:45px;height:45px;left:-22.5px;top:-22.5px;border-width:2.5px}.attack-deploy-ring-secondary{width:35px;height:35px;left:-17.5px;top:-17.5px;border-width:2px}.attack-deploy-arrow{width:26px;height:26px;left:calc(-13px + var(--arrow-x, 0px));top:calc(-13px + var(--arrow-y, 0px))}.attack-deploy-arrow-trail{height:22px;width:5px}.attack-deploy-particle-smoke{width:calc(16px * var(--particle-size, 1));height:calc(16px * var(--particle-size, 1));filter:blur(2px)}.attack-deploy-particle-ember{width:calc(6px * var(--particle-size, 1));height:calc(6px * var(--particle-size, 1))}.attack-deploy-particle-spark{width:calc(4px * var(--particle-size, 1));height:calc(4px * var(--particle-size, 1))}.attack-deploy-particle-trail{width:calc(4px * var(--particle-size, 1));height:calc(28px * var(--particle-size, 1))}}@media (max-width: 360px){.attack-deploy-burst{width:55px;height:55px;left:-27.5px;top:-27.5px}.attack-deploy-ring{width:35px;height:35px;left:-17.5px;top:-17.5px;border-width:2px}.attack-deploy-ring-secondary{width:28px;height:28px;left:-14px;top:-14px;border-width:1.5px}.attack-deploy-arrow{width:22px;height:22px;left:calc(-11px + var(--arrow-x, 0px));top:calc(-11px + var(--arrow-y, 0px))}.attack-deploy-arrow-trail{height:18px;width:4px}.attack-deploy-particle-smoke{width:calc(12px * var(--particle-size, 1));height:calc(12px * var(--particle-size, 1));filter:blur(1.5px)}.attack-deploy-particle-ember{width:calc(5px * var(--particle-size, 1));height:calc(5px * var(--particle-size, 1))}.attack-deploy-particle-spark{width:calc(3px * var(--particle-size, 1));height:calc(3px * var(--particle-size, 1))}.attack-deploy-particle-trail{width:calc(3px * var(--particle-size, 1));height:calc(22px * var(--particle-size, 1))}}@media (min-width: 1920px){.attack-deploy-burst{width:150px;height:150px;left:-75px;top:-75px}.attack-deploy-ring{width:100px;height:100px;left:-50px;top:-50px;border-width:5px}.attack-deploy-ring-secondary{width:75px;height:75px;left:-37.5px;top:-37.5px;border-width:4px}.attack-deploy-arrow{width:50px;height:50px;left:calc(-25px + var(--arrow-x, 0px));top:calc(-25px + var(--arrow-y, 0px))}.attack-deploy-arrow-trail{height:45px;width:10px}.attack-deploy-particle-smoke{width:calc(36px * var(--particle-size, 1));height:calc(36px * var(--particle-size, 1));filter:blur(5px)}.attack-deploy-particle-ember{width:calc(12px * var(--particle-size, 1));height:calc(12px * var(--particle-size, 1))}.attack-deploy-particle-spark{width:calc(9px * var(--particle-size, 1));height:calc(9px * var(--particle-size, 1))}.attack-deploy-particle-trail{width:calc(8px * var(--particle-size, 1));height:calc(55px * var(--particle-size, 1))}}@media (prefers-reduced-motion: reduce){.attack-deploy-effect-container,.attack-deploy-burst,.attack-deploy-ring,.attack-deploy-ring-secondary,.attack-deploy-arrow,.attack-deploy-particle{animation:none!important;display:none}}.scout-deploy-effect-container{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);width:0;height:0;will-change:transform;contain:layout style}.scout-deploy-burst{position:absolute;width:100px;height:100px;left:-50px;top:-50px;background:radial-gradient(circle,rgba(150,220,255,1) 0%,rgba(100,180,255,.9) 20%,rgba(120,100,220,.7) 40%,rgba(80,60,180,.4) 60%,rgba(60,40,140,.2) 80%,transparent 100%);border-radius:50%;animation:scoutBurstExpand .5s cubic-bezier(.25,.46,.45,.94) forwards;filter:blur(3px);mix-blend-mode:screen}@keyframes scoutBurstExpand{0%{transform:scale(.1);opacity:1;filter:blur(2px)}35%{transform:scale(.7);opacity:1;filter:blur(3px)}65%{transform:scale(1.4);opacity:.6;filter:blur(4px)}to{transform:scale(2);opacity:0;filter:blur(6px)}}.scout-deploy-ring{position:absolute;width:70px;height:70px;left:-35px;top:-35px;border:3px solid rgba(150,200,255,.9);border-radius:50%;animation:scoutRingExpand .6s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 0 12px #78b4ffcc,0 0 25px #648cdc80,0 0 40px #5064b44d,inset 0 0 8px #b4dcff80}@keyframes scoutRingExpand{0%{transform:scale(0);opacity:1;border-width:3px}50%{transform:scale(2);opacity:.8;border-width:2px}to{transform:scale(3.5);opacity:0;border-width:1px}}.scout-deploy-ring-secondary{position:absolute;width:50px;height:50px;left:-25px;top:-25px;border:2px solid rgba(180,140,255,.7);border-radius:50%;animation:scoutRingExpandSecondary .7s cubic-bezier(.34,1.56,.64,1) .08s forwards;box-shadow:0 0 10px #a078ff99,0 0 20px #7850c84d,inset 0 0 6px #c8b4ff66;opacity:0}@keyframes scoutRingExpandSecondary{0%{transform:scale(0);opacity:.9;border-width:2px}60%{transform:scale(2.5);opacity:.5;border-width:1.5px}to{transform:scale(4);opacity:0;border-width:1px}}.scout-deploy-icon-container{position:absolute;width:50px;height:50px;left:-25px;top:-25px;display:flex;align-items:center;justify-content:center;animation:scoutIconAppearGrowPoof 1.4s cubic-bezier(.34,1.56,.64,1) forwards;z-index:10}.scout-deploy-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(150,200,255,1)) drop-shadow(0 0 16px rgba(120,160,255,.8)) drop-shadow(0 0 30px rgba(100,120,220,.5));z-index:2}.scout-deploy-icon-glow{position:absolute;width:80px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(150,200,255,.6) 0%,rgba(120,160,255,.4) 30%,rgba(100,120,220,.2) 60%,transparent 100%);border-radius:50%;animation:scoutGlowPulse 1.4s ease-out forwards;z-index:1}@keyframes scoutIconAppearGrowPoof{0%{opacity:0;transform:scale(.2) rotate(-15deg);filter:blur(3px)}15%{opacity:1;transform:scale(1.1) rotate(5deg);filter:blur(0)}25%{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}45%{opacity:1;transform:scale(1.2) rotate(2deg);filter:blur(0)}65%{opacity:1;transform:scale(2.2) rotate(-3deg);filter:blur(0)}80%{opacity:.6;transform:scale(2.8) rotate(0);filter:blur(2px)}to{opacity:0;transform:scale(3.5) rotate(5deg);filter:blur(8px)}}@keyframes scoutGlowPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:.8;transform:translate(-50%,-50%) scale(1)}45%{opacity:.9;transform:translate(-50%,-50%) scale(1.3)}65%{opacity:1;transform:translate(-50%,-50%) scale(2)}80%{opacity:.5;transform:translate(-50%,-50%) scale(2.5)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}.scout-deploy-particle{position:absolute;border-radius:50%;transform-origin:center center;will-change:transform,opacity;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}.scout-deploy-particle-smoke{width:calc(30px * var(--particle-size, 1));height:calc(30px * var(--particle-size, 1));background:radial-gradient(circle,rgba(100,80,140,.7) 0%,rgba(80,60,120,.5) 40%,rgba(60,50,100,.25) 70%,transparent 100%);filter:blur(4px);animation:mysticalSmokeRise var(--particle-duration, .9s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg))}@keyframes mysticalSmokeRise{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg)) scale(.2)}20%{opacity:.8;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 10px))) translateY(calc(var(--particle-y, 0) - 20px)) rotate(calc(var(--particle-rotation, 0deg) + 20deg)) scale(.8)}50%{opacity:.6;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 30px))) translateY(calc(var(--particle-y, 0) - 55px)) rotate(calc(var(--particle-rotation, 0deg) + 45deg)) scale(1.1)}80%{opacity:.3;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 50px))) translateY(calc(var(--particle-y, 0) - 95px)) rotate(calc(var(--particle-rotation, 0deg) + 70deg)) scale(1.4)}to{opacity:0;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 65px))) translateY(calc(var(--particle-y, 0) - 130px)) rotate(calc(var(--particle-rotation, 0deg) + 90deg)) scale(1.6)}}.scout-deploy-particle-lightning{width:calc(4px * var(--particle-size, 1));height:calc(35px * var(--particle-size, 1));background:linear-gradient(to top,rgba(200,220,255,1) 0%,rgba(150,200,255,.9) 30%,rgba(120,180,255,.6) 60%,transparent 100%);border-radius:2px;box-shadow:0 0 6px #b4d2ff,0 0 12px #8cb4ffcc,0 0 20px #6496ff80;transform-origin:center bottom;animation:lightningBolt var(--particle-duration, .35s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg))}@keyframes lightningBolt{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) rotate(var(--particle-rotation, 0deg)) scaleY(0) scaleX(.5)}15%{opacity:1;transform:translate(calc(var(--particle-x, 0))) translateY(calc(var(--particle-y, 0) - 10px)) rotate(var(--particle-rotation, 0deg)) scaleY(1.2) scaleX(1)}40%{opacity:1;transform:translate(calc(var(--particle-x, 0))) translateY(calc(var(--particle-y, 0) - 25px)) rotate(var(--particle-rotation, 0deg)) scaleY(1) scaleX(.8)}70%{opacity:.5;transform:translate(calc(var(--particle-x, 0))) translateY(calc(var(--particle-y, 0) - 40px)) rotate(var(--particle-rotation, 0deg)) scaleY(.7) scaleX(.5)}to{opacity:0;transform:translate(calc(var(--particle-x, 0))) translateY(calc(var(--particle-y, 0) - 55px)) rotate(var(--particle-rotation, 0deg)) scaleY(.3) scaleX(.2)}}.scout-deploy-particle-wisp{width:calc(12px * var(--particle-size, 1));height:calc(12px * var(--particle-size, 1));background:radial-gradient(circle,rgba(180,200,255,.9) 0%,rgba(150,180,255,.6) 40%,rgba(120,150,220,.3) 70%,transparent 100%);box-shadow:0 0 8px #a0beffcc,0 0 16px #82a0f080;animation:wispFloat var(--particle-duration, .8s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0))}@keyframes wispFloat{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) scale(.2)}20%{opacity:1;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 8px))) translateY(calc(var(--particle-y, 0) - 15px)) scale(1)}50%{opacity:.8;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 25px))) translateY(calc(var(--particle-y, 0) - 45px)) scale(.9)}80%{opacity:.4;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 45px))) translateY(calc(var(--particle-y, 0) - 80px)) scale(.7)}to{opacity:0;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 60px))) translateY(calc(var(--particle-y, 0) - 110px)) scale(.4)}}.scout-deploy-particle-spark{width:calc(6px * var(--particle-size, 1));height:calc(6px * var(--particle-size, 1));background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(200,220,255,.95) 30%,rgba(150,190,255,.6) 60%,transparent 100%);box-shadow:0 0 4px #fff,0 0 8px #b4d2ffe6,0 0 14px #8cb4ff99;animation:sparkFlash var(--particle-duration, .3s) var(--particle-delay, 0ms) forwards;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0))}@keyframes sparkFlash{0%{opacity:0;transform:translate(var(--particle-x, 0)) translateY(var(--particle-y, 0)) scale(0)}20%{opacity:1;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 5px))) translateY(calc(var(--particle-y, 0) - 8px)) scale(1.5)}50%{opacity:.9;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 15px))) translateY(calc(var(--particle-y, 0) - 25px)) scale(1)}to{opacity:0;transform:translate(calc(var(--particle-x, 0) + calc(var(--particle-drift, 0) * 30px))) translateY(calc(var(--particle-y, 0) - 50px)) scale(.3)}}@media (max-width: 1024px){.scout-deploy-burst{width:75px;height:75px;left:-37.5px;top:-37.5px}.scout-deploy-ring{width:55px;height:55px;left:-27.5px;top:-27.5px;border-width:2.5px}.scout-deploy-ring-secondary{width:40px;height:40px;left:-20px;top:-20px;border-width:1.5px}.scout-deploy-icon-container{width:40px;height:40px;left:-20px;top:-20px}.scout-deploy-icon-glow{width:65px;height:65px}.scout-deploy-particle-smoke{width:calc(24px * var(--particle-size, 1));height:calc(24px * var(--particle-size, 1));filter:blur(3px)}.scout-deploy-particle-lightning{width:calc(3px * var(--particle-size, 1));height:calc(28px * var(--particle-size, 1))}.scout-deploy-particle-wisp{width:calc(10px * var(--particle-size, 1));height:calc(10px * var(--particle-size, 1))}.scout-deploy-particle-spark{width:calc(5px * var(--particle-size, 1));height:calc(5px * var(--particle-size, 1))}}@media (max-width: 600px){.scout-deploy-burst{width:60px;height:60px;left:-30px;top:-30px}.scout-deploy-ring{width:45px;height:45px;left:-22.5px;top:-22.5px;border-width:2px}.scout-deploy-ring-secondary{width:32px;height:32px;left:-16px;top:-16px;border-width:1.5px}.scout-deploy-icon-container{width:32px;height:32px;left:-16px;top:-16px}.scout-deploy-icon-glow{width:50px;height:50px}.scout-deploy-particle-smoke{width:calc(18px * var(--particle-size, 1));height:calc(18px * var(--particle-size, 1));filter:blur(2px)}.scout-deploy-particle-lightning{width:calc(3px * var(--particle-size, 1));height:calc(22px * var(--particle-size, 1))}.scout-deploy-particle-wisp{width:calc(8px * var(--particle-size, 1));height:calc(8px * var(--particle-size, 1))}.scout-deploy-particle-spark{width:calc(4px * var(--particle-size, 1));height:calc(4px * var(--particle-size, 1))}}@media (max-width: 360px){.scout-deploy-burst{width:45px;height:45px;left:-22.5px;top:-22.5px}.scout-deploy-ring{width:35px;height:35px;left:-17.5px;top:-17.5px;border-width:1.5px}.scout-deploy-ring-secondary{width:26px;height:26px;left:-13px;top:-13px;border-width:1px}.scout-deploy-icon-container{width:26px;height:26px;left:-13px;top:-13px}.scout-deploy-icon-glow{width:40px;height:40px}.scout-deploy-particle-smoke{width:calc(14px * var(--particle-size, 1));height:calc(14px * var(--particle-size, 1));filter:blur(1.5px)}.scout-deploy-particle-lightning{width:calc(2px * var(--particle-size, 1));height:calc(18px * var(--particle-size, 1))}.scout-deploy-particle-wisp{width:calc(6px * var(--particle-size, 1));height:calc(6px * var(--particle-size, 1))}.scout-deploy-particle-spark{width:calc(3px * var(--particle-size, 1));height:calc(3px * var(--particle-size, 1))}}@media (min-width: 1920px){.scout-deploy-burst{width:130px;height:130px;left:-65px;top:-65px}.scout-deploy-ring{width:90px;height:90px;left:-45px;top:-45px;border-width:4px}.scout-deploy-ring-secondary{width:65px;height:65px;left:-32.5px;top:-32.5px;border-width:3px}.scout-deploy-icon-container{width:65px;height:65px;left:-32.5px;top:-32.5px}.scout-deploy-icon-glow{width:100px;height:100px}.scout-deploy-particle-smoke{width:calc(38px * var(--particle-size, 1));height:calc(38px * var(--particle-size, 1));filter:blur(5px)}.scout-deploy-particle-lightning{width:calc(5px * var(--particle-size, 1));height:calc(45px * var(--particle-size, 1))}.scout-deploy-particle-wisp{width:calc(16px * var(--particle-size, 1));height:calc(16px * var(--particle-size, 1))}.scout-deploy-particle-spark{width:calc(8px * var(--particle-size, 1));height:calc(8px * var(--particle-size, 1))}}@media (prefers-reduced-motion: reduce){.scout-deploy-effect-container,.scout-deploy-burst,.scout-deploy-ring,.scout-deploy-ring-secondary,.scout-deploy-icon-container,.scout-deploy-icon-glow,.scout-deploy-particle{animation:none!important;display:none}}@keyframes battle-shop-glare-sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes battle-shop-modal-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes battle-shop-rarity-pulse{0%,to{box-shadow:0 0 6px currentColor}50%{box-shadow:0 0 16px currentColor}}@keyframes battle-shop-toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes battle-shop-toast-out{0%{opacity:1}to{opacity:0}}.battle-shop-container{max-width:1400px;margin:0 auto;padding:0 16px 24px;position:relative;overflow-x:hidden}.battle-shop-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:16px;flex-wrap:wrap}.battle-shop-title{color:#c8a84e;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.battle-shop-balance-bar{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.battle-shop-gold-display,.battle-shop-bt-display{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.battle-shop-gold-display{color:gold}.battle-shop-bt-display{color:#c8a84e}.battle-shop-balance-icon{width:22px;height:22px;object-fit:contain}.battle-shop-toast{position:relative;text-align:center;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;margin-bottom:12px;animation:battle-shop-toast-in .3s cubic-bezier(.4,0,.2,1);text-shadow:0 1px 2px rgba(0,0,0,.5)}.battle-shop-toast-success{background:#44ff8826;border:1px solid rgba(68,255,136,.4);color:#4f8}.battle-shop-toast-error{background:#ff444426;border:1px solid rgba(255,68,68,.4);color:#f44}.battle-shop-categories{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.battle-shop-categories::-webkit-scrollbar{display:none}.battle-shop-category-btn{padding:8px 20px;border:1px solid #8a6a2e;border-radius:8px;background:transparent;color:#d4c4a0;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.battle-shop-category-btn:hover{background:#c8a84e26;border-color:#c8a84e;color:#f5e6c8;transform:scale(1.05)}.battle-shop-category-btn.active{background:linear-gradient(180deg,#e8c84e,#c8a84e);color:#1a1207;border-color:#e8c84e;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.15)}.battle-shop-category-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.battle-shop-category-btn:focus:not(:focus-visible){outline:none}.battle-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding:10px 6px 20px;overflow-x:hidden;scroll-behavior:smooth}.battle-shop-grid::-webkit-scrollbar{width:8px}.battle-shop-grid::-webkit-scrollbar-track{background:#1a120799;border-radius:4px}.battle-shop-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:4px}.battle-shop-item-card{background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;padding:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #c8a84e33,0 4px 12px #0000004d;will-change:transform;touch-action:manipulation;cursor:pointer}.battle-shop-item-card:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-100%);pointer-events:none;z-index:2}.battle-shop-item-card:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(200,168,78,.1) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.battle-shop-item-card:hover{transform:translateY(-5px) scale(1.02);border-color:#c8a84e;background:linear-gradient(145deg,#3a2a15,#2a1f10);box-shadow:inset 0 1px #c8a84e4d,0 8px 24px #0006,0 0 15px #c8a84e4d}.battle-shop-item-card:hover:before{animation:battle-shop-glare-sweep .6s ease-in-out}.battle-shop-item-card:hover:after{opacity:1}.battle-shop-item-image-container{width:128px;height:128px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:3}.battle-shop-item-image{max-width:100%;max-height:100%;object-fit:contain}.battle-shop-item-name{color:#f5e6c8;font-size:1rem;font-weight:600;margin:0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;z-index:3}.battle-shop-item-species{color:#a08860;font-size:.8rem;margin:0 0 8px;position:relative;z-index:3}.battle-shop-item-rarity{position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:4;text-shadow:0 1px 2px rgba(0,0,0,.5)}.battle-shop-item-price{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 12px;flex-wrap:wrap;position:relative;z-index:3}.battle-shop-price-gold{display:flex;align-items:center;gap:4px;color:gold;font-weight:600;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.battle-shop-price-bt{display:flex;align-items:center;gap:4px;color:#c8a84e;font-weight:600;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.battle-shop-price-separator{color:#a08860;font-weight:600;font-size:.85rem}.battle-shop-price-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle}.battle-shop-buy-btn{width:100%;padding:10px 16px;min-height:44px;border:none;border-radius:8px;background:linear-gradient(180deg,#c8a84e,#8a6a2e);color:#1a1207;font-weight:700;font-size:.9rem;cursor:pointer;position:relative;overflow:hidden;z-index:3;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 1px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.battle-shop-buy-btn:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%);pointer-events:none}.battle-shop-buy-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #c8a84e66}.battle-shop-buy-btn:hover:not(:disabled):before{animation:battle-shop-glare-sweep .6s ease-in-out}.battle-shop-buy-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.battle-shop-buy-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.battle-shop-buy-btn:focus:not(:focus-visible){outline:none}.battle-shop-rarity-common{background:#8080804d;color:gray;border:1px solid rgba(128,128,128,.5)}.battle-shop-rarity-rare{background:#48f3;color:#48f;border:1px solid rgba(68,136,255,.4)}.battle-shop-rarity-epic{background:#a4f3;color:#a4f;border:1px solid rgba(170,68,255,.4);animation:battle-shop-rarity-pulse 2s ease-in-out infinite}.battle-shop-rarity-legendary{background:#f803;color:#f80;border:1px solid rgba(255,136,0,.4);animation:battle-shop-rarity-pulse 2s ease-in-out infinite}.battle-shop-egg-modal-overlay{position:fixed;inset:0;z-index:1000;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.battle-shop-egg-modal{max-width:800px;width:90vw;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 30px #c8a84e33,inset 0 1px #c8a84e26;animation:battle-shop-modal-in .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;position:relative;scroll-behavior:smooth}.battle-shop-egg-modal::-webkit-scrollbar{width:8px}.battle-shop-egg-modal::-webkit-scrollbar-track{background:#1a120799;border-radius:0 16px 16px 0}.battle-shop-egg-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:4px}.battle-shop-egg-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(200,168,78,.2)}.battle-shop-egg-modal-title{display:flex;align-items:center;gap:12px}.battle-shop-egg-modal-title h2{color:#f5e6c8;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.battle-shop-egg-modal-title-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s cubic-bezier(.4,0,.2,1)}.battle-shop-egg-modal-title:hover .battle-shop-egg-modal-title-icon{transform:translateY(-2px) scale(1.08)}.battle-shop-hatch-time{display:flex;align-items:center;gap:4px;color:#a08860;font-size:.8rem;font-weight:600;margin-left:12px;white-space:nowrap}.battle-shop-hatch-clock{width:18px;height:18px;object-fit:contain;opacity:.8}.battle-shop-egg-modal-close{background:none;border:none;color:#c8a84e;font-size:2rem;cursor:pointer;padding:0;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.battle-shop-egg-modal-close:hover{transform:rotate(90deg) scale(1.15);color:#f0d060}.battle-shop-egg-modal-close:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.battle-shop-egg-modal-close:focus:not(:focus-visible){outline:none}.battle-shop-egg-modal-content{display:grid;grid-template-columns:40% 60%;gap:24px;padding:24px}.battle-shop-egg-sprite-section{display:flex;flex-direction:column;gap:16px}.battle-shop-sprite-display{background:linear-gradient(145deg,#1a1207,#0d0a04);border:1px solid rgba(200,168,78,.2);border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0006}.battle-shop-sprite-img{max-width:100%;max-height:200px;object-fit:contain}.battle-shop-sprite-toggle{display:flex;gap:8px}.battle-shop-sprite-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;min-height:44px;border:1px solid #8a6a2e;border-radius:8px;background:transparent;color:#d4c4a0;font-weight:600;font-size:.85rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.battle-shop-sprite-btn:hover{background:#c8a84e26;border-color:#c8a84e}.battle-shop-sprite-btn.active{background:linear-gradient(180deg,#c8a84e,#8a6a2e);color:#1a1207;border-color:#c8a84e;font-weight:700}.battle-shop-sprite-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.battle-shop-sprite-btn:focus:not(:focus-visible){outline:none}.battle-shop-toggle-pet-icon{width:28px;height:28px;object-fit:contain;border-radius:4px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));transition:transform .3s cubic-bezier(.4,0,.2,1)}.battle-shop-sprite-btn:hover .battle-shop-toggle-pet-icon{transform:scale(1.15) translateY(-1px)}.battle-shop-sprite-hint{color:#a08860;font-size:.8rem;text-align:center;margin:0;font-style:italic}.battle-shop-egg-purchase{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid rgba(200,168,78,.15)}.battle-shop-egg-price-display{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.battle-shop-egg-buy-btn{width:100%;padding:12px 16px;min-height:44px;border:none;border-radius:8px;background:linear-gradient(180deg,#c8a84e,#8a6a2e);color:#1a1207;font-weight:700;font-size:1rem;cursor:pointer;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 1px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.battle-shop-egg-buy-btn:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%);pointer-events:none}.battle-shop-egg-buy-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #c8a84e66}.battle-shop-egg-buy-btn:hover:not(:disabled):before{animation:battle-shop-glare-sweep .6s ease-in-out}.battle-shop-egg-buy-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.battle-shop-egg-buy-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.battle-shop-egg-buy-btn:focus:not(:focus-visible){outline:none}.battle-shop-insufficient{color:#f44;font-size:.8rem;text-align:center;margin:0;font-weight:600}.battle-shop-egg-info-section{display:flex;flex-direction:column;gap:16px}.battle-shop-species-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.battle-shop-species-name{color:#f5e6c8;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.battle-shop-rarity-badge{padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.battle-shop-species-desc{color:#d4c4a0;font-size:.9rem;line-height:1.5;margin:0}.battle-shop-base-stats{border:1px solid rgba(200,168,78,.2);border-radius:12px;padding:16px;background:#1a120780}.battle-shop-stats-title{display:flex;align-items:center;gap:8px;color:#c8a84e;font-size:1rem;font-weight:700;margin:0 0 12px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.battle-shop-section-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.battle-shop-stats-grid{display:flex;flex-direction:column;gap:8px}.battle-shop-stat-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(135deg,#c8a84e0f,#1a120766);border:1px solid rgba(200,168,78,.1);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.battle-shop-stat-row:hover{background:linear-gradient(135deg,#c8a84e1f,#1a120799);border-color:#c8a84e40;box-shadow:0 0 8px #c8a84e1a}.battle-shop-stat-icon-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .3s cubic-bezier(.4,0,.2,1)}.battle-shop-stat-row:hover .battle-shop-stat-icon-img{transform:scale(1.15)}.battle-shop-stat-label{color:#ccc;font-size:.9rem;font-weight:500}.battle-shop-stat-value{color:#f5e6c8;font-size:1.1rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 480px){.battle-shop-container{padding:0 8px 16px}.battle-shop-header{flex-direction:column;align-items:flex-start;gap:8px}.battle-shop-balance-bar{width:100%;justify-content:space-between}.battle-shop-grid{grid-template-columns:1fr;gap:14px}.battle-shop-item-card{padding:12px}.battle-shop-egg-modal-content{grid-template-columns:1fr;gap:16px;padding:16px}.battle-shop-egg-modal-header{padding:14px 16px}.battle-shop-egg-modal-title-icon{width:28px;height:28px}.battle-shop-toggle-pet-icon{width:20px;height:20px}.battle-shop-stat-icon-img{width:34px;height:34px}.battle-shop-stat-row{grid-template-columns:34px 1fr auto;padding:6px 10px}}@media (min-width: 481px) and (max-width: 768px){.battle-shop-grid{grid-template-columns:repeat(2,1fr);gap:16px}.battle-shop-item-card{padding:14px}.battle-shop-egg-modal-content{grid-template-columns:1fr;gap:20px}.battle-shop-egg-modal-title-icon{width:34px;height:34px}.battle-shop-toggle-pet-icon{width:24px;height:24px}.battle-shop-stat-icon-img{width:40px;height:40px}.battle-shop-stat-row{grid-template-columns:40px 1fr auto}}@media (min-width: 769px) and (max-width: 1200px){.battle-shop-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1201px){.battle-shop-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 360px){.battle-shop-egg-modal-title-icon{width:22px;height:22px}.battle-shop-toggle-pet-icon{width:18px;height:18px}.battle-shop-stat-icon-img{width:28px;height:28px}.battle-shop-stat-row{grid-template-columns:28px 1fr auto}}@media (prefers-reduced-motion: reduce){.battle-shop-item-card,.battle-shop-buy-btn,.battle-shop-egg-buy-btn,.battle-shop-category-btn,.battle-shop-sprite-btn,.battle-shop-egg-modal-close,.battle-shop-egg-modal-title-icon,.battle-shop-toggle-pet-icon,.battle-shop-stat-icon-img,.battle-shop-stat-row{transition-duration:0s!important}.battle-shop-item-card:before,.battle-shop-buy-btn:before,.battle-shop-egg-buy-btn:before{animation:none!important}.battle-shop-egg-modal,.battle-shop-toast,.battle-shop-rarity-epic,.battle-shop-rarity-legendary{animation:none!important}}.otium-wars-page{max-width:1600px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;animation:otiumWarsPageFadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes otiumWarsPageFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.otium-wars-header{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#8b4513d9,#000000f2);border:3px solid #8b4513;border-radius:12px;box-shadow:0 8px 24px #000000b3,inset 0 1px #ffd70026,inset 0 -1px #0000004d;position:relative;overflow:hidden}.otium-wars-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.05),transparent);animation:otium-wars-header-shimmer 8s ease-in-out infinite;pointer-events:none}@keyframes otium-wars-header-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.otium-wars-nav-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.otium-wars-back-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#8b451399,#654321cc);border:2px solid #8b4513;border-radius:8px;color:gold;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.8);min-height:44px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.otium-wars-back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .4s ease}.otium-wars-back-btn:hover:before{left:100%}.otium-wars-back-btn:hover{background:linear-gradient(135deg,#daa520b3,#8b4513e6);border-color:gold;transform:translate(-4px) translateZ(0);box-shadow:0 4px 12px #ffd7004d,0 0 20px #ffd70026}.otium-wars-back-btn:active{transform:translate(-2px) scale(.98) translateZ(0)}.otium-wars-nav-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#8b451399,#654321cc);border:2px solid #8b4513;border-radius:8px;color:gold;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.8);min-height:44px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.otium-wars-nav-btn:before{content:"";position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:right .4s ease}.otium-wars-nav-btn:hover:before{right:100%}.otium-wars-nav-btn:hover{background:linear-gradient(135deg,#daa520b3,#8b4513e6);border-color:gold;transform:translate(4px) translateZ(0);box-shadow:0 4px 12px #ffd7004d,0 0 20px #ffd70026}.otium-wars-nav-btn:active{transform:translate(2px) scale(.98) translateZ(0)}.otium-wars-barracks-btn{position:relative}.otium-wars-barracks-badge{position:absolute;top:-8px;right:-8px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,gold,#fa0);border:2px solid rgba(255,180,0,.9);border-radius:9px;color:#1a1510;font-size:.65rem;font-weight:700;text-shadow:0 1px 1px rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ffd70080,inset 0 1px #fff6;animation:otium-wars-badge-pulse 1.5s ease-in-out infinite;z-index:5}@keyframes otium-wars-badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ffd70080,inset 0 1px #fff6}50%{transform:scale(1.1);box-shadow:0 4px 15px #ffd700b3,inset 0 1px #fff6}}.otium-wars-barracks-btn:hover .otium-wars-barracks-badge{animation:none}.otium-wars-title-row{display:flex;align-items:center;justify-content:center;gap:1.25rem}.otium-wars-title-image{width:85px;height:105px;object-fit:contain;border:none;background:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));will-change:transform;transition:all .3s cubic-bezier(.4,0,.2,1);animation:otium-wars-title-float 4s ease-in-out infinite}@keyframes otium-wars-title-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}.otium-wars-title-image:hover{animation-play-state:paused;transform:scale(1.08);filter:drop-shadow(0 6px 12px rgba(0,0,0,.7)) drop-shadow(0 0 15px rgba(255,215,0,.25))}.otium-wars-title-text{display:flex;flex-direction:column;gap:.25rem;text-align:center}.otium-wars-title{font-size:2rem;font-weight:900;font-family:Impact,Arial Black,sans-serif;color:gold;text-transform:uppercase;letter-spacing:4px;margin:0;text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 30px rgba(255,215,0,.3),0 1px 0 rgba(255,255,255,.1);animation:otium-wars-title-glow 3s ease-in-out infinite}@keyframes otium-wars-title-glow{0%,to{text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 30px rgba(255,215,0,.3),0 1px 0 rgba(255,255,255,.1)}50%{text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 45px rgba(255,215,0,.5),0 1px 0 rgba(255,255,255,.15)}}.otium-wars-subtitle{font-size:1rem;color:#ff8c00;font-style:italic;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8)}.otium-wars-quick-stats{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.otium-wars-stat-item{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:linear-gradient(135deg,#ffd70026,#8b45134d);border:2px solid rgba(255,215,0,.3);border-radius:8px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.otium-wars-stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transition:left .5s ease;pointer-events:none}.otium-wars-stat-item:hover:before{left:100%}.otium-wars-stat-item:hover{border-color:#ffd70080;box-shadow:0 0 12px #ffd70026}.otium-wars-stat-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.otium-wars-stat-value{font-size:1rem;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.otium-wars-stat-label{font-size:.85rem;color:#d4a76a}.otium-wars-tabs{display:flex;gap:.5rem;background:#0000004d;border:3px solid #8b4513;border-radius:12px;padding:.5rem;box-shadow:0 4px 12px #0006}.otium-wars-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1rem;background:linear-gradient(135deg,#3c3732cc,#28231ee6);border:2px solid rgba(139,69,19,.4);border-radius:10px;color:#aaa;font-weight:700;font-size:clamp(.85rem,2vw,1rem);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:48px;will-change:transform,box-shadow;transform:translateZ(0)}.otium-wars-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease;pointer-events:none}.otium-wars-tab:hover:before{left:100%}.otium-wars-tab:hover{background:linear-gradient(135deg,#8b451380,#4a3821b3);color:#d4a76a;border-color:#8b451399;transform:translateY(-2px) translateZ(0);box-shadow:0 4px 12px #0006,0 0 15px #ffd7001a}.otium-wars-tab.active{background:linear-gradient(135deg,#ffd7004d,#8b451399);color:gold;border-color:gold;box-shadow:0 0 15px #ffd70033,inset 0 1px #ffd70026}.otium-wars-tab.active:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.otium-wars-tab-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.otium-wars-btn-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.otium-wars-tab-badge{position:absolute;top:4px;right:8px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .4rem;border-radius:8px;min-width:18px;text-align:center;box-shadow:0 2px 6px #dc354580}.otium-wars-contracts-section{display:flex;flex-direction:column;gap:1rem}.otium-wars-section-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#8b451366,#0009);border:2px solid rgba(139,69,19,.5);border-radius:10px}.otium-wars-section-title{font-size:1.2rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:2px;margin:0}.otium-wars-section-count{font-size:.9rem;color:#d4a76a}.otium-wars-contracts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.otium-wars-contract-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#2d2823e6,#1e1914f2);border:2px solid rgba(139,69,19,.5);border-radius:12px;box-shadow:0 4px 16px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.otium-wars-contract-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .6s ease;pointer-events:none;z-index:1}.otium-wars-contract-card:hover:before{left:100%}.otium-wars-contract-card:after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 100%);pointer-events:none;border-radius:10px 10px 0 0}.otium-wars-contract-card:hover{border-color:gold;box-shadow:0 8px 24px #0009,0 0 25px #ffd70026,inset 0 1px #ffffff26,inset 0 -1px #0000004d;transform:translateY(-4px) translateZ(0)}.otium-wars-contract-card.closing-soon{border-color:#dc3545;animation:otium-wars-urgency-pulse 2s ease-in-out infinite}@keyframes otium-wars-urgency-pulse{0%,to{box-shadow:0 4px 16px #dc35454d,inset 0 1px #ffffff1a,inset 0 0 20px #dc35451a}50%{box-shadow:0 8px 30px #dc354580,inset 0 1px #ffffff1f,inset 0 0 35px #dc35452e}}.otium-wars-contract-card.closing-soon:hover{border-color:#ff6b6b;animation:none;box-shadow:0 10px 35px #dc354573,0 0 30px #dc354533,inset 0 1px #ffffff26;transform:translateY(-4px) translateZ(0)}.otium-wars-contract-card.scout-rocked{animation:otium-wars-scout-rock 1s cubic-bezier(.36,.07,.19,.97) forwards;border-color:#96c8ffcc!important;box-shadow:0 6px 20px #00000080,0 0 25px #78b4ff59,0 0 40px #648cdc33,inset 0 1px #ffffff26!important}@keyframes otium-wars-scout-rock{0%{transform:translate(0) translateY(0) rotate(0) scale(1) translateZ(0)}8%{transform:translate(-8px) translateY(-2px) rotate(-1.5deg) scale(1.015) translateZ(0)}16%{transform:translate(7px) translateY(1px) rotate(1.2deg) scale(.99) translateZ(0)}24%{transform:translate(-6px) translateY(-1px) rotate(-1deg) scale(1.01) translateZ(0)}32%{transform:translate(5px) translateY(0) rotate(.8deg) scale(.995) translateZ(0)}42%{transform:translate(-4px) translateY(-1px) rotate(-.6deg) scale(1.005) translateZ(0)}52%{transform:translate(3px) translateY(0) rotate(.5deg) scale(.998) translateZ(0)}64%{transform:translate(-2px) translateY(0) rotate(-.3deg) scale(1.002) translateZ(0)}76%{transform:translate(1.5px) translateY(0) rotate(.2deg) scale(.999) translateZ(0)}88%{transform:translate(-.5px) translateY(0) rotate(-.1deg) scale(1.001) translateZ(0)}to{transform:translate(0) translateY(0) rotate(0) scale(1) translateZ(0)}}@media (prefers-reduced-motion: reduce){.otium-wars-contract-card.scout-rocked{animation:none!important}}.otium-wars-contract-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.otium-wars-contract-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.otium-wars-contract-name{font-size:1.1rem;font-weight:700;color:gold;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.6)}.otium-wars-contract-desc{font-size:.85rem;color:#aaa;margin:0;line-height:1.4}.otium-wars-contract-difficulty{display:flex;gap:.15rem;padding:.25rem .5rem;background:#0000004d;border-radius:6px}.otium-wars-difficulty-star{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.otium-wars-difficulty-star.empty{opacity:.25;filter:grayscale(100%) drop-shadow(0 1px 2px rgba(0,0,0,.5))}.otium-wars-contract-activity{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#0000004d;border-radius:8px}.otium-wars-activity-left{display:flex;gap:.75rem;align-items:center}.otium-wars-activity-right{display:flex;gap:.65rem;align-items:center}.otium-wars-activity-item{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#aaa}.otium-wars-activity-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.otium-wars-activity-count{font-weight:700;color:#d4a76a}.otium-wars-travel-time{display:flex;align-items:center;gap:.25rem}.otium-wars-travel-time .otium-wars-activity-icon{width:14px;height:14px;opacity:.85}.otium-wars-travel-time-value{font-size:.75rem;font-weight:700;color:gold;font-family:Consolas,monospace;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.6)}.otium-wars-contract-timer{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,#8b45134d,#0006);border:1px solid rgba(139,69,19,.4);border-radius:8px}.otium-wars-timer-icon{width:18px;height:18px}.otium-wars-timer-value{font-size:.95rem;font-weight:700;color:gold;font-family:Consolas,monospace}.otium-wars-contract-timer.urgent .otium-wars-timer-value{color:#ff6b6b;animation:otium-wars-timer-pulse 1s ease-in-out infinite}@keyframes otium-wars-timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.otium-wars-contract-intel{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0000004d;border-radius:8px}.otium-wars-intel-label{font-size:.85rem;color:#888}.otium-wars-intel-value{font-size:.9rem;font-weight:700;color:#aaa}.otium-wars-intel-value.scouted{color:#90ee90}.otium-wars-hp-bar-container{display:flex;flex-direction:column;gap:.25rem}.otium-wars-hp-bar-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.otium-wars-hp-label{color:#888}.otium-wars-hp-value{color:#90ee90;font-weight:700}.otium-wars-hp-bar{height:8px;background:#00000080;border-radius:4px;overflow:hidden}.otium-wars-hp-fill{height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:4px;transition:width .3s ease}.otium-wars-hp-fill.low{background:linear-gradient(90deg,#f39c12,#e67e22)}.otium-wars-hp-fill.critical{background:linear-gradient(90deg,#e74c3c,#c0392b)}.otium-wars-contract-actions{display:flex;gap:.5rem;margin-top:.5rem}.otium-wars-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .75rem;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:44px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0);box-shadow:inset 0 1px #ffffff1f}.otium-wars-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease;pointer-events:none}.otium-wars-action-btn:hover:before{left:100%}.otium-wars-action-btn.scout{background:linear-gradient(135deg,#6496c899,#46648ccc);border:2px solid rgba(100,180,255,.5);color:#b8d4f0}.otium-wars-action-btn.scout:hover:not(:disabled){background:linear-gradient(135deg,#78b4f0b3,#5078aae6);border-color:#6cb5ff;box-shadow:inset 0 1px #fff3,0 0 20px #64b4ff59,0 4px 10px #0006;transform:translateY(-2px) translateZ(0)}.otium-wars-action-btn.attack{background:linear-gradient(135deg,#dc354599,#b41e32cc);border:2px solid rgba(255,100,100,.5);color:#fcc}.otium-wars-action-btn.attack:hover:not(:disabled){background:linear-gradient(135deg,#ff5064b3,#c8283ce6);border-color:#ff6b6b;box-shadow:inset 0 1px #fff3,0 0 20px #ff646459,0 4px 10px #0006;transform:translateY(-2px) translateZ(0)}.otium-wars-action-btn.report{background:linear-gradient(135deg,#8b451399,#654321cc);border:2px solid rgba(255,215,0,.4);color:gold}.otium-wars-action-btn.report:hover:not(:disabled){background:linear-gradient(135deg,#b46428b3,#8c5028e6);border-color:gold;box-shadow:inset 0 1px #fff3,0 0 20px #ffd70059,0 4px 10px #0006;transform:translateY(-2px) translateZ(0)}.otium-wars-action-btn:active:not(:disabled){transform:translateY(0) scale(.98) translateZ(0)}.otium-wars-action-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(30%)}.otium-wars-action-btn.loading{cursor:wait}.otium-wars-action-btn.loading:after{content:"";width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:otium-wars-btn-spin .6s linear infinite}@keyframes otium-wars-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.otium-wars-operations-section{display:flex;flex-direction:column;gap:1rem}.otium-wars-operations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.otium-wars-operation-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#322d28e6,#231e19f2);border:2px solid rgba(139,69,19,.4);border-radius:10px;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff14;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;transform:translateZ(0)}.otium-wars-operation-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease;pointer-events:none}.otium-wars-operation-card:hover:before{left:100%}.otium-wars-operation-card:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none;border-radius:8px 8px 0 0}.otium-wars-operation-card:hover{transform:translateY(-3px) translateZ(0);box-shadow:0 8px 20px #00000080,inset 0 1px #ffffff1f}.otium-wars-operation-card.scout{border-color:#64b4ff66;box-shadow:0 4px 12px #0006,inset 0 1px #64b4ff26,0 0 15px #64b4ff1a}.otium-wars-operation-card.scout:hover{border-color:#64b4ff99;box-shadow:0 8px 20px #00000080,inset 0 1px #64b4ff33,0 0 25px #64b4ff26}.otium-wars-operation-card.attack{border-color:#ff646466;box-shadow:0 4px 12px #0006,inset 0 1px #ff646426,0 0 15px #ff64641a}.otium-wars-operation-card.attack:hover{border-color:#ff646499;box-shadow:0 8px 20px #00000080,inset 0 1px #ff646433,0 0 25px #ff646426}.otium-wars-operation-header{display:flex;align-items:center;justify-content:space-between}.otium-wars-operation-type{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#d4a76a;text-transform:uppercase;font-size:.9rem}.otium-wars-operation-type-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.otium-wars-operation-target{font-size:.9rem;color:gold;font-weight:700}.otium-wars-operation-eta{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0000004d;border-radius:8px}.otium-wars-eta-label{font-size:.85rem;color:#888}.otium-wars-eta-value{font-size:1rem;font-weight:700;color:gold;font-family:Consolas,monospace}.otium-wars-operation-army{display:flex;flex-direction:column;gap:.6rem;padding:.85rem;background:linear-gradient(145deg,#0000004d,#140f0a73);border-radius:10px;border:1px solid rgba(139,69,19,.45);box-shadow:inset 0 2px 5px #00000040,inset 0 -1px #ffffff08}.otium-wars-army-label{font-size:.72rem;font-weight:700;color:#ffd700bf;text-transform:uppercase;letter-spacing:.08em;padding-bottom:.45rem;border-bottom:1px solid rgba(139,69,19,.35);text-shadow:0 1px 2px rgba(0,0,0,.4)}.otium-wars-army-units{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;justify-items:center}.otium-wars-army-stack{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;background:linear-gradient(145deg,#8b451366,#5032198c);border:1px solid rgba(255,215,0,.3);border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff14,inset 0 -1px 2px #0000001f,0 2px 5px #00000040;position:relative;overflow:hidden;width:100%;justify-content:flex-start}.otium-wars-army-stack:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,215,0,.1) 0%,transparent 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.otium-wars-army-stack:hover:before{opacity:1}.otium-wars-army-stack:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s ease;pointer-events:none;z-index:2}.otium-wars-army-stack:hover:after{left:100%}.otium-wars-army-stack:hover{transform:translateY(-2px) scale(1.03);border-color:#ffd7008c;box-shadow:inset 0 1px #ffffff24,0 5px 12px #00000059,0 0 14px #ffd7002e}.otium-wars-army-icon{width:32px;height:32px;object-fit:contain;border-radius:5px;background:linear-gradient(135deg,#0003,#00000059);padding:2px;border:1px solid rgba(255,215,0,.2);box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff0d;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));flex-shrink:0}.otium-wars-army-icon-placeholder{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:linear-gradient(135deg,#8b451366,#50321980);border-radius:5px;border:1px solid rgba(255,215,0,.2);flex-shrink:0}.otium-wars-army-details{display:flex;flex-direction:column;gap:.15rem;min-width:0}.otium-wars-army-unit-name{font-size:.82rem;font-weight:600;color:#d4a76a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3)}.otium-wars-army-tier{font-size:.68rem;font-weight:700;color:gold;padding:.08rem .3rem;background:linear-gradient(135deg,#ffd70038,#8b451359);border:1px solid rgba(255,215,0,.3);border-radius:3px;width:fit-content;text-shadow:0 1px 2px rgba(0,0,0,.4)}.otium-wars-army-count{font-size:.95rem;font-weight:700;color:#90ee90;font-family:Consolas,Monaco,monospace;text-shadow:0 0 6px rgba(144,238,144,.4);margin-left:auto;padding-left:.5rem}.otium-wars-stack-icon{width:32px;height:32px;object-fit:contain;border-radius:5px;background:#0003;padding:2px;border:1px solid rgba(255,215,0,.15);filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));flex-shrink:0}.otium-wars-stack-name{font-size:.85rem;font-weight:600;color:#d4a76a;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.otium-wars-stack-tier{font-size:.7rem;font-weight:700;color:gold;padding:.15rem .4rem;background:linear-gradient(135deg,#ffd70040,#8b451366);border:1px solid rgba(255,215,0,.35);border-radius:4px;flex-shrink:0;margin-left:auto}.otium-wars-stack-count{font-size:.95rem;font-weight:700;color:#90ee90;font-family:Consolas,monospace;text-shadow:0 0 6px rgba(100,200,130,.35);flex-shrink:0;min-width:45px;text-align:right}.otium-wars-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:otium-wars-modal-fade-in .3s ease}@keyframes otium-wars-modal-fade-in{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(6px)}}.otium-wars-modal{width:100%;max-width:600px;max-height:85vh;background:linear-gradient(135deg,#322d28fa,#1e1914fc);border:3px solid #8b4513;border-radius:16px;box-shadow:0 20px 60px #000c,0 0 40px #8b451333,inset 0 1px #ffd7001a;display:flex;flex-direction:column;overflow:hidden;animation:otium-wars-modal-slide-up .3s cubic-bezier(.4,0,.2,1)}@keyframes otium-wars-modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.otium-wars-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ffd700,transparent);z-index:1}.otium-wars-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:linear-gradient(135deg,#8b451366,#00000080);border-bottom:2px solid rgba(139,69,19,.4)}.otium-wars-modal-title{font-size:1.3rem;font-weight:700;color:gold;margin:0;text-transform:uppercase;letter-spacing:1px}.otium-wars-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#aaa;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.otium-wars-modal-close:hover{background:#ff646433;border-color:#ff646466;color:#ff6b6b;transform:rotate(90deg)}.otium-wars-modal-content{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.otium-wars-modal-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;background:#0000004d;border-top:2px solid rgba(139,69,19,.3)}.otium-wars-modal-btn{flex:1;padding:.85rem 1.25rem;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:48px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.otium-wars-modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease;pointer-events:none}.otium-wars-modal-btn:hover:before{left:100%}.otium-wars-modal-btn.primary{background:linear-gradient(135deg,#ffd70066,#8b4513b3);border:2px solid #ffd700;color:gold;box-shadow:inset 0 1px #ffffff26}.otium-wars-modal-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#ffd70080,#b4641ecc);box-shadow:inset 0 1px #fff3,0 0 25px #ffd70059,0 4px 12px #0006;transform:translateY(-2px) translateZ(0)}.otium-wars-modal-btn.secondary{background:linear-gradient(135deg,#504b4699,#322d28cc);border:2px solid rgba(150,140,130,.4);color:#aaa;box-shadow:inset 0 1px #ffffff14}.otium-wars-modal-btn.secondary:hover{background:linear-gradient(135deg,#645f5ab3,#3c3732e6);color:#ccc;box-shadow:inset 0 1px #ffffff1f,0 4px 10px #0000004d;transform:translateY(-2px) translateZ(0)}.otium-wars-modal-btn:active:not(:disabled){transform:translateY(0) scale(.98) translateZ(0)}.otium-wars-modal-btn:disabled{opacity:.5;cursor:not-allowed}.otium-wars-report-tabs{display:flex;gap:.5rem;padding:.5rem;background:#0000004d;border-radius:10px}.otium-wars-report-tab{flex:1;padding:.7rem 1rem;background:transparent;border:2px solid transparent;border-radius:8px;color:#888;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease}.otium-wars-report-tab:hover{color:#d4a76a;background:#8b451333}.otium-wars-report-tab.active{background:linear-gradient(135deg,#8b451366,#0006);border-color:#ffd70066;color:gold}.otium-wars-report-tab.disabled{opacity:.4;cursor:not-allowed}.otium-wars-scout-report{display:flex;flex-direction:column;gap:1rem}.otium-wars-report-section{display:flex;flex-direction:column;gap:.65rem;padding:1.1rem;background:linear-gradient(145deg,#2d2823b3,#19140fd9);border:2px solid rgba(139,69,19,.4);border-radius:12px;position:relative;overflow:hidden;transition:all .25s ease;box-shadow:inset 0 1px #ffffff0d,0 3px 10px #0000004d}.otium-wars-report-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transition:left .4s ease;pointer-events:none}.otium-wars-report-section:hover:before{left:100%}.otium-wars-report-section:hover{border-color:#ffd70059;box-shadow:inset 0 1px #ffffff14,0 5px 15px #00000059}.otium-wars-report-section-title{font-size:.95rem;font-weight:700;color:#d4a76a;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(139,69,19,.35)}.otium-wars-battle-report{display:flex;flex-direction:column;gap:1rem}.otium-wars-battle-outcome{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:1.25rem 1.5rem;border-radius:12px;position:relative;overflow:hidden}.otium-wars-battle-outcome:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:otium-outcome-sheen 3s ease-in-out infinite;pointer-events:none}@keyframes otium-outcome-sheen{0%{left:-100%}50%{left:100%}to{left:100%}}.otium-wars-battle-outcome.victory{background:linear-gradient(135deg,#50a06473,#2d5f3ca6);border:2px solid rgba(100,200,130,.55);box-shadow:inset 0 1px #ffffff1a,0 4px 12px #64c88233}.otium-wars-battle-outcome.defeat{background:linear-gradient(135deg,#b4373773,#6e2323a6);border:2px solid rgba(220,100,100,.55);box-shadow:inset 0 1px #ffffff14,0 4px 12px #dc354533}.otium-wars-outcome-icon{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.otium-wars-outcome-text{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.otium-wars-battle-outcome.victory .otium-wars-outcome-text{color:#90ee90;text-shadow:0 0 12px rgba(100,200,130,.5)}.otium-wars-battle-outcome.defeat .otium-wars-outcome-text{color:#ff6b6b;text-shadow:0 0 12px rgba(220,53,69,.5)}.otium-wars-battle-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:.5rem 0}.otium-wars-battle-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.85rem .5rem;background:linear-gradient(145deg,#322d28d9,#1e1914f2);border:2px solid rgba(139,69,19,.45);border-radius:10px;text-align:center;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff0f,0 3px 8px #0000004d}.otium-wars-battle-stat:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transition:left .4s ease;pointer-events:none}.otium-wars-battle-stat:hover:before{left:100%}.otium-wars-battle-stat:hover{border-color:#ffd70080;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 5px 15px #00000059,0 0 12px #ffd7001f}.otium-wars-battle-stat-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.otium-wars-battle-stat-value{font-size:1.25rem;font-weight:700;font-family:Consolas,monospace;text-shadow:0 1px 3px rgba(0,0,0,.5)}.otium-wars-battle-stat:nth-child(1) .otium-wars-battle-stat-value{color:#90ee90;text-shadow:0 0 8px rgba(100,200,130,.4)}.otium-wars-battle-stat:nth-child(2) .otium-wars-battle-stat-value{color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.otium-wars-battle-stat:nth-child(3) .otium-wars-battle-stat-value{color:#5dade2;text-shadow:0 0 8px rgba(93,173,226,.4)}.otium-wars-battle-stat:nth-child(4) .otium-wars-battle-stat-value{color:#ff6b6b;text-shadow:0 0 8px rgba(220,53,69,.4)}.otium-wars-deploy-modal{width:100%;max-width:850px;max-height:min(88vh,880px);background:linear-gradient(145deg,#322d28fa,#19140ffc);border:3px solid #8b4513;border-radius:18px;box-shadow:0 25px 80px #000000d9,0 0 60px #8b451340,inset 0 1px #ffd7001f,inset 0 -1px #0006;display:flex;flex-direction:column;overflow:hidden;animation:otium-wars-deploy-modal-enter .35s cubic-bezier(.34,1.56,.64,1);position:relative}.otium-wars-deploy-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 5%,#ffd700 30%,#ff8c00 50%,#ffd700 70%,transparent 95%);z-index:2}@keyframes otium-wars-deploy-modal-enter{0%{opacity:0;transform:translateY(40px) scale(.92)}60%{transform:translateY(-5px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.otium-wars-deploy-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;background:linear-gradient(145deg,#8b451380,#50321eb3,#0009);border-bottom:2px solid rgba(255,215,0,.25);position:relative;overflow:hidden;flex-shrink:0}.otium-wars-deploy-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.08),transparent);animation:otium-wars-deploy-header-shimmer 6s ease-in-out infinite;pointer-events:none}@keyframes otium-wars-deploy-header-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.otium-wars-deploy-header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;min-width:0;flex:1}.otium-wars-deploy-title{font-size:1.2rem;font-weight:900;color:gold;text-transform:uppercase;letter-spacing:1.5px;margin:0;text-shadow:0 3px 8px rgba(0,0,0,.8),0 0 20px rgba(255,215,0,.3)}.otium-wars-deploy-army-counter{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:linear-gradient(135deg,#dc35454d,#8b451380);border:2px solid rgba(255,100,100,.4);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.otium-wars-deploy-army-counter:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease;pointer-events:none}.otium-wars-deploy-army-counter:hover:before{left:100%}.otium-wars-deploy-army-counter:hover{border-color:#ff646499;box-shadow:0 0 15px #ff646440}.otium-wars-deploy-counter-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .3s ease}.otium-wars-deploy-army-counter:hover .otium-wars-deploy-counter-icon{transform:scale(1.1) rotate(-5deg)}.otium-wars-deploy-counter-value{font-size:1.1rem;font-weight:900;font-family:Consolas,Monaco,monospace;color:#888;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:all .3s ease}.otium-wars-deploy-counter-value.active{color:#ff6b6b;text-shadow:0 0 10px rgba(255,100,100,.5),0 2px 4px rgba(0,0,0,.6);animation:otium-wars-counter-pulse 1.5s ease-in-out infinite}@keyframes otium-wars-counter-pulse{0%,to{transform:scale(1);text-shadow:0 0 10px rgba(255,100,100,.5),0 2px 4px rgba(0,0,0,.6)}50%{transform:scale(1.05);text-shadow:0 0 18px rgba(255,100,100,.7),0 2px 4px rgba(0,0,0,.6)}}.otium-wars-deploy-counter-label{font-size:.75rem;font-weight:600;color:#d4a76a;text-transform:uppercase;letter-spacing:.3px}.otium-wars-deploy-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:1rem;display:flex;flex-direction:column;gap:.9rem;scrollbar-width:none;-ms-overflow-style:none}.otium-wars-deploy-content::-webkit-scrollbar{display:none}.otium-wars-deploy-target{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.2rem;background:linear-gradient(145deg,#282319d9,#19140ff2,#231e14e6),radial-gradient(ellipse at 50% 0%,rgba(255,215,0,.08) 0%,transparent 70%);border:2px solid rgba(255,215,0,.35);border-radius:12px;position:relative;overflow:hidden;flex-shrink:0;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d,0 2px 8px #0006,0 0 15px #ffd7001a;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;cursor:default}.otium-wars-deploy-target:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 40%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.12) 60%,transparent 100%);transform:skew(-20deg);pointer-events:none;z-index:2;transition:left .6s cubic-bezier(.4,0,.2,1)}.otium-wars-deploy-target:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(ellipse at center,rgba(255,215,0,.25) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:1;opacity:0;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.otium-wars-deploy-target:hover{transform:translateY(-3px) scale(1.02);border-color:#ffd700b3;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0000004d,0 6px 20px #00000080,0 0 25px #ffd70040,0 0 40px #ffd7001f}.otium-wars-deploy-target:hover:before{left:130%}.otium-wars-deploy-target:hover:after{width:250%;height:250%;opacity:1}.otium-wars-deploy-target-label{font-size:.75rem;font-weight:800;color:#ffc864cc;text-transform:uppercase;letter-spacing:2px;position:relative;z-index:3;flex-shrink:0;text-shadow:0 0 8px rgba(255,200,100,.3),0 1px 2px rgba(0,0,0,.5);transition:color .3s cubic-bezier(.4,0,.2,1),text-shadow .3s cubic-bezier(.4,0,.2,1)}.otium-wars-deploy-target:hover .otium-wars-deploy-target-label{color:#ff6450f2;text-shadow:0 0 8px rgba(255,80,60,.6),0 0 16px rgba(255,60,40,.4),0 0 24px rgba(200,40,30,.3),0 -2px 12px rgba(80,80,80,.4),0 1px 2px rgba(0,0,0,.6);animation:otium-wars-smoke-drift-label 1.5s ease-in-out infinite}@keyframes otium-wars-smoke-drift-label{0%,to{text-shadow:0 0 8px rgba(255,80,60,.6),0 0 16px rgba(255,60,40,.4),0 0 24px rgba(200,40,30,.3),0 -2px 12px rgba(80,80,80,.4),0 1px 2px rgba(0,0,0,.6)}50%{text-shadow:0 0 12px rgba(255,90,70,.7),0 0 20px rgba(255,70,50,.5),0 0 30px rgba(200,50,40,.35),0 -4px 18px rgba(100,100,100,.5),0 1px 2px rgba(0,0,0,.6)}}.otium-wars-deploy-target-name{font-size:1.05rem;font-weight:800;color:gold;word-break:break-word;position:relative;z-index:3;text-shadow:0 0 6px rgba(255,215,0,.4),0 0 12px rgba(255,215,0,.25),0 2px 4px rgba(0,0,0,.6),0 0 25px rgba(255,180,0,.15);animation:otium-wars-target-name-pulse 3s ease-in-out infinite;transition:transform .3s cubic-bezier(.4,0,.2,1),text-shadow .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}@keyframes otium-wars-target-name-pulse{0%,to{text-shadow:0 0 6px rgba(255,215,0,.4),0 0 12px rgba(255,215,0,.25),0 2px 4px rgba(0,0,0,.6),0 0 25px rgba(255,180,0,.15)}50%{text-shadow:0 0 10px rgba(255,215,0,.6),0 0 18px rgba(255,215,0,.35),0 2px 4px rgba(0,0,0,.6),0 0 35px rgba(255,180,0,.25)}}.otium-wars-deploy-target:hover .otium-wars-deploy-target-name{color:#f44;transform:scale(1.05);text-shadow:0 0 8px rgba(255,80,60,.9),0 0 16px rgba(255,50,30,.7),0 0 28px rgba(255,100,50,.5),0 0 40px rgba(200,60,40,.4),0 -4px 20px rgba(100,100,100,.5),0 -8px 35px rgba(80,80,80,.35),0 -12px 50px rgba(60,60,60,.25),0 2px 4px rgba(0,0,0,.7);animation:otium-wars-smoke-billow 2s ease-in-out infinite}@keyframes otium-wars-smoke-billow{0%,to{text-shadow:0 0 8px rgba(255,80,60,.9),0 0 16px rgba(255,50,30,.7),0 0 28px rgba(255,100,50,.5),0 0 40px rgba(200,60,40,.4),0 -4px 20px rgba(100,100,100,.5),0 -8px 35px rgba(80,80,80,.35),0 -12px 50px rgba(60,60,60,.25),0 2px 4px rgba(0,0,0,.7)}33%{text-shadow:0 0 10px rgba(255,90,70,.95),0 0 20px rgba(255,60,40,.75),0 0 32px rgba(255,110,60,.55),0 0 45px rgba(200,70,50,.45),0 -6px 25px rgba(110,110,110,.55),0 -12px 42px rgba(90,90,90,.4),0 -18px 60px rgba(70,70,70,.3),0 2px 4px rgba(0,0,0,.7)}66%{text-shadow:0 0 6px rgba(255,70,50,.85),0 0 14px rgba(255,45,25,.65),0 0 24px rgba(255,90,45,.45),0 0 36px rgba(200,55,35,.35),0 -3px 18px rgba(95,95,95,.45),0 -6px 30px rgba(75,75,75,.3),0 -10px 45px rgba(55,55,55,.2),0 2px 4px rgba(0,0,0,.7)}}.otium-wars-deploy-quick-actions{display:flex;gap:.6rem;flex-shrink:0}.otium-wars-deploy-quick-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .85rem;border-radius:9px;font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.otium-wars-deploy-quick-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .4s ease;pointer-events:none}.otium-wars-deploy-quick-btn:hover:not(:disabled):before{left:100%}.otium-wars-deploy-quick-btn.max{background:linear-gradient(145deg,#50b46480,#327846b3);border:2px solid rgba(100,200,130,.5);color:#90ee90;box-shadow:inset 0 1px #ffffff26,0 3px 10px #0000004d}.otium-wars-deploy-quick-btn.max:hover:not(:disabled){background:linear-gradient(145deg,#64c88299,#3c965acc);border-color:#90ee90b3;transform:translateY(-3px) translateZ(0);box-shadow:inset 0 1px #fff3,0 6px 20px #64c88259,0 0 25px #64c88233}.otium-wars-deploy-quick-btn.clear{background:linear-gradient(145deg,#504b4680,#322d28b3);border:2px solid rgba(120,110,100,.4);color:#aaa;box-shadow:inset 0 1px #ffffff14,0 3px 10px #0000004d}.otium-wars-deploy-quick-btn.clear:hover:not(:disabled){background:linear-gradient(145deg,#645f5a99,#3c3732cc);border-color:#968c8280;color:#ccc;transform:translateY(-3px) translateZ(0);box-shadow:inset 0 1px #ffffff1a,0 6px 15px #0006}.otium-wars-deploy-quick-btn:active:not(:disabled){transform:translateY(0) scale(.97) translateZ(0)}.otium-wars-deploy-quick-btn:disabled{opacity:.45;cursor:not-allowed}.otium-wars-quick-btn-icon{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.otium-wars-deploy-troops-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;flex:1 1 auto}.otium-wars-deploy-troop-card{display:flex;flex-direction:column;gap:.35rem;padding:.55rem .7rem;background:linear-gradient(145deg,#3c3732d9,#231e19f2);border:2px solid rgba(139,69,19,.45);border-radius:10px;box-shadow:0 3px 10px #0000004d,inset 0 1px #ffffff14,inset 0 -1px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.otium-wars-deploy-troop-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;pointer-events:none;z-index:1}.otium-wars-deploy-troop-card:hover:before{left:100%}.otium-wars-deploy-troop-card:after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none;border-radius:10px 10px 0 0}.otium-wars-deploy-troop-card:hover{border-color:#ffd7008c;transform:translateY(-4px) translateZ(0);box-shadow:0 8px 25px #00000073,0 0 20px #ffd7001f,inset 0 1px #ffffff1f,inset 0 -1px #0003}.otium-wars-deploy-troop-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem;position:relative;z-index:2}.otium-wars-deploy-troop-name{font-size:.92rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5);justify-self:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.otium-wars-deploy-troop-tier{font-size:.65rem;font-weight:700;color:gold;padding:.15rem .45rem;background:linear-gradient(135deg,#ffd70040,#8b451373);border:1px solid rgba(255,215,0,.4);border-radius:5px;text-shadow:0 1px 2px rgba(0,0,0,.5);justify-self:center}.otium-wars-deploy-troop-available{font-size:.75rem;font-weight:600;color:#d4a76a;white-space:nowrap;justify-self:end}.otium-wars-deploy-slider-row{display:flex;align-items:center;gap:.5rem;position:relative;z-index:2}.otium-wars-deploy-slider{flex:1;height:8px;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#8b451359,#50321e80);border-radius:4px;cursor:grab;position:relative;border:1px solid rgba(139,69,19,.4);box-shadow:inset 0 2px 4px #0000004d;transition:all .2s ease}.otium-wars-deploy-slider:hover{background:linear-gradient(90deg,#8b451373,#643c1e99);border-color:#ffd70059}.otium-wars-deploy-slider:active{cursor:grabbing}.otium-wars-deploy-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;background:linear-gradient(145deg,gold,#ff8c00,gold);border-radius:50%;cursor:grab;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 6px #00000080,0 0 10px #ffd70066,inset 0 1px #fff6;transition:all .2s ease}.otium-wars-deploy-slider::-webkit-slider-thumb:hover{transform:scale(1.12);box-shadow:0 3px 10px #0009,0 0 16px #ffd70099,inset 0 1px #ffffff80}.otium-wars-deploy-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}.otium-wars-deploy-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(145deg,gold,#ff8c00,gold);border-radius:50%;cursor:grab;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 6px #00000080,0 0 10px #ffd70066}.otium-wars-deploy-troop-count{min-width:40px;text-align:right;font-size:1.05rem;font-weight:800;font-family:Consolas,Monaco,monospace;color:#666;text-shadow:0 1px 2px rgba(0,0,0,.4);transition:all .3s ease}.otium-wars-deploy-troop-count.active{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.5)}.otium-wars-deploy-troop-max-btn{align-self:flex-end;padding:.25rem .55rem;background:linear-gradient(135deg,#8b451380,#50321eb3);border:1px solid rgba(255,215,0,.35);border-radius:5px;color:#d4a76a;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;overflow:hidden}.otium-wars-deploy-troop-max-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .35s ease;pointer-events:none}.otium-wars-deploy-troop-max-btn:hover:not(:disabled):before{left:100%}.otium-wars-deploy-troop-max-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd70066,#8b4513b3);border-color:#ffd70099;color:gold;transform:translateY(-2px);box-shadow:0 3px 8px #ffd70040}.otium-wars-deploy-troop-max-btn:active:not(:disabled){transform:translateY(0) scale(.96)}.otium-wars-deploy-troop-max-btn:disabled{opacity:.4;cursor:not-allowed}.otium-wars-deploy-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 2rem;text-align:center}.otium-wars-deploy-empty-icon{width:60px;height:60px;object-fit:contain;opacity:.4;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.otium-wars-deploy-empty-text{font-size:1.1rem;font-weight:600;color:#888}.otium-wars-deploy-empty-hint{font-size:.9rem;color:#666}.otium-wars-deploy-footer{display:flex;gap:.7rem;padding:.85rem 1.1rem;background:linear-gradient(180deg,#1e1914b3,#140f0ae6);border-top:2px solid rgba(139,69,19,.35);flex-shrink:0}.otium-wars-deploy-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:10px;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:46px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.otium-wars-deploy-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s ease;pointer-events:none}.otium-wars-deploy-btn:hover:not(:disabled):before{left:100%}.otium-wars-deploy-btn.secondary{background:linear-gradient(145deg,#504b4699,#322d28cc);border:2px solid rgba(140,130,120,.4);color:#aaa;box-shadow:inset 0 1px #ffffff14,0 3px 10px #0000004d}.otium-wars-deploy-btn.secondary:hover:not(:disabled){background:linear-gradient(145deg,#645f5ab3,#3c3732e6);border-color:#a0968c80;color:#ccc;transform:translateY(-3px) translateZ(0);box-shadow:inset 0 1px #ffffff1f,0 6px 18px #0006}.otium-wars-deploy-btn.primary{background:linear-gradient(145deg,#dc354599,#b42837cc,#8b4513b3);border:2px solid #ffd700;color:gold;box-shadow:inset 0 1px #fff3,0 4px 15px #dc354559}.otium-wars-deploy-btn.primary:hover:not(:disabled){background:linear-gradient(145deg,#ff5064b3,#c83241d9,#b46428cc);border-color:gold;transform:translateY(-4px) translateZ(0);box-shadow:inset 0 1px #ffffff40,0 8px 25px #dc354573,0 0 30px #ffd70040}.otium-wars-deploy-btn:active:not(:disabled){transform:translateY(0) scale(.97) translateZ(0)}.otium-wars-deploy-btn:disabled{opacity:.45;cursor:not-allowed}.otium-wars-deploy-btn.loading{cursor:wait}.otium-wars-deploy-btn.loading:after{content:"";width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:otium-wars-deploy-btn-spin .7s linear infinite}@keyframes otium-wars-deploy-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.otium-wars-deploy-btn-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .3s ease}.otium-wars-deploy-btn.primary:hover:not(:disabled) .otium-wars-deploy-btn-icon{transform:scale(1.1) rotate(-5deg)}.otium-wars-deploy-form{display:flex;flex-direction:column;gap:1rem}.otium-wars-troop-selector{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#0000004d;border:1px solid rgba(139,69,19,.3);border-radius:10px}.otium-wars-troop-header{display:flex;align-items:center;gap:.75rem}.otium-wars-troop-icon{width:40px;height:40px;border-radius:6px;border:2px solid rgba(139,69,19,.4)}.otium-wars-troop-info{flex:1}.otium-wars-troop-name{font-weight:700;color:gold}.otium-wars-troop-tier{font-size:.8rem;color:#888}.otium-wars-troop-available{font-size:.9rem;color:#d4a76a}.otium-wars-troop-slider-row{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.otium-wars-troop-slider{flex:1;height:8px;appearance:none;background:#8b45134d;border-radius:4px;cursor:pointer}.otium-wars-troop-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:linear-gradient(135deg,gold,#ff8c00);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0006}.otium-wars-troop-count{min-width:60px;text-align:right;font-weight:700;color:gold;font-size:1.1rem}.otium-wars-deploy-preview{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#8b451333,#0006);border:2px solid rgba(139,69,19,.4);border-radius:10px}.otium-wars-deploy-preview-title{font-size:.9rem;color:#888;text-transform:uppercase}.otium-wars-deploy-total{font-size:1.5rem;font-weight:700;color:gold}.otium-wars-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;text-align:center}.otium-wars-empty-icon{width:64px;height:64px;object-fit:contain;opacity:.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.otium-wars-empty-title{font-size:1.2rem;font-weight:700;color:#888;margin:0}.otium-wars-empty-desc{font-size:.95rem;color:#666;margin:0;max-width:300px}.otium-wars-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:50vh}.otium-wars-loading-spinner{width:48px;height:48px;border:4px solid rgba(139,69,19,.3);border-top-color:gold;border-radius:50%;animation:otium-wars-spin .8s linear infinite}@keyframes otium-wars-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.otium-wars-loading-text{font-size:1.1rem;color:#d4a76a}.otium-wars-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:50vh;padding:2rem}.otium-wars-error-text{font-size:1.1rem;color:#ff6b6b;text-align:center}.otium-wars-retry-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b451399,#654321cc);border:2px solid #8b4513;border-radius:8px;color:gold;font-weight:700;cursor:pointer;transition:all .2s ease}.otium-wars-retry-btn:hover{background:linear-gradient(135deg,#b46428b3,#8c5028e6);border-color:gold}@media (max-width: 1024px){.otium-wars-page{padding:1rem}.otium-wars-contracts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.otium-wars-title{font-size:1.6rem;letter-spacing:2px}.otium-wars-contract-activity{gap:.6rem;padding:.45rem .65rem}.otium-wars-activity-left{gap:.65rem}.otium-wars-activity-right{gap:.55rem}.otium-wars-activity-item{font-size:.8rem}.otium-wars-activity-icon{width:16px;height:16px}.otium-wars-travel-time .otium-wars-activity-icon{width:13px;height:13px}.otium-wars-travel-time-value{font-size:.7rem}.otium-wars-deploy-modal{max-width:720px;max-height:min(90vh,820px)}.otium-wars-deploy-header{padding:1.1rem 1.25rem}.otium-wars-deploy-header-left{gap:1rem}.otium-wars-deploy-title{font-size:1.25rem}.otium-wars-deploy-content{padding:1.1rem;gap:1rem}.otium-wars-deploy-troops-grid{gap:.7rem}.otium-wars-deploy-troop-card{padding:.7rem .85rem;gap:.45rem}.otium-wars-deploy-troop-name{font-size:.95rem}}@media (max-width: 768px){.otium-wars-page{padding:.75rem}.otium-wars-header{padding:1rem}.otium-wars-title-row{flex-direction:column;gap:.75rem}.otium-wars-title-image{width:70px;height:85px;border:none;background:none;border-radius:0;box-shadow:none}.otium-wars-title{font-size:1.4rem;letter-spacing:1px}.otium-wars-subtitle{font-size:.9rem}.otium-wars-contracts-grid,.otium-wars-operations-grid{grid-template-columns:1fr}.otium-wars-contract-actions{flex-direction:column}.otium-wars-contract-activity{gap:.5rem;padding:.45rem .6rem}.otium-wars-activity-left{gap:.6rem}.otium-wars-activity-right{gap:.5rem}.otium-wars-activity-item{font-size:.8rem;gap:.3rem}.otium-wars-activity-icon{width:16px;height:16px}.otium-wars-travel-time .otium-wars-activity-icon{width:13px;height:13px}.otium-wars-travel-time-value{font-size:.7rem}.otium-wars-modal{max-width:100%;max-height:90vh;border-radius:12px 12px 0 0;margin-top:auto}.otium-wars-battle-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.otium-wars-battle-stat{padding:.7rem .4rem}.otium-wars-battle-stat-value{font-size:1.1rem}.otium-wars-battle-stat-label{font-size:.65rem}.otium-wars-deploy-modal{max-width:100%;max-height:92vh;border-radius:16px 16px 0 0;margin-top:auto}.otium-wars-deploy-header{padding:.9rem 1rem;flex-wrap:wrap;gap:.5rem}.otium-wars-deploy-header-left{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap}.otium-wars-deploy-title{font-size:1.1rem;letter-spacing:1px}.otium-wars-deploy-army-counter{padding:.35rem .7rem}.otium-wars-deploy-counter-icon{width:16px;height:16px}.otium-wars-deploy-counter-value{font-size:1rem}.otium-wars-deploy-counter-label{font-size:.7rem}.otium-wars-deploy-content{padding:.9rem;gap:.85rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,69,19,.4) transparent}.otium-wars-deploy-content::-webkit-scrollbar{display:block;width:4px}.otium-wars-deploy-content::-webkit-scrollbar-thumb{background:#8b451366;border-radius:2px}.otium-wars-deploy-target{padding:.75rem 1rem;gap:.55rem;border-radius:11px}.otium-wars-deploy-target-label{font-size:.7rem;letter-spacing:1.5px}.otium-wars-deploy-target-name{font-size:1rem}.otium-wars-deploy-quick-actions{gap:.5rem}.otium-wars-deploy-quick-btn{padding:.55rem .75rem;font-size:.8rem;min-height:42px}.otium-wars-quick-btn-icon{width:16px;height:16px}.otium-wars-deploy-troops-grid{grid-template-columns:1fr;gap:.6rem}.otium-wars-deploy-troop-card{padding:.65rem .8rem;gap:.45rem}.otium-wars-deploy-troop-name{font-size:.92rem}.otium-wars-deploy-troop-tier{font-size:.62rem;padding:.12rem .4rem}.otium-wars-deploy-troop-available{font-size:.72rem}.otium-wars-deploy-slider{height:10px}.otium-wars-deploy-slider::-webkit-slider-thumb{width:24px;height:24px}.otium-wars-deploy-troop-count{font-size:1rem;min-width:40px}.otium-wars-deploy-troop-max-btn{padding:.25rem .5rem;font-size:.6rem}.otium-wars-deploy-footer{padding:.85rem 1rem;gap:.6rem}.otium-wars-deploy-btn{padding:.7rem .9rem;font-size:.9rem;min-height:46px}.otium-wars-deploy-btn-icon{width:18px;height:18px}}@media (max-width: 480px){.otium-wars-page{padding:.5rem}.otium-wars-header{padding:.75rem;gap:.75rem}.otium-wars-back-btn,.otium-wars-nav-btn{padding:.5rem 1rem;font-size:.85rem}.otium-wars-title{font-size:1.2rem}.otium-wars-tabs{flex-direction:column}.otium-wars-tab,.otium-wars-contract-card{padding:.75rem}.otium-wars-contract-name{font-size:1rem}.otium-wars-contract-activity{gap:.4rem;padding:.4rem .5rem}.otium-wars-activity-left{gap:.5rem}.otium-wars-activity-right{gap:.4rem}.otium-wars-activity-item{font-size:.75rem;gap:.2rem}.otium-wars-activity-icon{width:14px;height:14px}.otium-wars-travel-time .otium-wars-activity-icon{width:12px;height:12px}.otium-wars-travel-time-value{font-size:.65rem}.otium-wars-modal-content{padding:1rem}.otium-wars-battle-stats{grid-template-columns:repeat(2,1fr);gap:.4rem}.otium-wars-battle-stat{padding:.6rem .35rem;border-radius:8px}.otium-wars-army-units{gap:.4rem}.otium-wars-army-stack{padding:.4rem .5rem;gap:.4rem}.otium-wars-army-icon{width:26px;height:26px}.otium-wars-army-unit-name{font-size:.75rem}.otium-wars-army-tier{font-size:.6rem}.otium-wars-army-count{font-size:.85rem}.otium-wars-battle-stat-value{font-size:1rem}.otium-wars-battle-stat-label{font-size:.6rem}.otium-wars-deploy-modal{max-height:90vh;border-radius:14px 14px 0 0}.otium-wars-deploy-header{padding:.75rem .9rem;gap:.4rem}.otium-wars-deploy-header-left{gap:.6rem}.otium-wars-deploy-title{font-size:1rem;letter-spacing:.5px}.otium-wars-deploy-army-counter{padding:.3rem .6rem;border-radius:6px}.otium-wars-deploy-counter-icon{width:14px;height:14px}.otium-wars-deploy-counter-value{font-size:.95rem}.otium-wars-deploy-counter-label{font-size:.65rem}.otium-wars-deploy-content{padding:.75rem;gap:.7rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,69,19,.4) transparent}.otium-wars-deploy-content::-webkit-scrollbar{display:block;width:4px}.otium-wars-deploy-content::-webkit-scrollbar-thumb{background:#8b451366;border-radius:2px}.otium-wars-deploy-target{padding:.65rem .85rem;gap:.45rem;border-radius:9px}.otium-wars-deploy-target:hover{transform:translateY(-2px) scale(1.01)}.otium-wars-deploy-target-label{font-size:.65rem;letter-spacing:1px}.otium-wars-deploy-target-name{font-size:.95rem}.otium-wars-deploy-target:hover .otium-wars-deploy-target-name{transform:scale(1.03)}.otium-wars-deploy-quick-actions{gap:.45rem}.otium-wars-deploy-quick-btn{padding:.5rem .65rem;font-size:.75rem;min-height:40px;border-radius:7px}.otium-wars-quick-btn-icon{width:14px;height:14px}.otium-wars-deploy-troops-grid{gap:.5rem}.otium-wars-deploy-troop-card{padding:.55rem .65rem;gap:.4rem;border-radius:8px}.otium-wars-deploy-troop-name{font-size:.85rem}.otium-wars-deploy-troop-tier{font-size:.58rem;padding:.1rem .35rem;border-radius:4px}.otium-wars-deploy-troop-available{font-size:.68rem}.otium-wars-deploy-slider-row{gap:.4rem}.otium-wars-deploy-slider{height:12px;border-radius:6px}.otium-wars-deploy-slider::-webkit-slider-thumb{width:26px;height:26px}.otium-wars-deploy-troop-count{font-size:.95rem;min-width:35px}.otium-wars-deploy-troop-max-btn{padding:.2rem .45rem;font-size:.55rem;border-radius:4px}.otium-wars-deploy-footer{padding:.7rem .9rem;gap:.5rem}.otium-wars-deploy-btn{padding:.6rem .75rem;font-size:.85rem;min-height:44px;border-radius:8px}.otium-wars-deploy-btn-icon{width:16px;height:16px}}@media (min-width: 1400px){.otium-wars-contracts-grid,.otium-wars-operations-grid{grid-template-columns:repeat(3,1fr)}.otium-wars-contract-activity{gap:.85rem;padding:.55rem .85rem}.otium-wars-activity-left{gap:.9rem}.otium-wars-activity-right{gap:.75rem}.otium-wars-activity-item{font-size:.9rem;gap:.4rem}.otium-wars-activity-icon{width:20px;height:20px}.otium-wars-travel-time .otium-wars-activity-icon{width:16px;height:16px}.otium-wars-travel-time-value{font-size:.8rem}.otium-wars-deploy-modal{max-width:920px;max-height:min(88vh,900px);border-radius:20px}.otium-wars-deploy-header{padding:1.25rem 1.5rem}.otium-wars-deploy-header-left{gap:1.25rem}.otium-wars-deploy-title{font-size:1.45rem;letter-spacing:2.5px}.otium-wars-deploy-army-counter{padding:.5rem 1rem;border-radius:11px}.otium-wars-deploy-counter-icon{width:22px;height:22px}.otium-wars-deploy-counter-value{font-size:1.35rem}.otium-wars-deploy-counter-label{font-size:.85rem}.otium-wars-deploy-content{padding:1.25rem;gap:1.1rem}.otium-wars-deploy-target{padding:.9rem 1.25rem;gap:.65rem;border-radius:13px}.otium-wars-deploy-target-label{font-size:.76rem;letter-spacing:1.8px}.otium-wars-deploy-target-name{font-size:1.15rem}.otium-wars-deploy-quick-btn{padding:.75rem 1rem;font-size:.95rem;min-height:48px;border-radius:11px}.otium-wars-quick-btn-icon{width:20px;height:20px}.otium-wars-deploy-troops-grid{gap:.8rem}.otium-wars-deploy-troop-card{padding:.85rem 1rem;gap:.55rem;border-radius:13px}.otium-wars-deploy-troop-name{font-size:1.02rem}.otium-wars-deploy-troop-tier{font-size:.7rem;padding:.2rem .55rem}.otium-wars-deploy-troop-available{font-size:.82rem}.otium-wars-deploy-slider{height:10px}.otium-wars-deploy-slider::-webkit-slider-thumb{width:22px;height:22px}.otium-wars-deploy-troop-count{font-size:1.15rem;min-width:52px}.otium-wars-deploy-troop-max-btn{padding:.35rem .7rem;font-size:.7rem}.otium-wars-deploy-footer{padding:1.1rem 1.5rem;gap:.85rem}.otium-wars-deploy-btn{padding:.9rem 1.25rem;font-size:1rem;min-height:52px;border-radius:13px}.otium-wars-deploy-btn-icon{width:22px;height:22px}}@media (min-width: 1600px){.otium-wars-page{max-width:1800px;padding:2rem}.otium-wars-header{padding:1.75rem;gap:1.25rem}.otium-wars-title{font-size:2.5rem;letter-spacing:5px}.otium-wars-subtitle{font-size:1.15rem}.otium-wars-contracts-grid,.otium-wars-operations-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.otium-wars-contract-activity{gap:.9rem;padding:.55rem .9rem}.otium-wars-activity-left{gap:.95rem}.otium-wars-activity-right{gap:.8rem}.otium-wars-activity-item{font-size:.92rem;gap:.4rem}.otium-wars-activity-icon{width:20px;height:20px}.otium-wars-travel-time .otium-wars-activity-icon{width:16px;height:16px}.otium-wars-travel-time-value{font-size:.82rem}.otium-wars-deploy-modal{max-width:960px;max-height:min(88vh,920px);border-radius:22px}.otium-wars-deploy-header{padding:1.3rem 1.65rem}.otium-wars-deploy-header-left{gap:1.5rem}.otium-wars-deploy-title{font-size:1.5rem;letter-spacing:3px}.otium-wars-deploy-army-counter{padding:.55rem 1.1rem}.otium-wars-deploy-counter-icon{width:24px;height:24px}.otium-wars-deploy-counter-value{font-size:1.45rem}.otium-wars-deploy-content{padding:1.35rem;gap:1.15rem}.otium-wars-deploy-target{padding:1rem 1.35rem;gap:.7rem;border-radius:14px}.otium-wars-deploy-target-label{font-size:.78rem;letter-spacing:2px}.otium-wars-deploy-target-name{font-size:1.22rem}.otium-wars-deploy-quick-btn{padding:.8rem 1.1rem;font-size:1rem;min-height:50px}.otium-wars-deploy-troops-grid{gap:.85rem}.otium-wars-deploy-troop-card{padding:.9rem 1.05rem;gap:.6rem}.otium-wars-deploy-troop-name{font-size:1.05rem}.otium-wars-deploy-troop-count{font-size:1.2rem;min-width:55px}.otium-wars-deploy-footer{padding:1.15rem 1.65rem}.otium-wars-deploy-btn{padding:.95rem 1.35rem;font-size:1.05rem;min-height:54px}}@media (min-width: 1920px){.otium-wars-page{max-width:2200px;padding:2.5rem;gap:1.75rem}.otium-wars-header{padding:2rem;border-radius:16px}.otium-wars-title{font-size:2.75rem}.otium-wars-title-image{width:100px;height:125px;border:none;background:none;border-radius:0;box-shadow:none}.otium-wars-tab{padding:1.1rem 1.25rem;font-size:1.1rem;border-radius:12px}.otium-wars-contract-card{padding:1.25rem;border-radius:14px;gap:1rem}.otium-wars-contract-name{font-size:1.25rem}.otium-wars-action-btn{padding:.75rem .9rem;font-size:.9rem;border-radius:10px;min-height:48px}.otium-wars-contract-activity{gap:1rem;padding:.6rem 1rem}.otium-wars-activity-left{gap:1rem}.otium-wars-activity-right{gap:.85rem}.otium-wars-activity-item{font-size:.95rem;gap:.45rem}.otium-wars-activity-icon{width:22px;height:22px}.otium-wars-travel-time .otium-wars-activity-icon{width:17px;height:17px}.otium-wars-travel-time-value{font-size:.85rem}.otium-wars-modal{max-width:700px;border-radius:20px}.otium-wars-modal-title{font-size:1.5rem}.otium-wars-deploy-modal{max-width:1020px;max-height:min(88vh,950px);border-radius:24px;border-width:4px}.otium-wars-deploy-header{padding:1.4rem 1.75rem}.otium-wars-deploy-header-left{gap:1.75rem}.otium-wars-deploy-title{font-size:1.6rem;letter-spacing:3.5px}.otium-wars-deploy-army-counter{padding:.6rem 1.2rem;border-radius:13px}.otium-wars-deploy-counter-icon{width:26px;height:26px}.otium-wars-deploy-counter-value{font-size:1.5rem}.otium-wars-deploy-counter-label{font-size:.9rem}.otium-wars-deploy-content{padding:1.45rem;gap:1.2rem}.otium-wars-deploy-target{padding:1.1rem 1.45rem;gap:.75rem;border-radius:15px}.otium-wars-deploy-target:hover{transform:translateY(-4px) scale(1.025)}.otium-wars-deploy-target-label{font-size:.8rem;letter-spacing:2.2px}.otium-wars-deploy-target-name{font-size:1.3rem}.otium-wars-deploy-target:hover .otium-wars-deploy-target-name{transform:scale(1.06)}.otium-wars-deploy-quick-actions{gap:.85rem}.otium-wars-deploy-quick-btn{padding:.85rem 1.15rem;font-size:1.02rem;min-height:52px;border-radius:13px}.otium-wars-quick-btn-icon{width:22px;height:22px}.otium-wars-deploy-troops-grid{gap:.9rem}.otium-wars-deploy-troop-card{padding:.95rem 1.1rem;gap:.65rem;border-radius:15px}.otium-wars-deploy-troop-name{font-size:1.08rem}.otium-wars-deploy-troop-tier{font-size:.72rem;padding:.22rem .58rem;border-radius:7px}.otium-wars-deploy-troop-available{font-size:.85rem}.otium-wars-deploy-slider-row{gap:.7rem}.otium-wars-deploy-slider{height:11px;border-radius:5px}.otium-wars-deploy-slider::-webkit-slider-thumb{width:24px;height:24px}.otium-wars-deploy-troop-count{font-size:1.22rem;min-width:58px}.otium-wars-deploy-troop-max-btn{padding:.38rem .8rem;font-size:.72rem;border-radius:7px}.otium-wars-deploy-footer{padding:1.2rem 1.75rem;gap:.9rem}.otium-wars-deploy-btn{padding:1rem 1.4rem;font-size:1.08rem;min-height:56px;border-radius:15px}.otium-wars-deploy-btn-icon{width:24px;height:24px}}@media (min-width: 2560px){.otium-wars-page{max-width:2800px;padding:3rem;gap:2rem}.otium-wars-header{padding:2.5rem;border-radius:18px;border-width:4px}.otium-wars-title{font-size:3.25rem;letter-spacing:6px}.otium-wars-subtitle{font-size:1.35rem}.otium-wars-title-image{width:120px;height:150px;border:none;background:none;border-radius:0;box-shadow:none}.otium-wars-quick-stats{gap:1.25rem}.otium-wars-stat-item{padding:.65rem 1.1rem;border-radius:10px;border-width:3px}.otium-wars-stat-icon{width:26px;height:26px}.otium-wars-stat-value{font-size:1.15rem}.otium-wars-stat-label{font-size:.9rem}.otium-wars-tabs{padding:.75rem;border-radius:16px;border-width:4px;gap:.75rem}.otium-wars-tab{padding:1.25rem 1.5rem;font-size:1.2rem;border-radius:14px;min-height:56px}.otium-wars-tab-icon{width:26px;height:26px}.otium-wars-section-header{padding:1rem 1.25rem;border-radius:12px}.otium-wars-section-title{font-size:1.4rem;letter-spacing:3px}.otium-wars-contracts-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.otium-wars-contract-card{padding:1.5rem;border-radius:16px;gap:1rem}.otium-wars-contract-name{font-size:1.35rem}.otium-wars-contract-desc{font-size:.95rem}.otium-wars-difficulty-star{width:20px;height:20px}.otium-wars-activity-icon{width:22px;height:22px}.otium-wars-activity-left{gap:1rem}.otium-wars-activity-right{gap:.85rem}.otium-wars-travel-time .otium-wars-activity-icon{width:18px;height:18px}.otium-wars-travel-time-value{font-size:.85rem}.otium-wars-contract-actions{gap:.75rem;margin-top:.75rem}.otium-wars-action-btn{padding:.85rem 1rem;font-size:.95rem;border-radius:12px;min-height:52px}.otium-wars-btn-icon{width:22px;height:22px}.otium-wars-operations-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.otium-wars-operation-card{padding:1.5rem;border-radius:14px}.otium-wars-modal{max-width:800px;border-radius:24px}.otium-wars-modal-header{padding:1.5rem}.otium-wars-modal-title{font-size:1.6rem}.otium-wars-modal-content{padding:1.5rem;gap:1.25rem}.otium-wars-modal-footer{padding:1.25rem 1.5rem}.otium-wars-modal-btn{padding:1rem 1.5rem;font-size:1.1rem;min-height:54px}.otium-wars-deploy-modal{max-width:1150px;max-height:min(85vh,980px);border-radius:28px;border-width:4px;box-shadow:0 35px 100px #000000e6,0 0 80px #8b45134d,inset 0 1px #ffd70026}.otium-wars-deploy-header{padding:1.55rem 1.95rem}.otium-wars-deploy-header-left{gap:2rem}.otium-wars-deploy-title{font-size:1.75rem;letter-spacing:4px}.otium-wars-deploy-army-counter{padding:.65rem 1.35rem;border-radius:15px;border-width:3px}.otium-wars-deploy-counter-icon{width:28px;height:28px}.otium-wars-deploy-counter-value{font-size:1.65rem}.otium-wars-deploy-counter-label{font-size:.95rem;letter-spacing:1px}.otium-wars-deploy-content{padding:1.55rem;gap:1.35rem}.otium-wars-deploy-content::-webkit-scrollbar{width:8px}.otium-wars-deploy-target{padding:1.2rem 1.6rem;gap:.85rem;border-radius:16px}.otium-wars-deploy-target:hover{transform:translateY(-5px) scale(1.03);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0000004d,0 8px 25px #00000080,0 0 35px #ffd7004d,0 0 50px #ffd70026}.otium-wars-deploy-target-label{font-size:.85rem;letter-spacing:2.5px}.otium-wars-deploy-target-name{font-size:1.4rem}.otium-wars-deploy-target:hover .otium-wars-deploy-target-name{transform:scale(1.08)}.otium-wars-deploy-quick-actions{gap:.95rem}.otium-wars-deploy-quick-btn{padding:.95rem 1.3rem;font-size:1.08rem;min-height:56px;border-radius:15px;letter-spacing:1.5px}.otium-wars-quick-btn-icon{width:24px;height:24px}.otium-wars-deploy-troops-grid{gap:1rem}.otium-wars-deploy-troop-card{padding:1.05rem 1.25rem;gap:.7rem;border-radius:17px}.otium-wars-deploy-troop-header{gap:.55rem}.otium-wars-deploy-troop-name{font-size:1.15rem}.otium-wars-deploy-troop-tier{font-size:.76rem;padding:.25rem .65rem;border-radius:8px}.otium-wars-deploy-troop-available{font-size:.9rem}.otium-wars-deploy-slider-row{gap:.8rem}.otium-wars-deploy-slider{height:12px;border-radius:6px}.otium-wars-deploy-slider::-webkit-slider-thumb{width:28px;height:28px;border-width:3px}.otium-wars-deploy-troop-count{font-size:1.35rem;min-width:65px}.otium-wars-deploy-troop-max-btn{padding:.42rem .9rem;font-size:.76rem;border-radius:8px}.otium-wars-deploy-empty{padding:3.5rem 2rem}.otium-wars-deploy-empty-icon{width:70px;height:70px}.otium-wars-deploy-empty-text{font-size:1.2rem}.otium-wars-deploy-empty-hint{font-size:.95rem}.otium-wars-deploy-footer{padding:1.35rem 1.95rem;gap:1rem}.otium-wars-deploy-btn{padding:1.1rem 1.6rem;font-size:1.15rem;min-height:60px;border-radius:17px}.otium-wars-deploy-btn-icon{width:28px;height:28px}}@media (max-width: 359px){.otium-wars-page{padding:.35rem}.otium-wars-header{padding:.6rem;gap:.5rem;border-radius:8px;border-width:2px}.otium-wars-back-btn,.otium-wars-nav-btn{padding:.45rem .75rem;font-size:.75rem;min-height:40px}.otium-wars-title{font-size:1rem;letter-spacing:.5px}.otium-wars-subtitle{font-size:.8rem}.otium-wars-title-image{width:60px;height:75px;border:none;background:none;border-radius:0;box-shadow:none}.otium-wars-quick-stats{gap:.5rem;margin-top:.35rem}.otium-wars-stat-item{padding:.35rem .5rem;font-size:.75rem}.otium-wars-stat-icon{width:14px;height:14px}.otium-wars-stat-value{font-size:.85rem}.otium-wars-stat-label{font-size:.7rem}.otium-wars-tabs{padding:.35rem;gap:.35rem;border-radius:8px}.otium-wars-tab{padding:.6rem .5rem;font-size:.75rem;min-height:40px}.otium-wars-tab-icon{width:16px;height:16px}.otium-wars-section-header{padding:.5rem .75rem;border-radius:8px}.otium-wars-section-title{font-size:1rem;letter-spacing:1px}.otium-wars-contracts-grid{gap:.5rem}.otium-wars-contract-card{padding:.75rem;border-radius:8px;gap:.5rem}.otium-wars-contract-name{font-size:.95rem}.otium-wars-contract-desc{font-size:.75rem;line-height:1.3}.otium-wars-difficulty-star{width:14px;height:14px}.otium-wars-contract-activity{gap:.4rem;padding:.4rem .5rem;flex-direction:column;align-items:stretch}.otium-wars-activity-left{gap:.5rem;justify-content:center}.otium-wars-activity-right{gap:.4rem;justify-content:center;padding-top:.25rem;border-top:1px solid rgba(139,69,19,.3)}.otium-wars-activity-item{font-size:.75rem;gap:.25rem}.otium-wars-activity-icon{width:14px;height:14px}.otium-wars-travel-time .otium-wars-activity-icon{width:12px;height:12px}.otium-wars-travel-time-value{font-size:.65rem}.otium-wars-contract-timer{padding:.3rem .5rem}.otium-wars-timer-icon{width:14px;height:14px}.otium-wars-timer-value{font-size:.85rem}.otium-wars-contract-intel{padding:.35rem .5rem}.otium-wars-action-btn{padding:.5rem .4rem;font-size:.7rem;min-height:40px;border-radius:6px}.otium-wars-btn-icon{width:14px;height:14px}.otium-wars-operations-grid{gap:.5rem}.otium-wars-operation-card{padding:.75rem;border-radius:8px;gap:.5rem}.otium-wars-modal{border-radius:10px 10px 0 0;max-height:85vh}.otium-wars-modal-header{padding:.75rem}.otium-wars-modal-title{font-size:1rem}.otium-wars-modal-close{width:28px;height:28px;font-size:1rem}.otium-wars-modal-content{padding:.75rem;gap:.75rem}.otium-wars-modal-footer{padding:.75rem;gap:.5rem}.otium-wars-modal-btn{padding:.65rem .75rem;font-size:.85rem;min-height:40px}.otium-wars-operation-army{padding:.6rem;gap:.4rem}.otium-wars-army-label{font-size:.65rem;padding-bottom:.3rem}.otium-wars-army-units{gap:.35rem}.otium-wars-army-stack{padding:.35rem .5rem;gap:.35rem;border-radius:6px}.otium-wars-army-icon{width:24px;height:24px}.otium-wars-army-icon-placeholder{width:24px;height:24px;font-size:.85rem}.otium-wars-army-unit-name{font-size:.72rem}.otium-wars-army-tier{font-size:.6rem;padding:.05rem .2rem}.otium-wars-army-count{font-size:.8rem;padding-left:.3rem}.otium-wars-deploy-modal{max-height:88vh;border-radius:10px 10px 0 0;border-width:2px}.otium-wars-deploy-header{padding:.6rem .7rem;gap:.35rem}.otium-wars-deploy-header-left{gap:.4rem;flex-wrap:wrap}.otium-wars-deploy-title{font-size:.85rem;letter-spacing:0}.otium-wars-deploy-army-counter{padding:.25rem .5rem;border-radius:5px}.otium-wars-deploy-counter-icon{width:12px;height:12px}.otium-wars-deploy-counter-value{font-size:.85rem}.otium-wars-deploy-counter-label{font-size:.55rem}.otium-wars-deploy-content{padding:.55rem;gap:.55rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,69,19,.4) transparent}.otium-wars-deploy-content::-webkit-scrollbar{display:block;width:3px}.otium-wars-deploy-content::-webkit-scrollbar-thumb{background:#8b451366;border-radius:2px}.otium-wars-deploy-target{padding:.55rem .7rem;gap:.35rem;border-radius:7px}.otium-wars-deploy-target:hover{transform:translateY(-1px) scale(1.005)}.otium-wars-deploy-target-label{font-size:.55rem;letter-spacing:.8px}.otium-wars-deploy-target-name{font-size:.85rem}.otium-wars-deploy-target:hover .otium-wars-deploy-target-name{transform:scale(1.02)}.otium-wars-deploy-quick-actions{gap:.35rem}.otium-wars-deploy-quick-btn{padding:.45rem .5rem;font-size:.65rem;min-height:36px;border-radius:5px;letter-spacing:0}.otium-wars-quick-btn-icon{width:12px;height:12px}.otium-wars-deploy-troops-grid{gap:.4rem}.otium-wars-deploy-troop-card{padding:.45rem .55rem;gap:.35rem;border-radius:6px}.otium-wars-deploy-troop-header{gap:.25rem}.otium-wars-deploy-troop-name{font-size:.75rem}.otium-wars-deploy-troop-tier{font-size:.5rem;padding:.08rem .28rem;border-radius:3px}.otium-wars-deploy-troop-available{font-size:.6rem}.otium-wars-deploy-slider-row{gap:.35rem}.otium-wars-deploy-slider{height:14px;border-radius:7px}.otium-wars-deploy-slider::-webkit-slider-thumb{width:28px;height:28px}.otium-wars-deploy-troop-count{font-size:.85rem;min-width:30px}.otium-wars-deploy-troop-max-btn{padding:.18rem .35rem;font-size:.5rem;border-radius:3px}.otium-wars-deploy-empty{padding:1.5rem .75rem}.otium-wars-deploy-empty-icon{width:45px;height:45px}.otium-wars-deploy-empty-text{font-size:.9rem}.otium-wars-deploy-empty-hint{font-size:.75rem}.otium-wars-deploy-footer{padding:.55rem .7rem;gap:.4rem}.otium-wars-deploy-btn{padding:.5rem .6rem;font-size:.75rem;min-height:38px;border-radius:6px}.otium-wars-deploy-btn-icon{width:14px;height:14px}}@media (min-width: 769px) and (max-width: 1024px){.otium-wars-army-stack{padding:.45rem .6rem}.otium-wars-army-icon{width:28px;height:28px}}@media (min-width: 1400px){.otium-wars-army-stack{padding:.55rem .8rem;gap:.6rem}.otium-wars-army-icon{width:36px;height:36px}.otium-wars-army-unit-name{font-size:.88rem}.otium-wars-army-tier{font-size:.72rem;padding:.1rem .35rem}.otium-wars-army-count{font-size:1rem}}.barracks-page{max-width:1600px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;animation:barracksPageFadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes barracksPageFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.barracks-header{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#8b4513d9,#000000f2);border:3px solid #8b4513;border-radius:12px;box-shadow:0 8px 24px #000000b3,inset 0 1px #ffd70026,inset 0 -1px #0000004d;position:relative;overflow:hidden}.barracks-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.05),transparent);animation:barracks-header-shimmer 8s ease-in-out infinite;pointer-events:none}@keyframes barracks-header-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.barracks-nav-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.barracks-back-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#8b451399,#654321cc);border:2px solid #8b4513;border-radius:8px;color:gold;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.8);min-height:44px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.barracks-back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .4s ease}.barracks-back-btn:hover:before{left:100%}.barracks-back-btn:hover{background:linear-gradient(135deg,#daa520b3,#8b4513e6);border-color:gold;transform:translate(-4px) translateZ(0);box-shadow:0 4px 12px #ffd7004d,0 0 20px #ffd70026}.barracks-back-btn:active{transform:translate(-2px) scale(.98) translateZ(0)}.barracks-nav-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#8b451399,#654321cc);border:2px solid #8b4513;border-radius:8px;color:gold;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.8);min-height:44px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.barracks-nav-btn:before{content:"";position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:right .4s ease}.barracks-nav-btn:hover:before{right:100%}.barracks-nav-btn:hover{background:linear-gradient(135deg,#daa520b3,#8b4513e6);border-color:gold;transform:translate(4px) translateZ(0);box-shadow:0 4px 12px #ffd7004d,0 0 20px #ffd70026}.barracks-nav-btn:active{transform:translate(2px) scale(.98) translateZ(0)}.barracks-title-row{display:flex;align-items:center;justify-content:center;gap:1.25rem}.barracks-title-text{display:flex;flex-direction:column;gap:.25rem;text-align:center}.barracks-title{font-size:2rem;font-weight:900;font-family:Impact,Arial Black,sans-serif;color:gold;text-transform:uppercase;letter-spacing:4px;margin:0;text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 30px rgba(255,215,0,.3);animation:barracks-title-glow 3s ease-in-out infinite}@keyframes barracks-title-glow{0%,to{text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 30px rgba(255,215,0,.3)}50%{text-shadow:0 6px 12px rgba(0,0,0,.95),0 3px 6px rgba(0,0,0,.8),0 0 45px rgba(255,215,0,.5)}}.barracks-subtitle{font-size:1rem;color:#ff8c00;font-style:italic;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8)}.barracks-level-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:linear-gradient(135deg,#ffd70040,#8b451366);border:2px solid rgba(255,215,0,.5);border-radius:20px;margin-top:.5rem}.barracks-level-label{font-size:.85rem;color:#d4a76a}.barracks-level-value{font-size:1.1rem;font-weight:700;color:gold}.barracks-level-star{color:gold;font-size:.9rem}.barracks-stats-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.barracks-stat{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#0000004d;border-radius:8px;font-size:.85rem;color:#d4a76a}.barracks-stat-value{font-weight:700;color:gold}.barracks-tabs{display:flex;gap:.5rem;background:#0000004d;border:3px solid #8b4513;border-radius:12px;padding:.5rem;box-shadow:0 4px 12px #0006}.barracks-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1rem;background:linear-gradient(135deg,#3c3732cc,#28231ee6);border:2px solid rgba(139,69,19,.4);border-radius:10px;color:#aaa;font-weight:700;font-size:clamp(.85rem,2vw,1rem);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:48px;will-change:transform,box-shadow;transform:translateZ(0)}.barracks-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease;pointer-events:none}.barracks-tab:hover:before{left:100%}.barracks-tab:hover{background:linear-gradient(135deg,#8b451380,#4a3821b3);color:#d4a76a;border-color:#8b451399;transform:translateY(-2px) translateZ(0);box-shadow:0 4px 12px #0006,0 0 15px #ffd7001a}.barracks-tab.active{background:linear-gradient(135deg,#ffd7004d,#8b451399);color:gold;border-color:gold;box-shadow:0 0 15px #ffd70033,inset 0 1px #ffd70026}.barracks-tab.active:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.barracks-tab-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.barracks-content,.barracks-troops-panel{display:flex;flex-direction:column;gap:1.25rem}.barracks-inventory-section{display:flex;flex-direction:column;gap:.75rem}.barracks-section-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#8b451366,#0009);border:2px solid rgba(139,69,19,.5);border-radius:10px}.barracks-section-title{font-size:1.1rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:2px;margin:0}.barracks-section-total{font-size:.95rem;color:#d4a76a;font-weight:700}.barracks-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.barracks-inventory-item{display:flex;align-items:center;gap:.6rem;padding:.75rem;background:linear-gradient(135deg,#322d28e6,#231e19f2);border:2px solid rgba(139,69,19,.4);border-radius:10px;transition:all .2s ease}.barracks-inventory-item:hover{border-color:#ffd70066;background:linear-gradient(135deg,#3c3732e6,#2d2823f2)}.barracks-inventory-item.locked{opacity:.5;filter:grayscale(30%)}.barracks-inventory-icon{width:36px;height:36px;border-radius:6px;border:2px solid rgba(139,69,19,.5)}.barracks-inventory-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.barracks-inventory-name{font-size:.85rem;font-weight:700;color:#d4a76a}.barracks-inventory-tier{font-size:.75rem;color:#888}.barracks-inventory-count{font-size:1rem;font-weight:700;color:gold}.barracks-train-section{display:flex;flex-direction:column;gap:1rem}.barracks-train-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:linear-gradient(135deg,#2d2823e6,#1e1914f2);border:2px solid rgba(139,69,19,.5);border-radius:12px}.barracks-unit-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.barracks-unit-option{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem;background:#0000004d;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.barracks-unit-option:hover{background:#8b45134d;border-color:#8b451380}.barracks-unit-option.selected{background:linear-gradient(135deg,#ffd70033,#8b451366);border-color:gold}.barracks-unit-option.locked{opacity:.4;cursor:not-allowed}.barracks-unit-icon{width:40px;height:40px;border-radius:6px}.barracks-unit-name{font-size:.75rem;color:#aaa;text-align:center}.barracks-unit-option.selected .barracks-unit-name{color:gold}.barracks-batch-control{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#0000004d;border-radius:10px}.barracks-batch-header{display:flex;align-items:center;justify-content:space-between}.barracks-batch-label{font-size:.9rem;color:#d4a76a}.barracks-batch-value{font-size:1.1rem;font-weight:700;color:gold}.barracks-batch-slider{width:100%;height:10px;appearance:none;background:linear-gradient(90deg,#8b451366,#8b451333);border-radius:5px;cursor:pointer}.barracks-batch-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:linear-gradient(135deg,gold,#ff8c00);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00000080;transition:transform .2s ease}.barracks-batch-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.barracks-cost-preview{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:8px}.barracks-cost-item{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.barracks-cost-icon{width:20px;height:20px}.barracks-cost-value{color:gold;font-weight:700}.barracks-train-btn{padding:.9rem 1.5rem;background:linear-gradient(135deg,#50966499,#326446cc);border:2px solid rgba(100,200,130,.5);border-radius:10px;color:#90ee90;font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:48px}.barracks-train-btn:hover:not(:disabled){background:linear-gradient(135deg,#64b482b3,#3c7855e6);border-color:#90ee90;box-shadow:0 0 15px #64c8824d}.barracks-train-btn:disabled{opacity:.5;cursor:not-allowed}.barracks-queue-section{display:flex;flex-direction:column;gap:.75rem}.barracks-queue-list{display:flex;flex-direction:column;gap:.5rem}.barracks-queue-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg,#322d28e6,#231e19f2);border:2px solid rgba(139,69,19,.4);border-radius:10px}.barracks-queue-icon{width:40px;height:40px;border-radius:6px}.barracks-queue-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.barracks-queue-name{font-size:.9rem;font-weight:700;color:#d4a76a}.barracks-queue-progress{display:flex;align-items:center;gap:.5rem}.barracks-queue-bar{flex:1;height:6px;background:#0006;border-radius:3px;overflow:hidden}.barracks-queue-fill{height:100%;background:linear-gradient(90deg,gold,#ff8c00);border-radius:3px;transition:width .3s ease}.barracks-queue-timer{font-size:.85rem;font-weight:700;color:gold;font-family:Consolas,monospace;min-width:50px;text-align:right}.barracks-queue-cancel{padding:.4rem .6rem;background:#dc35454d;border:1px solid rgba(220,53,69,.4);border-radius:6px;color:#ff6b6b;font-size:.75rem;cursor:pointer;transition:all .2s ease}.barracks-queue-cancel:hover{background:#dc354580;border-color:#dc354599}.barracks-upgrades-panel{display:flex;flex-direction:column;gap:1.25rem}.barracks-status-card{padding:1.25rem;background:linear-gradient(135deg,#2d2823e6,#1e1914f2);border:2px solid rgba(139,69,19,.5);border-radius:12px}.barracks-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.barracks-status-level{font-size:1.3rem;font-weight:700;color:gold}.barracks-status-bonuses{display:flex;gap:1rem;flex-wrap:wrap}.barracks-bonus-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#0000004d;border-radius:8px;font-size:.85rem;color:#90ee90}.barracks-upgrade-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(139,69,19,.3)}.barracks-upgrade-preview{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.barracks-upgrade-label{font-size:.9rem;color:#d4a76a}.barracks-upgrade-unlocks{font-size:.85rem;color:#90ee90}.barracks-upgrade-cost{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:8px}.barracks-upgrade-btn{width:100%;padding:.9rem 1.5rem;background:linear-gradient(135deg,#ffd7004d,#8b451399);border:2px solid rgba(255,215,0,.5);border-radius:10px;color:gold;font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:48px}.barracks-upgrade-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd70066,#b4641eb3);border-color:gold;box-shadow:0 0 20px #ffd7004d}.barracks-upgrade-btn:disabled{opacity:.5;cursor:not-allowed}.barracks-tier-unlock-section{display:flex;flex-direction:column;gap:.75rem}.barracks-tier-unlock-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:linear-gradient(135deg,#322d28e6,#231e19f2);border:2px solid rgba(139,69,19,.4);border-radius:10px;cursor:pointer;transition:all .2s ease}.barracks-tier-unlock-row:hover{border-color:#ffd70066}.barracks-tier-unit-icon{width:40px;height:40px;border-radius:6px}.barracks-tier-unit-name{flex:1;font-weight:700;color:#d4a76a}.barracks-tier-progress{display:flex;gap:.25rem}.barracks-tier-dot{width:16px;height:16px;border-radius:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-size:.65rem;display:flex;align-items:center;justify-content:center;color:#888}.barracks-tier-dot.unlocked{background:linear-gradient(135deg,#64c88280,#3c965ab3);border-color:#64c88299;color:#90ee90}.barracks-tier-dot.next{background:#ffd70033;border-color:#ffd70066;color:gold}.barracks-history-panel{display:flex;flex-direction:column;gap:1.25rem}.barracks-stats-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.barracks-stats-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;background:linear-gradient(135deg,#322d28e6,#231e19f2);border:2px solid rgba(139,69,19,.4);border-radius:10px}.barracks-stats-value{font-size:1.5rem;font-weight:700;color:gold}.barracks-stats-label{font-size:.8rem;color:#888;text-transform:uppercase}.barracks-battle-list{display:flex;flex-direction:column;gap:.5rem}.barracks-battle-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#322d28e6,#231e19f2);border:2px solid rgba(139,69,19,.3);border-radius:10px;cursor:pointer;transition:all .2s ease}.barracks-battle-row:hover{border-color:#ffd70066;transform:translate(4px)}.barracks-battle-date{font-size:.8rem;color:#888;min-width:80px}.barracks-battle-target{flex:1;font-weight:700;color:#d4a76a}.barracks-battle-outcome{padding:.3rem .6rem;border-radius:6px;font-size:.8rem;font-weight:700}.barracks-battle-outcome.victory{background:#64c8824d;color:#90ee90}.barracks-battle-outcome.defeat{background:#dc35454d;color:#ff6b6b}.barracks-battle-tickets{font-size:.9rem;color:gold;font-weight:700}.barracks-battle-view{padding:.4rem .6rem;background:#8b451366;border:1px solid rgba(139,69,19,.5);border-radius:6px;color:#d4a76a;font-size:.75rem;cursor:pointer;transition:all .2s ease}.barracks-battle-view:hover{background:#8b451399;color:gold}.barracks-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;text-align:center}.barracks-empty-icon{width:64px;height:64px;object-fit:contain;opacity:.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.barracks-empty-title{font-size:1.2rem;font-weight:700;color:#888;margin:0}.barracks-empty-desc{font-size:.95rem;color:#666;margin:0;max-width:300px}.barracks-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:50vh}.barracks-loading-spinner{width:48px;height:48px;border:4px solid rgba(139,69,19,.3);border-top-color:gold;border-radius:50%;animation:barracks-spin .8s linear infinite}@keyframes barracks-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.barracks-loading-text{font-size:1.1rem;color:#d4a76a}.barracks-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:50vh;padding:2rem}.barracks-error-text{font-size:1.1rem;color:#ff6b6b;text-align:center}.barracks-retry-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b451399,#654321cc);border:2px solid #8b4513;border-radius:8px;color:gold;font-weight:700;cursor:pointer;transition:all .2s ease}.barracks-retry-btn:hover{background:linear-gradient(135deg,#b46428b3,#8c5028e6);border-color:gold}@media (max-width: 1024px){.barracks-page{padding:1rem}.barracks-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.barracks-title{font-size:1.6rem;letter-spacing:2px}}@media (max-width: 768px){.barracks-page{padding:.75rem}.barracks-header{padding:1rem}.barracks-title-row{flex-direction:column;gap:.75rem}.barracks-title{font-size:1.4rem;letter-spacing:1px}.barracks-stats-row{flex-direction:column;align-items:center;gap:.5rem}.barracks-inventory-grid{grid-template-columns:repeat(2,1fr)}.barracks-unit-selector{grid-template-columns:repeat(4,1fr)}.barracks-stats-summary{grid-template-columns:repeat(2,1fr)}.barracks-battle-row{flex-wrap:wrap;gap:.5rem}.barracks-battle-date{width:100%;order:-1}.barracks-report-modal,.barracks-report-modal.wide{max-width:95%;max-height:90vh;border-radius:16px}.barracks-report-modal-header{padding:.85rem 1.25rem}.barracks-report-modal-title-row{gap:.65rem}.barracks-report-modal-title{font-size:1.25rem}.barracks-report-modal-icon{width:32px;height:32px}.barracks-report-modal-close{width:34px;height:34px;font-size:1.35rem}.barracks-report-modal-content{padding:1rem 1.25rem;gap:1.1rem}.barracks-report-modal-stats-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.barracks-report-modal-stat-box{padding:.7rem .5rem;border-radius:8px}.barracks-report-modal-stat-icon{width:22px;height:22px}.barracks-report-modal-stat-value{font-size:1.1rem}.barracks-report-modal-stat-label{font-size:.65rem}.barracks-report-modal-timestamp{font-size:.75rem;padding:.45rem}.barracks-report-modal-timestamp-icon{width:15px;height:15px}.barracks-report-modal-units-grid{grid-template-columns:1fr;gap:.55rem}.barracks-report-modal-section-title{font-size:.9rem;letter-spacing:1px;padding-bottom:.4rem}.barracks-report-modal-section-icon{width:18px;height:18px}.barracks-report-modal-unit-card{padding:.6rem .8rem;gap:.55rem;flex-wrap:wrap;border-radius:8px}.barracks-report-modal-unit-icon{width:34px;height:34px}.barracks-report-modal-unit-details{flex:1;min-width:80px}.barracks-report-modal-unit-name{font-size:.82rem}.barracks-report-modal-unit-tier{font-size:.62rem;padding:.08rem .32rem}.barracks-report-modal-unit-counts{flex-wrap:wrap;gap:.3rem;justify-content:flex-end;min-width:100px}.barracks-report-modal-unit-sent{font-size:.85rem}.barracks-report-modal-unit-arrow{font-size:.75rem}.barracks-report-modal-unit-survived{font-size:.85rem}.barracks-report-modal-unit-loss{font-size:.7rem}.barracks-report-modal-footer{padding:.8rem 1.25rem}.barracks-report-modal-close-btn{padding:.75rem 1.25rem;font-size:.95rem;min-height:46px;border-radius:10px}}@media (max-width: 480px){.barracks-page{padding:.5rem}.barracks-header{padding:.75rem;gap:.75rem}.barracks-back-btn,.barracks-nav-btn{padding:.5rem 1rem;font-size:.85rem}.barracks-title{font-size:1.2rem}.barracks-tabs{flex-direction:column}.barracks-tab{padding:.75rem}.barracks-inventory-grid{grid-template-columns:1fr 1fr;gap:.5rem}.barracks-inventory-item{padding:.5rem}.barracks-unit-selector{grid-template-columns:repeat(2,1fr)}.barracks-unit-tier-badge{font-size:.65rem;padding:.2rem .4rem;top:.4rem;right:.4rem}.barracks-unit-header{gap:.5rem}.barracks-unit-name{font-size:.85rem}.barracks-unit-fantasy{font-size:.7rem}.barracks-unit-counts{gap:.5rem}.barracks-unit-count-owned{font-size:.75rem}.barracks-unit-count-deployed{font-size:.7rem;padding:.1rem .4rem}.barracks-inline-training{gap:.5rem;margin-top:.5rem;padding-top:.5rem}.barracks-inline-batch-controls{flex-wrap:wrap;gap:.4rem}.barracks-inline-batch-btn{width:38px;height:38px;min-width:38px;min-height:38px}.barracks-inline-batch-input{width:50px;font-size:.9rem}.barracks-inline-costs{gap:.4rem;padding:.4rem}.barracks-inline-cost-item{font-size:.75rem}.barracks-inline-cost-icon{width:16px;height:16px}.barracks-inline-train-btn{padding:.6rem .8rem;font-size:.85rem;min-height:44px}.barracks-report-modal,.barracks-report-modal.wide{max-width:100%;max-height:92vh;border-radius:14px 14px 0 0;margin-top:auto}.barracks-report-modal-header{padding:.75rem 1rem}.barracks-report-modal-title{font-size:1.1rem}.barracks-report-modal-icon{width:28px;height:28px}.barracks-report-modal-close{width:32px;height:32px;font-size:1.3rem}.barracks-report-modal-content{padding:1rem;gap:1rem}.barracks-report-modal-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.barracks-report-modal-stat-box{padding:.6rem .4rem}.barracks-report-modal-stat-icon{width:20px;height:20px}.barracks-report-modal-stat-value{font-size:1rem}.barracks-report-modal-stat-label{font-size:.6rem}.barracks-report-modal-timestamp{font-size:.7rem;padding:.4rem}.barracks-report-modal-timestamp-icon{width:14px;height:14px}.barracks-report-modal-units-grid{grid-template-columns:1fr;gap:.5rem}.barracks-report-modal-section-title{font-size:.85rem;letter-spacing:1px}.barracks-report-modal-section-icon{width:18px;height:18px}.barracks-report-modal-unit-card{padding:.55rem .7rem}.barracks-report-modal-unit-icon{width:30px;height:30px}.barracks-report-modal-unit-name{font-size:.8rem}.barracks-report-modal-unit-tier{font-size:.6rem;padding:.08rem .3rem}.barracks-report-modal-unit-sent{font-size:.85rem}.barracks-report-modal-unit-arrow{font-size:.7rem}.barracks-report-modal-unit-survived{font-size:.85rem}.barracks-report-modal-unit-loss{font-size:.7rem}.barracks-report-modal-footer{padding:.75rem 1rem}.barracks-report-modal-close-btn{padding:.7rem 1rem;font-size:.9rem;min-height:44px}}@media (min-width: 1400px){.barracks-inventory-grid,.barracks-stats-summary{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1600px){.barracks-page{max-width:1800px;padding:2rem}.barracks-header{padding:1.75rem;gap:1.25rem}.barracks-title{font-size:2.5rem;letter-spacing:5px}.barracks-subtitle{font-size:1.15rem}.barracks-units-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.barracks-unlocks-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.barracks-stats-grid{grid-template-columns:repeat(6,1fr);gap:1rem}}@media (min-width: 1920px){.barracks-page{max-width:2200px;padding:2.5rem;gap:1.75rem}.barracks-header{padding:2rem;border-radius:16px}.barracks-title{font-size:2.75rem}.barracks-title-icon{width:80px;height:80px;border:none;background:none;border-radius:0;box-shadow:none}.barracks-tab{padding:1.1rem 1.25rem;font-size:1.1rem;border-radius:12px}.barracks-unit-card{padding:1.25rem;border-radius:12px}.barracks-unit-icon{width:56px;height:56px}.barracks-unlock-card{padding:1.25rem;border-radius:12px}.barracks-unlock-icon{width:56px;height:56px}.barracks-training-panel{width:380px;right:2rem;border-radius:20px}}@media (min-width: 2560px){.barracks-page{max-width:2800px;padding:3rem;gap:2rem}.barracks-header{padding:2.5rem;border-radius:18px;border-width:4px}.barracks-title{font-size:3.25rem;letter-spacing:6px}.barracks-subtitle{font-size:1.35rem}.barracks-title-icon{width:96px;height:96px;border:none;background:none;border-radius:0;box-shadow:none}.barracks-tabs{padding:.75rem;border-radius:16px;border-width:4px;gap:.75rem}.barracks-tab{padding:1.25rem 1.5rem;font-size:1.2rem;border-radius:14px;min-height:56px}.barracks-tab-icon{width:26px;height:26px}.barracks-units-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.25rem}.barracks-unit-card{padding:1.5rem;border-radius:14px;gap:.75rem}.barracks-unit-icon{width:64px;height:64px;border-radius:10px}.barracks-unit-name{font-size:1.1rem}.barracks-unlocks-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.25rem}.barracks-unlock-card{padding:1.5rem;border-radius:14px}.barracks-unlock-icon{width:64px;height:64px}.barracks-stats-grid{gap:1.25rem}.barracks-stat-card{padding:1.5rem;border-radius:14px}.barracks-stat-card-value{font-size:1.85rem}.barracks-training-panel{width:420px;right:2.5rem;border-radius:24px}.barracks-modal{max-width:500px;border-radius:20px}.barracks-report-modal.wide{max-width:900px;border-radius:20px}.barracks-report-modal-header{padding:1.25rem 2rem}.barracks-report-modal-icon{width:48px;height:48px}.barracks-report-modal-title{font-size:1.75rem}.barracks-report-modal-content{padding:1.5rem 2rem}.barracks-report-modal-stats-grid{gap:1rem}.barracks-report-modal-stat-box{padding:1rem .75rem;border-radius:12px}.barracks-report-modal-stat-icon{width:28px;height:28px}.barracks-report-modal-stat-value{font-size:1.4rem}.barracks-report-modal-stat-label{font-size:.8rem}.barracks-report-modal-units-grid{gap:.85rem}.barracks-report-modal-unit-card{padding:.85rem 1rem;border-radius:12px}.barracks-report-modal-unit-icon{width:44px;height:44px}.barracks-report-modal-unit-name{font-size:.95rem}.barracks-report-modal-close-btn{padding:1rem 2rem;font-size:1.1rem;min-height:52px;border-radius:12px}}@media (max-width: 359px){.barracks-page{padding:.35rem}.barracks-header{padding:.6rem;gap:.5rem;border-radius:8px;border-width:2px}.barracks-back-btn,.barracks-nav-btn{padding:.45rem .75rem;font-size:.75rem;min-height:40px}.barracks-title{font-size:1rem;letter-spacing:.5px}.barracks-subtitle{font-size:.8rem}.barracks-title-icon{width:48px;height:48px;border:none;background:none;border-radius:0;box-shadow:none}.barracks-quick-stats{gap:.5rem;margin-top:.35rem}.barracks-stat-item{padding:.35rem .5rem;font-size:.75rem}.barracks-stat-icon{width:14px;height:14px}.barracks-tabs{padding:.35rem;gap:.35rem;border-radius:8px}.barracks-tab{padding:.6rem .5rem;font-size:.75rem;min-height:40px}.barracks-tab-icon{width:16px;height:16px}.barracks-category-title{font-size:.85rem}.barracks-units-grid{grid-template-columns:1fr;gap:.5rem}.barracks-unit-card{padding:.75rem;border-radius:8px}.barracks-unit-icon{width:40px;height:40px}.barracks-unit-name{font-size:.85rem}.barracks-section-title{font-size:.9rem;letter-spacing:1px}.barracks-unlocks-grid{grid-template-columns:1fr;gap:.5rem}.barracks-unlock-card{padding:.75rem;border-radius:8px}.barracks-unlock-icon{width:40px;height:40px}.barracks-upgrade-section{padding:1rem;border-radius:10px}.barracks-upgrade-icon{width:48px;height:48px}.barracks-upgrade-title{font-size:1.1rem}.barracks-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.barracks-stat-card{padding:.75rem;border-radius:8px}.barracks-stat-card-value{font-size:1.25rem}.barracks-training-panel{max-height:65vh;border-radius:14px 14px 0 0}.barracks-modal{max-width:100%;border-radius:10px}.barracks-report-modal,.barracks-report-modal.wide{max-width:100%;max-height:95vh;border-radius:12px 12px 0 0}.barracks-report-modal-header{padding:.6rem .85rem}.barracks-report-modal-title{font-size:1rem}.barracks-report-modal-icon{width:24px;height:24px}.barracks-report-modal-close{width:30px;height:30px;font-size:1.2rem}.barracks-report-modal-content{padding:.75rem;gap:.75rem}.barracks-report-modal-stats-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.barracks-report-modal-stat-box{padding:.5rem .35rem;border-radius:6px}.barracks-report-modal-stat-icon{width:18px;height:18px}.barracks-report-modal-stat-value{font-size:.9rem}.barracks-report-modal-stat-label{font-size:.55rem}.barracks-report-modal-timestamp{font-size:.65rem;padding:.35rem}.barracks-report-modal-timestamp-icon{width:12px;height:12px}.barracks-report-modal-units-grid{grid-template-columns:1fr;gap:.4rem}.barracks-report-modal-section-title{font-size:.8rem;letter-spacing:.5px;padding-bottom:.35rem}.barracks-report-modal-section-icon{width:16px;height:16px}.barracks-report-modal-unit-card{padding:.5rem .6rem;border-radius:6px}.barracks-report-modal-unit-icon{width:26px;height:26px}.barracks-report-modal-unit-name{font-size:.75rem}.barracks-report-modal-unit-tier{font-size:.55rem;padding:.06rem .25rem}.barracks-report-modal-unit-sent{font-size:.8rem}.barracks-report-modal-unit-arrow{font-size:.65rem}.barracks-report-modal-unit-survived{font-size:.8rem}.barracks-report-modal-unit-loss{font-size:.65rem}.barracks-report-modal-footer{padding:.6rem .85rem}.barracks-report-modal-close-btn{padding:.6rem .85rem;font-size:.85rem;min-height:42px;border-radius:8px}}.barracks-title-icon{width:64px;height:64px;object-fit:contain;border:none;background:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));animation:barracks-title-icon-float 4s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes barracks-title-icon-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}.barracks-title-icon:hover{animation-play-state:paused;transform:scale(1.08);filter:drop-shadow(0 6px 12px rgba(0,0,0,.7)) drop-shadow(0 0 15px rgba(255,215,0,.25))}.barracks-quick-stats{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.barracks-stat-item{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:linear-gradient(135deg,#ffd70026,#8b45134d);border:2px solid rgba(255,215,0,.3);border-radius:8px}.barracks-stat-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.barracks-stat-value{font-size:1rem;font-weight:700;color:gold}.barracks-stat-label{font-size:.85rem;color:#d4a76a}.barracks-error-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#dc354540,#8b000066);border:2px solid #dc3545;border-radius:8px;color:#fcc}.barracks-error-banner button{background:transparent;border:none;color:#fcc;cursor:pointer;font-size:1.2rem;padding:0}.barracks-tab-badge{position:absolute;top:4px;right:8px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .4rem;border-radius:8px;min-width:18px;text-align:center;box-shadow:0 2px 6px #dc354580}.barracks-troops-section{display:flex;flex-direction:column;gap:1.25rem;position:relative}.barracks-category{display:flex;flex-direction:column;gap:.75rem}.barracks-category-title{font-size:1rem;font-weight:700;color:#d4a76a;text-transform:uppercase;letter-spacing:1px;padding-left:.5rem;border-left:3px solid #ffd700;margin:0}.barracks-units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.barracks-unit-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#322d28e6,#231e19f2);border:2px solid rgba(139,69,19,.4);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0003,0 2px 8px #0000004d}.barracks-unit-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease;pointer-events:none}.barracks-unit-card:hover:before{left:100%}.barracks-unit-card:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none;border-radius:8px 8px 0 0}.barracks-unit-card:hover{border-color:#ffd70080;transform:translateY(-4px) translateZ(0);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0003,0 8px 20px #0006,0 0 20px #ffd7001a}.barracks-unit-card.selected{border-color:gold;background:linear-gradient(135deg,#ffd70026,#8b451366);box-shadow:inset 0 1px #ffd70033,inset 0 -1px #0003,0 0 20px #ffd70040,0 4px 12px #0006}.barracks-unit-card.training{border-color:#64c88280;box-shadow:inset 0 1px #64c88226,inset 0 -1px #0003,0 0 15px #64c88226}.barracks-unit-icon-container{display:flex;align-items:center;gap:.75rem}.barracks-unit-icon{width:48px;height:48px;object-fit:contain;border:none;background:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:all .25s cubic-bezier(.4,0,.2,1)}.barracks-unit-card:hover .barracks-unit-icon{transform:scale(1.08);filter:drop-shadow(0 3px 6px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(255,215,0,.2))}.barracks-unit-tier-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:linear-gradient(135deg,#ffd70059,#8b451399);border:1px solid rgba(255,215,0,.5);border-radius:4px;font-size:.7rem;font-weight:700;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:5;pointer-events:none}.barracks-unit-header{display:flex;align-items:center;gap:.75rem;width:100%}.barracks-unit-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}.barracks-unit-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.barracks-unit-name{font-size:.95rem;font-weight:700;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.5)}.barracks-unit-fantasy{font-size:.8rem;color:#888;font-style:italic}.barracks-unit-counts{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.2rem}.barracks-unit-count-owned{font-size:.85rem;color:#d4a76a;font-weight:500}.barracks-unit-count-deployed{font-size:.8rem;color:#90ee90;font-weight:600;padding:.15rem .5rem;background:linear-gradient(135deg,#64c88240,#3c965a59);border:1px solid rgba(100,200,130,.4);border-radius:10px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-shadow:0 1px 2px rgba(0,0,0,.4)}.barracks-unit-expand-icon{flex-shrink:0;color:#888;font-size:.7rem;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:auto}.barracks-unit-expand-icon.expanded{color:gold;transform:rotate(180deg)}.barracks-unit-card:hover .barracks-unit-expand-icon{color:#d4a76a}.barracks-unit-card.expanded{border-color:gold;background:linear-gradient(135deg,#ffd7001f,#8b451359);box-shadow:inset 0 1px #ffd70033,inset 0 -1px #0003,0 0 25px #ffd70033,0 6px 16px #0006}.barracks-inline-training{width:100%;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,215,0,.2);display:flex;flex-direction:column;gap:.75rem;animation:barracksExpandIn .3s cubic-bezier(.4,0,.2,1)}@keyframes barracksExpandIn{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.barracks-inline-batch{display:flex;flex-direction:column;gap:.5rem;align-items:center}.barracks-inline-batch-label{font-size:.8rem;color:#888;text-align:center}.barracks-inline-batch-controls{display:flex;align-items:center;justify-content:center;gap:.5rem}.barracks-inline-batch-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b451380,#654321b3);border:2px solid rgba(139,69,19,.5);border-radius:6px;color:gold;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:44px;min-height:44px}.barracks-inline-batch-btn:hover:not(:disabled){background:linear-gradient(135deg,#b4642899,#8c5028cc);border-color:gold;transform:scale(1.05)}.barracks-inline-batch-btn:disabled{opacity:.4;cursor:not-allowed}.barracks-inline-batch-input{width:60px;padding:.4rem .5rem;background:#0006;border:2px solid rgba(139,69,19,.4);border-radius:6px;color:gold;font-size:1rem;font-weight:700;text-align:center;font-family:Consolas,monospace}.barracks-inline-batch-input:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd70033}.barracks-inline-costs{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#00000040;border-radius:8px;border:1px solid rgba(139,69,19,.3)}.barracks-inline-cost-item{display:flex;align-items:center;gap:.3rem;font-size:.85rem}.barracks-inline-cost-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.barracks-inline-cost-label{color:#888;font-size:.8rem}.barracks-inline-cost-value{color:gold;font-weight:700}.barracks-inline-bonus{font-size:.75rem;color:#90ee90;text-align:center;padding:.25rem .5rem;background:#64c88226;border-radius:4px}.barracks-inline-train-btn{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#50966480,#326446b3);border:2px solid rgba(100,200,130,.5);border-radius:8px;color:#90ee90;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:48px;position:relative;overflow:hidden}.barracks-inline-train-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.barracks-inline-train-btn:hover:not(:disabled):before{left:100%}.barracks-inline-train-btn:hover:not(:disabled){background:linear-gradient(135deg,#64b48299,#3c7855cc);border-color:#90ee90;transform:translateY(-2px);box-shadow:0 4px 15px #64c8824d,0 0 20px #64c88226}.barracks-inline-train-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.barracks-inline-train-btn:disabled,.barracks-inline-train-btn.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#504b4680,#322d28b3);border-color:#64646466;color:#888}.barracks-inline-train-btn.loading{cursor:wait;background:linear-gradient(135deg,#8b451380,#654321b3);border-color:#8b451380;color:#d4a76a}.barracks-inline-slider-container{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-top:.5rem;padding:.5rem 0;width:100%}.barracks-inline-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:linear-gradient(90deg,#8b451366,#8b451399);border-radius:4px;border:1px solid rgba(139,69,19,.5);cursor:grab;transition:all .2s ease}.barracks-inline-slider:active{cursor:grabbing}.barracks-inline-slider:hover{background:linear-gradient(90deg,#8b451380,#b46428b3);border-color:#ffd70066}.barracks-inline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:linear-gradient(135deg,gold,#ff8c00);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:grab;box-shadow:0 2px 6px #0006,0 0 10px #ffd7004d,inset 0 1px #ffffff4d;transition:all .2s cubic-bezier(.4,0,.2,1)}.barracks-inline-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 10px #00000080,0 0 15px #ffd70080,inset 0 1px #fff6}.barracks-inline-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.1)}.barracks-inline-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,gold,#ff8c00);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:grab;box-shadow:0 2px 6px #0006,0 0 10px #ffd7004d;transition:all .2s ease}.barracks-inline-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 10px #00000080,0 0 15px #ffd70080}.barracks-inline-slider::-moz-range-track{background:linear-gradient(90deg,#8b451366,#8b451399);border-radius:4px;height:8px}.barracks-inline-slider-label-center{display:flex;justify-content:center;font-size:.85rem;color:gold;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-top:.25rem}.barracks-inline-slider-labels{display:flex;justify-content:space-between;font-size:.7rem;color:#888}.barracks-inline-slider-labels span:nth-child(2){color:gold;font-weight:700}.barracks-inline-gold-row{display:flex;justify-content:center;width:100%;padding:.5rem 0}.barracks-inline-gold{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ffd70014,#8b451326);border-radius:8px;border:1px solid rgba(139,69,19,.3);transition:all .2s ease}.barracks-inline-gold.met,.barracks-inline-gold.unmet{background:linear-gradient(135deg,#ffd70014,#8b451326)}.barracks-inline-gold-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));flex-shrink:0}.barracks-inline-gold-qty{font-size:.95rem;font-weight:700;font-family:Consolas,monospace;font-variant-numeric:tabular-nums}.barracks-inline-gold.met .barracks-inline-gold-qty{color:#90ee90}.barracks-inline-gold.unmet .barracks-inline-gold-qty{color:#ff6b6b}.barracks-inline-gold-status{font-size:1rem;font-weight:700}.barracks-inline-gold.met .barracks-inline-gold-status{color:#90ee90}.barracks-inline-gold.unmet .barracks-inline-gold-status{color:#ff6b6b}.barracks-inline-requirements{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;background:#00000040;border-radius:8px;border:1px solid rgba(139,69,19,.3);width:100%;min-height:100px}.barracks-inline-req{display:flex;align-items:center;justify-content:flex-start;gap:.15rem;width:95px;padding:.2rem 0;background:transparent;border-radius:0;border:none;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.barracks-inline-req.met,.barracks-inline-req.unmet,.barracks-inline-req.time{background:transparent}.barracks-inline-req-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));flex-shrink:0}.barracks-inline-req-icon-placeholder{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#6464644d;border-radius:4px;font-size:.7rem;color:#888;flex-shrink:0}.barracks-inline-req-qty{font-size:.85rem;font-weight:700;font-family:Consolas,monospace;font-variant-numeric:tabular-nums}.barracks-inline-req.met .barracks-inline-req-qty{color:#90ee90}.barracks-inline-req.unmet .barracks-inline-req-qty{color:#ff6b6b}.barracks-inline-req-status{font-size:.9rem;font-weight:700;width:16px;text-align:center}.barracks-inline-req.met .barracks-inline-req-status{color:#90ee90}.barracks-inline-req.unmet .barracks-inline-req-status{color:#ff6b6b}.barracks-inline-req-time{font-size:.85rem;font-weight:700;color:#90ee90;font-family:Consolas,monospace}.barracks-inline-bonus{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;background:linear-gradient(135deg,#64c88226,#0003);border:1px solid rgba(100,200,130,.3);border-radius:6px;font-size:.8rem;color:#90ee90}.barracks-inline-bonus-icon{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.barracks-training-progress{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0000004d;border-radius:8px;margin-top:.5rem}.barracks-training-bar{height:6px;background:#0006;border-radius:3px;overflow:hidden}.barracks-training-fill{height:100%;background:linear-gradient(90deg,gold,#ff8c00);border-radius:3px;transition:width .3s ease}.barracks-training-info{display:flex;align-items:center;justify-content:space-between}.barracks-training-count{font-size:.8rem;color:#d4a76a}.barracks-training-time{font-size:.85rem;font-weight:700;color:gold;font-family:Consolas,monospace}.barracks-cancel-btn{padding:.3rem .5rem;background:#dc35454d;border:1px solid rgba(220,53,69,.4);border-radius:4px;color:#ff6b6b;font-size:.8rem;cursor:pointer;transition:all .2s ease;align-self:flex-end}.barracks-cancel-btn:hover{background:#dc354580}.barracks-cancel-btn.loading{cursor:wait;opacity:.7}.barracks-training-panel{position:fixed;top:50%;right:1rem;transform:translateY(-50%);width:320px;max-height:80vh;background:linear-gradient(135deg,#322d28fa,#1e1914fc);border:3px solid #8b4513;border-radius:16px;box-shadow:0 20px 60px #000c,0 0 40px #8b451333;z-index:100;overflow:hidden}.barracks-training-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#8b451366,#00000080);border-bottom:2px solid rgba(139,69,19,.4)}.barracks-training-title{font-size:1.1rem;font-weight:700;color:gold;margin:0}.barracks-training-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:6px;color:#aaa;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.barracks-training-close:hover{background:#ff646433;color:#ff6b6b}.barracks-training-body{padding:1rem;display:flex;flex-direction:column;gap:1rem}.barracks-batch-selector{display:flex;flex-direction:column;gap:.5rem}.barracks-batch-label{font-size:.85rem;color:#888}.barracks-batch-controls{display:flex;align-items:center;gap:.5rem}.barracks-batch-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b451380,#654321b3);border:2px solid rgba(139,69,19,.5);border-radius:6px;color:gold;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease}.barracks-batch-btn:hover:not(:disabled){background:linear-gradient(135deg,#b4642899,#8c5028cc);border-color:gold}.barracks-batch-btn:disabled{opacity:.4;cursor:not-allowed}.barracks-batch-input{flex:1;padding:.5rem .75rem;background:#0006;border:2px solid rgba(139,69,19,.4);border-radius:6px;color:gold;font-size:1rem;font-weight:700;text-align:center;width:60px}.barracks-batch-input:focus{outline:none;border-color:gold}.barracks-cost-preview{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0000004d;border-radius:8px}.barracks-cost-row{display:flex;align-items:center;justify-content:space-between}.barracks-cost-label{font-size:.85rem;color:#888}.barracks-cost-value{font-size:.95rem;font-weight:700;color:gold}.barracks-cost-value.insufficient{color:#ff6b6b}.barracks-bonus-row{padding-top:.5rem;border-top:1px solid rgba(139,69,19,.3)}.barracks-bonus-text{font-size:.8rem;color:#90ee90}.barracks-train-btn{width:100%;padding:.85rem 1.25rem;background:linear-gradient(135deg,#50966499,#326446cc);border:2px solid rgba(100,200,130,.5);border-radius:10px;color:#90ee90;font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:48px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0);box-shadow:inset 0 1px #ffffff26}.barracks-train-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease;pointer-events:none}.barracks-train-btn:hover:before{left:100%}.barracks-train-btn:hover:not(:disabled){background:linear-gradient(135deg,#64b482b3,#3c7855e6);border-color:#90ee90;box-shadow:inset 0 1px #fff3,0 0 20px #64c88259,0 4px 12px #0006;transform:translateY(-2px) translateZ(0)}.barracks-train-btn:active:not(:disabled){transform:translateY(0) scale(.98) translateZ(0)}.barracks-train-btn:disabled,.barracks-train-btn.disabled{opacity:.5;cursor:not-allowed}.barracks-train-btn.loading{cursor:wait}.barracks-upgrades-section{display:flex;flex-direction:column;gap:1.25rem}.barracks-upgrade-section{padding:1.25rem;background:linear-gradient(135deg,#2d2823e6,#1e1914f2);border:2px solid rgba(139,69,19,.5);border-radius:12px}.barracks-upgrade-section.maxed{border-color:#64c88280}.barracks-upgrade-header{display:flex;align-items:center;gap:1rem}.barracks-upgrade-icon{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.barracks-cost-icon,.barracks-unlock-cost-icon,.barracks-upgrade-cost-icon{width:16px;height:16px;object-fit:contain;vertical-align:middle;margin-right:.25rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.barracks-report-outcome-icon{width:24px;height:24px;object-fit:contain;margin-right:.35rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.barracks-upgrade-info{flex:1}.barracks-upgrade-title{font-size:1.3rem;font-weight:700;color:gold;margin:0 0 .25rem}.barracks-upgrade-desc{font-size:.9rem;color:#888;margin:0}.barracks-upgrade-bonuses-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(139,69,19,.3)}.barracks-bonuses-left{display:flex;gap:.75rem;flex-wrap:wrap}.barracks-requirements-right{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:center}.barracks-req-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .55rem;background:#0000004d;border-radius:6px;border:1px solid rgba(139,69,19,.3);font-size:.8rem;transition:all .2s ease}.barracks-req-chip.met{border-color:#64c88266;background:linear-gradient(135deg,#64c8821a,#00000040)}.barracks-req-chip.unmet{border-color:#dc354566;background:linear-gradient(135deg,#dc35451a,#00000040)}.barracks-req-chip.time{border-color:#64c8824d;background:linear-gradient(135deg,#64c8821a,#00000040)}.barracks-req-chip-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.barracks-req-chip-icon-placeholder{width:18px;height:18px;background:#6464644d;border-radius:3px}.barracks-req-chip-label{font-size:.75rem;color:#888}.barracks-req-chip-qty{font-weight:700;font-family:Consolas,monospace}.barracks-req-chip.met .barracks-req-chip-qty{color:#90ee90}.barracks-req-chip.unmet .barracks-req-chip-qty{color:#ff6b6b}.barracks-req-chip-value{font-weight:700;color:#90ee90;font-family:Consolas,monospace}.barracks-req-chip-status{font-weight:700;font-size:.85rem}.barracks-req-chip.met .barracks-req-chip-status{color:#90ee90}.barracks-req-chip.unmet .barracks-req-chip-status{color:#ff6b6b}.barracks-upgrade-bonuses{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(139,69,19,.3)}.barracks-bonus-item{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:#0000004d;border-radius:8px}.barracks-bonus-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.barracks-bonus-label{font-size:.85rem;color:#888}.barracks-bonus-value{font-size:.95rem;font-weight:700;color:#90ee90}.barracks-upgrade-action{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(139,69,19,.3)}.barracks-upgrade-costs{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,#0006,#140f0a80);border:1px solid rgba(139,69,19,.3);border-radius:8px}.barracks-upgrade-cost{display:flex;align-items:center;gap:.35rem;font-size:.9rem;color:#d4a76a;padding:.35rem .65rem;background:#8b451333;border-radius:6px;border:1px solid rgba(139,69,19,.25)}.barracks-upgrade-req{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:#ff8c00;padding:.3rem .55rem;background:#ff8c0026;border-radius:5px;border:1px solid rgba(255,140,0,.25)}.barracks-upgrade-time{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:#90ee90;padding:.3rem .55rem;background:#64c88226;border-radius:5px;border:1px solid rgba(100,200,130,.25)}.barracks-upgrade-time-icon{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.barracks-requirements-title{font-size:.9rem;color:#d4a76a;margin:0 0 .5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.barracks-upgrade-requirements{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.barracks-requirement-item{display:inline-flex;align-items:center;gap:.15rem;padding:.15rem .22rem;background:transparent;border-radius:0;border:none;transition:all .2s ease;width:fit-content;flex-shrink:0}.barracks-requirement-item.met,.barracks-requirement-item.unmet,.barracks-requirement-item.time{background:transparent}.barracks-req-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));flex-shrink:0}.barracks-req-icon-placeholder{width:24px;height:24px;background:#6464644d;border-radius:4px;flex-shrink:0}.barracks-req-text{flex:1;font-size:.85rem;color:gold;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4);margin-right:.5rem}.barracks-req-qty{font-size:.85rem;font-weight:700;font-family:Consolas,monospace}.barracks-requirement-item.met .barracks-req-qty{color:#90ee90}.barracks-requirement-item.unmet .barracks-req-qty{color:#ff6b6b}.barracks-req-value{font-size:.85rem;font-weight:700;color:#90ee90;font-family:Consolas,monospace}.barracks-req-status{font-size:.9rem;font-weight:700;width:20px;text-align:center}.barracks-requirement-item.met .barracks-req-status{color:#90ee90}.barracks-requirement-item.unmet .barracks-req-status{color:#ff6b6b}.barracks-upgrade-btn{padding:.65rem 1.25rem;background:linear-gradient(135deg,#ffd7004d,#8b451399);border:2px solid rgba(255,215,0,.5);border-radius:10px;color:gold;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:44px;width:fit-content;align-self:flex-start;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.barracks-upgrade-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease;pointer-events:none}.barracks-upgrade-btn:hover:before{left:100%}.barracks-upgrade-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd70066,#b4641eb3);border-color:gold;box-shadow:0 0 20px #ffd7004d,0 4px 12px #0006;transform:translateY(-2px) translateZ(0)}.barracks-upgrade-btn:active:not(:disabled){transform:translateY(0) scale(.98) translateZ(0)}.barracks-upgrade-btn:disabled,.barracks-upgrade-btn.disabled{opacity:.5;cursor:not-allowed}.barracks-upgrade-btn.loading{cursor:wait}.barracks-tier-unlocks{display:flex;flex-direction:column;gap:.75rem}.barracks-unlocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.barracks-unlock-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#322d28e6,#231e19f2);border:2px solid rgba(139,69,19,.4);border-radius:10px;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;transform:translateZ(0);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0003,0 2px 8px #0000004d}.barracks-unlock-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease;pointer-events:none}.barracks-unlock-card:hover:before{left:100%}.barracks-unlock-card:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none;border-radius:8px 8px 0 0}.barracks-unlock-card:hover{border-color:#ffd70066;transform:translateY(-3px) translateZ(0);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0003,0 6px 16px #0006,0 0 15px #ffd7001a}.barracks-unlock-card.maxed{border-color:#64c88266;box-shadow:inset 0 1px #64c88226,inset 0 -1px #0003,0 0 12px #64c88226}.barracks-unlock-header{display:flex;align-items:center;gap:.75rem}.barracks-unlock-icon{width:48px;height:48px;object-fit:contain;border:none;background:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:all .25s cubic-bezier(.4,0,.2,1)}.barracks-unlock-card:hover .barracks-unlock-icon{transform:scale(1.08);filter:drop-shadow(0 3px 6px rgba(0,0,0,.6)) drop-shadow(0 0 10px rgba(255,215,0,.2))}.barracks-unlock-info{flex:1;display:flex;flex-direction:column;gap:.35rem}.barracks-unlock-name{font-size:1rem;font-weight:700;color:gold;display:block}.barracks-unlock-tier-row{display:flex;align-items:center;gap:.5rem}.barracks-unlock-tier-badge{font-size:.75rem;font-weight:700;color:gold;padding:.15rem .5rem;background:linear-gradient(135deg,#ffd70040,#8b451366);border:1px solid rgba(255,215,0,.4);border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.barracks-unlock-max-badge{font-size:.65rem;font-weight:700;color:#90ee90;padding:.1rem .4rem;background:linear-gradient(135deg,#64c88240,#32644166);border:1px solid rgba(100,200,130,.4);border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.barracks-unlock-tier{font-size:.85rem;color:#888}.barracks-unlock-action{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding-top:.75rem;border-top:1px solid rgba(139,69,19,.3);position:relative;z-index:1}.barracks-unlock-requirements{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem;align-items:center}.barracks-unlock-costs{display:flex;flex-wrap:wrap;gap:.5rem}.barracks-unlock-cost{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:#d4a76a;padding:.3rem .55rem;background:#8b451333;border-radius:5px;border:1px solid rgba(139,69,19,.25)}.barracks-unlock-req{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#ff8c00;padding:.25rem .5rem;background:#ff8c0026;border-radius:4px;border:1px solid rgba(255,140,0,.2)}.barracks-unlock-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#ffd70040,#8b451380);border:2px solid rgba(255,215,0,.4);border-radius:8px;color:gold;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:40px;position:relative;overflow:hidden;align-self:center;will-change:transform,box-shadow;transform:translateZ(0)}.barracks-unlock-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease;pointer-events:none}.barracks-unlock-btn:hover:before{left:100%}.barracks-unlock-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd70059,#b4641e99);border-color:gold;box-shadow:0 0 15px #ffd70040,0 4px 10px #0006;transform:translateY(-2px) translateZ(0)}.barracks-unlock-btn:active:not(:disabled){transform:translateY(0) scale(.98) translateZ(0)}.barracks-unlock-btn:disabled,.barracks-unlock-btn.disabled{opacity:.5;cursor:not-allowed}.barracks-unlock-btn.loading{cursor:wait}.barracks-history-section{display:flex;flex-direction:column;gap:1.5rem}.barracks-stats-section{display:flex;flex-direction:column;gap:1rem}.barracks-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;justify-content:center;max-width:900px;margin:0 auto}.barracks-stat-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;background:linear-gradient(135deg,#322d28e6,#231e19f2);border:2px solid rgba(139,69,19,.4);border-radius:12px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;transform:translateZ(0);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0003,0 2px 8px #0000004d}.barracks-stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease;pointer-events:none}.barracks-stat-card:hover:before{left:100%}.barracks-stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none;border-radius:10px 10px 0 0}.barracks-stat-card:hover{transform:translateY(-3px) translateZ(0);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0003,0 8px 20px #0006,0 0 15px #ffd7001a}.barracks-stat-card.victory{border-color:#64c88280;background:linear-gradient(135deg,#64c88226,#231e19f2)}.barracks-stat-card.victory:hover{box-shadow:inset 0 1px #64c88233,inset 0 -1px #0003,0 8px 20px #0006,0 0 15px #64c88233}.barracks-stat-card.defeat{border-color:#dc354580;background:linear-gradient(135deg,#dc354526,#231e19f2)}.barracks-stat-card.defeat:hover{box-shadow:inset 0 1px #dc354533,inset 0 -1px #0003,0 8px 20px #0006,0 0 15px #dc354533}.barracks-stat-card-value{font-size:1.6rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;z-index:1}.barracks-stat-card.victory .barracks-stat-card-value{color:#90ee90;text-shadow:0 0 8px rgba(100,200,130,.4)}.barracks-stat-card.defeat .barracks-stat-card-value{color:#ff6b6b;text-shadow:0 0 8px rgba(220,53,69,.4)}.barracks-stat-card-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.barracks-reports-section{display:flex;flex-direction:column;gap:1rem}.barracks-reports-list{display:flex;flex-direction:column;gap:.75rem}.barracks-report-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#322d28e6,#231e19f2);border:2px solid rgba(139,69,19,.4);border-radius:12px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;transform:translateZ(0);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0003,0 2px 8px #0000004d}.barracks-report-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease;pointer-events:none}.barracks-report-card:hover:before{left:100%}.barracks-report-card:hover{transform:translateY(-4px) translate(4px) translateZ(0);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0003,0 10px 25px #00000073,0 0 20px #ffd7001a}.barracks-report-card.victory{border-color:#64c88280;background:linear-gradient(135deg,#64c8821f,#231e19f2)}.barracks-report-card.victory:hover{border-color:#64c882b3;box-shadow:inset 0 1px #64c88233,inset 0 -1px #0003,0 10px 25px #00000073,0 0 25px #64c88240}.barracks-report-card.defeat{border-color:#dc354580;background:linear-gradient(135deg,#dc35451f,#231e19f2)}.barracks-report-card.defeat:hover{border-color:#dc3545b3;box-shadow:inset 0 1px #dc354533,inset 0 -1px #0003,0 10px 25px #00000073,0 0 25px #dc354533}.barracks-report-card.unread{animation:barracks-report-unread-pulse 2s ease-in-out infinite}@keyframes barracks-report-unread-pulse{0%,to{box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0003,0 2px 8px #0000004d,0 0 15px #ffd70033}50%{box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0003,0 2px 8px #0000004d,0 0 25px #ffd70066}}.barracks-report-new-badge{position:absolute;top:.5rem;left:50%;transform:translate(-50%);z-index:10;padding:.25rem .6rem;background:linear-gradient(135deg,gold,#fa0);border:2px solid rgba(255,180,0,.9);border-radius:6px;color:#1a1510;font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 1px rgba(255,255,255,.3);box-shadow:0 2px 10px #ffd70099,0 0 20px #ffd7004d,inset 0 1px #fff6;animation:barracks-new-badge-pulse 1.5s ease-in-out infinite}@keyframes barracks-new-badge-pulse{0%,to{transform:translate(-50%) scale(1);box-shadow:0 2px 8px #ffd70080,inset 0 1px #fff6}50%{transform:translate(-50%) scale(1.08);box-shadow:0 4px 15px #ffd700b3,inset 0 1px #fff6}}.barracks-report-card.unread:hover{animation:none}.barracks-report-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.barracks-report-outcome{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem}.barracks-report-outcome-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.barracks-report-card.victory .barracks-report-outcome{color:#90ee90;text-shadow:0 0 10px rgba(100,200,130,.3)}.barracks-report-card.defeat .barracks-report-outcome{color:#ff6b6b;text-shadow:0 0 10px rgba(220,53,69,.3)}.barracks-report-date{font-size:.8rem;color:#888;font-family:Consolas,monospace}.barracks-report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:.75rem;background:#00000059;border-radius:8px;border:1px solid rgba(139,69,19,.25);position:relative;z-index:1}.barracks-report-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.25rem}.barracks-report-stat-value{font-size:1.1rem;font-weight:700;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.4)}.barracks-report-stat-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.barracks-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:barracks-modal-fade-in .3s ease}@keyframes barracks-modal-fade-in{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(6px)}}.barracks-modal{width:100%;max-width:400px;background:linear-gradient(135deg,#322d28fa,#1e1914fc);border:3px solid #8b4513;border-radius:16px;box-shadow:0 20px 60px #000c,0 0 40px #8b451333;overflow:hidden;animation:barracks-modal-slide-up .3s cubic-bezier(.4,0,.2,1)}@keyframes barracks-modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.barracks-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#8b451366,#00000080);border-bottom:2px solid rgba(139,69,19,.4)}.barracks-modal-title{font-size:1.2rem;font-weight:700;color:gold;margin:0}.barracks-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:6px;color:#aaa;font-size:1.1rem;cursor:pointer;transition:all .2s ease}.barracks-modal-close:hover{background:#ff646433;color:#ff6b6b}.barracks-modal-content{padding:1rem}.barracks-cancel-warning{color:#ff6b6b;font-size:1rem;margin:0}.barracks-modal-footer{display:flex;gap:.75rem;padding:1rem;background:#0000004d;border-top:2px solid rgba(139,69,19,.3)}.barracks-modal-btn{flex:1;padding:.75rem 1rem;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:44px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0)}.barracks-modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease;pointer-events:none}.barracks-modal-btn:hover:before{left:100%}.barracks-modal-btn.secondary{background:linear-gradient(135deg,#504b4699,#322d28cc);border:2px solid rgba(150,140,130,.4);color:#aaa;box-shadow:inset 0 1px #ffffff14}.barracks-modal-btn.secondary:hover{background:linear-gradient(135deg,#645f5ab3,#3c3732e6);color:#ccc;box-shadow:inset 0 1px #ffffff1f,0 4px 10px #0000004d;transform:translateY(-2px) translateZ(0)}.barracks-modal-btn.danger{background:linear-gradient(135deg,#dc354580,#b41e32b3);border:2px solid rgba(255,100,100,.5);color:#fcc;box-shadow:inset 0 1px #ffffff1a}.barracks-modal-btn.danger:hover{background:linear-gradient(135deg,#ff506499,#c8283ccc);border-color:#ff6b6b;box-shadow:inset 0 1px #ffffff26,0 0 20px #ff64644d,0 4px 10px #0006;transform:translateY(-2px) translateZ(0)}.barracks-modal-btn:active{transform:translateY(0) scale(.98) translateZ(0)}.barracks-report-click-hint{font-size:.7rem;color:#888;text-align:center;padding-top:.5rem;border-top:1px solid rgba(139,69,19,.2);margin-top:.5rem;transition:all .2s ease}.barracks-report-card:hover .barracks-report-click-hint{color:gold}.barracks-report-modal{width:100%;max-width:500px;max-height:90vh;background:linear-gradient(145deg,#2d2823fa,#19140ffc);border:3px solid #8b4513;border-radius:16px;box-shadow:0 20px 60px #000000d9,0 0 50px #8b451340,inset 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column;animation:barracks-modal-slide-up .3s cubic-bezier(.4,0,.2,1)}.barracks-report-modal.wide{max-width:720px}.barracks-report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:2px solid rgba(139,69,19,.5);background:linear-gradient(135deg,#8b451380,#503219b3);position:relative;overflow:hidden}.barracks-report-modal-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:barracks-report-header-sheen 4s ease-in-out infinite;pointer-events:none}@keyframes barracks-report-header-sheen{0%{left:-100%}50%{left:100%}to{left:100%}}.barracks-report-modal-header.victory{background:linear-gradient(135deg,#50a06466,#28503299);border-color:#64c88280}.barracks-report-modal-header.defeat{background:linear-gradient(135deg,#b4323c66,#5a191e99);border-color:#dc354580}.barracks-report-modal-title-row{display:flex;align-items:center;gap:.85rem}.barracks-report-modal-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.barracks-report-modal-title{font-size:1.5rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.6);margin:0}.barracks-report-modal-header.victory .barracks-report-modal-title{color:#90ee90;text-shadow:0 0 12px rgba(100,200,130,.5)}.barracks-report-modal-header.defeat .barracks-report-modal-title{color:#ff6b6b;text-shadow:0 0 12px rgba(220,53,69,.5)}.barracks-report-modal-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#aaa;font-size:1.5rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.barracks-report-modal-close:hover{background:#dc354580;border-color:#ff646499;color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 0 12px #dc354566}.barracks-report-modal-content{flex:1;padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.barracks-report-modal-content::-webkit-scrollbar{width:8px}.barracks-report-modal-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.barracks-report-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b451399,#654321cc);border-radius:4px}.barracks-report-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b46428b3,#8c5028e6)}.barracks-report-modal-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.barracks-report-modal-stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.85rem .5rem;background:linear-gradient(145deg,#322d28d9,#1e1914f2);border:2px solid rgba(139,69,19,.45);border-radius:10px;position:relative;overflow:hidden;transition:all .25s ease}.barracks-report-modal-stat-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transition:left .4s ease;pointer-events:none}.barracks-report-modal-stat-box:hover:before{left:100%}.barracks-report-modal-stat-box:hover{border-color:#ffd70080;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.barracks-report-modal-stat-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.barracks-report-modal-stat-value{font-size:1.25rem;font-weight:700;font-family:Consolas,monospace;text-shadow:0 1px 3px rgba(0,0,0,.5)}.barracks-report-modal-stat-value.tickets{color:#90ee90;text-shadow:0 0 8px rgba(100,200,130,.4)}.barracks-report-modal-stat-value.damage{color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.barracks-report-modal-stat-value.survived{color:#5dade2;text-shadow:0 0 8px rgba(93,173,226,.4)}.barracks-report-modal-stat-value.lost{color:#ff6b6b;text-shadow:0 0 8px rgba(220,53,69,.4)}.barracks-report-modal-stat-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.barracks-report-modal-timestamp{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:#888;padding:.5rem;background:#00000026;border-radius:6px}.barracks-report-modal-timestamp-icon{width:16px;height:16px;object-fit:contain;opacity:.7}.barracks-report-modal-section{display:flex;flex-direction:column;gap:.75rem}.barracks-report-modal-section.enemy{margin-top:.5rem}.barracks-report-modal-section-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:#d4a76a;text-transform:uppercase;letter-spacing:1.5px;margin:0;padding-bottom:.5rem;border-bottom:2px solid rgba(139,69,19,.4)}.barracks-report-modal-section-title.enemy{color:#e74c3c;border-color:#e74c3c66}.barracks-report-modal-section-icon{width:20px;height:20px;object-fit:contain}.barracks-report-modal-units-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.barracks-report-modal-unit-card{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;background:linear-gradient(145deg,#8b45134d,#462d1480);border:1px solid rgba(255,215,0,.25);border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.barracks-report-modal-unit-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,215,0,.08) 0%,transparent 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.barracks-report-modal-unit-card:hover:before{opacity:1}.barracks-report-modal-unit-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .45s ease;pointer-events:none}.barracks-report-modal-unit-card:hover:after{left:100%}.barracks-report-modal-unit-card:hover{transform:translateY(-2px);border-color:#ffd70080;box-shadow:0 4px 12px #00000059}.barracks-report-modal-unit-card.enemy{background:linear-gradient(145deg,#96323240,#501e1e73);border-color:#dc354559}.barracks-report-modal-unit-card.enemy:hover{border-color:#dc354599;box-shadow:0 4px 12px #dc354533}.barracks-report-modal-unit-card.enemy:before{background:radial-gradient(ellipse at center,rgba(220,53,69,.08) 0%,transparent 70%)}.barracks-report-modal-unit-card.enemy:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}.barracks-report-modal-unit-icon{width:36px;height:36px;object-fit:contain;border-radius:6px;background:#00000040;padding:3px;border:1px solid rgba(255,215,0,.15);flex-shrink:0}.barracks-report-modal-unit-details{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.barracks-report-modal-unit-name{font-size:.85rem;font-weight:600;color:#d4a76a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barracks-report-modal-unit-tier{font-size:.65rem;font-weight:700;color:gold;padding:.1rem .35rem;background:linear-gradient(135deg,#ffd70033,#8b45134d);border:1px solid rgba(255,215,0,.25);border-radius:4px;width:fit-content}.barracks-report-modal-unit-counts{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.barracks-report-modal-unit-sent{font-size:.9rem;font-weight:700;color:gold;font-family:Consolas,monospace}.barracks-report-modal-unit-sent.enemy{color:#e74c3c}.barracks-report-modal-unit-arrow{font-size:.8rem;color:#666}.barracks-report-modal-unit-survived{font-size:.9rem;font-weight:700;font-family:Consolas,monospace}.barracks-report-modal-unit-survived.alive{color:#90ee90;text-shadow:0 0 6px rgba(100,200,130,.4)}.barracks-report-modal-unit-survived.dead{color:#888}.barracks-report-modal-unit-loss{font-size:.75rem;color:#ff6b6b;font-family:Consolas,monospace}.barracks-report-modal-unit-loss.enemy{color:#ff6b6b;text-shadow:0 0 4px rgba(255,100,100,.3)}.barracks-report-modal-footer{padding:1rem 1.5rem;border-top:2px solid rgba(139,69,19,.45);background:#00000040}.barracks-report-modal-close-btn{width:100%;padding:.85rem 1.5rem;background:linear-gradient(135deg,#8b451380,#654321bf);border:2px solid rgba(255,215,0,.45);border-radius:10px;color:gold;font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:48px;position:relative;overflow:hidden}.barracks-report-modal-close-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .4s ease;pointer-events:none}.barracks-report-modal-close-btn:hover:before{left:100%}.barracks-report-modal-close-btn:hover{background:linear-gradient(135deg,#b4642899,#8c5028d9);border-color:gold;box-shadow:0 0 20px #ffd7004d;transform:translateY(-2px)}@media (max-width: 768px){.barracks-training-panel{position:fixed;inset:auto 0 0;transform:none;width:100%;max-height:70vh;border-radius:16px 16px 0 0}.barracks-units-grid,.barracks-unlocks-grid{grid-template-columns:1fr}.barracks-stats-grid,.barracks-report-stats{grid-template-columns:repeat(2,1fr)}.barracks-report-modal,.barracks-report-modal.wide{max-width:100%;max-height:90vh;border-radius:16px 16px 0 0;margin-top:auto}.barracks-report-modal-header{padding:.85rem 1rem}.barracks-report-modal-title{font-size:1.2rem}.barracks-report-modal-icon{width:32px;height:32px}.barracks-report-modal-stats-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.barracks-report-modal-stat-value{font-size:1.1rem}.barracks-report-modal-units-grid{grid-template-columns:1fr;gap:.45rem}.barracks-report-modal-content{padding:.85rem 1rem}.barracks-report-modal-unit-card{padding:.55rem .75rem;gap:.5rem}.barracks-report-modal-unit-icon{width:30px;height:30px;padding:2px}.barracks-report-modal-unit-name{font-size:.82rem}.barracks-report-modal-unit-tier{font-size:.6rem;padding:.08rem .3rem}.barracks-report-modal-unit-counts{gap:.3rem}.barracks-report-modal-unit-sent{font-size:.85rem}.barracks-report-modal-unit-arrow{font-size:.72rem}.barracks-report-modal-unit-survived{font-size:.85rem}.barracks-report-modal-unit-loss{font-size:.68rem}.barracks-report-modal-summary{gap:.5rem;flex-wrap:wrap}}@media (max-width: 480px){.barracks-report-modal-units-grid{grid-template-columns:1fr;gap:.4rem}.barracks-report-modal-unit-card{padding:.5rem .7rem;gap:.5rem}.barracks-report-modal-unit-icon{width:30px;height:30px;padding:2px}.barracks-report-modal-unit-name{font-size:.82rem}.barracks-report-modal-unit-tier{font-size:.6rem;padding:.08rem .3rem}.barracks-report-modal-unit-counts{gap:.3rem}.barracks-report-modal-unit-sent{font-size:.85rem}.barracks-report-modal-unit-arrow{font-size:.75rem}.barracks-report-modal-unit-survived{font-size:.85rem}.barracks-report-modal-unit-loss{font-size:.68rem}}@media (max-width: 360px){.barracks-report-modal-units-grid{gap:.35rem}.barracks-report-modal-unit-card{padding:.45rem .55rem;gap:.4rem;border-radius:8px}.barracks-report-modal-unit-icon{width:26px;height:26px}.barracks-report-modal-unit-name{font-size:.75rem}.barracks-report-modal-unit-tier{font-size:.55rem;padding:.05rem .25rem}.barracks-report-modal-unit-counts{gap:.25rem}.barracks-report-modal-unit-sent{font-size:.78rem}.barracks-report-modal-unit-arrow{font-size:.68rem}.barracks-report-modal-unit-survived{font-size:.78rem}.barracks-report-modal-unit-loss{font-size:.62rem}}.barracks-upgrade-action-row{display:flex;justify-content:flex-start;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(139,69,19,.25)}@media (max-width: 480px){.barracks-upgrade-bonuses-row{flex-direction:column;align-items:stretch;gap:.75rem}.barracks-bonuses-left,.barracks-requirements-right{justify-content:center}.barracks-req-chip{padding:.3rem .45rem;font-size:.75rem}.barracks-req-chip-icon{width:16px;height:16px}.barracks-unlock-tier-row{flex-wrap:wrap}.barracks-unlock-tier-badge{font-size:.7rem;padding:.1rem .4rem}.barracks-inline-slider-container{padding:.35rem 0}.barracks-inline-slider::-webkit-slider-thumb{width:20px;height:20px}.barracks-inline-slider-labels{font-size:.65rem}.barracks-inline-slider-label-center{font-size:.75rem}.barracks-inline-gold-row{padding:.4rem 0}.barracks-inline-gold{padding:.4rem .8rem;gap:.4rem}.barracks-inline-gold-icon{width:20px;height:20px}.barracks-inline-gold-qty{font-size:.85rem}.barracks-inline-requirements{gap:.4rem;padding:.6rem;min-height:85px}.barracks-inline-req{width:85px;gap:.12rem}.barracks-inline-req-icon{width:18px;height:18px}.barracks-inline-req-qty{font-size:.8rem}.barracks-inline-batch-controls{justify-content:center}.barracks-stats-grid{grid-template-columns:repeat(2,1fr);max-width:100%}}@media (max-width: 359px){.barracks-upgrade-bonuses-row,.barracks-bonuses-left{gap:.5rem}.barracks-bonus-item{padding:.35rem .6rem;font-size:.8rem}.barracks-bonus-icon{width:16px;height:16px}.barracks-req-chip{padding:.25rem .35rem;font-size:.7rem}.barracks-req-chip-icon{width:14px;height:14px}.barracks-unlock-tier-badge{font-size:.65rem;padding:.08rem .35rem}.barracks-inline-requirements{gap:.35rem;padding:.5rem;min-height:70px}.barracks-inline-req{width:75px;gap:.1rem}.barracks-inline-req-qty{font-size:.75rem}.barracks-inline-batch-controls{gap:.35rem}.barracks-unlock-max-badge{font-size:.6rem;padding:.05rem .3rem}.barracks-inline-slider::-webkit-slider-thumb{width:18px;height:18px}.barracks-inline-slider{height:6px}}@media (min-width: 768px) and (max-width: 1023px){.barracks-upgrade-bonuses-row{gap:1.25rem}.barracks-requirements-right{gap:.6rem}.barracks-stats-grid{grid-template-columns:repeat(3,1fr)}.barracks-inline-gold{padding:.5rem 1rem;gap:.5rem}.barracks-inline-gold-icon{width:22px;height:22px}.barracks-inline-gold-qty{font-size:.9rem}}@media (min-width: 1024px){.barracks-upgrade-bonuses-row{gap:1.5rem}.barracks-req-chip{padding:.4rem .65rem;font-size:.85rem}.barracks-req-chip-icon{width:20px;height:20px}.barracks-inline-slider::-webkit-slider-thumb{width:24px;height:24px}.barracks-inline-requirements{gap:.6rem;padding:.85rem}.barracks-inline-req{width:105px;gap:.18rem}.barracks-inline-req-icon{width:24px;height:24px}.barracks-inline-gold{padding:.55rem 1.25rem;gap:.6rem;border-radius:10px}.barracks-inline-gold-icon{width:26px;height:26px}.barracks-inline-gold-qty{font-size:1rem}}@media (min-width: 1440px){.barracks-stats-grid{grid-template-columns:repeat(6,1fr);max-width:1000px}.barracks-upgrade-bonuses-row{padding-top:1.25rem;margin-top:1.25rem}.barracks-inline-slider-container{padding:.6rem 0}}.dna-centre-page{max-width:1600px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;color:#e8e0d4;position:relative}.dna-back-button{padding:.6rem 1.2rem;background:linear-gradient(135deg,#8b451399,#654321cc);border:2px solid #8b4513;border-radius:8px;color:gold;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.8);min-height:44px;position:relative;overflow:hidden;will-change:transform,box-shadow;transform:translateZ(0);align-self:flex-start}.dna-back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease;pointer-events:none}.dna-back-button:hover:before{left:100%}.dna-back-button:hover{transform:translateY(-3px) translateZ(0);box-shadow:0 8px 16px #0009,0 0 20px #8b451366,inset 0 1px #ffffff26}.dna-back-button:active{transform:translateY(0) translateZ(0);box-shadow:0 2px 4px #00000080}.dna-header{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,rgba(255,215,0,.08) 0%,transparent 50%,rgba(139,69,19,.08) 100%),linear-gradient(135deg,#8b4513d9,#000000f2);border:4px solid #8b4513;border-radius:16px;box-shadow:0 10px 24px #000c,0 5px 12px #0009,inset 0 1px #ffd70033,inset 0 2px 4px #0000004d;position:relative;overflow:hidden;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-header-row{display:flex;align-items:center;justify-content:center;gap:16px}.dna-header-row:after{content:"";width:64px}.dna-header-icon{width:64px;height:64px;object-fit:contain;border:none;background:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));animation:dna-header-icon-float 4s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes dna-header-icon-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}.dna-header-icon:hover{animation-play-state:paused;transform:scale(1.08);filter:drop-shadow(0 6px 12px rgba(0,0,0,.7)) drop-shadow(0 0 15px rgba(255,215,0,.25))}.dna-title{margin:0;font-size:2rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px rgba(255,215,0,.4),0 2px 4px rgba(0,0,0,.8)}.dna-subtitle{margin:4px 0 0;font-size:1rem;color:orange;font-style:italic}.dna-header-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.dna-stat-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.dna-stat-badge.gold{background:linear-gradient(135deg,#ffd70033,#ffa50026);color:gold;border:1px solid rgba(255,215,0,.35);box-shadow:inset 0 1px #ffffff14;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-stat-badge.gold:hover{background:linear-gradient(135deg,#ffd7004d,#ffa50040);box-shadow:inset 0 1px #ffffff1f,0 0 12px #ffd70033;transform:translateY(-1px)}.dna-stat-badge.tests{background:linear-gradient(135deg,#4caf5033,#388e3c26);color:#4caf50;border:1px solid rgba(76,175,80,.35);box-shadow:inset 0 1px #ffffff14;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-stat-badge.tests:hover{background:linear-gradient(135deg,#4caf504d,#388e3c40);box-shadow:inset 0 1px #ffffff1f,0 0 12px #4caf5033;transform:translateY(-1px)}.dna-pet-selector{display:flex;gap:14px;padding:1rem 1.25rem;background:linear-gradient(135deg,#202020f2,#161616f2);border:2px solid #4a3821;border-radius:14px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#6d5535 #1a1a1a;box-shadow:0 4px 16px #00000080,inset 0 1px #ffffff0a,inset 0 -1px 8px #0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dna-pet-selector::-webkit-scrollbar{height:8px}.dna-pet-selector::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px;border:1px solid #2a2a2a}.dna-pet-selector::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#daa520,#b8860b);border-radius:4px;border:1px solid #8b4513}.dna-pet-selector::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,gold,#daa520)}.dna-pet-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:120px;min-height:160px;padding:10px 8px;background:linear-gradient(145deg,#303030b3,#202020b3);border:2px solid #4a3821;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000004d}.dna-pet-card:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,215,0,.12) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.dna-pet-card:hover:after{transform:translate(-50%,-50%) scale(1.5);opacity:1}.dna-pet-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .4s ease;pointer-events:none;z-index:3}.dna-pet-card:hover:before{left:100%}.dna-pet-card:hover{transform:translateY(-4px) scale(1.02) translateZ(0);border-color:#6d5535;box-shadow:0 8px 20px #00000080,0 0 15px #ffd7001a,inset 0 1px #ffffff14}.dna-pet-card.selected{border-width:3px;box-shadow:0 0 20px rgba(var(--dna-type-rgb),.35),0 0 40px rgba(var(--dna-type-rgb),.15),inset 0 1px #ffffff1a;background:linear-gradient(145deg,#303030d9,#202020d9)}.dna-pet-card.selected:after{background:radial-gradient(circle,rgba(var(--dna-type-rgb),.15) 0%,transparent 70%);transform:translate(-50%,-50%) scale(1.2);opacity:1}.dna-pet-card.starter{opacity:.55;cursor:default;filter:saturate(.4)}.dna-pet-card.starter:hover{transform:none;border-color:#4a3821;box-shadow:0 2px 8px #0000004d}.dna-pet-card.starter:after{display:none}.dna-pet-card-sprite{width:64px;height:64px;object-fit:contain;border-radius:50%;border:2px solid #4a3821}.dna-pet-card.selected .dna-pet-card-sprite{border-color:var(--dna-type-colour, #888)}.dna-pet-card-name{font-size:.75rem;font-weight:600;color:#e8e0d4;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.dna-pet-card-level{font-size:.65rem;color:#9a8b78}.dna-pet-card-gen{font-size:.65rem;color:#b8a080;font-weight:600}.dna-pet-card-tier-pips{display:flex;gap:3px;margin-top:2px}.dna-tier-pip{width:10px;height:10px;border-radius:2px;background:#333;border:1px solid #555}.dna-tier-pip.filled{background:var(--dna-type-colour, #4caf50);border-color:var(--dna-type-colour, #4caf50)}.dna-pet-card-no-dna{font-size:.6rem;color:#dc3545;font-weight:600;margin-top:4px}.dna-tabs-horizontal{display:flex;background:#0000004d;border:3px solid #8b4513;border-radius:12px 12px 0 0;overflow:hidden;margin-bottom:0;box-shadow:0 4px 8px #0006}.dna-tab-horizontal{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 12px;border:none;background:transparent;color:#b8a080;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;position:relative;overflow:hidden}.dna-tab-horizontal:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .5s ease;pointer-events:none}.dna-tab-horizontal:hover:before{left:100%}.dna-tab-horizontal:hover{color:gold;background:#8b451359;transform:translateY(-2px) translateZ(0);text-shadow:0 0 6px rgba(255,215,0,.3)}.dna-tab-horizontal.active{color:gold;background:linear-gradient(180deg,#8b4513d9,#654321b3);text-shadow:0 0 10px rgba(255,215,0,.5);box-shadow:inset 0 1px #ffffff1a}.dna-tab-horizontal.active:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:3px;background:linear-gradient(90deg,#ffd7004d,gold,#ffd7004d);border-radius:2px 2px 0 0;box-shadow:0 0 12px #ffd70099}.dna-tab-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.dna-stat-icon{width:18px;height:18px;object-fit:contain;vertical-align:middle}.dna-content-area{position:relative;min-height:500px;padding:1.5rem;background:linear-gradient(135deg,#2a2a2af2,#1a1a1af2);border:3px solid #4a3821;border-radius:0 0 12px 12px;border-top:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 6px 12px #0009}.dna-content-area--card-active{background:transparent;border-color:transparent;box-shadow:none;border-radius:0}.dna-genetic-card{max-width:900px;margin:0 auto;background:linear-gradient(145deg,#181818fa,#0e0e0efc,#080808fc);border:3px solid var(--dna-type-colour, #888);border-radius:18px;padding:28px;box-shadow:0 0 25px rgba(var(--dna-type-rgb),.2),0 0 60px rgba(var(--dna-type-rgb),.08),0 12px 40px #0009,inset 0 1px #ffffff0d,inset 0 -2px 20px #0000004d;transition:box-shadow .5s cubic-bezier(.4,0,.2,1)}.dna-genetic-card:hover{box-shadow:0 0 35px rgba(var(--dna-type-rgb),.3),0 0 80px rgba(var(--dna-type-rgb),.12),0 16px 50px #0009,inset 0 1px #ffffff0f,inset 0 -2px 20px #0000004d}.dna-gen-badge{display:inline-flex;align-items:center;padding:4px 12px;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:16px;font-size:.75rem;font-weight:700;color:gold}.dna-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.dna-card-header--empty{flex-wrap:wrap}.dna-card-header-left{display:flex;align-items:center;gap:12px}.dna-card-header--exportable{position:relative;min-height:48px;padding-right:190px}.dna-card-export-controls{position:absolute;top:0;right:0;display:flex;align-items:flex-start;justify-content:flex-end}.dna-card-export-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:172px;min-height:44px;padding:10px 14px;background:radial-gradient(circle at top center,rgba(255,255,255,.16) 0%,transparent 55%),linear-gradient(135deg,#ffd70033,#ffa50024);border:1px solid rgba(255,215,0,.35);border-radius:12px;color:gold;font-size:.78rem;font-weight:700;letter-spacing:.55px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 3px rgba(0,0,0,.55);box-shadow:0 4px 14px #00000052,0 0 18px #ffd7001f,inset 0 1px #ffffff1f;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;transform:translateZ(0)}.dna-card-export-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .5s ease;pointer-events:none}.dna-card-export-btn:hover:not(:disabled):before{left:100%}.dna-card-export-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02) translateZ(0);border-color:#ffd70080;box-shadow:0 10px 24px #00000073,0 0 24px #ffd70038,inset 0 1px #ffffff2e}.dna-card-export-btn:active:not(:disabled){transform:translateY(-1px) translateZ(0);box-shadow:0 4px 10px #00000059,0 0 14px #ffd70024}.dna-card-export-btn:disabled{cursor:wait;opacity:.78;box-shadow:0 3px 8px #00000042,inset 0 1px #ffffff14}.dna-card-export-btn-text{white-space:nowrap}.dna-card-export-btn-format{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:4px 8px;border-radius:999px;background:#00000038;border:1px solid rgba(255,255,255,.08);color:#fff0b3;font-size:.68rem;line-height:1}.dna-card-header-status{font-size:.8rem;font-weight:600;color:#ffc107;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.6)}.dna-card-header-desc{font-size:.75rem;color:#9a8b78;line-height:1.5;max-width:320px;text-align:right}.dna-card-title{font-size:1.1rem;font-weight:700;color:gold;margin:0}.dna-card-latin{font-size:.8rem;color:#9a8b78;font-style:italic;margin:2px 0 0}.dna-identity-section{display:grid;grid-template-columns:200px 1fr;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(74,56,33,.5)}.dna-identity-sprite-container{display:flex;flex-direction:column;align-items:center;gap:8px}.dna-identity-sprite{width:200px;height:200px;object-fit:contain;border-radius:50%;border:3px solid var(--dna-type-colour, #888);background:radial-gradient(circle,rgba(var(--dna-type-rgb),.15) 0%,transparent 70%)}.dna-cosmetic-badge{position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;border:2px solid}.dna-identity-data{display:flex;flex-direction:column;gap:12px}.dna-identity-row{display:flex;align-items:center;gap:12px}.dna-identity-row--type{align-items:flex-start}.dna-identity-label{font-size:.7rem;font-weight:700;color:#9a8b78;text-transform:uppercase;letter-spacing:1px;min-width:90px}.dna-identity-value{font-size:.95rem;color:#e8e0d4;font-weight:600}.dna-identity-value.name{font-size:1.2rem;color:gold}.dna-identity-value.latin{font-style:italic;color:#9a8b78}.dna-type-display{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:6px}.dna-type-badge-row{display:flex;flex-wrap:wrap;gap:16px;width:100%}.dna-type-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;font-size:.8rem;font-weight:600;border:1px solid}.dna-type-empty-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:.8rem;font-weight:600;color:#b8a080;border:1px dashed rgba(154,139,120,.45);background:linear-gradient(135deg,#3a322a61,#221e1a61);text-shadow:0 1px 3px rgba(0,0,0,.45)}.dna-type-swatch{width:12px;height:12px;border-radius:50%}.dna-type-label-text{font-size:.65rem;color:#9a8b78;text-transform:uppercase}.dna-type-carrier-note{width:100%;font-size:.74rem;color:#9a8b78;line-height:1.45}.dna-stat-quality-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-weight:600;font-size:.85rem}.dna-cosmetic-display{display:flex;align-items:center;gap:8px}.dna-cosmetic-dot{width:14px;height:14px;border-radius:50%}.dna-cosmetic-name{font-weight:600;color:#e8e0d4}.dna-cosmetic-desc{font-size:.75rem;color:#9a8b78}.dna-traits-section{margin-top:16px}.dna-traits-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.dna-tier-section{position:relative;margin-top:24px;padding:20px;background:linear-gradient(145deg,#1e1c18b3,#141210b3);border:1px solid rgba(74,56,33,.45);border-radius:14px;box-shadow:0 2px 10px #0003,inset 0 1px #ffffff08;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-tier-section:hover{box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0a;border-color:#4a382199}.dna-tier-section-title{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:.85rem;font-weight:700;color:orange;text-transform:uppercase;letter-spacing:.5px}.dna-allele-guidance{display:grid;gap:6px;margin:-2px 0 14px;padding:14px 16px;background:radial-gradient(circle at top right,rgba(255,215,0,.08) 0%,transparent 55%),linear-gradient(135deg,#ffa50014,#4a382133);border:1px solid rgba(255,165,0,.22);border-radius:12px;box-shadow:0 4px 14px #0000002e,inset 0 1px #ffffff0a;overflow-wrap:break-word}.dna-allele-guidance-primary,.dna-allele-guidance-secondary{margin:0;line-height:1.6}.dna-allele-guidance-primary{font-size:clamp(.76rem,.73rem + .18vw,.88rem);color:#eadfce}.dna-allele-guidance-secondary{font-size:clamp(.72rem,.69rem + .14vw,.82rem);color:#bfa98d}.dna-section-label{font-size:.75rem;font-weight:700;color:#9a8b78;text-transform:uppercase;letter-spacing:1px;margin:16px 0 8px}.dna-test-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%}.dna-tier-card{display:flex;flex-direction:column;padding:22px;background:linear-gradient(145deg,#302a24f2,#1e1a16f2);border:2px solid #4a3821;border-radius:16px;box-shadow:0 6px 20px #00000073,inset 0 1px #ffffff0a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dna-tier-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);transition:left .5s ease;pointer-events:none;z-index:2}.dna-tier-card:not(.locked):hover:before{left:100%}.dna-tier-card:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,215,0,.08) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.dna-tier-card>*{position:relative;z-index:1}.dna-tier-card.available{border-color:gold;animation:dna-tier-pulse 2s infinite cubic-bezier(.4,0,.2,1)}.dna-tier-card.available:after{background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%)}.dna-tier-card.available:hover{transform:translateY(-6px) scale(1.01) translateZ(0);box-shadow:0 16px 40px #0009,0 0 30px #ffd70033,inset 0 1px #ffffff14}.dna-tier-card.available:hover:after{transform:translate(-50%,-50%) scale(1.5);opacity:1}.dna-tier-card.completed{border-color:#4caf50;box-shadow:0 0 15px #4caf5033,0 4px 12px #0006,inset 0 1px #4caf501a}.dna-tier-card.completed:after{background:radial-gradient(circle,rgba(76,175,80,.08) 0%,transparent 70%)}.dna-tier-card.completed:hover{transform:translateY(-3px) translateZ(0);box-shadow:0 0 25px #4caf5040,0 8px 20px #00000080,inset 0 1px #4caf5026}.dna-tier-card.completed:hover:after{transform:translate(-50%,-50%) scale(1.3);opacity:1}.dna-tier-card.locked{opacity:.5;cursor:not-allowed;filter:saturate(.5)}.dna-tier-card.locked:hover{filter:brightness(.92) saturate(.5)}.dna-tier-card.full-width{grid-column:1 / -1}.dna-tier-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.dna-tier-card-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.dna-req-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.dna-tier-card-name{font-size:1rem;font-weight:700;color:gold}.dna-tier-card-desc{font-size:.8rem;color:#9a8b78;line-height:1.5;margin-bottom:16px;flex:1}.dna-tier-card-reqs{display:flex;flex-direction:column;gap:4px;padding:10px;background:#0000004d;border-radius:8px;margin-bottom:16px;font-size:.75rem;color:#b8a080}.dna-tier-card-req-row{display:flex;align-items:center;gap:6px}.dna-tier-btn{width:100%;padding:12px;border:none;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;min-height:44px}.dna-tier-btn.run-test{background:linear-gradient(135deg,gold,#ffb800,orange);color:#1a1a1a;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.dna-tier-btn.run-test:before{content:"";position:absolute;inset:-50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%) rotate(45deg);transition:transform .6s ease;pointer-events:none}.dna-tier-btn.run-test:hover:not(:disabled):before{transform:translate(100%) rotate(45deg)}.dna-tier-btn.run-test:hover:not(:disabled){transform:translateY(-3px) scale(1.02) translateZ(0);box-shadow:0 8px 20px #00000080,0 0 25px #ffd70066,inset 0 1px #ffffff59,inset 0 -1px #0000001a}.dna-tier-btn.run-test:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #0006}.dna-tier-btn.completed{background:linear-gradient(135deg,#4caf5033,#388e3c26);color:#4caf50;border:1px solid rgba(76,175,80,.35);box-shadow:inset 0 1px #ffffff0d}.dna-tier-btn.completed:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(76,175,80,.15),transparent);transition:left .5s ease;pointer-events:none}.dna-tier-btn.completed:hover:before{left:100%}.dna-tier-btn.completed:hover{background:linear-gradient(135deg,#4caf504d,#388e3c40);transform:translateY(-2px) translateZ(0);box-shadow:0 4px 12px #0006,0 0 15px #4caf5033,inset 0 1px #ffffff14}.dna-tier-btn.locked{background:#80808026;color:#777;cursor:not-allowed}.dna-tier-btn.insufficient-gold{background:#dc354526;color:#dc3545;cursor:not-allowed}.dna-tier-lock-icon{position:absolute;top:12px;right:12px;width:24px;height:24px;object-fit:contain;opacity:.6;z-index:2}.dna-tier-check-badge{position:absolute;top:12px;right:12px;width:30px;height:30px;background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;font-weight:700;z-index:2;box-shadow:0 2px 6px #0000004d,0 0 10px #4caf504d;animation:dna-check-bounce .5s cubic-bezier(.4,0,.2,1)}.dna-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.dna-modal-card{width:90%;max-width:450px;background:linear-gradient(145deg,#302a24fa,#1e1a16fc);border:3px solid #4a3821;border-radius:18px;padding:28px;box-shadow:0 25px 60px #000000b3,0 0 40px #ffd7000f,inset 0 1px #ffffff0f,inset 0 -2px 20px #0003}.dna-modal-title{font-size:1.1rem;font-weight:700;color:gold;margin:0 0 16px;display:flex;align-items:center;gap:10px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.dna-modal-title-icon{width:28px;height:28px;object-fit:contain}.dna-modal-test-info{font-size:.85rem;color:#e8e0d4;margin-bottom:16px}.dna-modal-cost-table{padding:14px;background:#0000004d;border-radius:10px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.dna-modal-cost-row{display:flex;justify-content:space-between;font-size:.85rem}.dna-modal-cost-label{color:#9a8b78}.dna-modal-cost-value{color:gold;font-weight:600}.dna-modal-note{font-size:.8rem;color:#9a8b78;margin-bottom:20px;display:flex;align-items:center;gap:6px}.dna-modal-actions{display:flex;gap:12px;justify-content:flex-end}.dna-modal-btn{padding:10px 24px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden;min-height:44px}.dna-modal-btn.cancel{background:linear-gradient(135deg,#2a2a2a99,#1a1a1a99);color:#9a8b78;border:1px solid #4a3821}.dna-modal-btn.cancel:hover{background:linear-gradient(135deg,#4a382166,#2a2a2a99);color:#e8e0d4;transform:translateY(-1px) translateZ(0);border-color:#6d5535;box-shadow:0 4px 10px #0006}.dna-modal-btn.confirm{background:linear-gradient(135deg,gold,#ffb800,orange);color:#1a1a1a;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff4d}.dna-modal-btn.confirm:before{content:"";position:absolute;inset:-50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%) rotate(45deg);transition:transform .6s ease;pointer-events:none}.dna-modal-btn.confirm:hover:not(:disabled):before{transform:translate(100%) rotate(45deg)}.dna-modal-btn.confirm:hover:not(:disabled){transform:translateY(-3px) scale(1.02) translateZ(0);box-shadow:0 8px 20px #00000080,0 0 25px #ffd70066,inset 0 1px #ffffff59}.dna-modal-btn.confirm:active:not(:disabled){transform:translateY(0)}.dna-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.dna-modal-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(26,26,26,.3);border-top-color:#1a1a1a;border-radius:50%;animation:dna-spin .6s linear infinite}.dna-modal-error{color:#dc3545;font-size:.8rem;margin-bottom:12px;padding:8px 12px;background:#dc35451a;border-radius:6px;border:1px solid rgba(220,53,69,.2)}.dna-allele-diagram{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;flex-wrap:wrap}.dna-allele-node{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:3px solid;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.dna-allele-node:hover{transform:scale(1.1)}.dna-allele-node-label{font-size:.85rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6)}.dna-allele-node-stat{font-size:.65rem;font-weight:600;color:#e8e0d4;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.5)}.dna-allele-connector{width:40px;height:2px}.dna-allele-connector.solid{background:linear-gradient(90deg,var(--dna-conn-left),var(--dna-conn-right))}.dna-allele-connector.dashed{background:repeating-linear-gradient(90deg,var(--dna-conn-left) 0px,var(--dna-conn-left) 6px,transparent 6px,transparent 10px)}.dna-genome-map{padding:16px}.dna-genome-map>.dna-section-label{font-size:.85rem;color:orange;letter-spacing:1.5px;text-shadow:0 0 10px rgba(255,165,0,.3);margin-bottom:12px}.dna-genome-h-track{display:flex;flex-direction:row;justify-content:center;gap:32px;overflow-x:auto;padding:12px 16px 16px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(74,56,33,.6) transparent}.dna-genome-h-track::-webkit-scrollbar{height:6px}.dna-genome-h-track::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#4a3821,#6d5535);border-radius:3px}.dna-genome-h-family{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.dna-genome-h-family-label{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.dna-genome-h-loci-row{display:flex;flex-direction:row;gap:8px}.dna-genome-h-locus-col{display:flex;flex-direction:column;align-items:center;gap:4px}.dna-genome-h-locus-label{font-size:.6rem;font-weight:600;color:#9a8b78;letter-spacing:.5px}.dna-genome-h-backbone-dot{width:8px;height:8px;border-radius:2px;transform:rotate(45deg);opacity:.6;flex-shrink:0}.dna-genome-allele-pill{display:flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:16px;font-size:.7rem;font-weight:600;min-width:80px;min-height:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-genome-allele-pill.full{opacity:1;border-style:solid}.dna-genome-allele-pill.fragment{opacity:.5;border-style:dashed}.dna-genome-allele-pill.null{opacity:.15;border-style:dotted;color:#666}.dna-genome-allele-pill:hover{transform:scaleX(1.05)}.dna-family-summary{display:flex;flex-direction:column;gap:12px;padding:16px}.dna-family-summary-row{display:flex;align-items:center;gap:12px}.dna-family-summary-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.dna-family-summary-name{font-size:.8rem;font-weight:700;min-width:70px}.dna-family-summary-pips{display:flex;gap:4px}.dna-family-summary-pip{width:16px;height:16px;border-radius:3px;border:1px solid #555}.dna-family-summary-pip.full{border-color:currentColor;background:currentColor}.dna-family-summary-pip.fragment{border-color:currentColor;background:linear-gradient(135deg,currentColor 50%,transparent 50%)}.dna-family-summary-badges{display:flex;gap:6px;margin-left:auto;font-size:.65rem}.dna-catalyst-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.dna-catalyst-card{width:160px;padding:14px;background:linear-gradient(145deg,#20202099,#12121299);border:1px solid #4a3821;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.dna-catalyst-card:hover{transform:translateY(-3px) scale(1.02) translateZ(0)}.dna-catalyst-card.active{border-color:#4caf5080;box-shadow:0 2px 8px #0003,inset 0 0 8px #4caf5014}.dna-catalyst-card.active:hover{box-shadow:0 6px 16px #0006,0 0 20px #4caf5040,inset 0 0 8px #4caf501f}.dna-catalyst-card.carrier{opacity:.7}.dna-catalyst-card.carrier:hover{box-shadow:0 6px 16px #0006,0 0 12px #ffa50026;opacity:.85}.dna-catalyst-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;font-size:.8rem;color:#e8e0d4}.dna-catalyst-state-dot{width:10px;height:10px;border-radius:50%}.dna-catalyst-state-dot.active{background:#4caf50;box-shadow:0 0 6px #4caf5080}.dna-catalyst-state-dot.carrier{background:transparent;border:2px solid #888}.dna-catalyst-state-label{font-size:.7rem;text-transform:uppercase;margin-bottom:8px}.dna-catalyst-strength-bar{display:flex;gap:3px}.dna-catalyst-strength-segment{flex:1;height:8px;border-radius:2px;background:#333;border:1px solid #555}.dna-catalyst-strength-segment.filled{background:#4caf50;border-color:#4caf50}.dna-catalyst-hybrid-label{margin-top:6px;font-size:.7rem;font-weight:600}.dna-stability-ancientstock{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.dna-stability-panel{padding:20px;background:linear-gradient(145deg,#1e1c18b3,#141210b3);border:1px solid rgba(74,56,33,.45);border-radius:14px;box-shadow:0 2px 10px #0003,inset 0 1px #ffffff08;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-stability-panel:hover{box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0a}.dna-stability-title{font-size:.85rem;font-weight:700;color:orange;margin:0 0 16px;display:flex;align-items:center;gap:8px}.dna-stability-row{margin-bottom:14px}.dna-stability-label{font-size:.75rem;font-weight:600;color:#9a8b78;margin-bottom:4px}.dna-stability-bar-track{width:100%;height:12px;background:#222;border-radius:6px;overflow:hidden}.dna-stability-bar-fill{height:100%;border-radius:6px;transition:width 1s cubic-bezier(.4,0,.2,1)}.dna-stability-value{font-size:.7rem;color:#b8a080;margin-top:2px}.dna-stability-desc{font-size:.7rem;color:#9a8b78;font-style:italic;margin-top:2px}.dna-bias-pill{display:inline-flex;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:700}.dna-ancientstock-panel{padding:20px;background:linear-gradient(145deg,#1e1c18b3,#141210b3);border:1px solid rgba(74,56,33,.45);border-radius:14px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 10px #0003,inset 0 1px #ffffff08;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-ancientstock-panel:hover{box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0a}.dna-ancientstock-title{font-size:.85rem;font-weight:700;color:orange;margin:0 0 16px;display:flex;align-items:center;gap:8px;align-self:flex-start}.dna-gauge-container{position:relative;width:180px;height:180px}.dna-gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.dna-gauge-bg{fill:none;stroke:#222;stroke-width:10}.dna-gauge-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.dna-gauge-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.dna-gauge-percent{font-size:1.6rem;font-weight:700;color:gold}.dna-gauge-label{font-size:.65rem;color:#9a8b78;text-transform:uppercase}.dna-gauge-thresholds{display:flex;flex-direction:column;gap:6px;margin-top:14px;width:100%}.dna-gauge-threshold-row{display:flex;align-items:center;gap:8px;font-size:.75rem}.dna-gauge-threshold-met{color:#4caf50}.dna-gauge-threshold-unmet{color:#dc3545}.dna-derived-insights{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:20px}.dna-insight-card{padding:18px;background:linear-gradient(145deg,#1e1c18b3,#141210b3);border:1px solid rgba(74,56,33,.45);border-radius:12px;border-top:3px solid;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.dna-insight-card:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 8px 20px #0006,inset 0 1px #ffffff0a;border-color:#4a382199}.dna-insight-title{font-size:.8rem;font-weight:700;color:orange;margin:0 0 10px}.dna-insight-row{font-size:.8rem;margin-bottom:6px;display:flex;align-items:center;gap:6px}.dna-severity-badge{display:inline-flex;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:700}.dna-severity-badge.minor{background:#4caf5033;color:#4caf50}.dna-severity-badge.moderate{background:#ffc10733;color:#ffc107}.dna-severity-badge.radical{background:#dc354533;color:#dc3545}.dna-quality-floor-badge{display:inline-flex;padding:3px 10px;border-radius:10px;font-size:.75rem;font-weight:700}.dna-bloodline-markers{display:flex;flex-direction:column;gap:16px}.dna-marker-card{padding:18px;background:linear-gradient(145deg,#1e1c18b3,#141210b3);border:1px solid rgba(74,56,33,.45);border-radius:12px;border-left:4px solid;box-shadow:0 2px 8px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-marker-card:hover{transform:translate(4px) translateZ(0);box-shadow:0 4px 14px #0000004d;border-color:#4a382199}.dna-marker-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dna-marker-name{font-size:.9rem;font-weight:700;color:#e8e0d4}.dna-pip-bar{display:flex;gap:6px;margin-bottom:6px}.dna-pip{width:14px;height:14px;border-radius:50%;border:2px solid;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-pip.filled{background:var(--dna-marker-colour);border-color:var(--dna-marker-colour);box-shadow:0 0 6px rgba(var(--dna-marker-rgb),.4)}.dna-pip.empty{background:transparent;border-color:#555}.dna-pip.high-strength{animation:dna-type-glow 2s infinite cubic-bezier(.4,0,.2,1)}.dna-marker-desc{font-size:.8rem;color:#9a8b78;margin-bottom:6px}.dna-marker-status{font-size:.75rem;font-weight:600}.dna-expression-history{margin-top:24px}.dna-timeline-family{margin-bottom:20px}.dna-timeline-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:700}.dna-timeline-bar{display:flex;align-items:center;gap:0;padding:10px 16px;background:#1a1a1a99;border-radius:8px;overflow-x:auto}.dna-timeline-node{width:16px;height:16px;border-radius:50%;border:2px solid;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-timeline-node.current{width:22px;height:22px;box-shadow:0 0 8px rgba(var(--dna-family-rgb),.5)}.dna-timeline-connector{width:20px;height:2px;flex-shrink:0}.dna-timeline-connector.solid{background:var(--dna-family-colour)}.dna-timeline-connector.dashed{background:repeating-linear-gradient(90deg,var(--dna-family-colour) 0px,var(--dna-family-colour) 4px,transparent 4px,transparent 8px)}.dna-timeline-insight{font-size:.75rem;color:orange;margin-top:6px;display:flex;align-items:center;gap:4px}.dna-eligibility-section{margin-top:24px}.dna-eligibility-family{margin-bottom:20px}.dna-eligibility-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dna-eligibility-path-card{padding:16px;background:linear-gradient(145deg,#1e1c18b3,#141210b3);border:1px solid rgba(74,56,33,.45);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0003}.dna-eligibility-path-card:hover{box-shadow:0 4px 12px #0000004d}.dna-eligibility-path-card.eligible{border-color:#4caf5080;box-shadow:0 0 8px #4caf5026}.dna-eligibility-path-card.partial{border-color:#ffa50066}.dna-eligibility-path-card.not-eligible{border-color:#333;opacity:.7}.dna-eligibility-path-title{font-size:.8rem;font-weight:700;margin-bottom:8px}.dna-eligibility-condition{display:flex;align-items:flex-start;gap:6px;font-size:.75rem;margin-bottom:4px}.dna-eligibility-condition.met{color:#4caf50}.dna-eligibility-condition.missing{color:#dc3545}.dna-eligibility-condition .current-value{color:#9a8b78;font-size:.65rem}.dna-eligibility-status{margin-top:8px;font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:6px;text-align:center}.dna-lineage-assessment{margin-top:24px;padding:22px;background:linear-gradient(145deg,#1e1c18b3,#141210b3);border:1px solid rgba(74,56,33,.45);border-left:4px solid var(--dna-marker-colour, #4a3821);border-radius:0 14px 14px 0;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff08;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-lineage-assessment:hover{box-shadow:0 6px 20px #0006,inset 0 1px #ffffff0a}.dna-lineage-title{font-size:.85rem;font-weight:700;color:orange;margin:0 0 12px;display:flex;align-items:center;gap:8px}.dna-lineage-text{font-size:.95rem;color:#e8e0d4;line-height:1.7;white-space:pre-line}.dna-breeding-selector{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.dna-breeding-parent-panel{width:260px;padding:20px;background:linear-gradient(145deg,#24201cb3,#161412b3);border:2px solid #4a3821;border-radius:14px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff08;position:relative}.dna-breeding-parent-panel:hover{box-shadow:0 6px 20px #0006,inset 0 1px #ffffff0d;border-color:#6d5535}.dna-breeding-vs{font-size:1.4rem;font-weight:900;color:gold;text-shadow:0 0 12px rgba(255,215,0,.3)}.dna-breeding-parent-sprite{width:80px;height:80px;object-fit:contain;border-radius:50%;border:2px solid #4a3821;margin-bottom:8px}.dna-breeding-parent-name{font-size:.9rem;font-weight:700;color:#e8e0d4;display:flex;align-items:center;justify-content:center;gap:6px}.dna-breeding-gender-icon{font-size:1rem;font-weight:700;line-height:1}.dna-breeding-gender-icon.male{color:#4da6ff;text-shadow:0 0 6px rgba(77,166,255,.4)}.dna-breeding-gender-icon.female{color:#ff6eb4;text-shadow:0 0 6px rgba(255,110,180,.4)}.dna-breeding-parent-info{font-size:.75rem;color:#9a8b78}.dna-breeding-change-btn{margin-top:10px;padding:10px 18px;background:linear-gradient(135deg,#4a382166,#2a201466);border:1px solid #4a3821;border-radius:10px;color:#b8a080;font-size:.75rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px}.dna-breeding-change-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;pointer-events:none}.dna-breeding-change-btn:hover:before{left:100%}.dna-breeding-change-btn:hover{background:linear-gradient(135deg,#4a3821b3,#2a2014b3);color:gold;transform:translateY(-2px) translateZ(0);border-color:#6d5535;box-shadow:0 4px 10px #0006;text-shadow:0 0 6px rgba(255,215,0,.2)}.dna-breeding-analyse-btn{width:100%;max-width:500px;margin:0 auto 24px;display:block;padding:16px 28px;background:linear-gradient(135deg,gold,#ffb800,orange);border:none;border-radius:14px;font-size:.95rem;font-weight:700;color:#1a1a1a;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:50px;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d,0 0 20px #ffd70026,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.dna-breeding-analyse-btn:before{content:"";position:absolute;inset:-50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%) rotate(45deg);transition:transform .6s ease;pointer-events:none}.dna-breeding-analyse-btn:hover:not(:disabled):before{transform:translate(100%) rotate(45deg)}.dna-breeding-analyse-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.02) translateZ(0);box-shadow:0 12px 30px #00000080,0 0 35px #ffd70066,inset 0 1px #ffffff59}.dna-breeding-analyse-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #0006}.dna-breeding-analyse-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:0 2px 6px #0003!important;filter:saturate(.3)}.dna-breeding-analyse-btn--cached{background:linear-gradient(135deg,#4caf504d,#388e3c40);border:2px solid rgba(76,175,80,.5);color:#4caf50;cursor:default;box-shadow:0 2px 8px #0003,0 0 12px #4caf5026,inset 0 1px #4caf501a}.dna-breeding-analyse-btn--cached:hover{transform:none;box-shadow:0 2px 8px #0003,0 0 12px #4caf5026,inset 0 1px #4caf501a}.dna-type-predictions{margin-bottom:24px}.dna-prediction-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dna-prediction-type-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0}.dna-prediction-type-name{font-size:.85rem;font-weight:600;min-width:80px;color:#e8e0d4}.dna-prediction-bar-track{flex:1;height:16px;background:rgba(var(--dna-pred-rgb),.15);border-radius:8px;overflow:hidden}.dna-prediction-bar-fill{height:100%;border-radius:8px;transition:width .8s cubic-bezier(.4,0,.2,1)}.dna-prediction-bucket{font-size:.7rem;font-weight:700;min-width:70px;text-align:right}.dna-prediction-reason{font-size:.7rem;color:#9a8b78;margin-left:106px;margin-top:-6px;margin-bottom:8px}.dna-hybrid-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.dna-hybrid-card{padding:16px;background:linear-gradient(145deg,#1e1c18b3,#141210b3);border:1px solid rgba(74,56,33,.45);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.dna-hybrid-card:hover{transform:translateY(-2px) translateZ(0)}.dna-hybrid-card.can-unlock{border-color:#4caf5080;box-shadow:0 0 12px #4caf5033,inset 0 0 10px #4caf500d}.dna-hybrid-card.can-unlock:hover{box-shadow:0 0 20px #4caf504d,0 4px 12px #0006,inset 0 0 10px #4caf5014}.dna-hybrid-card.blocked{opacity:.65;border-color:#333;filter:saturate(.5)}.dna-hybrid-name{font-size:.85rem;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:6px}.dna-hybrid-status-badge{font-size:.65rem;padding:2px 8px;border-radius:8px;font-weight:700}.dna-hybrid-status-badge.can-unlock{background:#4caf5033;color:#4caf50}.dna-hybrid-status-badge.blocked{background:#dc354533;color:#dc3545}.dna-hybrid-req{font-size:.75rem;display:flex;align-items:center;gap:4px;margin-bottom:3px}.dna-hybrid-req.met{color:#4caf50}.dna-hybrid-req.missing{color:#dc3545}.dna-stat-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.dna-punnett-parent-label{color:orange;font-weight:700}.dna-punnett-cell{padding:12px;background:#1a1a1a99;border:1px solid rgba(74,56,33,.4);border-radius:8px;text-align:center;min-width:120px;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-punnett-cell:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.dna-punnett-alleles{font-size:.8rem;font-weight:600;color:#e8e0d4}.dna-probability-bar{display:flex;gap:3px;width:60px}.dna-probability-segment{flex:1;height:8px;border-radius:2px;background:#333}.dna-probability-segment.filled{background:var(--dna-prob-colour)}.dna-compat-summary{padding:22px;background:linear-gradient(145deg,#1e1c18b3,#141210b3);border-left:4px solid;border-radius:0 14px 14px 0;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff08}.dna-compat-summary:hover{box-shadow:0 6px 20px #0006,inset 0 1px #ffffff0a}.dna-compat-summary.positive{background:linear-gradient(135deg,#4caf5014,#1a1a1a99)}.dna-compat-summary.warning{background:linear-gradient(135deg,#ffc10714,#1a1a1a99)}.dna-compat-summary-title{font-size:.85rem;font-weight:700;color:orange;margin:0 0 10px;display:flex;align-items:center;gap:8px}.dna-compat-summary-text{font-size:.95rem;color:#e8e0d4;line-height:1.7}.dna-compat-cache-timestamp{font-size:.7rem;color:#9a8b78;margin-top:8px;text-align:right}.dna-breeding-dropdown-backdrop{position:fixed;inset:0;z-index:99}.dna-breeding-dropdown{position:absolute;bottom:0;left:-2px;right:-2px;max-height:200px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#201c18fc,#161412fc);border:2px solid #4a3821;border-top:none;border-radius:0 0 14px 14px;z-index:100;box-shadow:0 12px 30px #0009,inset 0 1px #ffffff08;scrollbar-width:thin;scrollbar-color:#6d5535 #1a1a1a}.dna-breeding-dropdown::-webkit-scrollbar{width:6px}.dna-breeding-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#daa520,#b8860b);border-radius:3px}.dna-breeding-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:44px;border-bottom:1px solid rgba(74,56,33,.15);overflow:hidden}.dna-breeding-dropdown-item:last-child{border-bottom:none}.dna-breeding-dropdown-item:hover{background:#4a38214d;transform:translate(4px)}.dna-breeding-dropdown-item.disabled{opacity:.5;cursor:not-allowed}.dna-breeding-dropdown-item.disabled:hover{background:transparent;transform:none}.dna-breeding-dropdown-sprite{width:36px;height:36px;border-radius:50%;object-fit:contain}.dna-breeding-dropdown-name{font-size:.8rem;font-weight:600}.dna-breeding-dropdown-badge{margin-left:auto;font-size:.65rem;padding:2px 8px;border-radius:8px;font-weight:600}.dna-trait-card{width:140px;min-height:100px;padding:12px;border-radius:12px;border-left:4px solid;background:rgba(var(--dna-family-rgb),.08);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;box-shadow:0 2px 6px #0003;position:relative;overflow:hidden}.dna-trait-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none;border-radius:12px}.dna-trait-card:hover{transform:translateY(-4px) scale(1.03) translateZ(0);box-shadow:0 8px 16px #0000004d,0 0 16px rgba(var(--dna-family-rgb),.25);background:rgba(var(--dna-family-rgb),.14)}.dna-trait-card-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.dna-trait-family-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.dna-trait-family-name{font-size:.65rem;font-weight:700;text-transform:uppercase}.dna-trait-name{font-size:.8rem;font-weight:700;color:#fff;margin-bottom:4px}.dna-trait-effect{font-size:.65rem;color:#9a8b78}.dna-trait-card.empty{opacity:.5;border-left-color:#555;background:#5555550d}.dna-trait-card.empty .dna-trait-name{color:#666}.dna-locked-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 16px;background:#000000b8;backdrop-filter:blur(10px) saturate(.25);-webkit-backdrop-filter:blur(10px) saturate(.25);border-radius:14px;z-index:5;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-locked-overlay:hover{background:#000000a6;backdrop-filter:blur(8px) saturate(.3);-webkit-backdrop-filter:blur(8px) saturate(.3)}.dna-locked-overlay .dna-locked-icon{text-shadow:0 0 12px rgba(255,215,0,.2)}.dna-locked-icon{width:40px;height:40px;object-fit:contain;opacity:.8}.dna-locked-title{font-size:.9rem;font-weight:700;color:gold}.dna-locked-cost{font-size:.8rem;color:orange}.dna-locked-requirement{font-size:.75rem;color:#ffc107}.dna-locked-cta{margin-top:6px;padding:10px 20px;background:linear-gradient(135deg,#ffd70033,#ffa50026);border:1px solid rgba(255,215,0,.35);border-radius:10px;color:gold;font-size:.8rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.dna-locked-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);transition:left .5s ease;pointer-events:none}.dna-locked-cta:hover:before{left:100%}.dna-locked-cta:hover{background:linear-gradient(135deg,#ffd70059,#ffa50040);transform:translateY(-2px) translateZ(0);box-shadow:0 4px 12px #0006,0 0 15px #ffd70033}.dna-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;width:100%;min-height:400px;flex:1}.dna-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.7;animation:dna-float 3s ease-in-out infinite}.dna-empty-icon-img{width:64px;height:64px;object-fit:contain;margin-bottom:16px;opacity:.75;animation:dna-float 3s ease-in-out infinite}.dna-empty-title{font-size:1.1rem;font-weight:700;color:gold;margin-bottom:8px}.dna-empty-text{font-size:.9rem;color:#9a8b78;max-width:400px;line-height:1.6}.dna-starter-warning{display:flex;align-items:flex-start;gap:20px;padding:32px;max-width:600px;margin:0 auto}.dna-starter-sprite{width:120px;height:120px;object-fit:contain;opacity:.6;filter:grayscale(1);border-radius:50%;border:2px solid #555}.dna-starter-info{flex:1}.dna-starter-label{font-size:.7rem;font-weight:700;color:#9a8b78;text-transform:uppercase;letter-spacing:1px}.dna-starter-name{font-size:1.2rem;font-weight:700;color:#e8e0d4;margin:4px 0 16px}.dna-starter-warning-text{font-size:.9rem;color:#ffc107;margin-bottom:12px;display:flex;align-items:center;gap:8px}.dna-starter-desc{font-size:.85rem;color:#9a8b78;line-height:1.6}.dna-error-banner{padding:12px 16px;background:#dc35451a;border:1px solid rgba(220,53,69,.2);border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.dna-error-message{flex:1;font-size:.85rem;color:#dc3545}.dna-error-retry-btn{padding:8px 16px;background:#dc354533;border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#dc3545;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;position:relative;overflow:hidden}.dna-error-retry-btn:hover{background:#dc354559;transform:translateY(-1px) translateZ(0);box-shadow:0 2px 8px #dc354533}.dna-skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200px 100%;animation:dna-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}.dna-skeleton-line{height:14px;margin-bottom:8px}.dna-skeleton-circle{border-radius:50%}.dna-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:14px 28px;border-radius:12px;font-size:.85rem;font-weight:600;z-index:1001;max-width:min(90vw,420px);text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-shadow:0 1px 3px rgba(0,0,0,.5)}.dna-toast--success{background:linear-gradient(135deg,#2a241cf7,#1a1612f7);border:2px solid #4a3821;color:gold;box-shadow:0 8px 30px #0009,0 0 20px #ffd7001a,inset 0 1px #ffffff0f}.dna-toast--error{background:linear-gradient(135deg,#3e1814f7,#240f0ff7);border:2px solid rgba(220,83,73,.55);color:#ffd4cc;box-shadow:0 8px 30px #0000009e,0 0 22px #dc534929,inset 0 1px #ffffff0a}.dna-reveal-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;pointer-events:none;z-index:999;animation:dna-reveal-flash .4s ease-out forwards}.dna-no-genetics-overlay{position:relative;text-align:center;padding:40px 20px}.dna-no-genetics-overlay .dna-test-lab-grid{opacity:.4;pointer-events:none}.dna-no-genetics-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center}.dna-helix-canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.dna-helix-static-fallback{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.1}.dna-content-above-helix{position:relative;z-index:1;width:100%;flex:1}@keyframes dna-type-glow{0%,to{box-shadow:0 0 15px rgba(var(--dna-type-rgb),.3)}50%{box-shadow:0 0 30px rgba(var(--dna-type-rgb),.5)}}@keyframes dna-tier-pulse{0%,to{border-color:#ffd70080}50%{border-color:gold}}@keyframes dna-data-stream{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes dna-gauge-fill{0%{stroke-dashoffset:283}to{stroke-dashoffset:var(--dna-gauge-target)}}@keyframes dna-skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes dna-reveal-flash{0%{opacity:0}30%{opacity:.4}to{opacity:0}}@keyframes dna-particle-burst{0%{box-shadow:0 0 rgba(var(--dna-type-rgb),.6)}to{box-shadow:0 0 0 40px rgba(var(--dna-type-rgb),0)}}@keyframes dna-spin{to{transform:rotate(360deg)}}@keyframes dna-ambient-breathe{0%,to{opacity:.06}50%{opacity:.12}}@keyframes dna-gold-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes dna-check-bounce{0%{transform:scale(0)}60%{transform:scale(1.2)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes dna-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (min-width: 1920px){.dna-content-area,.dna-genetic-card{padding:36px}.dna-identity-section{gap:32px}.dna-identity-sprite{width:220px;height:220px}.dna-trait-card{width:160px;min-height:110px}.dna-tier-card{padding:28px}.dna-allele-diagram{gap:32px}.dna-stability-ancientstock{gap:28px}.dna-derived-insights{gap:20px}.dna-breeding-parent-panel{width:300px;padding:24px}.dna-prediction-type-name{min-width:100px;font-size:.9rem}.dna-header-icon{width:80px;height:80px;border:none;background:none;border-radius:0;box-shadow:none}}@media (min-width: 1440px) and (max-width: 1919px){.dna-content-area,.dna-genetic-card{padding:30px}.dna-trait-card{width:150px}.dna-tier-card{padding:24px}}@media (max-width: 1199px){.dna-breeding-parent-panel{width:220px;padding:16px}.dna-breeding-parent-sprite{width:65px;height:65px}}@media (max-width: 1023px){.dna-stability-ancientstock,.dna-derived-insights{grid-template-columns:1fr}.dna-card-header-desc{max-width:240px;font-size:.7rem}.dna-hybrid-grid{grid-template-columns:1fr 1fr}.dna-breeding-parent-panel{width:200px}}@media (max-width: 768px){.dna-tab-horizontal{padding:10px 6px;font-size:.7rem;gap:4px;letter-spacing:0}.dna-tab-icon{width:18px;height:18px}.dna-tab-label{display:none}.dna-card-header--empty{flex-direction:column;align-items:flex-start;gap:8px}.dna-card-header-status{order:1;font-size:.75rem}.dna-card-header-desc{order:2;text-align:left;max-width:100%;font-size:.7rem}.dna-card-header--exportable{padding-right:0;min-height:0}.dna-card-export-controls{position:static;width:100%;justify-content:flex-start;margin-top:4px}.dna-card-export-btn{width:100%;max-width:240px}.dna-identity-section{grid-template-columns:1fr;text-align:center}.dna-identity-sprite-container{margin:0 auto}.dna-identity-row{justify-content:center}.dna-test-lab-grid{grid-template-columns:1fr}.dna-tier-card.full-width{grid-column:1}.dna-allele-diagram{flex-direction:column}.dna-allele-connector{width:2px;height:30px}.dna-allele-guidance{margin-bottom:12px;padding:12px 14px;gap:5px}.dna-stability-ancientstock,.dna-eligibility-paths{grid-template-columns:1fr}.dna-breeding-selector{flex-direction:column}.dna-breeding-parent-panel{width:100%;max-width:300px}.dna-hybrid-grid{grid-template-columns:1fr}.dna-punnett-cell{min-width:80px;min-height:60px;padding:8px}.dna-traits-grid{gap:8px}.dna-trait-card{width:120px;min-height:80px}.dna-content-area{padding:16px}.dna-starter-warning{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 480px){.dna-tab-horizontal{padding:8px 10px;font-size:.7rem;min-height:44px}.dna-header{padding:1rem}.dna-title{font-size:1.2rem}.dna-header-stats{flex-direction:column;gap:8px}.dna-pet-selector{padding:.5rem .6rem;gap:8px}.dna-pet-card{width:100px;min-height:140px;min-width:100px}.dna-pet-card-sprite{width:48px;height:48px}.dna-content-area{padding:.75rem}.dna-tab-horizontal{padding:8px 4px;font-size:.65rem}.dna-back-button,.dna-modal-btn,.dna-tier-btn,.dna-card-export-btn,.dna-breeding-change-btn,.dna-breeding-analyse-btn,.dna-locked-cta,.dna-error-retry-btn{min-height:44px}.dna-genetic-card{padding:16px;border-radius:12px}.dna-card-header-status{font-size:.7rem}.dna-card-header-desc{font-size:.65rem;line-height:1.4}.dna-card-export-btn{max-width:none;padding:10px 12px}.dna-identity-sprite{width:140px;height:140px}.dna-allele-guidance{padding:10px 12px;border-radius:10px}.dna-allele-guidance-primary,.dna-allele-guidance-secondary{line-height:1.5}}@media (max-width: 640px){.dna-card-header--empty{gap:6px}.dna-card-header-desc{font-size:.68rem}.dna-allele-node{font-size:.75rem}.dna-catalyst-card{width:140px;padding:10px}.dna-breeding-vs{font-size:1.1rem}.dna-modal-card{padding:20px;width:95%}.dna-punnett-cell{min-width:70px;min-height:55px;padding:6px;font-size:.75rem}.dna-gauge-container{width:150px;height:150px}.dna-gauge-percent{font-size:1.3rem}}@media (max-width: 375px){.dna-title{font-size:1.1rem;letter-spacing:.5px}.dna-subtitle{font-size:.8rem}.dna-header-icon{width:36px;height:36px;border:none;background:none;border-radius:0;box-shadow:none}.dna-header{padding:12px}.dna-pet-card{width:90px;min-height:130px;padding:6px}.dna-pet-card-sprite{width:42px;height:42px}.dna-pet-card-name{font-size:.65rem;max-width:80px}.dna-identity-sprite{width:120px;height:120px}.dna-trait-card{width:100px;min-height:70px;padding:8px}.dna-trait-name{font-size:.7rem}.dna-trait-effect{font-size:.6rem}.dna-card-header-status{font-size:.65rem;letter-spacing:0}.dna-card-header-desc{font-size:.6rem}.dna-tier-card{padding:14px;border-radius:12px}.dna-tier-card-name{font-size:.85rem}.dna-tier-card-desc{font-size:.7rem}.dna-breeding-parent-panel{padding:14px}.dna-breeding-parent-sprite{width:60px;height:60px}.dna-catalyst-card{width:120px;padding:10px}.dna-insight-card{padding:12px}.dna-lineage-assessment{padding:14px}.dna-lineage-text{font-size:.85rem}}@media (max-width: 360px){.dna-centre-page{padding:.75rem;gap:.75rem;font-size:.9rem}.dna-tab-horizontal{padding:6px 8px;font-size:.6rem;gap:4px}.dna-tab-icon{width:16px;height:16px}.dna-content-area{padding:.6rem}.dna-tabs-horizontal{padding:4px 4px 0}.dna-header{padding:.75rem}.dna-pet-selector{padding:.4rem .5rem;gap:6px}.dna-back-button{padding:.4rem .8rem;font-size:.8rem}.dna-genetic-card{padding:12px;border-radius:10px;border-width:2px}.dna-gen-badge{font-size:.65rem;padding:3px 8px}.dna-modal-card{padding:16px;border-radius:14px}.dna-modal-title{font-size:.95rem}.dna-pet-card{width:84px;min-height:120px}.dna-pet-card-sprite{width:38px;height:38px}.dna-trait-card{width:90px;min-height:65px}.dna-gauge-container{width:130px;height:130px}.dna-gauge-percent{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.dna-helix-canvas-wrapper{display:none}.dna-helix-static-fallback{display:block}.dna-centre-page *,.dna-centre-page *:before,.dna-centre-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.dna-tab-horizontal{border:2px solid #ffd700}.dna-pet-card{border:2px solid #fff}.dna-locked-overlay{background:#000000e6}.dna-tier-card,.dna-modal-card{border:2px solid #fff}}.healing-pool-container{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%),linear-gradient(180deg,#1a4d5cd9,#0d323deb,#08232dfa);border:3px solid #3a9fb5;border-radius:14px;padding:1.5rem;color:#fff;max-width:900px;margin:1.25rem auto;min-height:600px;display:flex;flex-direction:column;box-shadow:0 0 40px #3a9fb533,0 8px 24px #0009,inset 0 1px #6dd5ed33,inset 0 -1px #0000004d;position:relative;overflow:hidden}.healing-pool-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 50% 30%,rgba(109,213,237,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.healing-pool-container>*{position:relative;z-index:1}.healing-pool-header{text-align:center;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:2px solid rgba(58,159,181,.4);position:relative}.healing-pool-header:after{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent 0%,#6dd5ed 50%,transparent 100%);box-shadow:0 0 10px #6dd5ed99}.healing-pool-title-image{max-width:160px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.7));margin:0 auto .75rem;display:block;transition:transform .3s ease,filter .3s ease}.healing-pool-title-image:hover{transform:scale(1.05);filter:drop-shadow(0 8px 20px rgba(109,213,237,.4))}.healing-pool-description{margin:.75rem 0 0;font-size:.9rem;color:#b3e5f0;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.5)}.healing-pool-description strong{color:#ff6b6b;display:block;margin-top:.6rem;font-size:.95rem;text-shadow:0 0 10px rgba(255,107,107,.4)}.pool-status-display{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 50%),linear-gradient(135deg,#14323ce6,#0a232df2);border:2px solid rgba(58,159,181,.5);border-radius:10px;padding:1rem 1.25rem;margin-top:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0006,inset 0 1px #6dd5ed1a}.uses-remaining{font-size:1.1rem;color:#6dd5ed;font-weight:600;text-shadow:0 0 10px rgba(109,213,237,.3)}.uses-remaining strong{color:#fff;margin-right:.5rem;font-weight:700}.next-reset{font-size:.9rem;color:gold;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.3)}.healing-section{margin:1.25rem 0}.healing-section h3{margin:0 0 1rem;font-size:1.2rem;color:#6dd5ed;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 15px rgba(109,213,237,.4),0 2px 4px rgba(0,0,0,.6)}.healing-pets-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.available-pets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:.5rem}.healing-pet-card{background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 40%),linear-gradient(135deg,#2a5f73f2,#1a3d4dfa);border:2px solid rgba(58,159,181,.6);border-radius:12px;padding:1.25rem;display:flex;flex-direction:row;align-items:center;gap:1.25rem;min-width:280px;max-width:350px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0006,inset 0 1px #6dd5ed26;position:relative;overflow:hidden}.healing-pet-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(109,213,237,.1) 50%,transparent 100%);transition:left .5s ease;pointer-events:none}.healing-pet-card:hover:before{left:100%}.healing-pet-card:hover{border-color:#6dd5ed;transform:translateY(-3px);box-shadow:0 0 25px #6dd5ed4d,0 8px 20px #00000080,inset 0 1px #6dd5ed33}.healing-pet-card.complete{border-color:#4caf50;background:linear-gradient(180deg,rgba(76,175,80,.15) 0%,transparent 40%),linear-gradient(135deg,#2d6e34f2,#1a4d21fa);box-shadow:0 0 30px #4caf5066,0 4px 12px #0006,inset 0 1px #66bb6a33;animation:hp-complete-pulse 2s ease-in-out infinite}@keyframes hp-complete-pulse{0%,to{box-shadow:0 0 30px #4caf5066,0 4px 12px #0006}50%{box-shadow:0 0 45px #4caf5099,0 4px 12px #0006}}.healing-pet-info{flex:1;display:flex;flex-direction:column;gap:.35rem}.healing-pet-info strong{display:block;font-size:1.1rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:.15rem}.healing-pet-info>div{font-size:.9rem;color:#9ed8e8;line-height:1.3}.healing-status{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(109,213,237,.2)}.healing-complete{color:#69db7c;font-weight:800;font-size:.95rem;text-shadow:0 0 10px rgba(105,219,124,.5)}.healing-timer{color:gold;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:.5rem;text-shadow:0 0 8px rgba(255,215,0,.4)}.healing-timer .time-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}.healing-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.available-pet-card{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 40%),linear-gradient(135deg,#233741f2,#192832fa);border:2px solid rgba(80,100,110,.6);border-radius:12px;padding:1.15rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0006,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.available-pet-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(109,213,237,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:all .4s ease;pointer-events:none}.available-pet-card:hover:after{width:200%;height:200%;opacity:1}.available-pet-card:hover{border-color:#6dd5ed;transform:translateY(-4px);box-shadow:0 0 30px #6dd5ed59,0 10px 25px #00000080,inset 0 1px #6dd5ed26}.available-pet-card.selected{border-color:gold;background:linear-gradient(180deg,rgba(255,215,0,.1) 0%,transparent 40%),linear-gradient(135deg,#3a5a67f2,#2a414dfa);box-shadow:0 0 35px #ffd70066,0 8px 20px #00000080,inset 0 1px #ffd70033}.available-pet-card .pet-name{font-size:1.05rem;font-weight:800;margin-bottom:.75rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;z-index:1}.available-pet-card .pet-stats-mini{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:#9ed8e8;position:relative;z-index:1}.available-pet-card .pet-stats-mini div{display:flex;gap:1.5rem}.cooldown-section h3{color:#ff9800;text-shadow:0 0 15px rgba(255,152,0,.4),0 2px 4px rgba(0,0,0,.6)}.cooldown-pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.cooldown-pet-card{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 40%),linear-gradient(135deg,#644632f2,#462d23fa);border:2px solid rgba(180,120,80,.5);border-radius:12px;padding:1.15rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0006,inset 0 1px #ffc8961a;position:relative;overflow:hidden}.cooldown-pet-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,152,0,.2) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:all .4s ease;pointer-events:none}.cooldown-pet-card:hover:after{width:180%;height:180%;opacity:1}.cooldown-pet-card:hover{border-color:#d4a574;transform:translateY(-3px);box-shadow:0 0 25px #ff980040,0 8px 20px #00000080,inset 0 1px #ffc89626}.cooldown-pet-card .pet-name{font-size:1.05rem;font-weight:800;margin-bottom:.75rem;color:#ffd9a0;text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;z-index:1}.cooldown-pet-card .pet-stats-mini{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:#d4c4b4;position:relative;z-index:1;margin-bottom:.75rem}.cooldown-pet-card .pet-stats-mini div{display:block;line-height:1.4}.cooldown-pet-card .cooldown-timer{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;padding:.6rem .85rem;background:linear-gradient(180deg,#ff980026,#ff78001a);border:1px solid rgba(255,152,0,.4);border-radius:8px;font-size:.95rem;font-weight:800;color:#ffb74d;text-shadow:0 0 10px rgba(255,152,0,.4);position:relative;z-index:1}.cooldown-pet-card .cooldown-timer .time-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.healing-action-panel{display:flex;justify-content:flex-start;align-items:center;gap:.85rem;margin-top:1rem;padding:.85rem 1rem;background:linear-gradient(180deg,rgba(255,215,0,.05) 0%,transparent 50%),linear-gradient(135deg,#1e323ce6,#14232df2);border-radius:10px;border:2px solid rgba(255,215,0,.3);box-shadow:0 4px 12px #0006,inset 0 1px #ffd7001a}.btn-claim,.btn-start-healing,.btn-cancel-select{padding:.7rem 1.35rem;border:none;border-radius:8px;font-size:.85rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;min-height:44px;white-space:nowrap}.btn-cancel{padding:.6rem 1.1rem;border:none;border-radius:8px;font-size:.75rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;min-height:40px;white-space:nowrap}.btn-claim:before,.btn-start-healing:before,.btn-cancel-select:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .4s ease}.btn-claim:hover:before,.btn-start-healing:hover:before,.btn-cancel-select:hover:before{left:100%}.btn-claim{background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%),linear-gradient(180deg,#52c41a,#389e0d,#237804);color:#fff;border:2px solid #52c41a;box-shadow:0 3px #135200,0 5px 12px #52c41a4d;text-shadow:0 2px 4px rgba(0,0,0,.4)}.btn-claim:hover{background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(180deg,#73d13d,#52c41a,#389e0d);border-color:#73d13d;transform:translateY(-2px);box-shadow:0 5px #135200,0 0 25px #52c41a80,0 8px 20px #0006}.btn-claim:active{transform:translateY(0);box-shadow:0 2px #135200}.btn-cancel{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(180deg,#5a6a75,#4a5a65,#3a4a55);color:#d0e0e8;border:2px solid #6a7a85;box-shadow:0 2px #2a3a45,0 3px 8px #0000004d;text-shadow:0 1px 3px rgba(0,0,0,.5)}.btn-cancel:hover{background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%),linear-gradient(180deg,#6a7a85,#5a6a75,#4a5a65);border-color:#7a8a95;color:#fff;transform:translateY(-2px);box-shadow:0 4px #2a3a45,0 0 12px #6dd5ed33}.btn-cancel:active{transform:translateY(0);box-shadow:0 1px #2a3a45}.btn-start-healing{background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%),linear-gradient(180deg,#40a9ff,#1890ff,#096dd9);color:#fff;border:2px solid #40a9ff;box-shadow:0 3px #003a8c,0 5px 12px #1890ff4d;text-shadow:0 2px 4px rgba(0,0,0,.4)}.btn-start-healing:hover{background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(180deg,#69c0ff,#40a9ff,#1890ff);border-color:#69c0ff;transform:translateY(-2px);box-shadow:0 5px #003a8c,0 0 25px #1890ff80,0 8px 20px #0006}.btn-start-healing:active{transform:translateY(0);box-shadow:0 2px #003a8c}.btn-cancel-select{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%),linear-gradient(180deg,#8c8c8c,#666,#4d4d4d);color:#fff;border:2px solid #8c8c8c;box-shadow:0 3px #333,0 5px 10px #0006;text-shadow:0 1px 3px rgba(0,0,0,.4)}.btn-cancel-select:hover{background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%),linear-gradient(180deg,#a6a6a6,#8c8c8c,#666);border-color:#a6a6a6;transform:translateY(-2px);box-shadow:0 5px #333,0 0 15px #8c8c8c4d,0 8px 15px #0006}.btn-cancel-select:active{transform:translateY(0);box-shadow:0 2px #333}.no-pets-message{text-align:center;padding:2.5rem 1.5rem;font-size:1rem;color:#b3e5f0;background:#0003;border-radius:10px;border:1px dashed rgba(109,213,237,.3)}@media (min-width: 1400px){.healing-pool-container{max-width:1000px}.healing-pets-grid,.available-pets-grid{gap:1.25rem}}@media (max-width: 1200px){.healing-pets-grid,.available-pets-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.healing-pool-container{padding:1.25rem;margin:1rem auto}.healing-pets-grid,.available-pets-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.healing-pool-title-image{max-width:140px}}@media (max-width: 768px){.healing-pool-container{padding:1rem;margin:.85rem;border-width:2px;min-height:500px}.healing-pool-header{padding-bottom:1rem;margin-bottom:1rem}.healing-pool-title-image{max-width:130px}.healing-pool-description{font-size:.85rem}.pool-status-display{flex-direction:column;gap:.75rem;text-align:center;padding:.85rem}.uses-remaining{font-size:1rem}.next-reset{font-size:.85rem}.healing-section h3{font-size:1.1rem}.healing-pets-grid{gap:.75rem}.healing-pet-card{min-width:260px;max-width:320px;padding:1rem}.available-pets-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.available-pet-card{padding:1rem}.cooldown-pets-grid{grid-template-columns:repeat(3,1fr);gap:.85rem}.cooldown-pet-card{padding:1rem}}@media (max-width: 600px){.healing-pool-container{padding:.85rem;margin:.75rem;min-height:450px}.healing-pool-title-image{max-width:120px}.healing-pool-description{font-size:.8rem}.healing-pool-description strong{font-size:.85rem}.healing-section h3{font-size:1rem;margin-bottom:.75rem}.healing-pets-grid{gap:.65rem}.healing-pet-card{min-width:100%;max-width:100%}.available-pets-grid{grid-template-columns:1fr 1fr;gap:.65rem}.available-pet-card .pet-stats-mini div{flex-direction:column;gap:.25rem}.cooldown-pets-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.cooldown-pet-card{padding:.9rem}.cooldown-pet-card .pet-name{font-size:.95rem;margin-bottom:.6rem}.cooldown-pet-card .pet-stats-mini{font-size:.85rem;gap:.3rem;margin-bottom:.6rem}.cooldown-pet-card .cooldown-timer{font-size:.9rem;padding:.5rem .7rem}.healing-action-panel{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.65rem;padding:.75rem}.btn-start-healing,.btn-cancel-select{flex:1;min-width:120px}}@media (max-width: 480px){.healing-pool-container{padding:.75rem;margin:.5rem;border-radius:10px}.healing-pool-header{padding-bottom:.75rem;margin-bottom:.75rem}.healing-pool-title-image{max-width:100px}.healing-pool-description{font-size:.75rem}.pool-status-display{padding:.75rem}.uses-remaining{font-size:.9rem}.next-reset{font-size:.8rem}.healing-section{margin:.85rem 0}.healing-section h3{font-size:.95rem;margin-bottom:.6rem}.healing-pets-grid{gap:.5rem}.healing-pet-card{min-width:100%;max-width:100%;padding:.85rem;gap:.85rem}.healing-pet-info strong{font-size:1rem}.healing-pet-info>div{font-size:.85rem}.available-pets-grid{grid-template-columns:1fr 1fr;gap:.5rem}.available-pet-card{padding:.75rem;border-radius:10px}.available-pet-card .pet-name{font-size:.9rem;margin-bottom:.5rem}.available-pet-card .pet-stats-mini{font-size:.8rem;gap:.25rem}.available-pet-card .pet-stats-mini div{flex-direction:column;gap:.15rem}.cooldown-pets-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.cooldown-pet-card{padding:.75rem}.cooldown-pet-card .pet-name{font-size:.9rem;margin-bottom:.5rem}.cooldown-pet-card .pet-stats-mini{font-size:.8rem;gap:.25rem;margin-bottom:.5rem}.cooldown-pet-card .cooldown-timer{font-size:.85rem;padding:.45rem .6rem}.cooldown-pet-card .cooldown-timer .time-icon{width:16px;height:16px}.healing-action-panel{padding:.65rem;gap:.5rem}.btn-claim,.btn-start-healing,.btn-cancel-select{font-size:.8rem;padding:.65rem .9rem}.btn-cancel{font-size:.7rem;padding:.5rem .8rem}.no-pets-message{padding:2rem 1rem;font-size:.9rem}}@media (max-width: 360px){.healing-pool-container{padding:.6rem;margin:.35rem}.healing-pool-title-image{max-width:85px}.healing-pool-description{font-size:.7rem}.healing-section h3{font-size:.9rem}.cooldown-pets-grid{grid-template-columns:1fr 1fr;gap:.4rem}.cooldown-pet-card{padding:.65rem}.cooldown-pet-card .pet-name{font-size:.85rem;margin-bottom:.4rem}.cooldown-pet-card .pet-stats-mini{font-size:.75rem;gap:.2rem;margin-bottom:.4rem}.cooldown-pet-card .cooldown-timer{font-size:.8rem;padding:.4rem .5rem;gap:.35rem}.cooldown-pet-card .cooldown-timer .time-icon{width:14px;height:14px}}@media (prefers-reduced-motion: reduce){.healing-pool-container,.healing-pet-card,.available-pet-card,.cooldown-pet-card,.btn-claim,.btn-cancel,.btn-start-healing,.btn-cancel-select,.healing-pool-title-image{transition:none}.healing-pet-card.complete{animation:none}.healing-pet-card:before,.available-pet-card:after,.btn-claim:before,.btn-start-healing:before,.btn-cancel-select:before{display:none}.healing-pet-card:hover,.available-pet-card:hover,.cooldown-pet-card:hover{transform:none}}.btn-claim:focus-visible,.btn-cancel:focus-visible,.btn-start-healing:focus-visible,.btn-cancel-select:focus-visible,.available-pet-card:focus-visible{outline:3px solid #ffd700;outline-offset:2px}.token-purchase-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.token-purchase-modal{position:relative;width:90%;max-width:550px;background:linear-gradient(180deg,#0a0a1efa,#140a28fa,#0a0a1efa);border-radius:24px;border:3px solid;border-image:linear-gradient(135deg,#0ff,#8a2be2,#f0f) 1;box-shadow:0 20px 60px #000000e6,0 0 80px #0ff6,inset 0 0 80px #8a2be21a;padding:0;animation:scaleIn .4s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-close-x{position:absolute;top:15px;right:15px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;z-index:10}.modal-close-x:hover{background:#fff3;border-color:#f0f;transform:rotate(90deg);box-shadow:0 0 20px #f0f9}.modal-header{padding:35px 30px;text-align:center;background:linear-gradient(135deg,#0ff3,#8a2be233);border-bottom:2px solid rgba(0,255,255,.4)}.modal-header.processing{background:linear-gradient(135deg,#ffa50033,#ffd70033);border-bottom-color:#ffd70066}.modal-header.success{background:linear-gradient(135deg,#0f03,#00c80033);border-bottom-color:#0f06}.modal-header.error{background:linear-gradient(135deg,#f003,#c8000033);border-bottom-color:#f006}.modal-icon{font-size:60px;margin-bottom:15px;filter:drop-shadow(0 0 20px rgba(0,255,255,.8));animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal-icon.spinning{animation:spin 2s linear infinite;filter:drop-shadow(0 0 30px rgba(255,215,0,1))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-icon.success-icon{font-size:80px;color:#0f0;filter:drop-shadow(0 0 30px rgba(0,255,0,1));animation:successBounce .6s ease-out}@keyframes successBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.modal-icon.error-icon{font-size:70px;color:red;filter:drop-shadow(0 0 30px rgba(255,0,0,1));animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.modal-title{font-size:28px;font-weight:800;letter-spacing:2px;color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4),2px 2px 4px rgba(0,0,0,.9);margin:0}.modal-body{padding:35px 30px}.purchase-item{text-align:center;margin-bottom:30px}.item-label{font-size:13px;font-weight:700;letter-spacing:2px;color:#0ff;margin-bottom:8px;text-shadow:0 0 10px rgba(0,255,255,.6)}.item-value{font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}.purchase-cost{text-align:center;padding:25px;background:linear-gradient(135deg,#8a2be233,#4b008233);border-radius:16px;border:2px solid rgba(138,43,226,.5);margin-bottom:25px;box-shadow:0 0 30px #8a2be24d}.cost-label{font-size:12px;font-weight:700;letter-spacing:2px;color:plum;margin-bottom:12px}.cost-value{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:8px}.cost-amount{font-size:40px;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,.6),2px 2px 6px rgba(0,0,0,.9);animation:amountGlow 2s ease-in-out infinite}@keyframes amountGlow{0%,to{text-shadow:0 0 15px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.4),2px 2px 6px rgba(0,0,0,.9)}50%{text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.8),2px 2px 6px rgba(0,0,0,.9)}}.cost-token{font-size:24px;font-weight:700;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8)}.cost-gas{font-size:13px;color:plum;font-style:italic;opacity:.9}.checking-balance{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px;background:#ffa5001a;border-radius:12px;border:2px solid rgba(255,165,0,.3);color:orange;font-weight:600;margin-bottom:20px}.check-spinner{width:20px;height:20px;border:2px solid rgba(255,165,0,.3);border-top-color:orange;border-radius:50%;animation:spin .6s linear infinite}.insufficient-funds{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#ff000026;border-radius:12px;border:2px solid rgba(255,0,0,.5);margin-bottom:20px;animation:errorShake .5s ease-out}.error-icon{font-size:40px;filter:drop-shadow(0 0 10px rgba(255,0,0,.8))}.error-text{color:#ff6b6b;font-weight:600;text-align:center;font-size:15px}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.balance-ok{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background:#00ff001a;border-radius:12px;border:2px solid rgba(0,255,0,.3);color:#0f0;font-weight:600;margin-bottom:20px;animation:successPulse .5s ease-out}@keyframes successPulse{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.check-icon{font-size:24px;font-weight:900}.purchase-warning{text-align:center;font-size:13px;color:orange;font-style:italic;padding:12px;background:#ffa50014;border-radius:8px;border:1px solid rgba(255,165,0,.2)}.processing-animation{display:flex;flex-direction:column;align-items:center;gap:25px;padding:30px 20px}.processing-spinner{width:80px;height:80px;border:6px solid rgba(255,215,0,.2);border-top-color:gold;border-right-color:#0ff;border-radius:50%;animation:spin 1.2s linear infinite;box-shadow:0 0 40px #ffd70099}.processing-text{text-align:center}.processing-stage{font-size:16px;font-weight:600;color:#0ff;margin-bottom:8px;text-shadow:0 0 10px rgba(0,255,255,.8);animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.processing-hint{font-size:13px;color:plum;font-style:italic;opacity:.8;margin-top:10px}.processing-details{background:#0000004d;border-radius:12px;padding:20px;margin-top:20px}.detail-row{display:flex;justify-content:space-between;padding:10px 0;color:wheat;font-size:14px;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{opacity:.7}.detail-row span:last-child{font-weight:700;color:#0ff}.success-animation{position:relative;padding:40px 20px;text-align:center}.success-burst{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;background:radial-gradient(circle,rgba(0,255,0,.4) 0%,transparent 70%);border-radius:50%;animation:burstExpand .6s ease-out;pointer-events:none}@keyframes burstExpand{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.success-message{position:relative;z-index:1}.success-title{font-size:24px;font-weight:800;color:#0f0;text-shadow:0 0 20px rgba(0,255,0,1),0 0 40px rgba(0,255,0,.6),2px 2px 6px rgba(0,0,0,.9);margin-bottom:10px}.success-subtitle{font-size:18px;color:wheat;font-style:italic}.transaction-hash{background:#0006;border-radius:12px;padding:20px;margin-top:25px;border:1px solid rgba(0,255,255,.2)}.hash-label{font-size:11px;font-weight:700;letter-spacing:2px;color:#0ff;margin-bottom:8px;text-shadow:0 0 8px rgba(0,255,255,.6)}.hash-value{font-family:Courier New,monospace;font-size:14px;color:#fff;word-break:break-all;margin-bottom:5px}.hash-hint{font-size:12px;color:plum;font-style:italic;opacity:.7}.success-footer{font-size:13px;color:plum;font-style:italic;text-align:center;margin-top:20px;opacity:.8}.error-message{text-align:center;padding:30px 20px}.error-title{font-size:20px;font-weight:700;color:#ff6b6b;margin-bottom:15px;text-shadow:0 0 15px rgba(255,0,0,.8)}.error-details{font-size:15px;color:wheat;line-height:1.6;margin-bottom:15px}.error-hint{font-size:13px;color:plum;font-style:italic;text-align:center;padding:15px;background:#0000004d;border-radius:8px;margin-top:20px}.modal-actions{display:flex;gap:15px;padding:25px 30px;background:#0000004d;border-top:2px solid rgba(255,255,255,.1)}.modal-btn{flex:1;padding:16px 30px;font-size:16px;font-weight:800;letter-spacing:1.5px;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid;position:relative;overflow:hidden}.modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.modal-btn:hover:before{left:100%}.modal-btn.cancel{background:linear-gradient(135deg,#64646499,#32323299);border-color:#666;color:#fff;box-shadow:0 4px 15px #0006}.modal-btn.cancel:hover{background:linear-gradient(135deg,#787878cc,#464646cc);border-color:#888;transform:translateY(-2px);box-shadow:0 6px 20px #00000080}.modal-btn.confirm{background:linear-gradient(135deg,#8a2be2,indigo);border-color:#8a2be2;color:#fff;box-shadow:0 4px 15px #8a2be299,0 0 30px #8a2be266}.modal-btn.confirm:hover:not(.disabled){background:linear-gradient(135deg,#9f4fff,#6a0dad);border-color:#9f4fff;transform:translateY(-3px);box-shadow:0 6px 25px #8a2be2cc,0 0 50px #8a2be299}.modal-btn.confirm:active:not(.disabled){transform:translateY(-1px)}.modal-btn.confirm.disabled{background:linear-gradient(135deg,#8a2be24d,#4b00824d);border-color:#8a2be266;color:#fff6;cursor:not-allowed;box-shadow:none}.modal-btn.retry{background:linear-gradient(135deg,orange,#ff8c00);border-color:orange;color:#fff;box-shadow:0 4px 15px #ffa50099,0 0 30px #ffa50066}.modal-btn.retry:hover{background:linear-gradient(135deg,#ffb733,orange);border-color:#ffb733;transform:translateY(-3px);box-shadow:0 6px 25px #ffa500cc,0 0 50px #ffa50099}@media (max-width: 768px){.token-purchase-modal{width:95%;max-width:none}.modal-actions{flex-direction:column}.modal-btn{width:100%}.cost-amount{font-size:32px}}.storage-panel{background:linear-gradient(135deg,#2d1e14b3,#140f0ad9);border:3px solid #8b4513;border-radius:10px;padding:20px;color:#fff;min-height:600px;height:auto;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-width:100%;box-sizing:border-box;box-shadow:0 4px 12px #0009,inset 0 1px #8b451333}.storage-header{text-align:center;margin-bottom:20px;border-bottom:2px solid #8b4513;padding-bottom:15px}.storage-header h3{margin:0 0 10px;color:gold;font-size:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.storage-header-icon{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}.storage-header p{margin:0;color:#bbb;font-size:.9rem}.storage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;padding:10px;flex:1;align-content:start;overflow-y:auto}.pet-storage-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.storage-slot{aspect-ratio:1;background:linear-gradient(145deg,#322319d9,#231912eb,#281c14e0);border:3px solid rgba(101,67,33,.8);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 12px #00000080,inset 0 1px #ffd70008;will-change:transform,box-shadow,border-color}.storage-slot.can-drag{cursor:grab}.storage-slot.can-drag:active{cursor:grabbing}.storage-slot.dragging{opacity:.5;transform:scale(.95);border-color:#ffd7004d}.storage-slot.drag-over{border-color:#4caf50e6;background:linear-gradient(145deg,#323c32eb,#232d23f2,#283228ed);box-shadow:0 0 25px #4caf5080,0 6px 18px #0009,inset 0 1px #4caf5033;transform:scale(1.05)}.storage-panel.is-drop-target{box-shadow:0 0 35px #4caf5040,0 4px 12px #0009,inset 0 1px #8b451333}.storage-panel.is-drop-target .storage-slot.unlocked:not(.dragging){border-color:#4caf5080}.storage-panel.is-drop-target .storage-slot.unlocked:not([class*=itemId]) .empty-text{color:#4caf50e6;animation:dropHintPulse 1.5s ease-in-out infinite}@keyframes dropHintPulse{0%,to{opacity:.7}50%{opacity:1}}.storage-panel.is-dragging .storage-slot:not(.dragging):not(.drag-over){opacity:.7}.storage-slot:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.08) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.storage-slot:hover:before{opacity:1}.storage-slot.pet-slot{aspect-ratio:initial;min-height:210px;padding:14px}.storage-slot.unlocked{border-color:#8b4513b3;cursor:pointer}.storage-slot.locked{border-color:#65432199;cursor:not-allowed;opacity:.5;filter:grayscale(.3)}.storage-slot.selected{border-color:#ffd700f2;background:linear-gradient(145deg,#3c2a1cf2,#2d2016,#322419fa);box-shadow:0 0 30px #ffd70099,0 6px 20px #000000b3,inset 0 0 40px #ffd70014;transform:scale(1.06)}.storage-slot:hover.unlocked{border-color:#d4af37f2;background:linear-gradient(145deg,#3a281beb,#2a1e14f2,#302218ed);box-shadow:0 0 22px #d4af3773,0 6px 18px #0009,inset 0 1px #ffd7001a;transform:scale(1.05)}.storage-slot img{width:60px;height:60px;object-fit:contain;margin-bottom:5px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8));transition:transform .3s ease}.storage-slot:hover img{transform:scale(1.08);filter:drop-shadow(0 3px 10px rgba(0,0,0,.9))}.pet-slot img{width:80px;height:80px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.8))}.pet-slot:hover img{transform:scale(1.1)}.storage-slot .quantity{position:absolute;bottom:5px;right:5px;font-size:clamp(.75rem,1.5vw,.95rem);font-weight:900;color:gold;text-shadow:0 0 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.9);user-select:none;pointer-events:none}.storage-slot .item-name,.storage-slot .pet-name{font-size:.925rem;text-align:center;color:#f4e4c1;margin-top:6px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.9);letter-spacing:.3px;line-height:1.2;transition:color .3s ease}.storage-slot:hover .item-name,.storage-slot:hover .pet-name{color:gold;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.4)}.storage-slot .pet-level,.storage-slot .pet-type{font-size:.825rem;color:#b8a588;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.storage-slot .empty-text{color:#7f6d5a;font-style:italic;font-size:.925rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);opacity:.7;letter-spacing:.5px}.locked-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;cursor:pointer;transition:all .3s ease}.storage-slot.locked:hover .locked-content{transform:scale(1.05)}.lock-icon{font-size:2rem;position:relative}.lock-icon img{width:65px;height:auto;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.8));transition:all .3s ease;animation:lockSway 3s ease-in-out infinite}@keyframes lockSway{0%,to{transform:rotate(0);filter:drop-shadow(0 3px 8px rgba(0,0,0,.8))}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.storage-slot.locked:hover .lock-icon img{filter:drop-shadow(0 4px 12px rgba(255,215,0,.5));animation:lockSway 1.5s ease-in-out infinite}.pet-slot .unlock-slot-icon{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8));transition:all .3s ease;pointer-events:none;animation:unlockPulse 2s ease-in-out infinite;margin-top:-20px;margin-bottom:15px}.item-slot .unlock-slot-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8));transition:all .3s ease;pointer-events:none;animation:unlockPulse 2s ease-in-out infinite;margin-top:-20px;margin-bottom:15px}@keyframes unlockPulse{0%,to{transform:scale(1);filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))}50%{transform:scale(1.05);filter:drop-shadow(0 3px 12px rgba(255,215,0,.5))}}.storage-slot.locked:hover .unlock-slot-icon{animation:unlockPulse 1s ease-in-out infinite;filter:drop-shadow(0 4px 15px rgba(255,215,0,.7))}.unlock-status{font-size:.8rem;color:gold;text-align:center;max-width:100%;word-wrap:break-word;line-height:1.3;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 12px rgba(255,215,0,.4);letter-spacing:.5px;margin-top:8px}.unlock-btn,.claim-btn{padding:10px 18px;background:linear-gradient(135deg,#8b6914e6,#6b5310);border:2px solid rgba(212,175,55,.6);border-radius:8px;color:gold;font-weight:700;cursor:pointer;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.8px;box-shadow:0 4px 12px #00000080,inset 0 1px #ffd70033;text-shadow:0 1px 3px rgba(0,0,0,.9);position:relative;overflow:hidden}.unlock-btn:before,.claim-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 50%,transparent 100%);transition:left .5s ease}.unlock-btn:hover,.claim-btn:hover{background:linear-gradient(135deg,#a67c1a,#8b6914);border-color:#ffd700e6;color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 0 20px #ffd70080,0 6px 16px #0009,inset 0 1px #ffd7004d}.unlock-btn:hover:before,.claim-btn:hover:before{left:100%}.unlock-btn:active,.claim-btn:active{transform:translateY(-1px) scale(1.02)}.storage-modal{position:fixed;inset:0;background:linear-gradient(135deg,#140f0af5,#0a0805fa);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px)}}.premium-modal{background:linear-gradient(145deg,#231912,#19120c,#1e160f),radial-gradient(ellipse at top,rgba(139,69,19,.12) 0%,transparent 60%),radial-gradient(ellipse at bottom,rgba(0,0,0,.5) 0%,transparent 50%);border:3px solid transparent;background-clip:padding-box;position:relative;border-radius:20px;padding:0;max-width:780px;width:96%;max-height:90vh;overflow-y:auto;overflow-x:hidden;color:#fff;box-shadow:0 20px 60px #000000e6,0 0 0 1px #8b451399,inset 0 1px #ffd7001a,inset 0 0 80px #8b45130d;animation:modalSlideIn .35s cubic-bezier(.34,1.56,.64,1)}.premium-modal:before{content:"";position:absolute;inset:-3px;border-radius:20px;padding:3px;background:linear-gradient(135deg,#d4af37,#8b6914,#d4af37,#8b6914,#d4af37);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.8}@keyframes modalSlideIn{0%{transform:translateY(-40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{background:linear-gradient(135deg,#4b321c,#3c2a19,#372616);padding:25px 35px;border-radius:17px 17px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(139,69,19,.6);box-shadow:inset 0 2px #8b451366,inset 0 -1px #00000080,0 2px 10px #0006;position:relative}.modal-header h4{margin:0;color:#f4e4c1;font-size:1.5rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 20px rgba(212,175,55,.3);letter-spacing:.5px;background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.inventory-count-badge{position:absolute;top:20px;right:80px;background:linear-gradient(135deg,#8b6914f2,#6b5310);border:3px solid rgba(212,175,55,.7);color:gold;padding:8px 18px;border-radius:20px;font-size:1rem;font-weight:800;letter-spacing:1px;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.5);box-shadow:0 4px 15px #000000b3,0 0 25px #ffd70066,inset 0 2px #ffd7004d,inset 0 -2px #00000080;animation:inventoryBadgePulse 3s ease-in-out infinite;z-index:10}@keyframes inventoryBadgePulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #000000b3,0 0 25px #ffd70066,inset 0 2px #ffd7004d,inset 0 -2px #00000080}50%{transform:scale(1.08);box-shadow:0 6px 20px #000c,0 0 35px #ffd700b3,inset 0 2px #fff6,inset 0 -2px #00000080}}.close-btn{background:linear-gradient(135deg,#3c2814e6,#28190ff2);border:2px solid rgba(139,69,19,.6);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#d4af37;font-size:1.6rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;box-shadow:0 4px 8px #0009,inset 0 1px #ffd7001a;position:relative;overflow:hidden}.close-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.close-btn:hover{background:linear-gradient(135deg,#503219,#3c2814);transform:rotate(90deg) scale(1.1);border-color:#d4af37cc;color:gold;box-shadow:0 0 20px #d4af3780,0 4px 12px #000c,inset 0 1px #ffd70033}.close-btn:hover:before{opacity:1}.close-btn:active{transform:rotate(90deg) scale(.95)}.storage-preview{padding:25px 35px;background:linear-gradient(135deg,#231912f2,#19120c);border-bottom:2px solid rgba(139,69,19,.5);box-shadow:inset 0 1px #ffd70014,0 2px 8px #0000004d}.preview-item{display:flex;align-items:center;gap:25px;background:linear-gradient(135deg,#322619,#281e14,#2d2216);padding:20px;border-radius:12px;border:3px solid rgba(139,69,19,.7);box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006}.preview-item img{width:70px;height:70px;object-fit:contain;background:linear-gradient(135deg,#3c2d1e,#322619,#372a1c);border:3px solid rgba(139,69,19,.6);border-radius:10px;padding:10px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.9));box-shadow:inset 0 2px #8b451333,inset 0 -1px #0006}.preview-details{flex:1}.preview-details h5{margin:0 0 12px;color:#f4e4c1;font-size:1.4rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 18px rgba(212,175,55,.3);letter-spacing:.8px;background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.storage-genetics-info{margin-top:15px;padding:15px;background:linear-gradient(135deg,#8a2be21f,#4b00822e,#8a2be21f);border:2px solid rgba(138,43,226,.4);border-left:4px solid #8a2be2;border-radius:10px;box-shadow:0 3px 12px #00000080,0 0 20px #8a2be233,inset 0 1px #8a2be233;position:relative;overflow:hidden}.storage-genetics-info:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 60%);opacity:.6;animation:geneticsGlow 3s ease-in-out infinite}@keyframes geneticsGlow{0%,to{opacity:.4}50%{opacity:.7}}.storage-genetics-label{color:orchid;font-weight:800;font-size:.95rem;text-align:center;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(218,112,214,.5);letter-spacing:1.2px;text-transform:uppercase;position:relative;z-index:1}.storage-parent-info{color:gold;font-size:.875rem;margin:6px 0;padding:8px 12px;background:linear-gradient(135deg,#8a2be226,#4b008233);border-radius:6px;border-left:3px solid #ba55d3;box-shadow:0 2px 6px #0006,inset 0 1px #da70d626;text-shadow:0 1px 3px rgba(0,0,0,.9);font-weight:600;position:relative;z-index:1}.storage-senior-bonus{color:gold;font-weight:800;font-size:.9rem;text-align:center;margin-top:12px;padding:8px 14px;background:linear-gradient(135deg,#ffd70033,#d4af3740);border:2px solid rgba(255,215,0,.4);border-radius:10px;box-shadow:0 2px 8px #0006,0 0 15px #ffd7004d,inset 0 1px #ffd70033;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(255,215,0,.5);letter-spacing:.5px;position:relative;z-index:1;animation:seniorBonusPulse 2.5s ease-in-out infinite}@keyframes seniorBonusPulse{0%,to{box-shadow:0 2px 8px #0006,0 0 15px #ffd7004d,inset 0 1px #ffd70033}50%{box-shadow:0 3px 12px #00000080,0 0 25px #ffd70099,inset 0 1px #ffd7004d}}.quantity-badge{background:linear-gradient(135deg,#8b69144d,#6b531066);border:2px solid rgba(212,175,55,.5);color:gold;padding:6px 15px;border-radius:20px;font-size:.95rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #0006,inset 0 1px #ffd70026;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px}.quantity-section{padding:25px 35px 30px;background:linear-gradient(135deg,#19120c80,#140f0ab3)}.selected-item-preview{display:flex;align-items:center;gap:25px;background:linear-gradient(135deg,#322619,#281e14,#2d2216);padding:22px;border-radius:12px;margin-bottom:28px;border:3px solid rgba(139,69,19,.7);box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006;transition:all .3s ease}.selected-item-preview:hover{border-color:#d4af37b3;box-shadow:0 0 20px #d4af374d,0 6px 18px #0009,inset 0 1px #ffd70026}.selected-item-preview img{width:85px;height:85px;object-fit:contain;background:linear-gradient(135deg,#3c2d1e,#322619,#372a1c);border:3px solid rgba(139,69,19,.7);border-radius:12px;padding:12px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.9));box-shadow:inset 0 2px #8b451333,inset 0 -1px #0006}.item-info h6{margin:0 0 10px;color:#f4e4c1;font-size:1.35rem;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 15px rgba(212,175,55,.2);letter-spacing:.5px}.available-qty{margin:0;color:#d4af37;font-size:1.05rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px}.quantity-controls{background:linear-gradient(135deg,#281c14f2,#1e160f);border:3px solid rgba(139,69,19,.6);padding:25px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 15px #0009,inset 0 2px #8b451333,inset 0 -1px #0006}.quantity-controls label{display:block;margin-bottom:18px;color:#f4e4c1;font-weight:700;font-size:1.15rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:.5px}.quantity-input-group{display:flex;gap:12px;margin-bottom:22px;align-items:center}.qty-btn{background:linear-gradient(135deg,#3c2d1ee6,#2d2316);border:2px solid rgba(139,69,19,.6);color:#d4af37;font-size:1.6rem;font-weight:700;width:48px;height:48px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #00000080,inset 0 1px #ffd7001a;position:relative;overflow:hidden}.qty-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.qty-btn:hover:not(:disabled){background:linear-gradient(135deg,#503c28,#3c3020);transform:scale(1.08);border-color:#d4af37cc;color:gold;box-shadow:0 0 18px #d4af3766,0 6px 14px #0009,inset 0 1px #ffd70033}.qty-btn:hover:not(:disabled):before{opacity:1}.qty-btn:active:not(:disabled){transform:scale(.95)}.qty-btn:disabled{opacity:.25;cursor:not-allowed;filter:grayscale(.8)}.qty-input{flex:1;padding:14px;border:3px solid rgba(139,69,19,.6);border-radius:10px;background:linear-gradient(135deg,#281e14cc,#1e160fe6);color:gold;font-size:1.6rem;font-weight:700;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 3px 10px #0009,0 1px #ffd7001a;text-shadow:0 2px 4px rgba(0,0,0,.8)}.qty-input:focus{outline:none;border-color:#d4af37e6;color:#fff;box-shadow:inset 0 3px 10px #0009,0 0 20px #d4af3766,0 1px #ffd70033;transform:scale(1.02)}.btn-max{background:linear-gradient(135deg,#8b6914e6,#6b5310);border:2px solid rgba(212,175,55,.5);color:gold;font-size:1rem;font-weight:700;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000080,inset 0 1px #ffd70033;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.btn-max:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 50%,transparent 100%);transition:left .5s ease}.btn-max:hover{background:linear-gradient(135deg,#a67c1a,#8b6914);border-color:#ffd700cc;transform:scale(1.05);box-shadow:0 0 20px #ffd70066,0 6px 16px #0009,inset 0 1px #ffd7004d;color:#fff}.btn-max:hover:before{left:100%}.btn-max:active{transform:scale(.95)}.quantity-slider{width:100%;height:10px;border-radius:6px;background:linear-gradient(90deg,#8b451366,#6b531080);border:2px solid rgba(139,69,19,.3);outline:none;-webkit-appearance:none;appearance:none;margin:12px 0;cursor:pointer;box-shadow:inset 0 2px 6px #0009,0 1px #ffd7001a}.quantity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,gold,#d4af37,#b8960f);border:3px solid rgba(139,69,19,.6);cursor:grab;box-shadow:0 4px 12px #0009,0 0 15px #ffd70066,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.quantity-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #000000b3,0 0 25px #ffd70099,inset 0 1px #fff6;border-color:#ffd700cc}.quantity-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}.quantity-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,gold,#d4af37,#b8960f);border:3px solid rgba(139,69,19,.6);cursor:grab;box-shadow:0 4px 12px #0009,0 0 15px #ffd70066,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.quantity-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #000000b3,0 0 25px #ffd70099,inset 0 1px #fff6;border-color:#ffd700cc}.quantity-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.08)}.slider-labels{display:flex;justify-content:space-between;color:#d4af37;font-size:.95rem;font-weight:600;margin-top:8px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.slider-labels .current-value{color:gold;font-weight:800;font-size:1.2rem;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.5);letter-spacing:1px;animation:currentValuePulse 2s ease-in-out infinite}@keyframes currentValuePulse{0%,to{text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.5)}50%{text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 25px rgba(255,215,0,.8)}}.btn-confirm{width:100%;padding:18px 25px;border:2px solid transparent;border-radius:12px;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.btn-confirm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.btn-confirm:hover:before{left:100%}.btn-confirm.deposit{background:linear-gradient(135deg,#503219f2,#3c2814,#2d1e0f);color:#f4e4c1;border-color:#8b451399;text-shadow:0 2px 4px rgba(0,0,0,.8)}.btn-confirm.deposit:hover{background:linear-gradient(135deg,#784b23,#5a3c1e,#462d16);transform:translateY(-3px) scale(1.02);border-color:#d4af37e6;color:gold;box-shadow:0 0 30px #d4af3799,0 8px 25px #000000b3,inset 0 1px #ffd70033}.btn-confirm.withdraw{background:linear-gradient(135deg,#23462df2,#193223,#14281c);color:#b8e6c1;border-color:#2e7d3299;text-shadow:0 2px 4px rgba(0,0,0,.8)}.btn-confirm.withdraw:hover{background:linear-gradient(135deg,#2e7d32,#235a2d,#194623);transform:translateY(-3px) scale(1.02);border-color:#4caf50e6;color:#e8f5e9;box-shadow:0 0 30px #4caf5099,0 8px 25px #000000b3,inset 0 1px #fff3}.btn-confirm:active{transform:translateY(-1px) scale(.98)}.keyboard-hints{padding:18px 35px;background:linear-gradient(135deg,#281c14f2,#1e160f);border-top:2px solid rgba(139,69,19,.5);box-shadow:inset 0 1px #ffd70014,0 -2px 8px #0000004d;display:flex;justify-content:center;align-items:center;gap:35px;font-size:.9rem;color:#d4af37;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px;border-radius:0 0 17px 17px}.keyboard-hints span{padding:8px 16px;background:linear-gradient(135deg,#281e14b3,#1e160fd9);border:2px solid rgba(139,69,19,.4);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006,inset 0 1px #ffd70014;position:relative;overflow:hidden}.keyboard-hints span:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.15) 50%,transparent 100%);transition:left .5s ease}.keyboard-hints span:hover{border-color:#d4af37b3;color:gold;transform:translateY(-2px);box-shadow:0 0 15px #d4af374d,0 4px 12px #0009,inset 0 1px #ffd70026}.keyboard-hints span:hover:before{left:100%}.action-buttons{display:flex;gap:20px;padding:25px 35px 30px}.action-buttons button{flex:1;padding:18px 25px;border:2px solid transparent;border-radius:12px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff1a}.action-buttons button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transition:left .6s ease}.action-buttons button:hover:before{left:100%}.btn-deposit{background:linear-gradient(135deg,#503219f2,#3c2814,#2d1e0f);color:#f4e4c1;border-color:#8b451399;text-shadow:0 2px 4px rgba(0,0,0,.8)}.btn-deposit:hover{background:linear-gradient(135deg,#784b23,#5a3c1e,#462d16);transform:translateY(-3px) scale(1.02);border-color:#d4af37e6;color:gold;box-shadow:0 0 25px #d4af3780,0 8px 25px #0009,inset 0 1px #ffd70033}.btn-deposit:active{transform:translateY(-1px) scale(.98)}.btn-withdraw{background:linear-gradient(135deg,#23462df2,#193223,#14281c);color:#b8e6c1;border-color:#2e7d3299;text-shadow:0 2px 4px rgba(0,0,0,.8)}.btn-withdraw:hover{background:linear-gradient(135deg,#2e7d32,#235a2d,#194623);transform:translateY(-3px) scale(1.02);border-color:#4caf50e6;color:#e8f5e9;box-shadow:0 0 25px #4caf5080,0 8px 25px #0009,inset 0 1px #fff3}.btn-withdraw:active{transform:translateY(-1px) scale(.98)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:22px 35px;background:linear-gradient(135deg,#37281c,#2d2016,#322419);border-bottom:2px solid rgba(139,69,19,.6);box-shadow:inset 0 2px #8b45134d,inset 0 -1px #0006,0 2px 10px #0006;position:relative}.section-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#d4af37cc,#8b691499,#d4af37cc);box-shadow:0 0 12px #ffd70066;border-radius:0 2px 2px 0}.section-header h5{margin:0;color:#f4e4c1;font-size:1.25rem;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 18px rgba(212,175,55,.3);letter-spacing:.8px;background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-back{background:linear-gradient(135deg,#281e14cc,#1e160fe6);border:2px solid rgba(139,69,19,.4);color:#d4af37;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px #0006,inset 0 1px #ffd7000d;position:relative;overflow:hidden}.btn-back:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.15) 50%,transparent 100%);transition:left .5s ease}.btn-back:hover{background:linear-gradient(135deg,#3c2d1e,#2d2316);border-color:#d4af37b3;color:gold;transform:translate(-3px);box-shadow:0 0 15px #d4af374d,0 4px 12px #0009,inset 0 1px #ffd7001a}.btn-back:hover:before{left:100%}.btn-back:active{transform:translate(-1px) scale(.98)}.deposit-section{padding:25px 35px 30px;background:linear-gradient(135deg,#19120c80,#140f0ab3)}.inventory-grid-modal{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:18px;max-height:420px;overflow-y:auto;padding:20px;background:linear-gradient(135deg,#231912f2,#19120c);border:2px solid rgba(139,69,19,.5);border-radius:12px;box-shadow:inset 0 3px 12px #000000b3,inset 0 1px #00000080}.inventory-item-card{background:linear-gradient(145deg,#37281c,#2d2016,#322419);border:3px solid rgba(139,69,19,.7);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006;overflow:hidden}.inventory-item-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.inventory-item-card:hover{border-color:#d4af37e6;transform:translateY(-5px) scale(1.05);box-shadow:0 0 25px #d4af3780,0 8px 20px #000000b3,inset 0 1px #ffd70026}.inventory-item-card:hover:before{opacity:1}.inventory-item-card:active{transform:translateY(-2px) scale(1.02)}.inventory-item-card img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8));transition:transform .3s ease}.inventory-item-card:hover img{transform:scale(1.1)}.inventory-item-card .item-quantity{position:absolute;bottom:4px;right:6px;background:none;border:none;padding:0;color:gold;font-size:clamp(.65rem,1.8vw,.85rem);font-weight:900;font-family:Impact,Arial Black,sans-serif;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7);pointer-events:none;user-select:none}.inventory-item-card .item-name{font-size:.875rem;color:#f4e4c1;text-align:center;word-break:break-word;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.3px;line-height:1.2}.empty-message{text-align:center;color:#b8a588;font-style:italic;padding:45px;font-size:1.05rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px;background:linear-gradient(135deg,#281e144d,#1e160f80);border:2px dashed rgba(139,69,19,.3);border-radius:12px}.preview-pet{display:flex;align-items:center;gap:25px}.preview-pet img{width:75px;height:75px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.8));transition:transform .3s ease}.preview-pet:hover img{transform:scale(1.08)}.pet-level-badge{background:linear-gradient(135deg,#3498dbe6,#2980b9);border:2px solid rgba(52,152,219,.6);color:#fff;padding:6px 16px;border-radius:18px;font-size:.95rem;font-weight:700;display:inline-block;margin-bottom:10px;box-shadow:0 3px 10px #00000080,0 0 15px #3498db4d,inset 0 1px #fff3;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-level-badge:hover{transform:scale(1.05);box-shadow:0 4px 14px #0009,0 0 22px #3498db80,inset 0 1px #ffffff4d}.pet-stats-preview{display:flex;gap:18px;color:#f4e4c1;font-size:1rem;font-weight:600}.pet-stats-preview span{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#281e1499,#1e160fcc);padding:6px 12px;border-radius:8px;border:2px solid rgba(139,69,19,.3);box-shadow:0 2px 6px #0006,inset 0 1px #ffd7000d;text-shadow:0 1px 3px rgba(0,0,0,.8)}.pet-grid-modal{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;max-height:420px;overflow-y:auto;padding:20px;background:linear-gradient(135deg,#231912f2,#19120c);border:2px solid rgba(139,69,19,.5);border-radius:12px;box-shadow:inset 0 3px 12px #000000b3,inset 0 1px #00000080}.pet-card-modal{background:linear-gradient(145deg,#37281c,#2d2016,#322419);border:3px solid rgba(139,69,19,.7);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006;position:relative;overflow:hidden}.pet-card-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.pet-card-modal:hover{border-color:#d4af37e6;transform:translateY(-5px) scale(1.05);box-shadow:0 0 25px #d4af3780,0 8px 20px #000000b3,inset 0 1px #ffd70026}.pet-card-modal:hover:before{opacity:1}.pet-card-modal:active{transform:translateY(-2px) scale(1.02)}.pet-card-modal img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.8));transition:transform .3s ease}.pet-card-modal:hover img{transform:scale(1.12)}.pet-card-modal .pet-name{font-size:.95rem;color:#f4e4c1;font-weight:700;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.3px}.pet-card-modal .pet-level{font-size:.875rem;color:#5dade2;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8)}.pet-card-modal .pet-type{font-size:.825rem;color:#d4af37;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.pet-card-modal .pet-stats-mini{display:flex;flex-direction:column;gap:5px;font-size:.825rem;color:#f4e4c1;margin-top:6px;text-align:center;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.selected-pet-preview{display:flex;align-items:center;gap:25px;background:linear-gradient(135deg,#322619,#281e14,#2d2216);padding:22px;border-radius:12px;margin-bottom:28px;border:3px solid rgba(139,69,19,.7);box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006;transition:all .3s ease}.selected-pet-preview:hover{border-color:#d4af37b3;box-shadow:0 0 20px #d4af374d,0 6px 18px #0009,inset 0 1px #ffd70026}.selected-pet-preview img{width:95px;height:95px;object-fit:contain;background:linear-gradient(135deg,#3c2d1e,#322619,#372a1c);border:3px solid rgba(139,69,19,.7);border-radius:12px;padding:14px;filter:drop-shadow(0 3px 12px rgba(0,0,0,.9));box-shadow:inset 0 2px #8b451340,inset 0 -1px #0006;transition:transform .3s ease}.selected-pet-preview:hover img{transform:scale(1.08)}.pet-info-detailed{flex:1}.pet-info-detailed h6{margin:0 0 12px;color:#f4e4c1;font-size:1.4rem;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 15px rgba(212,175,55,.2);letter-spacing:.5px}.pet-stats-full{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.pet-stats-full .stat{background:linear-gradient(135deg,#322619,#281e14,#2d2216);padding:11px 15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;border:3px solid rgba(139,69,19,.6);box-shadow:0 3px 10px #0009,inset 0 2px #8b451333,inset 0 -1px #0006;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pet-stats-full .stat:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.pet-stats-full .stat:hover{border-color:#d4af3799;transform:translateY(-2px);box-shadow:0 0 15px #d4af3740,0 5px 12px #00000080,inset 0 1px #ffd7001f}.pet-stats-full .stat:hover:before{opacity:1}.stat-label{color:#b8a588;font-size:.95rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);letter-spacing:.3px}.stat-value{color:gold;font-weight:700;font-size:1.05rem;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.3);letter-spacing:.5px}.pet-storage-content{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;width:100%;transition:transform .3s ease}.pet-storage-content .pet-name,.pet-storage-content .pet-level,.pet-storage-content .pet-type{width:100%;text-align:center}.pet-storage-content img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.8));transition:transform .3s ease}.storage-slot:hover .pet-storage-content img{transform:scale(1.08)}.pet-storage-content .pet-name{text-shadow:0 1px 3px rgba(0,0,0,.9)}.pet-storage-content .pet-name.gender-male{color:#69c0ff;text-shadow:0 0 10px rgba(64,169,255,.4),0 1px 3px rgba(0,0,0,.9)}.pet-storage-content .pet-name.gender-female{color:#ff85c0;text-shadow:0 0 10px rgba(255,133,192,.4),0 1px 3px rgba(0,0,0,.9)}.pet-storage-content .pet-name.gender-neutral{color:#b8b8b8;text-shadow:0 1px 3px rgba(0,0,0,.9)}.pet-storage-content .pet-level{color:#5dade2;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8)}.pet-storage-content .pet-type{color:#d4af37;font-weight:600}.unlock-modal-header{padding:28px 38px;text-align:center;background:linear-gradient(135deg,#37281c,#2d2016,#322419);border-bottom:2px solid rgba(139,69,19,.6);box-shadow:inset 0 2px #8b45134d,inset 0 -1px #0006,0 3px 10px #0006;position:relative;border-radius:17px 17px 0 0}.unlock-modal-header h4{margin:0;color:#f4e4c1;font-size:1.45rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 20px rgba(212,175,55,.3);letter-spacing:.5px;background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.unlock-header-icon{width:48px;height:auto;margin-bottom:12px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.8));animation:unlockIconFloat 2.5s ease-in-out infinite}@keyframes unlockIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.unlock-close-btn{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#3c2814e6,#28190ff2);border:2px solid rgba(139,69,19,.6);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#d4af37;font-size:1.6rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #0009,inset 0 1px #ffd7001a;position:relative;overflow:hidden}.unlock-close-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.unlock-close-btn:hover{background:linear-gradient(135deg,#503219,#3c2814);transform:rotate(90deg) scale(1.1);border-color:#d4af37cc;color:gold;box-shadow:0 0 20px #d4af3780,0 4px 12px #000c,inset 0 1px #ffd70033}.unlock-close-btn:hover:before{opacity:1}.unlock-close-btn:active{transform:rotate(90deg) scale(.95)}.unlock-options-section{padding:28px 38px 32px;background:linear-gradient(135deg,#19120cb3,#140f0ad9)}.unlock-methods{display:flex;gap:22px;margin-bottom:25px}.unlock-method{flex:1;padding:24px;border-radius:14px;border:3px solid;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 6px 20px #000000b3,inset 0 2px #ffffff14,inset 0 -2px #0006}.unlock-method.traditional{background:linear-gradient(135deg,#462d19,#372616,#3c2a18);border-color:#8b4513e6;box-shadow:0 4px 15px #0009,inset 0 2px #8b45134d,inset 0 -2px #00000080}.unlock-method.traditional:hover{border-color:#d4af37f2;transform:translateY(-3px);background:linear-gradient(135deg,#55371e,#46301c,#4b341e);box-shadow:0 0 25px #d4af3780,0 8px 22px #000000b3,inset 0 2px #d4af3740,inset 0 -2px #00000080}.unlock-method.token{background:linear-gradient(135deg,#5f239b,#4b1982,#551e91);border-color:#8a2be2e6;box-shadow:0 4px 15px #0009,inset 0 2px #8a2be266,inset 0 -2px #00000080}.unlock-method.token:hover{border-color:#da70d6f2;transform:translateY(-3px);background:linear-gradient(135deg,#7332b4,#5f28a0,#692daa);box-shadow:0 0 28px #8a2be299,0 8px 22px #000000b3,inset 0 2px #da70d64d,inset 0 -2px #00000080}.unlock-method.premium{position:relative}.premium-badge{position:absolute;top:-12px;right:-12px;background:linear-gradient(135deg,#d4af37f2,#8b6914);border:2px solid rgba(255,215,0,.7);color:#fff;padding:6px 14px;border-radius:18px;font-size:.8rem;font-weight:800;display:flex;align-items:center;gap:5px;box-shadow:0 3px 12px #0009,0 0 20px #ffd70066,inset 0 1px #ffd7004d;text-shadow:0 1px 3px rgba(0,0,0,.9);letter-spacing:.5px;animation:premiumBadgePulse 2s ease-in-out infinite;z-index:10}@keyframes premiumBadgePulse{0%,to{box-shadow:0 3px 12px #0009,0 0 20px #ffd70066,inset 0 1px #ffd7004d}50%{box-shadow:0 4px 16px #000000b3,0 0 30px #ffd700b3,inset 0 1px #fff6}}.badge-icon{width:14px;height:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.method-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.method-header h6{margin:0;color:#f4e4c1;font-size:1.15rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.method-icon{width:35px;height:35px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.method-cost{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.cost-item{display:flex;align-items:center;gap:12px;color:#f4e4c1;font-size:1rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.9);padding:10px 14px;background:linear-gradient(135deg,#281c14f2,#1e160f);border-radius:8px;border:2px solid rgba(139,69,19,.4);box-shadow:0 2px 8px #00000080,inset 0 1px #ffd70014;letter-spacing:.3px}.cost-icon{width:26px;height:26px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.9))}.cost-text{color:#f4e4c1;font-size:1rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.9);letter-spacing:.3px}.premium-cost{background:linear-gradient(135deg,#5f239b66,#4b198280);border-color:#8a2be280}.premium-cost .cost-text{color:orchid;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 12px rgba(218,112,214,.4)}.gas-fee{font-size:.875rem;color:#d4af37;font-style:italic;opacity:.85;padding:6px 10px;background:linear-gradient(135deg,#1e160f99,#140f0acc);border-radius:6px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.unlock-method-btn{width:100%;padding:14px 20px;border:2px solid transparent;border-radius:10px;font-weight:700;cursor:pointer;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px #00000080,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.unlock-method-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transition:left .6s ease}.unlock-method-btn:hover:before{left:100%}.traditional-btn{background:linear-gradient(135deg,#784b23f2,#5a3c1e);color:#f4e4c1;border-color:#8b451399;text-shadow:0 2px 4px rgba(0,0,0,.8)}.traditional-btn:hover{background:linear-gradient(135deg,#a0642d,#784b23);transform:translateY(-3px) scale(1.02);border-color:#d4af37e6;color:gold;box-shadow:0 0 25px #d4af3780,0 8px 20px #000000b3,inset 0 1px #ffd70033}.traditional-btn:active{transform:translateY(-1px) scale(.98)}.token-btn{background:linear-gradient(135deg,#8a2be2e6,#9370db);color:#fff;border-color:#8a2be299;text-shadow:0 2px 4px rgba(0,0,0,.9)}.token-btn:hover{background:linear-gradient(135deg,#9932cc,#ba55d3);transform:translateY(-3px) scale(1.02);border-color:#da70d6e6;box-shadow:0 0 30px #8a2be299,0 8px 20px #000000b3,inset 0 1px #fff3}.token-btn:active{transform:translateY(-1px) scale(.98)}.vs-divider{display:flex;align-items:center;justify-content:center;position:relative}.vs-divider span{color:gold;font-weight:900;font-size:1.4rem;background:linear-gradient(135deg,#2d2016,#231912,#281c14);padding:12px 24px;border-radius:50%;border:4px solid rgba(139,69,19,.9);box-shadow:0 6px 20px #000c,0 0 30px #ffd70080,inset 0 2px #8b451366,inset 0 -2px #0009;text-shadow:0 3px 8px rgba(0,0,0,1),0 0 20px rgba(255,215,0,.7);letter-spacing:1.5px;z-index:5;position:relative;animation:orDividerPulse 3s ease-in-out infinite}@keyframes orDividerPulse{0%,to{box-shadow:0 6px 20px #000c,0 0 30px #ffd70080,inset 0 2px #8b451366,inset 0 -2px #0009}50%{box-shadow:0 8px 25px #000000e6,0 0 45px #ffd700cc,inset 0 2px #d4af3780,inset 0 -2px #0009}}.unlock-hint{text-align:center;color:#d4af37;font-size:.975rem;font-style:italic;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.9);padding:14px 22px;background:linear-gradient(135deg,#281c14e6,#1e160f);border:2px dashed rgba(139,69,19,.5);border-radius:10px;box-shadow:0 2px 8px #00000080,inset 0 1px #ffd70014;letter-spacing:.3px}.premium-modal::-webkit-scrollbar{width:12px}.premium-modal::-webkit-scrollbar-track{background:linear-gradient(180deg,#1e140fcc,#140f0ae6);border-radius:10px;box-shadow:inset 0 0 6px #0009}.premium-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b6914cc,#6b5310e6);border-radius:10px;border:2px solid rgba(212,175,55,.3);box-shadow:0 2px 8px #00000080,inset 0 1px #ffd70033}.premium-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a67c1af2,#8b6914);border-color:#ffd70099;box-shadow:0 3px 12px #0009,0 0 15px #ffd70066,inset 0 1px #ffd7004d}.inventory-grid-modal::-webkit-scrollbar,.pet-grid-modal::-webkit-scrollbar{width:10px}.inventory-grid-modal::-webkit-scrollbar-track,.pet-grid-modal::-webkit-scrollbar-track{background:#140f0acc;border-radius:8px}.inventory-grid-modal::-webkit-scrollbar-thumb,.pet-grid-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b6914b3,#6b5310cc);border-radius:8px;border:2px solid rgba(212,175,55,.2)}.inventory-grid-modal::-webkit-scrollbar-thumb:hover,.pet-grid-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a67c1ae6,#8b6914);border-color:#ffd70080}@media (max-width: 1024px){.storage-panel{padding:15px}.premium-modal{max-width:90%;width:90%}.modal-header{padding:15px 20px}.modal-header h4{font-size:1.3rem}.section-header{padding:15px 20px}.section-header h5{font-size:1.1rem}}@media (max-width: 600px){.storage-panel{padding:10px;min-height:450px}.storage-header h3{font-size:1.1rem}.storage-header-icon{width:40px;height:40px}.storage-grid{grid-template-columns:repeat(4,1fr);gap:8px}.pet-storage-grid{grid-template-columns:repeat(2,1fr)}.storage-slot{padding:6px}.storage-slot img{width:40px;height:40px}.pet-slot img{width:60px;height:60px}.premium-modal{width:98%;max-height:95vh}.modal-header{padding:12px 15px}.modal-header h4{font-size:1.2rem}.close-btn{width:30px;height:30px;font-size:1.3rem}.section-header{padding:12px 15px}.section-header h5{font-size:1rem}.btn-back{padding:6px 12px;font-size:.85rem}.inventory-grid-modal{grid-template-columns:repeat(3,1fr);gap:10px;max-height:300px}.inventory-item-card{padding:8px;border-width:2px;min-height:90px}.inventory-item-card img{width:40px;height:40px}.inventory-item-card .item-name{font-size:.8rem}.pet-grid-modal{grid-template-columns:repeat(2,1fr);gap:10px;max-height:300px}.pet-card-modal{padding:12px;border-width:2px;min-height:140px}.quantity-controls{padding:15px}.quantity-controls label{font-size:1rem}.quantity-input-group{gap:8px;margin-bottom:15px}.qty-btn{width:40px;height:40px;font-size:1.4rem}.qty-input{padding:10px;font-size:1.3rem}.btn-max{padding:10px 16px;font-size:.9rem;min-height:44px}.quantity-slider{height:8px}.quantity-slider::-webkit-slider-thumb{width:24px;height:24px}.quantity-slider::-moz-range-thumb{width:24px;height:24px}.slider-labels{font-size:.85rem}.slider-labels .current-value{font-size:1rem}.btn-confirm{padding:12px;font-size:1.1rem;min-height:50px}.action-buttons{padding:15px 20px;gap:12px}.action-buttons button{padding:12px;font-size:1rem;min-height:50px}.keyboard-hints{padding:10px 15px;gap:15px;font-size:.8rem}.keyboard-hints span{padding:6px 12px}.storage-preview{padding:15px 20px}.preview-item{gap:15px;padding:15px}.preview-item img{width:50px;height:50px}.preview-details h5{font-size:1.1rem}.selected-item-preview,.selected-pet-preview{gap:15px;padding:15px}.selected-item-preview img{width:60px;height:60px}.item-info h6{font-size:1.1rem}.pet-stats-full{grid-template-columns:1fr;gap:8px}.pet-stats-full .stat{padding:6px 10px}.unlock-methods{flex-direction:column;gap:15px}}@media (max-width: 480px){.storage-grid{grid-template-columns:repeat(3,1fr);gap:6px}.storage-slot{padding:4px;border-width:2px}.storage-slot img{width:35px;height:35px}.storage-slot .quantity,.storage-slot .item-name{font-size:.75rem}.pet-storage-grid{grid-template-columns:1fr;gap:8px}.pet-slot{min-height:160px}.pet-slot img{width:50px;height:50px}.pet-slot .unlock-slot-icon{width:40px;height:40px;margin-top:-10px}.item-slot .unlock-slot-icon{width:28px;height:28px;margin-top:-8px}.lock-icon img{width:45px}.modal-header{padding:10px 12px;border-radius:8px 8px 0 0}.modal-header h4{font-size:1rem}.close-btn{width:28px;height:28px;font-size:1.2rem}.section-header{padding:10px 12px}.section-header h5{font-size:.95rem}.btn-back{padding:5px 10px;font-size:.75rem}.inventory-grid-modal{grid-template-columns:repeat(3,1fr);gap:8px;max-height:250px;padding:8px}.inventory-item-card{padding:6px;min-height:80px}.inventory-item-card img{width:35px;height:35px}.inventory-item-card .item-quantity{font-size:clamp(.55rem,1.5vw,.7rem);bottom:2px;right:4px}.inventory-item-card .item-name{font-size:.75rem}.pet-grid-modal{grid-template-columns:1fr;gap:8px;max-height:250px;padding:8px}.pet-card-modal{padding:10px;min-height:120px}.pet-card-modal img{width:50px;height:50px}.quantity-controls{padding:12px}.quantity-controls label{font-size:.95rem;margin-bottom:12px}.quantity-input-group{gap:6px}.qty-btn{width:36px;height:36px;font-size:1.3rem}.qty-input{padding:8px;font-size:1.2rem}.btn-max{padding:8px 12px;font-size:.85rem}.quantity-slider{height:6px}.quantity-slider::-webkit-slider-thumb{width:20px;height:20px}.quantity-slider::-moz-range-thumb{width:20px;height:20px}.slider-labels{font-size:.8rem}.slider-labels .current-value{font-size:.95rem}.btn-confirm{padding:12px;font-size:1rem;min-height:50px}.action-buttons{flex-direction:column;padding:12px 15px;gap:10px}.action-buttons button{padding:12px;font-size:1rem;min-height:50px}.keyboard-hints{flex-direction:column;gap:8px;padding:8px 12px;font-size:.75rem}.keyboard-hints span{padding:5px 10px}.storage-preview{padding:12px 15px}.preview-item{flex-direction:column;text-align:center;gap:10px;padding:12px}.preview-item img{width:50px;height:50px}.preview-details h5{font-size:1rem}.selected-item-preview,.selected-pet-preview{flex-direction:column;text-align:center;gap:12px;padding:12px}.selected-item-preview img{width:60px;height:60px}.item-info h6{font-size:1rem}.pet-stats-full .stat{padding:5px 8px}.stat-label{font-size:.8rem}.stat-value{font-size:.9rem}}@media (max-width: 360px){.storage-header h3{font-size:.95rem}.storage-grid{grid-template-columns:repeat(3,1fr);gap:5px}.storage-slot{padding:3px}.storage-slot img{width:30px;height:30px}.pet-slot{min-height:140px}.pet-slot img{width:45px;height:45px}.pet-slot .unlock-slot-icon{width:32px;height:32px}.lock-icon img{width:38px;margin-top:-5px}.item-slot .unlock-slot-icon{width:22px;height:22px;margin-top:-4px}.modal-header h4{font-size:.95rem}.section-header h5{font-size:.9rem}.inventory-grid-modal,.pet-grid-modal{max-height:220px}}@media (max-width: 360px){.storage-header h3{font-size:.95rem}.storage-grid{grid-template-columns:repeat(3,1fr);gap:5px}.storage-slot{padding:3px}.storage-slot img{width:30px;height:30px}.premium-modal{border-radius:12px}.modal-header h4,.btn-confirm{font-size:.9rem}}.premium-modal:has(.unlock-storage-modal-header){max-width:780px!important;width:96%!important}.unlock-storage-modal-header{padding:28px 70px 28px 38px;text-align:center;background:linear-gradient(135deg,#37281c,#2d2016,#322419);border-bottom:2px solid rgba(139,69,19,.6);box-shadow:inset 0 2px #8b45134d,inset 0 -1px #0006,0 3px 10px #0006;position:relative;border-radius:17px 17px 0 0;min-height:100px}.unlock-storage-modal-header h4{margin:0;color:#f4e4c1;font-size:1.45rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 20px rgba(212,175,55,.3);letter-spacing:.5px;background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.unlock-storage-header-icon{width:48px;height:auto;margin-bottom:12px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.8));animation:unlockStorageIconFloat 2.5s ease-in-out infinite}@keyframes unlockStorageIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.unlock-storage-close-btn{position:absolute!important;inset:24px 24px auto auto!important;background:linear-gradient(135deg,#3c2814e6,#28190ff2);border:2px solid rgba(139,69,19,.6);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#d4af37;font-size:1.7rem;font-weight:700;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #0009,inset 0 1px #ffd7001a;overflow:hidden;z-index:200}.unlock-storage-close-btn:before{content:"";position:absolute!important;top:-50%!important;left:-50%!important;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:1}.unlock-storage-close-btn:hover{background:linear-gradient(135deg,#503219,#3c2814);transform:rotate(90deg) scale(1.12);border-color:#d4af37f2;color:gold;box-shadow:0 0 25px #d4af3799,0 5px 15px #000c,inset 0 1px #ffd7004d}.unlock-storage-close-btn:hover:before{opacity:1;z-index:1}.unlock-storage-close-btn:active{transform:rotate(90deg) scale(.98)}.unlock-storage-close-btn>*{position:relative;z-index:2}.unlock-storage-options-section{padding:32px 36px 36px;background:linear-gradient(135deg,#19120cb3,#140f0ad9)}.unlock-storage-methods{display:flex;gap:20px;margin-bottom:25px;align-items:stretch;width:100%}.unlock-storage-method{flex:1 1 0;max-width:50%;padding:24px 20px;border-radius:14px;border:3px solid;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 6px 20px #000000b3,inset 0 2px #ffffff14,inset 0 -2px #0006}.unlock-storage-method.traditional{background:linear-gradient(135deg,#462d19,#372616,#3c2a18);border-color:#8b4513e6}.unlock-storage-method.traditional:hover{border-color:#d4af37f2;transform:translateY(-3px);background:linear-gradient(135deg,#55371e,#46301c,#4b341e);box-shadow:0 0 25px #d4af3780,0 8px 22px #000000b3,inset 0 2px #d4af3740,inset 0 -2px #00000080}.unlock-storage-method.token{background:linear-gradient(135deg,#5f239b,#4b1982,#551e91);border-color:#8a2be2e6}.unlock-storage-method.token:hover{border-color:#da70d6f2;transform:translateY(-3px);background:linear-gradient(135deg,#7332b4,#5f28a0,#692daa);box-shadow:0 0 28px #8a2be299,0 8px 22px #000000b3,inset 0 2px #da70d64d,inset 0 -2px #00000080}.unlock-storage-method.premium{position:relative}.unlock-storage-premium-badge{position:absolute!important;top:-15px!important;right:-15px!important;background:linear-gradient(135deg,#d4af37,#8b6914);border:3px solid rgba(255,215,0,.9);color:#fff;padding:7px 16px;border-radius:20px;font-size:.85rem;font-weight:900;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #000000b3,0 0 25px #ffd70099,inset 0 2px #fff6,inset 0 -2px #8b4513cc;text-shadow:0 2px 4px rgba(0,0,0,1);letter-spacing:.8px;text-transform:uppercase;animation:unlockStorageBadgePulse 1.8s ease-in-out infinite;z-index:25!important;pointer-events:none}@keyframes unlockStorageBadgePulse{0%,to{box-shadow:0 4px 15px #000000b3,0 0 25px #ffd70099,inset 0 1px #fff6,inset 0 -1px #8b451399;transform:scale(1);border-color:#ffd700d9}50%{box-shadow:0 6px 20px #000c,0 0 40px gold,inset 0 2px #fff9,inset 0 -1px #d4af37cc;transform:scale(1.12);border-color:#ff0}}.unlock-storage-badge-icon{width:16px;height:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,1));animation:unlockStorageLightningPulse 1.8s ease-in-out infinite}@keyframes unlockStorageLightningPulse{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,1))}50%{filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}}.unlock-storage-method-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:nowrap}.unlock-storage-method-header h6{margin:0;color:#f4e4c1;font-size:1.1rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.unlock-storage-method-icon{width:32px;height:32px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8));flex-shrink:0}.unlock-storage-method-cost{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}.unlock-storage-cost-item{display:flex;align-items:center;gap:10px;color:#f4e4c1;font-size:.95rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.9);padding:9px 12px;background:linear-gradient(135deg,#281c14f2,#1e160f);border-radius:8px;border:2px solid rgba(139,69,19,.4);box-shadow:0 2px 8px #00000080,inset 0 1px #ffd70014;letter-spacing:.2px;white-space:nowrap}.unlock-storage-cost-icon{width:24px;height:24px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.9));flex-shrink:0;display:inline-block}.unlock-storage-cost-text{color:#f4e4c1;font-size:.95rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.9);letter-spacing:.2px;white-space:nowrap;flex:1;min-width:0}.unlock-storage-cost-item.premium-cost{background:linear-gradient(135deg,#5f239b66,#4b198280);border-color:#8a2be280}.unlock-storage-cost-item.premium-cost .unlock-storage-cost-text{color:orchid;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 12px rgba(218,112,214,.4)}.unlock-storage-cost-item.gas-fee{font-size:.875rem;padding:6px 10px;background:linear-gradient(135deg,#1e160f99,#140f0acc);border-color:#8b451333}.unlock-storage-cost-item.gas-fee .unlock-storage-cost-text{color:#d4af37;font-style:italic;opacity:.85}.unlock-storage-method-btn{width:100%;padding:15px 18px;border:2px solid transparent;border-radius:10px;font-weight:700;cursor:pointer;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.8px;box-shadow:0 5px 15px #00000080,inset 0 1px #ffffff1a;position:relative;overflow:hidden;white-space:normal;line-height:1.3}.unlock-storage-method-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transition:left .6s ease}.unlock-storage-method-btn:hover:before{left:100%}.unlock-storage-traditional-btn{background:linear-gradient(135deg,#784b23f2,#5a3c1e);color:#f4e4c1;border-color:#8b451399;text-shadow:0 2px 4px rgba(0,0,0,.8)}.unlock-storage-traditional-btn:hover{background:linear-gradient(135deg,#a0642d,#784b23);transform:translateY(-3px) scale(1.02);border-color:#d4af37e6;color:gold;box-shadow:0 0 25px #d4af3780,0 8px 20px #000000b3,inset 0 1px #ffd70033}.unlock-storage-traditional-btn:active{transform:translateY(-1px) scale(.98)}.unlock-storage-token-btn{background:linear-gradient(135deg,#8a2be2e6,#9370db);color:#fff;border-color:#8a2be299;text-shadow:0 2px 4px rgba(0,0,0,.9)}.unlock-storage-token-btn:hover{background:linear-gradient(135deg,#9932cc,#ba55d3);transform:translateY(-3px) scale(1.02);border-color:#da70d6e6;box-shadow:0 0 30px #8a2be299,0 8px 20px #000000b3,inset 0 1px #fff3}.unlock-storage-token-btn:active{transform:translateY(-1px) scale(.98)}.unlock-storage-vs-divider{display:flex;align-items:center;justify-content:center;position:relative}.unlock-storage-vs-divider span{color:gold;font-weight:900;font-size:1.4rem;background:linear-gradient(135deg,#2d2016,#231912,#281c14);padding:12px 24px;border-radius:50%;border:4px solid rgba(139,69,19,.9);box-shadow:0 6px 20px #000c,0 0 30px #ffd70080,inset 0 2px #8b451366,inset 0 -2px #0009;text-shadow:0 3px 8px rgba(0,0,0,1),0 0 20px rgba(255,215,0,.7);letter-spacing:1.5px;z-index:5;position:relative;animation:unlockStorageOrPulse 3s ease-in-out infinite}@keyframes unlockStorageOrPulse{0%,to{box-shadow:0 6px 20px #000c,0 0 30px #ffd70080,inset 0 2px #8b451366,inset 0 -2px #0009}50%{box-shadow:0 8px 25px #000000e6,0 0 45px #ffd700cc,inset 0 2px #d4af3780,inset 0 -2px #0009}}.unlock-storage-hint{text-align:center;color:#d4af37;font-size:.975rem;font-style:italic;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.9);padding:14px 22px;background:linear-gradient(135deg,#281c14e6,#1e160f);border:2px dashed rgba(139,69,19,.5);border-radius:10px;box-shadow:0 2px 8px #00000080,inset 0 1px #ffd70014;letter-spacing:.3px;margin-top:4px}@media (max-width: 600px){.unlock-storage-options-section{padding:25px 30px}.unlock-storage-methods{flex-direction:column;gap:20px}.unlock-storage-method{padding:22px;max-width:100%}.unlock-storage-method-btn{padding:13px 20px;font-size:1rem}.unlock-storage-vs-divider span{font-size:1.25rem;padding:10px 22px}.unlock-storage-close-btn{top:18px!important;right:18px!important}}@media (max-width: 480px){.unlock-storage-modal-header{padding:22px 60px 22px 30px;min-height:90px}.unlock-storage-modal-header h4{font-size:1.25rem}.unlock-storage-close-btn{width:40px!important;height:40px!important;font-size:1.5rem!important;top:16px!important;right:16px!important}.unlock-storage-options-section{padding:22px 25px}.unlock-storage-method{padding:20px}.unlock-storage-method-header h6{font-size:1.05rem}.unlock-storage-cost-item{padding:9px 13px;font-size:.95rem}.unlock-storage-premium-badge{top:-12px!important;right:-12px!important;padding:6px 13px;font-size:.75rem}}.item-storage-modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#140f0af5,#0a0805fa);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:itemStorageModalFadeIn .25s ease-out}@keyframes itemStorageModalFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(6px)}}.item-storage-modal-content{background:linear-gradient(145deg,#231912,#19120c,#1e160f),radial-gradient(ellipse at top,rgba(139,69,19,.12) 0%,transparent 60%),radial-gradient(ellipse at bottom,rgba(0,0,0,.5) 0%,transparent 50%);border:3px solid transparent;background-clip:padding-box;position:relative;border-radius:20px;padding:0;max-width:680px;width:96%;max-height:90vh;overflow-y:auto;overflow-x:hidden;color:#fff;box-shadow:0 20px 60px #000000e6,0 0 0 1px #8b451399,inset 0 1px #ffd7001a,inset 0 0 80px #8b45130d;animation:itemStorageModalSlideIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes itemStorageModalSlideIn{0%{transform:translateY(-40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.item-storage-modal-header{background:linear-gradient(135deg,#4b321c,#3c2a19,#372616);padding:25px 35px;border-radius:17px 17px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(139,69,19,.6);box-shadow:inset 0 2px #8b451366,inset 0 -1px #00000080,0 2px 10px #0006;position:relative}.item-storage-modal-header h4{margin:0;color:#f4e4c1;font-size:1.5rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 20px rgba(212,175,55,.3);letter-spacing:.5px;background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.item-storage-count-badge{display:none;position:absolute;top:20px;right:80px;background:linear-gradient(135deg,#8b6914f2,#6b5310);border:3px solid rgba(212,175,55,.7);color:gold;padding:8px 18px;border-radius:20px;font-size:1rem;font-weight:800;letter-spacing:1px;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.5);box-shadow:0 4px 15px #000000b3,0 0 25px #ffd70066,inset 0 2px #ffd7004d,inset 0 -2px #00000080;animation:itemStorageCountPulse 3s ease-in-out infinite;z-index:10}@keyframes itemStorageCountPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #000000b3,0 0 25px #ffd70066,inset 0 2px #ffd7004d,inset 0 -2px #00000080}50%{transform:scale(1.08);box-shadow:0 6px 20px #000c,0 0 35px #ffd700b3,inset 0 2px #fff6,inset 0 -2px #00000080}}.item-storage-close-btn{background:linear-gradient(135deg,#3c2814e6,#28190ff2);border:2px solid rgba(139,69,19,.6);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#d4af37;font-size:1.7rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;box-shadow:0 4px 8px #0009,inset 0 1px #ffd7001a;position:relative;overflow:hidden}.item-storage-close-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.item-storage-close-btn:hover{background:linear-gradient(135deg,#503219,#3c2814);transform:rotate(90deg) scale(1.12);border-color:#d4af37f2;color:gold;box-shadow:0 0 25px #d4af3799,0 5px 15px #000c,inset 0 1px #ffd7004d}.item-storage-close-btn:hover:before{opacity:1}.item-storage-close-btn:active{transform:rotate(90deg) scale(.98)}.item-storage-preview{padding:25px 35px;background:linear-gradient(135deg,#231912f2,#19120c);border-bottom:2px solid rgba(139,69,19,.5);box-shadow:inset 0 1px #ffd70014,0 2px 8px #0000004d}.item-storage-preview-item{display:flex;align-items:center;gap:25px;background:linear-gradient(135deg,#322619,#281e14,#2d2216);padding:20px;border-radius:12px;border:3px solid rgba(139,69,19,.7);box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006}.item-storage-preview-item img{width:70px;height:70px;object-fit:contain;background:linear-gradient(135deg,#3c2d1e,#322619,#372a1c);border:3px solid rgba(139,69,19,.6);border-radius:10px;padding:10px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.9));box-shadow:inset 0 2px #8b451333,inset 0 -1px #0006}.item-storage-preview-details{flex:1}.item-storage-preview-details h5{margin:0 0 12px;color:#f4e4c1;font-size:1.4rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 18px rgba(212,175,55,.3);letter-spacing:.8px;background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.item-storage-quantity-badge{background:linear-gradient(135deg,#8b69144d,#6b531066);border:2px solid rgba(212,175,55,.5);color:gold;padding:6px 15px;border-radius:20px;font-size:.95rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #0006,inset 0 1px #ffd70026;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px}.item-storage-genetics-info{margin-top:15px;padding:15px;background:linear-gradient(135deg,#8a2be21f,#4b00822e,#8a2be21f);border:2px solid rgba(138,43,226,.4);border-left:4px solid #8a2be2;border-radius:10px;box-shadow:0 3px 12px #00000080,0 0 20px #8a2be233,inset 0 1px #8a2be233;position:relative;overflow:hidden}.item-storage-genetics-info:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 60%);opacity:.6;animation:itemStorageGeneticsGlow 3s ease-in-out infinite}@keyframes itemStorageGeneticsGlow{0%,to{opacity:.4}50%{opacity:.7}}.item-storage-genetics-label{color:orchid;font-weight:800;font-size:.95rem;text-align:center;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(218,112,214,.5);letter-spacing:1.2px;text-transform:uppercase;position:relative;z-index:1}.item-storage-parent-info{color:gold;font-size:.875rem;margin:6px 0;padding:8px 12px;background:linear-gradient(135deg,#8a2be226,#4b008233);border-radius:6px;border-left:3px solid #ba55d3;box-shadow:0 2px 6px #0006,inset 0 1px #da70d626;text-shadow:0 1px 3px rgba(0,0,0,.9);font-weight:600;position:relative;z-index:1}.item-storage-senior-bonus{color:gold;font-weight:800;font-size:.9rem;text-align:center;margin-top:12px;padding:8px 14px;background:linear-gradient(135deg,#ffd70033,#d4af3740);border:2px solid rgba(255,215,0,.4);border-radius:10px;box-shadow:0 2px 8px #0006,0 0 15px #ffd7004d,inset 0 1px #ffd70033;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(255,215,0,.5);letter-spacing:.5px;position:relative;z-index:1;animation:itemStorageSeniorPulse 2.5s ease-in-out infinite}@keyframes itemStorageSeniorPulse{0%,to{box-shadow:0 2px 8px #0006,0 0 15px #ffd7004d,inset 0 1px #ffd70033}50%{box-shadow:0 3px 12px #00000080,0 0 25px #ffd70099,inset 0 1px #ffd7004d}}.item-storage-action-buttons{display:flex;gap:20px;padding:25px 35px 30px}.item-storage-action-btn{flex:1;padding:18px 25px;border:2px solid transparent;border-radius:12px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff1a}.item-storage-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transition:left .6s ease}.item-storage-action-btn:hover:before{left:100%}.item-storage-btn-withdraw{background:linear-gradient(135deg,#23462df2,#193223,#14281c);color:#b8e6c1;border-color:#2e7d3299;text-shadow:0 2px 4px rgba(0,0,0,.8)}.item-storage-btn-withdraw:hover{background:linear-gradient(135deg,#2e7d32,#235a2d,#194623);transform:translateY(-3px) scale(1.02);border-color:#4caf50e6;color:#e8f5e9;box-shadow:0 0 25px #4caf5080,0 8px 25px #0009,inset 0 1px #fff3}.item-storage-btn-withdraw:active{transform:translateY(-1px) scale(.98)}.item-storage-btn-deposit{background:linear-gradient(135deg,#503219f2,#3c2814,#2d1e0f);color:#f4e4c1;border-color:#8b451399;text-shadow:0 2px 4px rgba(0,0,0,.8)}.item-storage-btn-deposit:hover{background:linear-gradient(135deg,#784b23,#5a3c1e,#462d16);transform:translateY(-3px) scale(1.02);border-color:#d4af37e6;color:gold;box-shadow:0 0 25px #d4af3780,0 8px 25px #0009,inset 0 1px #ffd70033}.item-storage-btn-deposit:active{transform:translateY(-1px) scale(.98)}.item-storage-deposit-section{padding:25px 35px 30px;background:linear-gradient(135deg,#19120c80,#140f0ab3)}.item-storage-section-header{display:flex;justify-content:space-between;align-items:center;padding:22px 35px;background:linear-gradient(135deg,#37281c,#2d2016,#322419);border-bottom:2px solid rgba(139,69,19,.6);box-shadow:inset 0 2px #8b45134d,inset 0 -1px #0006,0 2px 10px #0006;position:relative}.item-storage-section-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#d4af37cc,#8b691499,#d4af37cc);box-shadow:0 0 12px #ffd70066;border-radius:0 2px 2px 0}.item-storage-section-header h5{margin:0;color:#f4e4c1;font-size:1.25rem;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 18px rgba(212,175,55,.3);letter-spacing:.8px;background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.item-storage-btn-back{background:linear-gradient(135deg,#281e14cc,#1e160fe6);border:2px solid rgba(139,69,19,.4);color:#d4af37;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px #0006,inset 0 1px #ffd7000d;position:relative;overflow:hidden}.item-storage-btn-back:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.15) 50%,transparent 100%);transition:left .5s ease}.item-storage-btn-back:hover{background:linear-gradient(135deg,#3c2d1e,#2d2316);border-color:#d4af37b3;color:gold;transform:translate(-3px);box-shadow:0 0 15px #d4af374d,0 4px 12px #0009,inset 0 1px #ffd7001a}.item-storage-btn-back:hover:before{left:100%}.item-storage-btn-back:active{transform:translate(-1px) scale(.98)}.item-storage-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:18px;padding:20px;background:linear-gradient(135deg,#231912f2,#19120c);border:2px solid rgba(139,69,19,.5);border-radius:12px;box-shadow:inset 0 3px 12px #000000b3,inset 0 1px #00000080}.item-storage-item-card{background:linear-gradient(145deg,#37281c,#2d2016,#322419);border:3px solid rgba(139,69,19,.7);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006;overflow:hidden}.item-storage-item-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.item-storage-item-card:hover{border-color:#d4af37e6;transform:translateY(-5px) scale(1.05);box-shadow:0 0 25px #d4af3780,0 8px 20px #000000b3,inset 0 1px #ffd70026}.item-storage-item-card:hover:before{opacity:1}.item-storage-item-card:active{transform:translateY(-2px) scale(1.02)}.item-storage-item-card img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8));transition:transform .3s ease}.item-storage-item-card:hover img{transform:scale(1.1)}.item-storage-item-quantity-badge{position:absolute;top:8px;right:8px;background:transparent;border:none;color:gold;padding:2px 4px;font-size:.85rem;font-weight:900;text-shadow:0 0 6px rgba(0,0,0,1),0 0 10px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.9)}.item-storage-item-card-name{font-size:.875rem;color:#f4e4c1;text-align:center;word-break:break-word;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.3px;line-height:1.2}.item-storage-item-card.item-not-storable{opacity:.5;cursor:not-allowed;filter:grayscale(60%);border-color:#64646480}.item-storage-item-card.item-not-storable:hover{transform:none;box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006;border-color:#64646480}.item-storage-item-card.item-not-storable:hover img{transform:none}.item-not-storable-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#8b4513e6;color:gold;padding:2px 8px;font-size:.65rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.item-storage-empty-message{text-align:center;color:#b8a588;font-style:italic;padding:45px;font-size:1.05rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px;background:linear-gradient(135deg,#281e144d,#1e160f80);border:2px dashed rgba(139,69,19,.3);border-radius:12px}.item-storage-quantity-section{padding:25px 35px 30px;background:linear-gradient(135deg,#19120c80,#140f0ab3)}.item-storage-selected-preview{display:flex;align-items:center;gap:25px;background:linear-gradient(135deg,#322619,#281e14,#2d2216);padding:22px;border-radius:12px;margin-bottom:28px;border:3px solid rgba(139,69,19,.7);box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006;transition:all .3s ease}.item-storage-selected-preview:hover{border-color:#d4af37b3;box-shadow:0 0 20px #d4af374d,0 6px 18px #0009,inset 0 1px #ffd70026}.item-storage-selected-preview img{width:85px;height:85px;object-fit:contain;background:linear-gradient(135deg,#3c2d1e,#322619,#372a1c);border:3px solid rgba(139,69,19,.7);border-radius:12px;padding:12px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.9));box-shadow:inset 0 2px #8b451340,inset 0 -1px #0006}.item-storage-item-info{flex:1}.item-storage-item-info h6{margin:0 0 10px;color:#f4e4c1;font-size:1.35rem;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 15px rgba(212,175,55,.2);letter-spacing:.5px}.item-storage-available-qty{margin:0;color:#d4af37;font-size:1.05rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px}.item-storage-quantity-controls{background:linear-gradient(135deg,#281c14f2,#1e160f);border:3px solid rgba(139,69,19,.6);padding:25px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 15px #0009,inset 0 2px #8b451333,inset 0 -1px #0006}.item-storage-quantity-controls label{display:block;margin-bottom:18px;color:#f4e4c1;font-weight:700;font-size:1.15rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:.5px}.item-storage-quantity-input-group{display:flex;gap:12px;margin-bottom:22px;align-items:center}.item-storage-qty-btn{background:linear-gradient(135deg,#3c2d1ee6,#2d2316);border:2px solid rgba(139,69,19,.6);color:#d4af37;font-size:1.6rem;font-weight:700;width:48px;height:48px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #00000080,inset 0 1px #ffd7001a;position:relative;overflow:hidden}.item-storage-qty-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.item-storage-qty-btn:hover:not(:disabled){background:linear-gradient(135deg,#503c28,#3c3020);transform:scale(1.08);border-color:#d4af37cc;color:gold;box-shadow:0 0 18px #d4af3766,0 6px 14px #0009,inset 0 1px #ffd70033}.item-storage-qty-btn:hover:not(:disabled):before{opacity:1}.item-storage-qty-btn:active:not(:disabled){transform:scale(.95)}.item-storage-qty-btn:disabled{opacity:.25;cursor:not-allowed;filter:grayscale(.8)}.item-storage-qty-input{flex:1;padding:14px;border:3px solid rgba(139,69,19,.6);border-radius:10px;background:linear-gradient(135deg,#281e14cc,#1e160fe6);color:gold;font-size:1.6rem;font-weight:700;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 3px 10px #0009,0 1px #ffd7001a;text-shadow:0 2px 4px rgba(0,0,0,.8)}.item-storage-qty-input:focus{outline:none;border-color:#d4af37e6;color:#fff;box-shadow:inset 0 3px 10px #0009,0 0 20px #d4af3766,0 1px #ffd70033;transform:scale(1.02)}.item-storage-btn-max{background:linear-gradient(135deg,#8b6914e6,#6b5310);border:2px solid rgba(212,175,55,.5);color:gold;font-size:1rem;font-weight:700;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000080,inset 0 1px #ffd70033;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.item-storage-btn-max:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 50%,transparent 100%);transition:left .5s ease}.item-storage-btn-max:hover{background:linear-gradient(135deg,#a67c1a,#8b6914);border-color:#ffd700cc;transform:scale(1.05);box-shadow:0 0 20px #ffd70066,0 6px 16px #0009,inset 0 1px #ffd7004d;color:#fff}.item-storage-btn-max:hover:before{left:100%}.item-storage-btn-max:active{transform:scale(.95)}.item-storage-quantity-slider{width:100%;height:10px;border-radius:6px;background:linear-gradient(90deg,#8b451366,#6b531080);border:2px solid rgba(139,69,19,.3);outline:none;-webkit-appearance:none;appearance:none;margin:12px 0;cursor:pointer;box-shadow:inset 0 2px 6px #0009,0 1px #ffd7001a}.item-storage-quantity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,gold,#d4af37,#b8960f);border:3px solid rgba(139,69,19,.6);cursor:grab;box-shadow:0 4px 12px #0009,0 0 15px #ffd70066,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-storage-quantity-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #000000b3,0 0 25px #ffd70099,inset 0 1px #fff6;border-color:#ffd700cc}.item-storage-quantity-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}.item-storage-quantity-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,gold,#d4af37,#b8960f);border:3px solid rgba(139,69,19,.6);cursor:grab;box-shadow:0 4px 12px #0009,0 0 15px #ffd70066,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-storage-quantity-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #000000b3,0 0 25px #ffd70099,inset 0 1px #fff6;border-color:#ffd700cc}.item-storage-quantity-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.08)}.item-storage-slider-labels{display:flex;justify-content:space-between;color:#d4af37;font-size:.95rem;font-weight:600;margin-top:8px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.item-storage-current-value{color:gold;font-weight:800;font-size:1.2rem;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.5);letter-spacing:1px;animation:itemStorageCurrentValuePulse 2s ease-in-out infinite}@keyframes itemStorageCurrentValuePulse{0%,to{text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.5)}50%{text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 25px rgba(255,215,0,.8)}}.item-storage-btn-confirm{width:100%;padding:18px 25px;border:2px solid transparent;border-radius:12px;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.item-storage-btn-confirm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.item-storage-btn-confirm:hover:before{left:100%}.item-storage-btn-confirm.deposit{background:linear-gradient(135deg,#503219f2,#3c2814,#2d1e0f);color:#f4e4c1;border-color:#8b451399;text-shadow:0 2px 4px rgba(0,0,0,.8)}.item-storage-btn-confirm.deposit:hover{background:linear-gradient(135deg,#784b23,#5a3c1e,#462d16);transform:translateY(-3px) scale(1.02);border-color:#d4af37e6;color:gold;box-shadow:0 0 30px #d4af3799,0 8px 25px #000000b3,inset 0 1px #ffd70033}.item-storage-btn-confirm.withdraw{background:linear-gradient(135deg,#23462df2,#193223,#14281c);color:#b8e6c1;border-color:#2e7d3299;text-shadow:0 2px 4px rgba(0,0,0,.8)}.item-storage-btn-confirm.withdraw:hover{background:linear-gradient(135deg,#2e7d32,#235a2d,#194623);transform:translateY(-3px) scale(1.02);border-color:#4caf50e6;color:#e8f5e9;box-shadow:0 0 30px #4caf5099,0 8px 25px #000000b3,inset 0 1px #fff3}.item-storage-btn-confirm:active{transform:translateY(-1px) scale(.98)}.item-storage-keyboard-hints{padding:18px 35px;background:linear-gradient(135deg,#281c14f2,#1e160f);border-top:2px solid rgba(139,69,19,.5);box-shadow:inset 0 1px #ffd70014,0 -2px 8px #0000004d;display:flex;justify-content:center;align-items:center;gap:35px;font-size:.9rem;color:#d4af37;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px;border-radius:0 0 17px 17px}.item-storage-keyboard-hints span{padding:8px 16px;background:linear-gradient(135deg,#281e14b3,#1e160fd9);border:2px solid rgba(139,69,19,.4);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006,inset 0 1px #ffd70014;position:relative;overflow:hidden}.item-storage-keyboard-hints span:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.15) 50%,transparent 100%);transition:left .5s ease}.item-storage-keyboard-hints span:hover{border-color:#d4af37b3;color:gold;transform:translateY(-2px);box-shadow:0 0 15px #d4af374d,0 4px 12px #0009,inset 0 1px #ffd70026}.item-storage-keyboard-hints span:hover:before{left:100%}.item-storage-modal-content::-webkit-scrollbar{width:12px}.item-storage-modal-content::-webkit-scrollbar-track{background:linear-gradient(180deg,#1e140fcc,#140f0ae6);border-radius:10px;box-shadow:inset 0 0 6px #0009}.item-storage-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b6914cc,#6b5310e6);border-radius:10px;border:2px solid rgba(212,175,55,.3);box-shadow:0 2px 8px #00000080,inset 0 1px #ffd70033}.item-storage-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a67c1af2,#8b6914);border-color:#ffd70099;box-shadow:0 3px 12px #0009,0 0 15px #ffd70066,inset 0 1px #ffd7004d}.item-storage-item-grid::-webkit-scrollbar{width:10px}.item-storage-item-grid::-webkit-scrollbar-track{background:#140f0acc;border-radius:8px}.item-storage-item-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b6914b3,#6b5310cc);border-radius:8px;border:2px solid rgba(212,175,55,.2)}.item-storage-item-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a67c1ae6,#8b6914);border-color:#ffd70080}@media (max-width: 600px){.item-storage-modal-content{width:98%;max-width:95%}.item-storage-modal-header{padding:20px 28px}.item-storage-modal-header h4{font-size:1.3rem}.item-storage-close-btn{width:40px;height:40px;font-size:1.5rem}.item-storage-count-badge{font-size:.9rem;padding:6px 14px;right:75px}.item-storage-section-header{padding:18px 28px}.item-storage-section-header h5{font-size:1.15rem}.item-storage-action-buttons{flex-direction:column;padding:20px 28px;gap:15px}.item-storage-action-btn{min-height:50px}.item-storage-item-grid{grid-template-columns:repeat(3,1fr)}.item-storage-quantity-controls{padding:20px}.item-storage-qty-btn{width:44px;height:44px}}@media (max-width: 480px){.item-storage-modal-header{padding:18px 24px}.item-storage-modal-header h4{font-size:1.2rem}.item-storage-close-btn{width:38px;height:38px;font-size:1.4rem}.item-storage-count-badge{font-size:.85rem;padding:5px 12px;top:18px;right:65px}.item-storage-item-grid{grid-template-columns:repeat(3,1fr);gap:12px}.item-storage-qty-btn{width:40px;height:40px;font-size:1.4rem}.item-storage-qty-input{font-size:1.4rem}.item-storage-slider-labels{font-size:.85rem}.item-storage-current-value{font-size:1.05rem}}.pet-storage-modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#140f0af5,#0a0805fa);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:petStorageModalFadeIn .25s ease-out}@keyframes petStorageModalFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(6px)}}.pet-storage-modal-content{background:linear-gradient(145deg,#231912,#19120c,#1e160f),radial-gradient(ellipse at top,rgba(139,69,19,.12) 0%,transparent 60%),radial-gradient(ellipse at bottom,rgba(0,0,0,.5) 0%,transparent 50%);border:3px solid transparent;background-clip:padding-box;position:relative;border-radius:20px;padding:0;max-width:680px;width:96%;max-height:90vh;overflow-y:auto;overflow-x:hidden;color:#fff;box-shadow:0 20px 60px #000000e6,0 0 0 1px #8b451399,inset 0 1px #ffd7001a,inset 0 0 80px #8b45130d;animation:petStorageModalSlideIn .35s cubic-bezier(.34,1.56,.64,1)}.pet-storage-modal-content:before{content:"";position:absolute;inset:-3px;border-radius:20px;padding:3px;background:linear-gradient(135deg,#d4af37,#8b6914,#d4af37,#8b6914,#d4af37);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.8}@keyframes petStorageModalSlideIn{0%{transform:translateY(-40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.pet-storage-modal-header{background:linear-gradient(135deg,#4b321c,#3c2a19,#372616);padding:25px 35px;border-radius:17px 17px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(139,69,19,.6);box-shadow:inset 0 2px #8b451366,inset 0 -1px #00000080,0 2px 10px #0006;position:relative}.pet-storage-modal-header h4{margin:0;color:#f4e4c1;font-size:1.5rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 20px rgba(212,175,55,.3);letter-spacing:.5px;background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pet-storage-close-btn{background:linear-gradient(135deg,#3c2814e6,#28190ff2);border:2px solid rgba(139,69,19,.6);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#d4af37;font-size:1.7rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;box-shadow:0 4px 8px #0009,inset 0 1px #ffd7001a;position:relative;overflow:hidden}.pet-storage-close-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.pet-storage-close-btn:hover{background:linear-gradient(135deg,#503219,#3c2814);transform:rotate(90deg) scale(1.12);border-color:#d4af37f2;color:gold;box-shadow:0 0 25px #d4af3799,0 5px 15px #000c,inset 0 1px #ffd7004d}.pet-storage-close-btn:hover:before{opacity:1}.pet-storage-close-btn:active{transform:rotate(90deg) scale(.98)}.pet-storage-preview{padding:25px 35px;background:linear-gradient(135deg,#231912f2,#19120c);border-bottom:2px solid rgba(139,69,19,.5);box-shadow:inset 0 1px #ffd70014,0 2px 8px #0000004d}.pet-storage-preview-pet{display:flex;align-items:center;gap:25px;background:linear-gradient(135deg,#322619,#281e14,#2d2216);padding:20px;border-radius:12px;border:3px solid rgba(139,69,19,.7);box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006}.pet-storage-preview-pet img{width:75px;height:75px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.8));transition:transform .3s ease}.pet-storage-preview-pet:hover img{transform:scale(1.08)}.pet-storage-preview-details{flex:1}.pet-storage-preview-details h5{margin:0 0 12px;color:#f4e4c1;font-size:1.4rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 18px rgba(212,175,55,.3);letter-spacing:.8px;background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pet-storage-level-badge{background:linear-gradient(135deg,#3498dbe6,#2980b9);border:2px solid rgba(52,152,219,.6);color:#fff;padding:6px 16px;border-radius:18px;font-size:.95rem;font-weight:700;display:inline-block;margin-bottom:10px;box-shadow:0 3px 10px #00000080,0 0 15px #3498db4d,inset 0 1px #fff3;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-storage-level-badge:hover{transform:scale(1.05);box-shadow:0 4px 14px #0009,0 0 22px #3498db80,inset 0 1px #ffffff4d}.pet-storage-stats-preview{display:flex;gap:18px;color:#f4e4c1;font-size:1rem;font-weight:600}.pet-storage-stats-preview span{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#281e1499,#1e160fcc);padding:6px 12px;border-radius:8px;border:2px solid rgba(139,69,19,.3);box-shadow:0 2px 6px #0006,inset 0 1px #ffd7000d;text-shadow:0 1px 3px rgba(0,0,0,.8)}.pet-storage-action-buttons{display:flex;gap:20px;padding:25px 35px 30px}.pet-storage-action-btn{flex:1;padding:18px 25px;border:2px solid transparent;border-radius:12px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff1a}.pet-storage-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transition:left .6s ease}.pet-storage-action-btn:hover:before{left:100%}.pet-storage-btn-withdraw{background:linear-gradient(135deg,#23462df2,#193223,#14281c);color:#b8e6c1;border-color:#2e7d3299;text-shadow:0 2px 4px rgba(0,0,0,.8)}.pet-storage-btn-withdraw:hover{background:linear-gradient(135deg,#2e7d32,#235a2d,#194623);transform:translateY(-3px) scale(1.02);border-color:#4caf50e6;color:#e8f5e9;box-shadow:0 0 25px #4caf5080,0 8px 25px #0009,inset 0 1px #fff3}.pet-storage-btn-withdraw:active{transform:translateY(-1px) scale(.98)}.pet-storage-btn-deposit{background:linear-gradient(135deg,#503219f2,#3c2814,#2d1e0f);color:#f4e4c1;border-color:#8b451399;text-shadow:0 2px 4px rgba(0,0,0,.8)}.pet-storage-btn-deposit:hover{background:linear-gradient(135deg,#784b23,#5a3c1e,#462d16);transform:translateY(-3px) scale(1.02);border-color:#d4af37e6;color:gold;box-shadow:0 0 25px #d4af3780,0 8px 25px #0009,inset 0 1px #ffd70033}.pet-storage-btn-deposit:active{transform:translateY(-1px) scale(.98)}.pet-storage-deposit-section{padding:25px 35px 30px;background:linear-gradient(135deg,#19120c80,#140f0ab3)}.pet-storage-section-header{display:flex;justify-content:space-between;align-items:center;padding:22px 35px;background:linear-gradient(135deg,#37281c,#2d2016,#322419);border-bottom:2px solid rgba(139,69,19,.6);box-shadow:inset 0 2px #8b45134d,inset 0 -1px #0006,0 2px 10px #0006;position:relative}.pet-storage-section-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#d4af37cc,#8b691499,#d4af37cc);box-shadow:0 0 12px #ffd70066;border-radius:0 2px 2px 0}.pet-storage-section-header h5{margin:0;color:#f4e4c1;font-size:1.25rem;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 18px rgba(212,175,55,.3);letter-spacing:.8px;background:linear-gradient(180deg,gold,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pet-storage-btn-back{background:linear-gradient(135deg,#281e14cc,#1e160fe6);border:2px solid rgba(139,69,19,.4);color:#d4af37;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px #0006,inset 0 1px #ffd7000d;position:relative;overflow:hidden}.pet-storage-btn-back:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.15) 50%,transparent 100%);transition:left .5s ease}.pet-storage-btn-back:hover{background:linear-gradient(135deg,#3c2d1e,#2d2316);border-color:#d4af37b3;color:gold;transform:translate(-3px);box-shadow:0 0 15px #d4af374d,0 4px 12px #0009,inset 0 1px #ffd7001a}.pet-storage-btn-back:hover:before{left:100%}.pet-storage-btn-back:active{transform:translate(-1px) scale(.98)}.pet-storage-pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;max-height:420px;overflow-y:auto;padding:20px;background:linear-gradient(135deg,#231912f2,#19120c);border:2px solid rgba(139,69,19,.5);border-radius:12px;box-shadow:inset 0 3px 12px #000000b3,inset 0 1px #00000080}.pet-storage-pet-card{background:linear-gradient(145deg,#37281c,#2d2016,#322419);border:3px solid rgba(139,69,19,.7);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006;position:relative;overflow:hidden}.pet-storage-pet-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.pet-storage-pet-card:hover{border-color:#d4af37e6;transform:translateY(-5px) scale(1.05);box-shadow:0 0 25px #d4af3780,0 8px 20px #000000b3,inset 0 1px #ffd70026}.pet-storage-pet-card:hover:before{opacity:1}.pet-storage-pet-card:active{transform:translateY(-2px) scale(1.02)}.pet-storage-pet-card img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.8));transition:transform .3s ease}.pet-storage-pet-card:hover img{transform:scale(1.12)}.pet-storage-pet-card-name{font-size:.95rem;color:#f4e4c1;font-weight:700;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.3px}.pet-storage-pet-card-name.gender-male{color:#69c0ff;text-shadow:0 0 10px rgba(64,169,255,.4),0 1px 3px rgba(0,0,0,.8)}.pet-storage-pet-card-name.gender-female{color:#ff85c0;text-shadow:0 0 10px rgba(255,133,192,.4),0 1px 3px rgba(0,0,0,.8)}.pet-storage-pet-card-name.gender-neutral{color:#b8b8b8;text-shadow:0 1px 3px rgba(0,0,0,.8)}.pet-storage-pet-card-level{font-size:.875rem;color:#5dade2;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8)}.pet-storage-pet-card-type{font-size:.825rem;color:#d4af37;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.pet-storage-pet-card-stats{display:flex;flex-direction:column;gap:5px;font-size:.825rem;color:#f4e4c1;margin-top:6px;text-align:center;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.pet-storage-empty-message{text-align:center;color:#b8a588;font-style:italic;padding:45px;font-size:1.05rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px;background:linear-gradient(135deg,#281e144d,#1e160f80);border:2px dashed rgba(139,69,19,.3);border-radius:12px}.pet-storage-quantity-section{padding:25px 35px 30px;background:linear-gradient(135deg,#19120c80,#140f0ab3)}.pet-storage-selected-preview{display:flex;align-items:center;gap:25px;background:linear-gradient(135deg,#322619,#281e14,#2d2216);padding:22px;border-radius:12px;margin-bottom:28px;border:3px solid rgba(139,69,19,.7);box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006;transition:all .3s ease}.pet-storage-selected-preview:hover{border-color:#d4af37b3;box-shadow:0 0 20px #d4af374d,0 6px 18px #0009,inset 0 1px #ffd70026}.pet-storage-selected-preview img{width:95px;height:95px;object-fit:contain;background:linear-gradient(135deg,#3c2d1e,#322619,#372a1c);border:3px solid rgba(139,69,19,.7);border-radius:12px;padding:14px;filter:drop-shadow(0 3px 12px rgba(0,0,0,.9));box-shadow:inset 0 2px #8b451340,inset 0 -1px #0006;transition:transform .3s ease}.pet-storage-selected-preview:hover img{transform:scale(1.08)}.pet-storage-info-detailed{flex:1}.pet-storage-info-detailed h6{margin:0 0 12px;color:#f4e4c1;font-size:1.4rem;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 15px rgba(212,175,55,.2);letter-spacing:.5px}.pet-storage-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.pet-storage-stat-box{background:linear-gradient(135deg,#322619,#281e14,#2d2216);padding:11px 15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;border:3px solid rgba(139,69,19,.6);box-shadow:0 3px 10px #0009,inset 0 2px #8b451333,inset 0 -1px #0006;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pet-storage-stat-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.pet-storage-stat-box:hover{border-color:#d4af3799;transform:translateY(-2px);box-shadow:0 0 15px #d4af3740,0 5px 12px #00000080,inset 0 1px #ffd7001f}.pet-storage-stat-box:hover:before{opacity:1}.pet-storage-stat-label{color:#b8a588;font-size:.95rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);letter-spacing:.3px}.pet-storage-stat-value{color:gold;font-weight:700;font-size:1.05rem;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.3);letter-spacing:.5px}.pet-storage-btn-confirm{width:100%;padding:18px 25px;border:2px solid transparent;border-radius:12px;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 6px 20px #00000080,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.pet-storage-btn-confirm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.pet-storage-btn-confirm:hover:before{left:100%}.pet-storage-btn-confirm.deposit{background:linear-gradient(135deg,#503219f2,#3c2814,#2d1e0f);color:#f4e4c1;border-color:#8b451399;text-shadow:0 2px 4px rgba(0,0,0,.8)}.pet-storage-btn-confirm.deposit:hover{background:linear-gradient(135deg,#784b23,#5a3c1e,#462d16);transform:translateY(-3px) scale(1.02);border-color:#d4af37e6;color:gold;box-shadow:0 0 30px #d4af3799,0 8px 25px #000000b3,inset 0 1px #ffd70033}.pet-storage-btn-confirm.withdraw{background:linear-gradient(135deg,#23462df2,#193223,#14281c);color:#b8e6c1;border-color:#2e7d3299;text-shadow:0 2px 4px rgba(0,0,0,.8)}.pet-storage-btn-confirm.withdraw:hover{background:linear-gradient(135deg,#2e7d32,#235a2d,#194623);transform:translateY(-3px) scale(1.02);border-color:#4caf50e6;color:#e8f5e9;box-shadow:0 0 30px #4caf5099,0 8px 25px #000000b3,inset 0 1px #fff3}.pet-storage-btn-confirm:active{transform:translateY(-1px) scale(.98)}.pet-storage-keyboard-hints{padding:18px 35px;background:linear-gradient(135deg,#281c14f2,#1e160f);border-top:2px solid rgba(139,69,19,.5);box-shadow:inset 0 1px #ffd70014,0 -2px 8px #0000004d;display:flex;justify-content:center;align-items:center;gap:35px;font-size:.9rem;color:#d4af37;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px;border-radius:0 0 17px 17px}.pet-storage-keyboard-hints span{padding:8px 16px;background:linear-gradient(135deg,#281e14b3,#1e160fd9);border:2px solid rgba(139,69,19,.4);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006,inset 0 1px #ffd70014;position:relative;overflow:hidden}.pet-storage-keyboard-hints span:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.15) 50%,transparent 100%);transition:left .5s ease}.pet-storage-keyboard-hints span:hover{border-color:#d4af37b3;color:gold;transform:translateY(-2px);box-shadow:0 0 15px #d4af374d,0 4px 12px #0009,inset 0 1px #ffd70026}.pet-storage-keyboard-hints span:hover:before{left:100%}.pet-storage-modal-content::-webkit-scrollbar{width:12px}.pet-storage-modal-content::-webkit-scrollbar-track{background:linear-gradient(180deg,#1e140fcc,#140f0ae6);border-radius:10px;box-shadow:inset 0 0 6px #0009}.pet-storage-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b6914cc,#6b5310e6);border-radius:10px;border:2px solid rgba(212,175,55,.3);box-shadow:0 2px 8px #00000080,inset 0 1px #ffd70033}.pet-storage-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a67c1af2,#8b6914);border-color:#ffd70099;box-shadow:0 3px 12px #0009,0 0 15px #ffd70066,inset 0 1px #ffd7004d}.pet-storage-pet-grid::-webkit-scrollbar{width:10px}.pet-storage-pet-grid::-webkit-scrollbar-track{background:#140f0acc;border-radius:8px}.pet-storage-pet-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b6914b3,#6b5310cc);border-radius:8px;border:2px solid rgba(212,175,55,.2)}.pet-storage-pet-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a67c1ae6,#8b6914);border-color:#ffd70080}@media (max-width: 600px){.pet-storage-modal-content{width:98%;max-width:95%}.pet-storage-modal-header{padding:20px 28px}.pet-storage-modal-header h4{font-size:1.3rem}.pet-storage-close-btn{width:40px;height:40px;font-size:1.5rem}.pet-storage-section-header{padding:18px 28px}.pet-storage-section-header h5{font-size:1.15rem}.pet-storage-action-buttons{flex-direction:column;padding:20px 28px;gap:15px}.pet-storage-action-btn{min-height:50px}.pet-storage-pet-grid{grid-template-columns:repeat(2,1fr);max-height:320px}.pet-storage-stats-grid{grid-template-columns:1fr;gap:10px}}@media (max-width: 480px){.pet-storage-modal-header{padding:18px 24px}.pet-storage-modal-header h4{font-size:1.2rem}.pet-storage-close-btn{width:38px;height:38px;font-size:1.4rem}.pet-storage-pet-grid{grid-template-columns:1fr}}.pet-storage-roster-full-hint{margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#8b451326,#50280a33);border:1px solid rgba(139,69,19,.3);border-radius:10px;color:#d4af37;font-size:.9rem;text-align:center;line-height:1.4}.pet-storage-btn-swap{background:linear-gradient(135deg,#8b451366,#50280a80)!important;border:2px solid rgba(255,215,0,.5)!important}.pet-storage-btn-swap:hover{background:linear-gradient(135deg,#8b451399,#64320fb3)!important;border-color:#ffd700b3!important;box-shadow:0 0 20px #ffd7004d,inset 0 0 15px #ffd7001a!important}.pet-storage-swap-preview{background:linear-gradient(135deg,#1e160fcc,#140f0ae6);border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:16px;margin:20px 24px;display:flex;align-items:center;gap:16px}.pet-storage-swap-label{color:#d4af37;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pet-storage-swap-pet{display:flex;align-items:center;gap:12px;flex:1}.pet-storage-swap-pet img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#0000004d;padding:4px;border:2px solid rgba(139,69,19,.5)}.pet-storage-swap-pet .pet-name{font-size:1rem;font-weight:600}.pet-storage-swap-pet .pet-level{color:#999;font-size:.85rem}.pet-storage-swap-divider{text-align:center;padding:8px 0;margin:0 24px 16px}.pet-storage-swap-divider span{display:inline-block;padding:8px 24px;background:linear-gradient(135deg,#8b45134d,#50280a66);border:1px solid rgba(255,215,0,.3);border-radius:20px;color:#d4af37;font-size:.9rem;font-weight:600;letter-spacing:1px}.pet-storage-swap-confirmation{display:flex;align-items:stretch;justify-content:center;gap:20px;padding:20px 24px;flex-wrap:wrap}.pet-storage-swap-pet-preview{flex:1;min-width:140px;max-width:180px;background:linear-gradient(135deg,#1e160fe6,#140f0af2);border:2px solid rgba(139,69,19,.4);border-radius:14px;padding:16px;text-align:center;transition:all .2s ease}.pet-storage-swap-pet-preview.to-roster{border-color:#4caf5080;background:linear-gradient(135deg,#1e281ee6,#141914f2)}.pet-storage-swap-pet-preview.to-storage{border-color:#ff980080;background:linear-gradient(135deg,#281e14e6,#19140ff2)}.pet-storage-swap-pet-preview .swap-direction-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding:4px 10px;border-radius:6px}.pet-storage-swap-pet-preview.to-roster .swap-direction-label{color:#4caf50;background:#4caf5026}.pet-storage-swap-pet-preview.to-storage .swap-direction-label{color:#ff9800;background:#ff980026}.pet-storage-swap-pet-preview img{width:72px;height:72px;object-fit:contain;border-radius:12px;background:#0000004d;padding:6px;border:2px solid rgba(139,69,19,.5);margin-bottom:10px}.pet-storage-swap-pet-preview .pet-info h6{font-size:1rem;font-weight:600;margin:0 0 4px}.pet-storage-swap-pet-preview .pet-info p{color:#999;font-size:.8rem;margin:0}.pet-storage-swap-arrows{display:flex;align-items:center;justify-content:center;font-size:2rem;color:#d4af37;padding:0 10px}.pet-storage-btn-confirm.swap{background:linear-gradient(135deg,#8b451399,#64320fb3)!important;border:2px solid rgba(255,215,0,.5)!important}.pet-storage-btn-confirm.swap:hover{background:linear-gradient(135deg,#9f5927b3,#783c19cc)!important;border-color:#ffd700b3!important;box-shadow:0 0 25px #ffd70066,inset 0 0 15px #ffd70026!important}.pet-storage-swap-pet .gender-male,.pet-storage-swap-pet-preview .pet-info h6.gender-male{color:#64b5f6}.pet-storage-swap-pet .gender-female,.pet-storage-swap-pet-preview .pet-info h6.gender-female{color:#f48fb1}@media (max-width: 600px){.pet-storage-swap-confirmation{flex-direction:column;align-items:center;gap:16px}.pet-storage-swap-pet-preview{max-width:200px;width:100%}.pet-storage-swap-arrows{transform:rotate(90deg);padding:10px 0}}@media (max-width: 480px){.pet-storage-swap-preview{margin:16px 20px;padding:12px;flex-direction:column;text-align:center}.pet-storage-swap-divider{margin:0 20px 12px}.pet-storage-swap-pet-preview img{width:60px;height:60px}}.farm-area{max-width:1400px;margin:0 auto;width:100%;overflow-x:hidden}.farm-welcome{background:linear-gradient(135deg,#8b4513b3,#140f0ae6);border:3px solid #8b4513;border-radius:12px;padding:1.25rem;margin-bottom:2rem;box-shadow:0 8px 16px #000c,inset 0 1px #ff8c0033;display:grid;grid-template-areas:"title stats logout" "wallet wallet wallet";grid-template-columns:1fr auto auto;gap:1rem;align-items:center}.farm-welcome h2{grid-area:title;color:gold;font-size:1.8rem;margin:0;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.3)}.welcome-title{position:relative;transition:color .3s}.info-icon-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:10px;cursor:help}.info-icon-img{width:56px;height:56px;object-fit:contain;opacity:.85;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(255,255,255,.25))}.info-icon-wrapper:hover .info-icon-img{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.info-tooltip{position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%);width:320px;background:linear-gradient(135deg,#1a1612,#0d0b09);border:2px solid #8B6914;border-radius:12px;padding:16px;box-shadow:0 8px 32px #000c,0 0 20px #8b69144d,inset 0 1px #ffd7001a;opacity:0;visibility:hidden;transition:opacity .3s ease .4s,visibility .3s ease .4s,transform .3s ease .4s;transform:translate(-50%) translateY(-10px);z-index:1000;text-align:left}.info-tooltip:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #8B6914}.info-tooltip:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1a1612}.info-icon-wrapper:hover .info-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.info-tooltip-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:gold;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(139,105,20,.4);text-shadow:0 0 10px rgba(255,215,0,.3)}.info-tooltip-title .tooltip-title-icon{width:30px;height:30px;object-fit:contain}.info-tooltip-list{margin:0;padding:0 0 0 18px;list-style:none}.info-tooltip-list li{font-size:12px;color:#e0d4c0;margin-bottom:6px;position:relative;line-height:1.4}.info-tooltip-list li:before{content:"•";position:absolute;left:-14px;color:#cd7f32}.info-tooltip-hint{margin-top:12px;padding-top:10px;border-top:1px solid rgba(139,105,20,.4);font-size:11px;color:#ff8c00;font-style:italic}.homebase-stats-wrapper{grid-area:stats;display:flex;flex-direction:column}.homebase-stats-box{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.6rem 1rem;background:linear-gradient(135deg,#0006,#140f0a80);border-radius:10px;border:2px solid rgba(255,215,0,.3);box-shadow:inset 0 2px 8px #0006}.homebase-stat-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .6rem;min-width:65px;transition:all .25s cubic-bezier(.4,0,.2,1)}.homebase-stat-item:hover{transform:translateY(-2px) scale(1.05)}.homebase-stat-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.homebase-stat-label{font-size:.65rem;color:#ffa500e6;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.homebase-stat-value{font-size:.95rem;color:gold;font-weight:900;font-family:Impact,sans-serif;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.3)}.homebase-stat-player .homebase-stat-value{color:gold}.homebase-stat-farming .homebase-stat-value{color:#8bc34a;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(76,175,80,.3)}.homebase-stat-crafting .homebase-stat-value{color:#ffb74d;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,152,0,.3)}.homebase-stat-fishing .homebase-stat-value{color:#64b5f6;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(33,150,243,.3)}.homebase-stat-xp{min-width:85px}.homebase-stat-xp .homebase-stat-value{color:#ce93d8;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(156,39,176,.3)}.homebase-stat-pets .homebase-stat-value{color:#4dd0e1;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(0,188,212,.3)}.homebase-stat-clickable{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:8px;border:1px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1)}.homebase-stat-active{border-color:#ffd70066;background:#ffd7000f;box-shadow:0 0 8px #ffd70026}.homebase-skill-xp-bar{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;animation:homebase-xpbar-enter .3s cubic-bezier(.4,0,.2,1)}@keyframes homebase-xpbar-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.homebase-skill-xp-info{display:flex;justify-content:space-between;align-items:center;padding:0 .25rem}.homebase-skill-xp-name{font-size:.7rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.homebase-skill-xp-numbers{font-size:.7rem;font-weight:700;color:#ccc;text-shadow:0 1px 3px rgba(0,0,0,.8)}.homebase-skill-xp-track{height:16px;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:2px solid #8b4513;border-radius:10px;overflow:hidden;box-shadow:inset 0 3px 6px #0009;position:relative}.homebase-skill-xp-fill{position:relative;height:100%;border-radius:8px;transition:width .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.homebase-skill-xp-fill--player{background:linear-gradient(90deg,#c49b00,gold 40%,#ffe44d,#ffe082)}.homebase-skill-xp-fill--farming{background:linear-gradient(90deg,#4caf50,#66bb6a,#81c784 60%,#a5d6a7)}.homebase-skill-xp-fill--crafting{background:linear-gradient(90deg,#e65100,#ff9800,#ffb74d 60%,#ffcc80)}.homebase-skill-xp-fill--fishing{background:linear-gradient(90deg,#1565c0,#2196f3,#64b5f6 60%,#90caf9)}.homebase-skill-xp-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:homebase-xp-shine 3s ease-in-out infinite}@keyframes homebase-xp-shine{0%{left:-100%}50%{left:100%}to{left:100%}}.logout-btn{grid-area:logout;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border:3px solid #8b4513;border-radius:6px;background:linear-gradient(180deg,#f44,#c00);color:#fff;cursor:pointer;transition:all .2s;text-transform:uppercase}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.farm-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.farm-left,.farm-right{display:flex;flex-direction:column;min-height:650px}.panel-toggle{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.toggle-btn{flex:1;padding:12px 20px;font-size:1rem;font-weight:700;border:3px solid #8b4513;border-radius:8px;background:linear-gradient(180deg,#666,#444);color:#ccc;cursor:pointer;transition:all .3s;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.toggle-btn:hover{background:linear-gradient(180deg,#777,#555);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0006}.toggle-btn.active{background:linear-gradient(180deg,gold,#ffed4e);color:#2d2d2d;border-color:#8b4513;box-shadow:0 4px 8px #0009}.toggle-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0009}.toggle-btn{position:relative;overflow:visible}.toggle-notification-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#4caf50,#45a049,#388e3c);color:#fff;padding:3px 7px;border-radius:10px;font-size:.7rem;font-weight:900;font-family:Impact,sans-serif;border:2px solid #2e7d32;min-width:16px;text-align:center;box-shadow:0 2px 4px #000000b3,0 0 8px #4caf5080;z-index:10;animation:toggleBadgePulse 2s ease-in-out infinite}@keyframes toggleBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.farm-info-panel{background:linear-gradient(180deg,#ff8c00,orange);border:4px solid #8b4513;border-radius:12px;padding:2rem;box-shadow:0 6px 12px #0009}.farm-info-panel h3{color:#2d2d2d;font-size:1.8rem;margin-bottom:1rem}.farm-info-panel p{color:#2d2d2d;font-size:1.1rem;margin-bottom:1rem;line-height:1.6}.farm-info-panel ul{color:#2d2d2d;font-size:1.1rem;margin-left:2rem;margin-bottom:1rem}.farm-info-panel li{margin-bottom:.5rem}.hint{color:#1a3010!important;font-weight:700;font-style:italic;background:#ffffff4d;padding:1rem;border-radius:8px;border-left:4px solid #2d5016}.orphan-warning-banner{background:linear-gradient(180deg,#ff9800,#f57c00);border:4px solid #e65100;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;text-align:center;box-shadow:0 6px 12px #0009,0 0 20px #ff980066;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{box-shadow:0 6px 12px #0009,0 0 20px #ff980066}50%{box-shadow:0 6px 12px #0009,0 0 30px #ff9800b3}}.orphan-warning-banner h3{color:#fff;font-size:1.6rem;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.orphan-warning-banner p{color:#fff;font-size:1.1rem;margin-bottom:.75rem}.orphan-warning-banner strong{color:#ffeb3b;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.btn-quick-repair{background:linear-gradient(180deg,#4caf50,#388e3c);border:3px solid #2e7d32;color:#fff;padding:12px 30px;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px #1b5e20;text-transform:uppercase;margin:1rem 0}.btn-quick-repair:hover{transform:translateY(-2px);box-shadow:0 6px #1b5e20}.btn-quick-repair:active{transform:translateY(0);box-shadow:0 3px #1b5e20}.hint-small{font-size:.9rem;color:#fffc;margin-top:.5rem;font-style:italic}@media (max-width: 1024px){.farm-content{grid-template-columns:1fr;gap:1.5rem}.farm-left,.farm-right{min-height:550px}.farm-welcome{padding:1.2rem}.farm-welcome h2{font-size:1.6rem}.player-stats{gap:1.5rem;font-size:1.1rem}.homebase-stats-box{gap:.4rem;padding:.5rem .8rem}.homebase-stat-item{min-width:58px;padding:.35rem .5rem}.homebase-stat-icon{width:24px;height:24px}.homebase-stat-label{font-size:.6rem}.homebase-stat-value{font-size:.85rem}.homebase-skill-xp-track{height:14px}.homebase-skill-xp-name,.homebase-skill-xp-numbers{font-size:.65rem}}@media (max-width: 768px){.farm-left,.farm-right{min-height:500px}.farm-welcome{display:flex;flex-direction:column;gap:.75rem;padding:1rem;text-align:center;align-items:center}.farm-welcome h2{font-size:1.4rem;width:100%;text-align:center}.player-stats{justify-content:center;flex-wrap:wrap;gap:1rem;font-size:1rem;width:100%}.logout-btn{width:auto;max-width:300px;padding:.6rem 1.2rem;min-height:44px}.farm-content{gap:1rem}.farm-info-panel{padding:1.5rem}.farm-info-panel h3{font-size:1.6rem}.farm-info-panel p,.farm-info-panel ul{font-size:1rem}.homebase-stats-wrapper{width:100%}.homebase-skill-xp-bar{margin-top:.4rem}.homebase-skill-xp-track{height:14px}}@media (max-width: 600px){.farm-area{padding:0;max-width:100%;overflow-x:hidden}.farm-left,.farm-right{min-height:450px;max-width:100%;overflow-x:hidden}.farm-welcome{display:flex;flex-direction:column;padding:.8rem;margin-bottom:1rem;border-width:3px;max-width:100%;box-sizing:border-box;gap:.6rem;align-items:center;text-align:center}.farm-welcome h2{font-size:1.1rem;width:100%}.player-stats{gap:.8rem;font-size:.9rem;flex-wrap:wrap;justify-content:center;width:100%}.logout-btn{font-size:.9rem;padding:.6rem 1rem;width:auto}.homebase-stats-wrapper{width:100%}.homebase-skill-xp-bar{margin-top:.35rem}.homebase-skill-xp-track{height:13px;border-width:2px}.homebase-skill-xp-name,.homebase-skill-xp-numbers{font-size:.6rem}.farm-content{gap:.8rem;max-width:100%}.farm-info-panel{padding:1rem;border-width:3px;max-width:100%}.farm-info-panel h3{font-size:1.3rem}.farm-info-panel p,.farm-info-panel ul{font-size:.9rem}.farm-info-panel ul{margin-left:1.5rem}.hint{padding:.8rem;font-size:.9rem}.orphan-warning-banner{padding:1rem;border-width:3px}.orphan-warning-banner h3{font-size:1.3rem}.orphan-warning-banner p{font-size:.95rem}.btn-quick-repair{padding:10px 20px;font-size:1rem;min-height:48px}}@media (max-width: 480px){.farm-area{max-width:100%;overflow-x:hidden}.farm-left,.farm-right{min-height:400px;max-width:100%}.farm-welcome{display:flex;flex-direction:column;padding:.6rem;margin-bottom:.75rem;max-width:100%;gap:.5rem;align-items:center;text-align:center}.farm-welcome h2{font-size:1rem;width:100%}.player-stats{gap:.5rem;font-size:.8rem;flex-wrap:wrap;justify-content:center;width:100%}.logout-btn{font-size:.85rem;padding:.5rem .8rem;width:auto}.homebase-stats-box{gap:.3rem;padding:.4rem .5rem;justify-content:center}.homebase-stat-item{min-width:48px;padding:.25rem .4rem}.homebase-stat-icon{width:20px;height:20px}.homebase-stat-label{font-size:.5rem}.homebase-stat-value{font-size:.75rem}.homebase-stat-xp{min-width:55px}.homebase-skill-xp-bar{margin-top:.3rem;gap:.15rem}.homebase-skill-xp-track{height:12px;border-width:2px;border-radius:8px}.homebase-skill-xp-fill{border-radius:6px}.homebase-skill-xp-name,.homebase-skill-xp-numbers{font-size:.55rem}.panel-toggle{gap:.35rem}.toggle-btn{padding:.6rem .4rem;font-size:.7rem;letter-spacing:0;min-height:44px}.farm-content{gap:.6rem;max-width:100%}.farm-info-panel{padding:.8rem;border-width:2px;max-width:100%}.farm-info-panel h3{font-size:1.1rem;margin-bottom:.75rem}.farm-info-panel p,.farm-info-panel ul{font-size:.85rem}.farm-info-panel ul{margin-left:1rem}.farm-info-panel li{margin-bottom:.4rem}.hint{padding:.6rem;font-size:.85rem}.orphan-warning-banner{padding:.75rem;border-width:2px;margin-bottom:1rem}.orphan-warning-banner h3{font-size:1.1rem}.orphan-warning-banner p{font-size:.85rem}.btn-quick-repair{padding:10px 16px;font-size:.9rem}.hint-small{font-size:.8rem}}@media (max-width: 360px){.farm-welcome h2{font-size:.95rem}.player-stats{font-size:.75rem}.toggle-btn{padding:.5rem .3rem;font-size:.6rem}.farm-info-panel h3{font-size:1rem}.homebase-skill-xp-track{height:10px}.homebase-skill-xp-name,.homebase-skill-xp-numbers{font-size:.5rem}}@media (prefers-reduced-motion: reduce){.homebase-skill-xp-fill{transition:none}.homebase-skill-xp-shine,.homebase-skill-xp-bar{animation:none}.homebase-stat-clickable{transition:none}}.building-upgrade-panel{background:#0000004d;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:15px;margin:15px 0;position:relative}.building-upgrade-panel.loading{border-color:#6666664d}.loading-text{color:#888;font-style:italic;text-align:center;padding:10px;font-size:.9em}.upgrade-notification{background:#4caf5033;color:#90ee90;padding:10px 16px;border-radius:6px;margin-bottom:12px;font-weight:600;text-align:center;animation:slideDown .3s ease-out;border:1px solid rgba(144,238,144,.4);font-size:.95em}.upgrade-content{display:flex;flex-direction:column;gap:12px}.upgrade-preview{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:6px}.preview-label{color:gold;font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.preview-benefits{color:#90ee90;font-size:1em;font-weight:600}.preview-cost{color:#ccc;font-size:.9em;margin-top:4px}.preview-cost:has-text("✓"){color:#4caf50;font-weight:600}.current-benefits{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.benefit-badge{background:#90ee901f;border:1px solid rgba(144,238,144,.35);color:#90ee90;padding:5px 11px;border-radius:14px;font-size:.85em;display:flex;align-items:center;gap:5px;font-weight:600;letter-spacing:.3px}.benefit-badge.active{background:#90ee9033;border-color:#90ee9080;color:#90ee90}.benefit-badge-icon{width:14px;height:14px;object-fit:contain}.start-upgrade-btn{background:linear-gradient(135deg,gold,orange);color:#000;border:none;padding:12px 24px;border-radius:6px;font-size:1em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #ffd7004d;width:100%}.start-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ffd70080;background:linear-gradient(135deg,orange,gold)}.claim-upgrade-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #4caf504d;width:100%;animation:pulse 1.5s infinite}.claim-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4caf5099}@keyframes pulse{0%,to{box-shadow:0 3px 10px #4caf504d}50%{box-shadow:0 5px 16px #4caf5099}}.active-upgrade{background:#4a90e226;border:1px solid rgba(74,144,226,.4);border-radius:6px;padding:12px}.upgrade-timer{color:#4a90e2;font-size:1.1em;font-weight:700;text-align:center;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-upgrade-btn{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff;border:none;padding:10px 22px;border-radius:6px;font-size:1em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 2px 8px #ff6b6b4d}.cancel-upgrade-btn:hover{background:linear-gradient(135deg,#ff5252,#b71c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b80}.max-level-indicator{background:#ffd70033;color:gold;padding:10px 18px;border-radius:6px;font-size:1em;font-weight:600;text-align:center;border:1px solid rgba(255,215,0,.4);letter-spacing:.5px;animation:shimmer 2s infinite}@keyframes shimmer{0%,to{border-color:#ffd70066;background:#ffd70033}50%{border-color:#ffd700b3;background:#ffd7004d}}.upgrade-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.upgrade-modal{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:3px solid #FFD700;border-radius:16px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #ffd70080;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.upgrade-modal h2{color:gold;margin-top:0;margin-bottom:15px;font-size:1.8em;text-align:center;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(255,215,0,.5)}.upgrade-modal p{color:#ccc;margin-bottom:25px;text-align:center;line-height:1.7;font-size:1.05em}.upgrade-requirements,.upgrade-benefits{margin:20px 0}.upgrade-requirements h3,.upgrade-benefits h3{color:gold;font-size:1.3em;margin-bottom:12px;margin-top:5px;border-bottom:2px solid rgba(255,215,0,.5);padding-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.requirement-item{background:#ffffff0d;padding:12px 15px;margin:8px 0;border-radius:8px;display:flex;align-items:center;gap:12px;border-left:4px solid #666;color:#fff;font-size:1em;transition:all .3s ease}.requirement-item.met{border-left-color:#4caf50;background:#4caf501a}.requirement-item.unmet{border-left-color:#f44336;background:#f443361a}.req-icon,.benefit-icon{width:28px;height:28px;object-fit:contain;flex-shrink:0}.req-icon-placeholder{width:28px;height:28px;background:#ffffff1a;border-radius:4px;flex-shrink:0}.req-text,.benefit-text{flex:1;color:#fff;font-size:1em}.req-qty{font-family:Orbitron,Rajdhani,monospace;font-weight:700;font-size:1em;padding:2px 8px;border-radius:4px;background:#0000004d;flex-shrink:0;min-width:70px;text-align:center}.requirement-item.met .req-qty{color:#4caf50;text-shadow:0 0 6px rgba(76,175,80,.5)}.requirement-item.unmet .req-qty{color:#f44336;text-shadow:0 0 6px rgba(244,67,54,.5)}.req-status{font-weight:700;font-size:1.3em;flex-shrink:0}.requirement-item.met .req-status{color:#4caf50}.requirement-item.unmet .req-status{color:#f44336}.benefit-item{background:#90ee901a;padding:12px 15px;margin:8px 0;border-radius:8px;display:flex;align-items:center;gap:12px;border-left:4px solid #90EE90;color:#90ee90;font-size:1em}.timer-icon{width:20px;height:20px;object-fit:contain;margin-right:8px}.modal-buttons{display:flex;gap:15px;margin-top:25px}.confirm-upgrade-btn{flex:1;background:linear-gradient(135deg,gold,orange);color:#000;border:none;padding:15px 25px;border-radius:8px;font-size:1.15em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ffd70066}.confirm-upgrade-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd700b3;background:linear-gradient(135deg,orange,gold)}.confirm-upgrade-btn:disabled{background:linear-gradient(135deg,#666,#444);color:#999;cursor:not-allowed;opacity:.6;box-shadow:none}.cancel-btn{flex:1;background:linear-gradient(135deg,#444,#222);color:#fff;border:2px solid #666;padding:15px 25px;border-radius:8px;font-size:1.15em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:linear-gradient(135deg,#555,#333);border-color:#888;transform:translateY(-1px)}@media (max-width: 768px){.building-upgrade-panel{padding:12px;margin:12px 0}.upgrade-content{gap:10px}.upgrade-preview{padding:8px 10px;gap:5px}.preview-label{font-size:.8em}.preview-benefits{font-size:.95em}.preview-cost{font-size:.85em}.current-benefits{gap:6px}.benefit-badge{font-size:.8em;padding:4px 10px}.benefit-badge-icon{width:12px;height:12px}.start-upgrade-btn,.claim-upgrade-btn{padding:12px 20px;font-size:1em}.active-upgrade{padding:12px}.upgrade-timer{font-size:1em}.timer-icon{width:16px;height:16px}.cancel-upgrade-btn{padding:8px 18px;font-size:.9em}.upgrade-modal{padding:20px;width:95%;max-height:85vh}.upgrade-modal h2{font-size:1.5em}.modal-buttons{flex-direction:column;gap:10px}.confirm-upgrade-btn,.cancel-btn{width:100%;padding:12px 20px}.requirement-item,.benefit-item{font-size:.95em;padding:10px 12px;gap:10px}.req-text,.benefit-text{font-size:.95em}.req-qty{font-size:.85em;padding:2px 6px;min-width:55px}.req-icon,.benefit-icon{width:24px;height:24px}}@media (max-width: 1024px) and (min-width: 769px){.building-upgrade-panel{padding:16px;margin:16px 0}.benefit-badge{font-size:.85em;padding:5px 11px}.upgrade-modal{width:85%}}@media (min-width: 1600px){.building-upgrade-panel{max-width:1200px;margin-left:auto;margin-right:auto}}.upgrade-modal::-webkit-scrollbar{width:8px}.upgrade-modal::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.upgrade-modal::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.upgrade-modal::-webkit-scrollbar-thumb:hover{background:orange}.farm-page{max-width:1400px;margin:0 auto;padding:20px}.farm-header-wrapper{margin-bottom:30px}.farm-header{background:linear-gradient(135deg,#8b4513d9,#000000f2);border:3px solid #8b4513;border-radius:12px;padding:1.25rem;box-shadow:0 8px 16px #000c,inset 0 1px #ffd70026;display:flex;align-items:stretch;gap:1.5rem;position:relative}.farm-header-center{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:center}.farm-header-spacer{width:220px;flex-shrink:0}.farm-header-center h1{margin:0;font-size:2.5rem;color:gold;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.4);font-family:Impact,sans-serif;letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.75rem}.farm-title-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8))}.farm-header-center p{margin:10px 0 0;font-size:1.1rem;color:#ff8c00;font-style:italic;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8)}.farm-stats{display:flex;justify-content:center;gap:30px;margin-top:15px;padding-top:15px;border-top:2px solid rgba(139,69,19,.3);flex-wrap:wrap}.stat-item{font-size:1rem;color:#fff;font-weight:700;background:#0003;padding:8px 16px;border-radius:8px;border:2px solid rgba(255,215,0,.3);display:flex;align-items:center;gap:.5rem}.stat-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.farm-upgrade-info-inline{display:flex;flex-direction:column;gap:.4rem;padding:.75rem 1rem;background:#0006;border:2px solid rgba(255,215,0,.3);border-radius:8px;min-width:220px;max-width:280px;align-self:center}.inline-label{font-size:.75rem;color:gold;font-weight:900;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.9)}.inline-benefits{font-size:.95rem;color:#90ee90;font-weight:600;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.8)}.inline-cost{font-size:.8rem;color:#ffb74d;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8)}.farm-upgrade-dropdown{display:flex;justify-content:flex-end;flex-shrink:0}.farm-start-upgrade-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1.6rem;min-width:180px;font-family:Impact,Arial Black,sans-serif;font-weight:400;font-size:.95rem;letter-spacing:1.5px;text-transform:uppercase;color:#d4a574;background:linear-gradient(180deg,#231912f2,#19120cfa);border:2px solid rgba(139,69,19,.6);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:0 4px 16px #00000080,inset 0 1px #ffd70014}.farm-start-upgrade-btn:hover{color:gold;background:linear-gradient(180deg,#3d2817cc,#2a1c10e6);border-color:#ffd70066;text-shadow:0 0 10px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.9);box-shadow:0 6px 20px #0009,inset 0 1px #ffd70026,0 0 15px #ff8c0033;transform:translateY(-1px)}.farm-start-upgrade-btn:active{transform:translateY(0);box-shadow:0 2px 8px #00000080,inset 0 1px #ffd70014}.farm-upgrade-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));transition:all .3s ease}.farm-start-upgrade-btn:hover .farm-upgrade-icon{transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.farm-claim-upgrade-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1.6rem;min-width:200px;font-family:Impact,Arial Black,sans-serif;font-weight:400;font-size:.95rem;letter-spacing:1.5px;text-transform:uppercase;color:#90ee90;background:linear-gradient(180deg,#1e321ef2,#142314fa);border:2px solid rgba(76,175,80,.6);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:0 4px 16px #00000080,inset 0 1px #4caf5026;animation:farmClaimPulse 2s ease-in-out infinite}.farm-claim-upgrade-btn:hover{color:#4caf50;background:linear-gradient(180deg,#284628cc,#1e321ee6);border-color:#4caf50cc;text-shadow:0 0 10px rgba(76,175,80,.5),0 2px 4px rgba(0,0,0,.9);transform:translateY(-1px)}@keyframes farmClaimPulse{0%,to{box-shadow:0 4px 16px #00000080,inset 0 1px #4caf5026,0 0 #4caf5000}50%{box-shadow:0 4px 16px #00000080,inset 0 1px #4caf5026,0 0 20px #4caf5066}}.farm-active-upgrade{background:linear-gradient(180deg,#2d2319f2,#1e160ffa);border:2px solid rgba(255,152,0,.5);border-radius:10px;padding:.7rem 1.2rem;display:flex;align-items:center;box-shadow:0 4px 16px #00000080,inset 0 1px #ff980014;gap:1rem}.farm-upgrade-timer{display:flex;align-items:center;gap:.5rem;color:#ffb74d;font-size:1rem;font-weight:700;flex:1}.farm-upgrade-timer .timer-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.farm-cancel-upgrade-btn{padding:.5rem 1rem;font-family:Impact,Arial Black,sans-serif;font-size:.85rem;font-weight:400;letter-spacing:1px;color:#faa;background:linear-gradient(180deg,#321919f2,#231212fa);border:2px solid rgba(183,28,28,.6);border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.8)}.farm-cancel-upgrade-btn:hover{color:#f66;background:linear-gradient(180deg,#461e1ecc,#321616e6);border-color:#f44336cc;text-shadow:0 0 10px rgba(244,67,54,.5),0 2px 4px rgba(0,0,0,.9);transform:translateY(-1px)}.farm-max-level{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1.6rem;font-family:Impact,Arial Black,sans-serif;font-weight:400;font-size:.95rem;letter-spacing:1.5px;text-transform:uppercase;color:plum;background:linear-gradient(180deg,#28192df2,#1c1220fa);border:2px solid rgba(156,39,176,.5);border-radius:10px;text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:0 4px 16px #00000080,inset 0 1px #9c27b01a}.farm-plots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}.farm-plot{aspect-ratio:1;background:linear-gradient(135deg,#3d2817,#2a1810);border:4px solid #654321;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:inset 0 4px 8px #0006}.farm-plot.locked{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-color:#444;cursor:not-allowed}.farm-plot.unlocked:hover{border-color:#ff8c00;box-shadow:0 0 15px #ff8c0080,inset 0 4px 8px #0006;transform:translateY(-3px)}.farm-plot.empty.unlocked:hover{background:linear-gradient(135deg,#4d3817,#3a2810)}.farm-plot.ready{border-color:#4caf50;box-shadow:0 0 20px #4caf5099,inset 0 4px 8px #0006;animation:pulse-ready 2s infinite}@keyframes pulse-ready{0%,to{box-shadow:0 0 20px #4caf5099,inset 0 4px 8px #0006}50%{box-shadow:0 0 30px #4caf50e6,inset 0 4px 8px #0006}}.farm-plot.needswater{border-color:#2196f3;box-shadow:0 0 15px #2196f380,inset 0 4px 8px #0006}.plot-number{position:absolute;top:5px;left:10px;font-size:12px;color:#888;font-weight:700}.plot-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.lock-icon,.empty-icon,.water-icon{font-size:3rem;margin-bottom:5px;display:flex;align-items:center;justify-content:center}.plot-icon-image{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}.lock-icon img{width:80px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.crop-image{width:64px;height:64px;object-fit:contain;margin-bottom:8px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.crop-image.growing{opacity:.8;animation:gentleGrow 3s infinite}.crop-image.ready{animation:bounce 1s infinite}.crop-image.needs-water{opacity:.6;filter:grayscale(30%) drop-shadow(2px 2px 4px rgba(0,0,0,.6))}@keyframes gentleGrow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.growth-progress-bar{width:100%;height:8px;background:#0006;border-radius:4px;overflow:hidden;margin:8px 0;border:1px solid #654321}.growth-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width 1s linear;box-shadow:0 0 8px #4caf5099}.plot-yield{font-size:1.3rem;font-weight:700;color:#4caf50;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:5px 0}.plot-status{font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase}.farm-plot.locked .plot-status{color:#888}.farm-plot.ready .plot-status{color:#4caf50;font-size:1.2rem}.farm-plot.needswater .plot-status{color:#2196f3}.plot-crop-name{font-size:.95rem;color:#ffedcc;font-weight:700}.plot-timer{font-size:1.1rem;color:#ffeb3b;font-weight:700;font-family:monospace}.plot-hint{font-size:.85rem;color:#aaa;font-style:italic;margin-top:5px}.modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#140f0af5,#0a0805fa);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:farmModalFadeIn .25s ease-out}@keyframes farmModalFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(6px)}}.modal-content{background:linear-gradient(145deg,#231912,#19120c,#1e160f),radial-gradient(ellipse at top,rgba(139,69,19,.12) 0%,transparent 60%),radial-gradient(ellipse at bottom,rgba(0,0,0,.5) 0%,transparent 50%);border:3px solid rgba(139,69,19,.6);border-radius:20px;padding:0;min-width:450px;max-width:600px;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 20px 60px #000000e6,0 0 0 1px #8b451399,inset 0 1px #ffd7001a,inset 0 0 80px #8b45130d;animation:farmModalSlideIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes farmModalSlideIn{0%{transform:translateY(-40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-content h2{margin:0;padding:25px 35px;color:#f4e4c1;font-size:1.6rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 20px rgba(212,175,55,.3);letter-spacing:.5px;background:linear-gradient(135deg,#4b321c,#3c2a19,#372616);border-bottom:2px solid rgba(139,69,19,.6);border-radius:17px 17px 0 0}.no-seeds{text-align:center;padding:30px;color:#f4e4c1}.no-seeds p{margin:10px 0;font-size:1.1rem;color:#d4af37}.no-seeds .hint{font-size:.95rem;color:#b8a588;font-style:italic}.seed-selection p{margin:0 0 15px;padding:0 25px;font-size:1.1rem;color:#d4af37;font-weight:700}.seed-list{display:flex;flex-direction:column;gap:12px;max-height:350px;overflow-y:auto;margin:0 25px 20px;padding:15px;background:linear-gradient(135deg,#19120c80,#140f0ab3);border-radius:12px}.seed-item{background:linear-gradient(145deg,#37281c,#2d2016,#322419);border:3px solid rgba(139,69,19,.7);border-radius:12px;padding:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:15px;box-shadow:0 4px 15px #0009,inset 0 2px #8b451340,inset 0 -1px #0006}.seed-item:hover{border-color:#d4af37e6;transform:translateY(-3px);box-shadow:0 0 25px #d4af3780,0 8px 20px #000000b3,inset 0 1px #ffd70026}.seed-list::-webkit-scrollbar{width:10px}.seed-list::-webkit-scrollbar-track{background:#140f0acc;border-radius:8px}.seed-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b6914b3,#6b5310cc);border-radius:8px;border:2px solid rgba(212,175,55,.2)}.seed-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a67c1ae6,#8b6914);border-color:#ffd70080}.seed-image{width:48px;height:48px;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.seed-info{flex:1}.seed-name{font-size:1.2rem;font-weight:700;color:gold;margin-bottom:5px}.seed-quantity{font-size:.9rem;color:#ffedcc;margin-bottom:8px}.seed-description{font-size:.9rem;color:#ccc}.seed-grow-time{font-size:.85rem;color:#ffeb3b;margin-top:5px;font-weight:700;display:flex;align-items:center;gap:5px}.seed-grow-time .time-icon{width:14px;height:14px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.harvest-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;margin:0 25px 15px;background:linear-gradient(135deg,#2337234d,#19281966);border:2px solid rgba(76,175,80,.4);border-radius:12px}.harvest-image{width:96px;height:96px;object-fit:contain;filter:drop-shadow(3px 3px 8px rgba(0,0,0,.8));animation:celebrateHarvest 1s infinite}@keyframes celebrateHarvest{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.harvest-amount{font-size:2rem;font-weight:700;color:#8bc34a;text-shadow:0 0 15px rgba(76,175,80,.6),2px 2px 4px rgba(0,0,0,.9);margin-top:10px}.plot-details{background:linear-gradient(135deg,#2d2016f2,#231912);border:2px solid rgba(139,69,19,.7);border-radius:12px;padding:20px;margin:25px 25px 20px;box-shadow:inset 0 2px 8px #00000080,0 4px 12px #0006}.detail-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:12px 18px;color:#f4e4c1;font-size:1.15rem;font-weight:700;background:#00000040;border-radius:8px;border-left:3px solid rgba(212,175,55,.6);text-shadow:0 1px 3px rgba(0,0,0,.6)}.detail-row strong{color:#d4af37;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.5)}.detail-row:first-child{font-size:1.25rem;color:#fff;border-left-color:#ffd700cc;background:#0000004d}.ready-message{flex-direction:column;align-items:center;text-align:center;background:linear-gradient(135deg,#23372366,#192d1980)!important;border-left:3px solid rgba(76,175,80,.8)!important;color:#8bc34a;font-weight:700}.ready-message p{margin:8px 0 0;color:#a5d6a7;font-size:1rem}.ready-message p strong{color:#8bc34a;font-size:1.15rem;text-shadow:0 0 10px rgba(76,175,80,.5)}.water-message{flex-direction:column;align-items:center;text-align:center;background:linear-gradient(135deg,#1e324666,#14283c80)!important;border-left:3px solid rgba(33,150,243,.8)!important;color:#64b5f6;font-weight:700}.modal-crop-preview{display:flex;justify-content:center;align-items:center;padding:25px;margin:15px 0;background:linear-gradient(135deg,#23191266,#19120c80);border-radius:12px}.modal-crop-image{width:90px;height:90px;object-fit:contain;filter:drop-shadow(3px 3px 10px rgba(0,0,0,.9));animation:gentlePulse 2s ease-in-out infinite}@keyframes gentlePulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.modal-progress-bar{width:100%;height:14px;background:#00000080;border-radius:7px;overflow:hidden;margin-top:15px;border:2px solid rgba(139,69,19,.5);box-shadow:inset 0 2px 4px #0006}.modal-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a,#8bc34a);transition:width 1s linear;box-shadow:0 0 12px #4caf50cc,inset 0 1px #ffffff4d;border-radius:5px}.modal-actions{display:flex;gap:15px;justify-content:center;padding:0 25px;margin-bottom:15px}.btn-harvest,.btn-water,.btn-close{padding:14px 30px;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-harvest{background:linear-gradient(135deg,#2e7d32f2,#1b5e20);color:#b8e6c1;border:2px solid rgba(46,125,50,.6);box-shadow:0 4px 15px #00000080,inset 0 1px #ffffff1a}.btn-harvest:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);border-color:#4caf50e6;color:#fff;box-shadow:0 0 25px #4caf5080,0 6px 20px #0009;transform:translateY(-3px)}.btn-water{background:linear-gradient(135deg,#1976d2f2,#0d47a1);color:#bbdefb;border:2px solid rgba(33,150,243,.6);box-shadow:0 4px 15px #00000080,inset 0 1px #ffffff1a}.btn-water:hover{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#42a5f5e6;color:#fff;box-shadow:0 0 25px #2196f380,0 6px 20px #0009;transform:translateY(-3px)}.btn-close{background:linear-gradient(135deg,#3c2d1ee6,#2d2316);color:#d4af37;border:2px solid rgba(139,69,19,.6);width:calc(100% - 50px);margin:0 25px 25px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-close:hover{background:linear-gradient(135deg,#503c28,#3c3020);border-color:#d4af37cc;color:gold;box-shadow:0 0 18px #d4af3766,0 6px 14px #0009}.growing-message{text-align:center;color:#d4af37;font-size:1.05rem;padding:20px 30px;font-style:italic;font-weight:600;background:linear-gradient(135deg,#37281ce6,#2d2016f2);margin:0 25px 20px;border-radius:12px;border:2px solid rgba(139,69,19,.5);box-shadow:inset 0 2px 8px #0006,0 2px 8px #0000004d;text-shadow:0 1px 3px rgba(0,0,0,.8)}@media (max-width: 1200px){.farm-plots-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.farm-plots-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.farm-header{flex-direction:column;text-align:center;gap:1rem}.farm-upgrade-info-inline{align-self:stretch;max-width:100%}.farm-header-center h1{font-size:2.2rem}.farm-header-spacer{display:none}}@media (max-width: 768px){.farm-header{padding:1rem}.farm-upgrade-info-inline{padding:.6rem .8rem;gap:.3rem;min-width:0}.inline-label{font-size:.7rem}.inline-benefits{font-size:.85rem}.inline-cost{font-size:.75rem}.farm-header-center h1{font-size:1.8rem;letter-spacing:2px}.farm-title-icon{width:32px;height:32px}.farm-header-center p{font-size:1rem}.farm-stats{gap:15px}.stat-item{font-size:.9rem;padding:6px 12px}.farm-start-upgrade-btn,.farm-claim-upgrade-btn{padding:.6rem 1.2rem;font-size:.9rem;min-width:160px}}@media (max-width: 480px){.farm-header{padding:.75rem;gap:.75rem}.farm-header-center h1{font-size:1.4rem;flex-direction:column;gap:.5rem}.farm-title-icon{width:28px;height:28px}.farm-header-center p{font-size:.9rem}.farm-stats{gap:10px}.stat-item{font-size:.8rem;padding:5px 10px}.stat-icon{width:16px;height:16px}.farm-start-upgrade-btn,.farm-claim-upgrade-btn{padding:.5rem 1rem;font-size:.8rem;min-width:140px;letter-spacing:1px}}@media (max-width: 1024px){.farm-plots-grid{grid-template-columns:repeat(3,1fr);gap:15px}.farm-header h1{font-size:2.5rem}.farm-header p{font-size:1.1rem}}@media (max-width: 768px){.farm-page{padding:15px}.farm-plots-grid{grid-template-columns:repeat(3,1fr);gap:12px}.farm-header h1{font-size:2rem}.farm-header p{font-size:1rem}.farm-stats{gap:15px;flex-wrap:wrap}.stat-item{font-size:.9rem;padding:6px 12px}.farm-plot{padding:10px;font-size:.9rem}}@media (max-width: 600px){.farm-plots-grid{grid-template-columns:repeat(2,1fr);gap:10px}.farm-header{padding:15px}.farm-header h1{font-size:1.8rem}.farm-header p{font-size:.95rem}.farm-stats{gap:10px}.stat-item{font-size:.85rem;padding:5px 10px}.farm-plot{padding:8px;font-size:.85rem;border-width:3px}.farm-plot-title,.plot-status{font-size:.8rem}.modal-content{min-width:90%;max-width:95%;padding:15px;max-height:85vh;overflow-y:auto}.modal h2{font-size:1.3rem}.seed-grid,.harvest-info{font-size:.9rem}}@media (max-width: 480px){.farm-page{padding:10px}.farm-plots-grid{grid-template-columns:repeat(2,1fr);gap:8px}.farm-header{padding:12px;margin-bottom:15px}.farm-header h1{font-size:1.5rem}.farm-header p{font-size:.85rem}.farm-stats{gap:8px}.stat-item{font-size:.75rem;padding:4px 8px}.farm-plot{padding:6px;font-size:.75rem;border-width:2px;min-height:100px;overflow:hidden}.farm-plot-title{font-size:.7rem}.plot-status{font-size:.75rem}.lock-icon img{width:50px;max-width:60%}.crop-image{width:40px;height:40px;margin-bottom:4px}.plot-icon-image{width:36px;height:36px}.plot-content{gap:4px}.plot-crop-name{font-size:.75rem}.plot-timer{font-size:.85rem}.plot-yield{font-size:1.1rem}.plot-hint{font-size:.7rem}.modal button{min-height:44px;font-size:.9rem;padding:.6rem 1rem}}@media (max-width: 360px){.farm-header h1{font-size:1.3rem}.farm-plot{padding:4px;font-size:.7rem;min-height:90px;overflow:hidden}.lock-icon img{width:40px;max-width:55%}.crop-image{width:32px;height:32px;margin-bottom:2px}.plot-icon-image{width:28px;height:28px}.plot-content{gap:3px}.plot-crop-name{font-size:.65rem}.plot-timer{font-size:.75rem}.plot-status{font-size:.65rem}.plot-yield{font-size:.95rem}.plot-hint{font-size:.6rem}.growth-progress-bar{height:5px;margin:4px 0}}.farm-action-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-top:1rem;margin-bottom:1.5rem}.farm-action-row .farm-tabs-row{flex-shrink:0}.farm-tabs-row{display:flex;gap:0;background:linear-gradient(180deg,#231912f2,#19120cfa);border-radius:10px;border:2px solid rgba(139,69,19,.6);padding:4px;box-shadow:0 4px 16px #00000080,inset 0 1px #ffd70014}.farm-tab-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1.4rem;min-width:110px;font-family:Impact,Arial Black,sans-serif;font-weight:400;font-size:.95rem;letter-spacing:1.5px;text-transform:uppercase;color:#d4a574;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.8)}.farm-tab-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#ffd70000 0% 100%);border-radius:6px;transition:all .3s ease;pointer-events:none}.farm-tab-btn:hover{color:gold;background:linear-gradient(180deg,#3d2817cc,#2a1c10e6);text-shadow:0 0 10px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.9)}.farm-tab-btn:hover:before{background:radial-gradient(ellipse at center,#ffd70014,#ffd70000 70%)}.farm-tab-btn:hover .farm-tab-icon{transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.farm-tab-btn.active{color:gold;background:linear-gradient(180deg,#8b451399,#654321b3);border:1px solid rgba(255,215,0,.3);box-shadow:inset 0 1px #ffd70026,0 0 15px #ff8c0033;text-shadow:0 0 12px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.9)}.farm-tab-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));transition:all .3s ease}.farm-tab-notification-badge{position:absolute;top:2px;right:4px;min-width:18px;height:18px;padding:0 5px;font-family:Impact,sans-serif;font-size:.7rem;font-weight:400;line-height:18px;text-align:center;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:1px solid rgba(76,175,80,.6);border-radius:9px;box-shadow:0 2px 8px #4caf5080,inset 0 1px #fff3;animation:farm-tab-badge-pulse 2s ease-in-out infinite}@keyframes farm-tab-badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #4caf5080}50%{transform:scale(1.1);box-shadow:0 4px 16px #4caf50b3}}.ranch-content{display:flex;flex-direction:column;gap:2rem;width:100%;margin-top:20px;animation:farm-tab-content-fade-in .4s ease-out}@keyframes farm-tab-content-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ranch-section{background:linear-gradient(180deg,#3d2817f2,#2a1810e6);border-radius:12px;border:2px solid rgba(139,69,19,.6);padding:1.25rem;box-shadow:0 4px 20px #0006,inset 0 1px #ffd7001a}.ranch-section-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid rgba(139,69,19,.4)}.ranch-section-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.ranch-section-header h2{margin:0;font-family:Impact,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:gold;text-shadow:0 0 10px rgba(255,215,0,.4),0 2px 4px rgba(0,0,0,.8)}.ranch-section-header p{margin:0;font-family:Roboto,sans-serif;font-size:.9rem;color:#ff8c00;font-style:italic;font-weight:700;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.8)}.ranch-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.ranch-slot{position:relative;background:linear-gradient(135deg,#3d2817e6,#2a1810f2);border-radius:10px;border:3px solid #654321;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:inset 0 4px 8px #0006}.ranch-slot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,#ffd70000 0% 100%);transition:all .3s ease;pointer-events:none}.ranch-slot:hover{transform:translateY(-3px);border-color:#ff8c00;box-shadow:0 0 15px #ff8c0080,inset 0 4px 8px #0006}.ranch-slot:hover:before{background:radial-gradient(circle at 50% 0%,#ffd70026,#ffd70000 70%)}.ranch-slot-chekken{border-color:#8b5a2bcc}.ranch-slot-chekken:hover{border-color:gold;box-shadow:0 0 20px #ffd70066,inset 0 4px 8px #0006}.ranch-slot-gow{border-color:#8b5a2bcc}.ranch-slot-gow:hover{border-color:#daa520;box-shadow:0 0 20px #daa52066,inset 0 4px 8px #0006}.ranch-slot-number{position:absolute;top:5px;left:10px;font-size:12px;color:#888;font-weight:700}.ranch-slot-content{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding-top:1rem}.ranch-animal-image{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transition:transform .3s ease}.ranch-slot:hover .ranch-animal-image{transform:scale(1.1);animation:ranch-animal-bounce .5s ease}@keyframes ranch-animal-bounce{0%,to{transform:scale(1.1) translateY(0)}50%{transform:scale(1.1) translateY(-5px)}}.ranch-slot-status{font-family:Impact,sans-serif;font-size:.9rem;font-weight:600;text-transform:uppercase;color:#fff}.ranch-slot-hint{font-family:Roboto,sans-serif;font-size:.75rem;color:#aaa;font-style:italic}.ranch-feed-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.6rem 1rem;margin-top:.5rem;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#22c55eb3,#16a34acc);border:1px solid rgba(34,197,94,.5);border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.ranch-feed-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .4s ease}.ranch-feed-btn:not(:disabled):hover:before{left:100%}.ranch-feed-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66,0 0 20px #22c55e33}.ranch-feed-btn:disabled{background:linear-gradient(180deg,#64646480,#3c3c3c99);border-color:#6464644d;color:#fff6;cursor:not-allowed}.feed-btn-icon{width:18px;height:18px;object-fit:contain}.ranch-collect-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.7rem 1rem;margin-top:.5rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#ffc107cc,#ffa000e6);border:2px solid rgba(255,193,7,.6);border-radius:6px;cursor:pointer;transition:all .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.5);animation:ranch-collect-pulse 1.5s ease-in-out infinite}@keyframes ranch-collect-pulse{0%,to{box-shadow:0 0 10px #ffc10766}50%{box-shadow:0 0 20px #ffc107b3}}.ranch-collect-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px #ffc10780,0 0 30px #ffc1074d}.ranch-slot-timer{font-family:monospace;font-size:1.1rem;font-weight:700;color:#ffeb3b;text-shadow:0 2px 4px rgba(0,0,0,.8)}.ranch-slot-yield{font-size:1.3rem;font-weight:700;color:#4caf50;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.ranch-slot-status.locked{color:#888}.ranch-slot-status.producing{color:#ffeb3b;animation:text-pulse 2s ease-in-out infinite}.ranch-slot-status.ready{color:#4caf50;font-size:1.1rem;text-shadow:0 0 10px rgba(76,175,80,.6);animation:text-pulse 1.5s ease-in-out infinite}@keyframes text-pulse{0%,to{opacity:1}50%{opacity:.7}}.ranch-lock-image{width:48px;height:48px;object-fit:contain;opacity:.6;filter:grayscale(50%)}.ranch-slot.locked{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-color:#444;opacity:.8;cursor:not-allowed}.ranch-slot.locked:before{background:#0000004d}.fishing-content{display:flex;flex-direction:column;gap:1.5rem;width:100%;margin-top:20px;animation:farm-tab-content-fade-in .4s ease-out}.fishing-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.fishing-slot{position:relative;background:linear-gradient(135deg,#3d2817e6,#2a1810f2);border-radius:10px;border:3px solid #654321;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:inset 0 4px 8px #0006}.fishing-slot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,#ffd70000 0% 100%);transition:all .3s ease;pointer-events:none}.fishing-slot:hover{transform:translateY(-3px);border-color:#ff8c00;box-shadow:0 0 15px #ff8c0080,inset 0 4px 8px #0006}.fishing-slot:hover:before{background:radial-gradient(circle at 50% 100%,#ffd70026,#ffd70000 70%)}.fishing-slot:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;background:#ffd7001a;border-radius:50%;transform:translate(-50%);transition:all .5s ease;pointer-events:none}.fishing-slot:hover:after{width:200%;height:100px;opacity:0}.fishing-slot-number{position:absolute;top:5px;left:10px;font-size:12px;color:#888;font-weight:700}.fishing-slot-content{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding-top:1rem}.fishing-spot-image{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transition:transform .3s ease}.fishing-slot:hover .fishing-spot-image{transform:scale(1.1) rotate(-5deg)}.fishing-slot-status{font-family:Impact,sans-serif;font-size:.9rem;font-weight:600;text-transform:uppercase;color:#fff}.fishing-slot-hint{font-family:Roboto,sans-serif;font-size:.75rem;color:#aaa;font-style:italic}.fishing-cast-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.6rem 1rem;margin-top:.5rem;font-family:Cinzel,serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#1a1207;background:linear-gradient(180deg,gold,#ffb800 30%,#f5a623 70%,#d4920a);border:2px solid #b8860b;border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff4d,inset 0 -1px #0003;text-shadow:0 1px 0 rgba(255,255,255,.3)}.fishing-cast-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .4s ease}.fishing-cast-btn:not(:disabled):hover:before{left:100%}.fishing-cast-btn:not(:disabled):hover{transform:translateY(-2px);background:linear-gradient(180deg,#ffe44d,#ffc933 30%,#ffb347 70%,#e5a00a);border-color:#daa520;box-shadow:0 6px 20px #ffb40080,inset 0 1px #fff6,inset 0 -1px #0003}.fishing-cast-btn:disabled{background:linear-gradient(180deg,#64646480,#3c3c3c99);border-color:#6464644d;color:#fff6;cursor:not-allowed;text-shadow:none}.fishing-reel-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.7rem 1rem;margin-top:.5rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#4caf50cc,#388e3ce6);border:2px solid rgba(76,175,80,.6);border-radius:6px;cursor:pointer;transition:all .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.5);animation:fishing-reel-pulse 1.5s ease-in-out infinite}@keyframes fishing-reel-pulse{0%,to{box-shadow:0 0 10px #4caf5066}50%{box-shadow:0 0 20px #4caf50b3}}.fishing-reel-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px #4caf5080,0 0 30px #4caf504d}.fishing-slot-timer{font-family:Impact,sans-serif;font-size:1.2rem;color:#ffeb3b;text-shadow:0 2px 4px rgba(0,0,0,.8)}.fishing-slot-yield{font-family:Impact,sans-serif;font-size:1.1rem;color:#4caf50;text-shadow:0 2px 4px rgba(0,0,0,.8)}.fishing-slot-status.locked{color:#888}.fishing-slot-status.fishing{color:#ffeb3b;animation:text-pulse 2s ease-in-out infinite}.fishing-slot-status.ready{color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.6);animation:text-pulse 1.5s ease-in-out infinite}.fishing-lock-image{width:48px;height:48px;object-fit:contain;opacity:.6;filter:grayscale(50%)}.fishing-slot.locked{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-color:#444;opacity:.8;cursor:not-allowed}.fishing-slot.locked:before{background:#0000004d}@media (max-width: 480px){.farm-tabs-row{padding:3px;border-radius:8px}.farm-tab-btn{padding:.6rem .8rem;font-size:.75rem;min-height:44px;min-width:90px;letter-spacing:1px}.farm-tab-icon{width:20px;height:20px}.ranch-slots-grid,.fishing-slots-grid{grid-template-columns:1fr;gap:.75rem}.ranch-slot,.fishing-slot{min-height:120px}.ranch-feed-btn,.ranch-collect-btn,.fishing-cast-btn,.fishing-reel-btn{min-height:44px;font-size:.75rem}.ranch-section-header h2{font-size:1.1rem}}@media (min-width: 481px) and (max-width: 768px){.farm-tabs-row{padding:4px}.farm-tab-btn{padding:.65rem 1rem;font-size:.85rem;min-height:44px}.ranch-slots-grid,.fishing-slots-grid{grid-template-columns:repeat(2,1fr)}.ranch-feed-btn,.ranch-collect-btn,.fishing-cast-btn,.fishing-reel-btn{min-height:44px}}@media (min-width: 769px) and (max-width: 1200px){.ranch-slots-grid,.fishing-slots-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion: reduce){.ranch-collect-btn,.fishing-reel-btn,.ranch-slot-status.producing,.ranch-slot-status.ready,.fishing-slot-status.fishing,.fishing-slot-status.ready{animation:none}.ranch-slot:hover,.fishing-slot:hover,.ranch-feed-btn:hover,.ranch-collect-btn:hover,.fishing-cast-btn:hover,.fishing-reel-btn:hover,.farm-tab-btn:hover{transform:none}}.cast-btn-icon{width:18px;height:18px;object-fit:contain}@media (max-width: 1024px){.farm-action-row{flex-wrap:wrap;gap:.75rem}.farm-tabs-row{max-width:100%}.farm-tab-btn{padding:.65rem 1.2rem;font-size:.9rem}.farm-tab-icon{width:22px;height:22px}.ranch-slots-grid,.fishing-slots-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 768px){.farm-action-row{flex-direction:column;align-items:stretch;gap:.75rem}.farm-tabs-row{justify-content:center}.farm-tab-btn{padding:.6rem 1rem;font-size:.85rem;gap:.5rem;min-width:100px}.farm-tab-icon{width:22px;height:22px}.ranch-section-header h2{font-size:1.2rem}.ranch-animal-image{width:56px;height:56px}.fishing-spot-image{width:48px;height:48px}}@media (max-width: 600px){.farm-action-row{gap:.5rem}.farm-tabs-row{padding:3px;border-radius:8px}.farm-tab-btn{flex:1 1 auto;min-width:90px;padding:.55rem .8rem;font-size:.8rem;justify-content:center}.farm-tab-icon{width:20px;height:20px}.ranch-content,.fishing-content{padding:.5rem}.ranch-section{padding:1rem}.ranch-slots-grid,.fishing-slots-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.ranch-slot,.fishing-slot{padding:.75rem}.ranch-animal-image{width:48px;height:48px}.fishing-spot-image{width:44px;height:44px}.ranch-feed-btn,.fishing-cast-btn{padding:.5rem .75rem;font-size:.75rem}}@media (max-width: 480px){.farm-tabs-row{padding:3px;border-radius:7px}.farm-tab-btn{padding:.5rem .6rem;font-size:.75rem;border-radius:5px;min-width:80px;letter-spacing:.5px}.farm-tab-icon{width:18px;height:18px}.farm-tab-notification-badge{min-width:16px;height:16px;font-size:.65rem;line-height:16px;top:0;right:2px}.ranch-section-icon{width:40px;height:40px}.ranch-section-header h2{font-size:1.1rem;letter-spacing:1px}.ranch-section-header p{font-size:.8rem}.ranch-slot-status,.fishing-slot-status{font-size:.75rem}.ranch-slot-hint,.fishing-slot-hint{font-size:.7rem}}@media (max-width: 360px){.farm-tabs-row{padding:2px;border-radius:6px}.farm-tab-btn{padding:.45rem .5rem;font-size:.7rem;gap:.3rem;min-width:70px;letter-spacing:0;border-radius:4px}.farm-tab-icon{width:16px;height:16px}.ranch-slots-grid,.fishing-slots-grid{grid-template-columns:1fr}.ranch-animal-image{width:44px;height:44px}.fishing-spot-image{width:40px;height:40px}.ranch-feed-btn,.fishing-cast-btn{padding:.45rem .5rem;font-size:.7rem}.feed-btn-icon,.cast-btn-icon{width:16px;height:16px}}@media (prefers-reduced-motion: reduce){.farm-tab-btn,.ranch-slot,.fishing-slot,.ranch-animal-image,.fishing-spot-image,.ranch-feed-btn,.fishing-cast-btn{transition:none}.farm-tab-btn:before,.ranch-feed-btn:before,.fishing-cast-btn:before{display:none}@keyframes ranch-animal-bounce{0%,to{transform:scale(1.1)}}@keyframes farm-tab-badge-pulse{0%,to{transform:scale(1)}}@keyframes farm-tab-content-fade-in{0%{opacity:1;transform:none}}}.crafting-page{max-width:1600px;margin:0 auto;padding:1.5rem;animation:craftingPageFadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes craftingPageFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.crafting-header{text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,rgba(255,215,0,.08) 0%,transparent 50%,rgba(139,69,19,.08) 100%),linear-gradient(135deg,#8b4513d9,#000000f2);border:4px solid #8b4513;border-radius:16px;padding:1.5rem;box-shadow:0 10px 24px #000c,0 5px 12px #0009,inset 0 1px #ffd70033,inset 0 2px 4px #0000004d;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.crafting-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 20%,rgba(255,215,0,.08) 0%,transparent 70%);pointer-events:none;border-radius:12px;z-index:0}.crafting-header:hover{border-color:#d4af37;box-shadow:0 12px 28px #000000d9,0 6px 14px #000000b3,0 0 35px #ffd70040,inset 0 1px #ffd7004d}.crafting-title-row{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative;z-index:1}.crafting-title-image{max-width:42px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8));margin:0;animation:craftingIconFloat 3.5s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes craftingIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.crafting-title-image:hover{transform:scale(1.1) rotate(10deg);filter:drop-shadow(0 6px 12px rgba(0,0,0,.9))}.crafting-header h1{margin:0;font-size:2.5rem;color:gold;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 25px rgba(255,215,0,.5);font-family:Impact,sans-serif;letter-spacing:3px;text-transform:uppercase;position:relative;z-index:1}.crafting-header p{margin:10px 0 0;font-size:1.15rem;color:#ff8c00;font-style:italic;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);position:relative;z-index:1}.crafting-stats{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:2px solid rgba(139,69,19,.4);flex-wrap:wrap;position:relative;z-index:1}.crafting-stats .stat-item{font-size:1rem;color:#fff;font-weight:900;background:linear-gradient(135deg,#0006,#14141499);padding:.7rem 1.25rem;border-radius:10px;border:3px solid rgba(255,215,0,.4);display:flex;align-items:center;gap:.6rem;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.8)}.crafting-stats .stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease;pointer-events:none}.crafting-stats .stat-item:hover:before{left:100%}.crafting-stats .stat-item:hover{transform:translateY(-3px) scale(1.05);border-color:gold;box-shadow:0 6px 12px #000000b3,0 0 20px #ffd70066,inset 0 1px #ffffff26}.crafting-stats .stat-item.active{border-color:#ffeb3b;background:linear-gradient(135deg,#ffeb3b40,#ffd70026);animation:statItemActivePulse 2s ease-in-out infinite}@keyframes statItemActivePulse{0%,to{box-shadow:0 4px 8px #0009,0 0 15px #ffeb3b66}50%{box-shadow:0 4px 8px #0009,0 0 30px #ffeb3bb3}}.crafting-stats .stat-item.complete{border-color:#4caf50;background:linear-gradient(135deg,#4caf5040,#388e3c26);color:#90ee90;animation:statItemCompletePulse 2s ease-in-out infinite}@keyframes statItemCompletePulse{0%,to{box-shadow:0 4px 8px #0009,0 0 15px #4caf5066}50%{box-shadow:0 4px 8px #0009,0 0 30px #4caf50b3}}.stat-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));transition:all .3s cubic-bezier(.4,0,.2,1)}.crafting-stats .stat-item:hover .stat-icon{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 3px 6px rgba(0,0,0,.9))}.status-icon-inline{width:18px;height:18px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));animation:statusIconPulse 1.5s ease-in-out infinite}@keyframes statusIconPulse{0%,to{opacity:1}50%{opacity:.7}}.time-icon{width:16px;height:16px;object-fit:contain;vertical-align:middle;margin-right:4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.crafting-content{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;animation:contentSlideIn .6s cubic-bezier(.4,0,.2,1) .2s backwards}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crafting-left{display:flex;flex-direction:column;gap:1.25rem}.category-tabs{display:flex;gap:1rem}.category-tab{flex:1;padding:1rem 1.25rem;font-size:1.15rem;font-weight:900;font-family:Impact,sans-serif;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#424242,#2d2d2d,#1a1a1a);border:4px solid;border-radius:12px;color:#bbb;text-shadow:0 2px 4px rgba(0,0,0,.8);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff14;position:relative;overflow:hidden}.category-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transition:left .6s ease;pointer-events:none;z-index:1}.category-tab:hover:not(.active):before{left:100%}.tab-icon{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.category-tab.furnace{border-color:#cc5528}.category-tab.workshop{border-color:#654321}.category-tab.potion{border-color:#7b1fa2}.category-tab:hover:not(.active){border-color:gold;transform:translateY(-4px) scale(1.02);box-shadow:0 6px 12px #000000b3,0 0 20px #ffd7004d;color:gold}.category-tab:hover .tab-icon{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 3px 6px rgba(0,0,0,.9))}.category-tab.active.furnace{background:linear-gradient(135deg,#ff6b35,#ff5722,#cc5528);color:#fff;border-color:#ff8c66;animation:furnaceActivePulse 2.5s ease-in-out infinite;transform:translateY(2px)}@keyframes furnaceActivePulse{0%,to{box-shadow:0 2px 4px #0009,0 0 20px #ff6b3599,inset 0 2px 4px #0000004d}50%{box-shadow:0 2px 4px #0009,0 0 35px #ff6b35e6,inset 0 2px 4px #0000004d}}.category-tab.active.workshop{background:linear-gradient(135deg,#8b4513,#7a3f10,#654321);color:gold;border-color:sienna;animation:workshopActivePulse 2.5s ease-in-out infinite;transform:translateY(2px)}@keyframes workshopActivePulse{0%,to{box-shadow:0 2px 4px #0009,0 0 20px #8b451399,inset 0 2px 4px #0000004d}50%{box-shadow:0 2px 4px #0009,0 0 35px #8b4513e6,inset 0 2px 4px #0000004d}}.category-tab.active.potion{background:linear-gradient(135deg,#9c27b0,#8e24aa,#7b1fa2);color:#fff;border-color:#ab47bc;animation:potionActivePulse 2.5s ease-in-out infinite;transform:translateY(2px)}@keyframes potionActivePulse{0%,to{box-shadow:0 2px 4px #0009,0 0 20px #9c27b099,inset 0 2px 4px #0000004d}50%{box-shadow:0 2px 4px #0009,0 0 35px #9c27b0e6,inset 0 2px 4px #0000004d}}.unified-station-header{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:3px solid;border-radius:12px;padding:1.25rem;box-shadow:0 6px 12px #000c,inset 0 1px #ffd7001a;display:flex;flex-direction:column;gap:1rem}.station-info-row{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,215,0,.2)}.station-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.9));flex-shrink:0}.station-details{flex:1;min-width:0}.station-title{margin:0 0 .25rem;font-size:1.6rem;color:gold;font-family:Impact,sans-serif;letter-spacing:1px;text-shadow:0 3px 6px rgba(0,0,0,.9);text-transform:uppercase}.station-description{margin:0;color:#ccc;font-size:1rem;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.8)}.unified-station-header .building-upgrade-panel{background:transparent;border:none;padding:0;margin:0}.unified-station-header .upgrade-content{display:flex;flex-direction:column;gap:.75rem}.unified-station-header .upgrade-preview{background:#0000004d;border:2px solid rgba(255,215,0,.3);border-radius:8px;padding:.75rem 1rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.unified-station-header .preview-label{color:gold;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.unified-station-header .preview-benefits{color:#90ee90;font-size:1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8)}.unified-station-header .preview-cost{color:#ffb74d;font-size:.9rem;font-weight:600;white-space:nowrap}.unified-station-header .current-benefits{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.unified-station-header .start-upgrade-btn{align-self:stretch;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:900;background:linear-gradient(135deg,gold,#ffb300);color:#2d2d2d;border:3px solid #d4af37;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px #b8860b,0 6px 12px #0009;text-shadow:0 1px 2px rgba(0,0,0,.3)}.unified-station-header .start-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px #b8860b,0 8px 16px #000000b3}.unified-station-header .start-upgrade-btn:active{transform:translateY(0);box-shadow:0 2px #b8860b,0 4px 8px #0009}.unified-station-header .claim-upgrade-btn{align-self:stretch;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:900;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:3px solid #2e7d32;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px #1b5e20,0 6px 12px #0009;animation:claimPulse 2s ease-in-out infinite}.unified-station-header .claim-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px #1b5e20,0 8px 16px #000000b3}@keyframes claimPulse{0%,to{box-shadow:0 4px #1b5e20,0 6px 12px #0009,0 0 #4caf5000}50%{box-shadow:0 4px #1b5e20,0 6px 12px #0009,0 0 20px #4caf5099}}.unified-station-header .active-upgrade{background:#ff980026;border:2px solid #ff9800;border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.unified-station-header .upgrade-timer{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ffb74d;font-size:1rem;font-weight:700}.unified-station-header .cancel-upgrade-btn{padding:.6rem 1rem;font-size:.9rem;font-weight:700;background:linear-gradient(180deg,#f44336,#c62828);color:#fff;border:2px solid #b71c1c;border-radius:6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.unified-station-header .cancel-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0009}.unified-station-header .max-level-indicator{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-align:center;font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;border:3px solid #6a1b9a;box-shadow:0 4px 12px #0009}.recipe-list{background:linear-gradient(135deg,rgba(0,0,0,.05) 0%,transparent 50%,rgba(139,69,19,.05) 100%),linear-gradient(135deg,#2d2d2d,#1a1a1a);border:4px solid #8b4513;border-radius:14px;padding:.85rem;max-height:650px;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem;box-shadow:0 8px 20px #000000b3,inset 0 1px #ffd70026,inset 0 2px 6px #0006;transition:all .3s cubic-bezier(.4,0,.2,1)}.recipe-list:hover{border-color:#d4af37;box-shadow:0 10px 24px #000000bf,0 0 30px #8b45134d,inset 0 1px #ffd70033}.recipe-list::-webkit-scrollbar{width:8px}.recipe-list::-webkit-scrollbar-track{background:#0006;border-radius:4px}.recipe-list::-webkit-scrollbar-thumb{background:#8b451399;border-radius:4px}.recipe-list::-webkit-scrollbar-thumb:hover{background:#8b4513cc}.no-recipes{text-align:center;padding:2.5rem;color:#999;font-size:1.1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;min-height:200px}.no-recipes p{margin:0;line-height:1.6}.recipe-card{background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%,rgba(0,0,0,.1) 100%),linear-gradient(135deg,#3a3a3a,#2d2d2d);border:3px solid #555;border-radius:10px;padding:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;gap:.75rem;position:relative;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff0d}.recipe-card:hover:not(.locked){border-color:gold;transform:translate(4px) translateY(-2px);box-shadow:0 6px 16px #000000b3,0 0 20px #ffd70066,0 0 40px #ffd70026,inset 0 1px #ffffff1a,inset 0 0 20px #ffd7000d}.recipe-card.selected{border-color:#4caf50;background:linear-gradient(135deg,rgba(76,175,80,.15) 0%,transparent 50%),linear-gradient(135deg,#4a4a4a,#3d3d3d);box-shadow:0 5px 12px #000000b3,0 0 20px #4caf5099,inset 0 1px #4caf5033;animation:selectedRecipePulse 2.5s ease-in-out infinite}@keyframes selectedRecipePulse{0%,to{box-shadow:0 5px 12px #000000b3,0 0 20px #4caf5099}50%{box-shadow:0 5px 12px #000000b3,0 0 32px #4caf50d9}}.recipe-card.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.recipe-card.locked:hover{transform:none;border-color:#555;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff0d}.recipe-result-image{width:56px;height:56px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8));position:relative;z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.recipe-card:hover:not(.locked) .recipe-result-image{transform:scale(1.08);filter:drop-shadow(0 4px 10px rgba(0,0,0,.9))}.recipe-info{flex:1;position:relative;z-index:2;min-width:0;display:flex;flex-direction:column}.recipe-name{font-size:1.05rem;font-weight:900;color:gold;margin-bottom:.25rem;font-family:Impact,sans-serif;letter-spacing:.5px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.recipe-card:hover:not(.locked) .recipe-name{color:#ffe54e;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.5)}.recipe-result{font-size:.85rem;color:#4caf50;margin-bottom:.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1.3}.recipe-time{font-size:.8rem;color:#ffeb3b;margin-bottom:.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1.3}.recipe-description-compact{font-size:.75rem;color:#bbb;font-style:italic;margin-bottom:.5rem;line-height:1.3;max-height:2.6rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.recipe-ingredients-compact{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,215,0,.2)}.ingredient-compact{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:.3rem .6rem;border-radius:4px;background:#0000004d;line-height:1.2}.ingredient-compact.have{border-left:3px solid #4caf50;background:linear-gradient(90deg,#4caf501a,#0000004d)}.ingredient-compact.need{border-left:3px solid #f44336;background:linear-gradient(90deg,#f4433614,#0000004d)}.ingredient-name-compact{color:#ddd;flex:1;font-size:.75rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ingredient-qty-compact{color:#fff;font-weight:900;font-family:monospace;font-size:.75rem;text-shadow:0 1px 2px rgba(0,0,0,.8);flex-shrink:0}.ingredient-compact.have .ingredient-qty-compact{color:#66bb6a;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(76,175,80,.4)}.ingredient-compact.need .ingredient-qty-compact{color:#ff5252;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(244,67,54,.3)}.locked-overlay{position:absolute;top:50%;right:6px;transform:translateY(-50%);font-size:2rem;opacity:.9;z-index:3;animation:lockedPulse 2.5s ease-in-out infinite}@keyframes lockedPulse{0%,to{opacity:.85;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.05)}}.locked-overlay img{width:48px;height:auto;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(244,67,54,.3))}.crafting-right{background:linear-gradient(135deg,rgba(255,140,0,.04) 0%,transparent 50%,rgba(0,0,0,.08) 100%),linear-gradient(135deg,#2d2d2d,#1a1a1a);border:4px solid #8b4513;border-radius:14px;padding:1.75rem;min-height:500px;display:flex;flex-direction:column;box-shadow:0 8px 20px #000000b3,inset 0 1px #ffd70026,inset 0 2px 6px #0006;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.crafting-right:hover{border-color:#d4af37;box-shadow:0 10px 24px #000000bf,0 0 30px #8b45134d,inset 0 1px #ffd70033}.no-selection-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#999;gap:1rem}.no-selection-panel h2{margin:0;color:#d4d4d4;font-size:1.75rem;font-weight:900;font-family:Impact,sans-serif;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.8)}.no-selection-panel p{margin:0;font-size:1.1rem;line-height:1.6;max-width:350px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.recipe-details-panel{display:flex;flex-direction:column;gap:1.25rem}.recipe-details-panel h2{margin:0;color:gold;text-align:center;font-size:1.75rem;font-weight:900;font-family:Impact,sans-serif;letter-spacing:2px;text-transform:uppercase;border-bottom:3px solid #8b4513;padding-bottom:.9rem;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.4);box-shadow:0 2px 8px #0006}.recipe-preview{display:flex;justify-content:center;margin:1rem 0}.recipe-preview-image{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.9)) drop-shadow(0 0 20px rgba(255,215,0,.4));animation:recipePreviewFloat 3.5s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes recipePreviewFloat{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 4px 8px rgba(0,0,0,.9)) drop-shadow(0 0 20px rgba(255,215,0,.4))}50%{transform:translateY(-12px) rotate(3deg);filter:drop-shadow(0 6px 12px rgba(0,0,0,.9)) drop-shadow(0 0 30px rgba(255,215,0,.7))}}.recipe-preview-image:hover{transform:scale(1.1) rotate(10deg);filter:drop-shadow(0 6px 12px rgba(0,0,0,.9)) drop-shadow(0 0 35px rgba(255,215,0,.8))}.recipe-title{font-size:2rem;font-weight:900;font-family:Impact,sans-serif;letter-spacing:1.5px;color:gold;text-align:center;margin-bottom:.75rem;text-transform:uppercase;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.5);transition:all .3s cubic-bezier(.4,0,.2,1)}.recipe-description{color:#d4d4d4;font-size:1.05rem;text-align:center;margin-bottom:1.25rem;font-style:italic;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.8)}.recipe-result-info,.recipe-time-info{background:linear-gradient(135deg,#0006,#14141499);padding:.9rem 1.1rem;border-radius:8px;border:2px solid rgba(255,215,0,.3);color:#fff;font-size:1.15rem;font-weight:600;box-shadow:0 3px 6px #0009,inset 0 1px #ffd70014;text-shadow:0 2px 4px rgba(0,0,0,.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.recipe-result-info:hover,.recipe-time-info:hover{border-color:#ffd70080;box-shadow:0 4px 8px #000000b3,0 0 15px #ffd70033}.recipe-result-info strong,.recipe-time-info strong{color:gold;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.3)}.ingredients-section h3{margin:0 0 1rem;color:gold;font-size:1.35rem;font-weight:900;font-family:Impact,sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.3)}.ingredients-list{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.5rem}.ingredient-item{background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 100%),linear-gradient(135deg,#3a3a3a,#2d2d2d);border:3px solid;border-radius:8px;padding:.9rem 1rem;display:flex;align-items:center;gap:.9rem;box-shadow:0 3px 6px #0009,inset 0 1px #ffffff0a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ingredient-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease;pointer-events:none}.ingredient-item:hover:before{left:100%}.ingredient-item:hover{transform:translate(4px);box-shadow:0 4px 8px #000000b3,inset 0 1px #ffffff14}.ingredient-item.have{border-color:#4caf50;background:linear-gradient(135deg,rgba(76,175,80,.08) 0%,transparent 100%),linear-gradient(135deg,#3a3a3a,#2d2d2d)}.ingredient-item.have:hover{border-color:#66bb6a;box-shadow:0 4px 8px #000000b3,0 0 15px #4caf5066}.ingredient-item.need{border-color:#f44336;background:linear-gradient(135deg,rgba(244,67,54,.06) 0%,transparent 100%),linear-gradient(135deg,#3a3a3a,#2d2d2d)}.ingredient-item.need:hover{border-color:#ff5252;box-shadow:0 4px 8px #000000b3,0 0 15px #f443364d}.ingredient-image{width:42px;height:42px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8));transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.ingredient-item:hover .ingredient-image{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.9))}.ingredient-info{flex:1;position:relative;z-index:2;min-width:0}.ingredient-name{font-size:1rem;font-weight:900;color:#fff;font-family:Impact,sans-serif;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1.3}.ingredient-qty{font-size:.9rem;color:#ccc;font-weight:700;font-family:monospace;text-shadow:0 1px 2px rgba(0,0,0,.8);margin-top:.2rem}.btn-start-craft{padding:1.25rem 1.5rem;font-size:1.35rem;font-weight:900;font-family:Impact,sans-serif;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#4caf50,#45a049,#2e7d32);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);border:4px solid #2e7d32;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 12px #0009,inset 0 1px #ffffff26;position:relative;overflow:hidden}.btn-start-craft:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transition:left .6s ease;pointer-events:none}.btn-start-craft:hover:not(:disabled):before{left:100%}.btn-start-craft:hover:not(:disabled){transform:translateY(-5px) scale(1.03);background:linear-gradient(135deg,#66bb6a,#5cbf60,#388e3c);border-color:#4caf50;box-shadow:0 10px 20px #000000b3,0 0 35px #4caf50b3,inset 0 1px #fff3}.btn-start-craft:active:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 4px 8px #0009,inset 0 1px #ffffff1a}.btn-start-craft:disabled{background:linear-gradient(135deg,#757575,#616161,#424242);border-color:#424242;cursor:not-allowed;opacity:.5;filter:grayscale(.6);transform:none}.active-craft-panel{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.active-craft-panel h2{margin:0;color:gold;text-align:center;font-size:1.75rem;font-weight:900;font-family:Impact,sans-serif;letter-spacing:2px;text-transform:uppercase;border-bottom:3px solid #8b4513;padding-bottom:.9rem;width:100%;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.4);box-shadow:0 2px 8px #0006}.crafting-process{text-align:center;font-size:1.15rem;color:#ffedcc;padding:1rem 1.25rem;background:linear-gradient(135deg,#ff8c0026,#0006);border-radius:10px;border:3px solid rgba(255,140,0,.4);margin-bottom:1.25rem;width:100%;font-style:italic;font-weight:600;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;box-shadow:0 4px 8px #0009,inset 0 1px #ff8c0033;text-shadow:0 2px 4px rgba(0,0,0,.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.crafting-process:hover{border-color:#ff8c0099;box-shadow:0 5px 10px #000000b3,0 0 20px #ff8c004d}.process-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));vertical-align:middle;transition:all .3s cubic-bezier(.4,0,.2,1)}.crafting-process:hover .process-icon{transform:scale(1.1);filter:drop-shadow(0 3px 6px rgba(0,0,0,.9))}.crafting-process span{color:gold;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.3)}.craft-preview{margin:1rem 0}.crafting-image{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.9));animation:craftingSpin 5s linear infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes craftingSpin{0%{transform:rotate(0);filter:drop-shadow(0 4px 8px rgba(0,0,0,.9)) drop-shadow(0 0 15px rgba(255,140,0,.3))}50%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.9)) drop-shadow(0 0 25px rgba(255,140,0,.6))}to{transform:rotate(360deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.9)) drop-shadow(0 0 15px rgba(255,140,0,.3))}}.crafting-image.complete{animation:celebrateComplete 1.2s ease-in-out infinite;filter:drop-shadow(0 5px 10px rgba(0,0,0,.9)) drop-shadow(0 0 30px rgba(76,175,80,.9))}@keyframes celebrateComplete{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.15) rotate(-12deg)}75%{transform:scale(1.15) rotate(12deg)}}.craft-details{text-align:center}.craft-name{font-size:2rem;font-weight:900;font-family:Impact,sans-serif;letter-spacing:1.5px;color:gold;margin-bottom:.6rem;text-transform:uppercase;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.5)}.craft-result{font-size:1.3rem;font-weight:700;color:#4caf50;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 10px rgba(76,175,80,.3)}.craft-timer{font-size:3.5rem;font-weight:900;color:#ffeb3b;font-family:Impact,monospace;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,235,59,.5);animation:timerPulse 2s ease-in-out infinite}@keyframes timerPulse{0%,to{text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,235,59,.5);transform:scale(1)}50%{text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 35px rgba(255,235,59,.8);transform:scale(1.05)}}.craft-progress-bar{width:100%;height:24px;background:linear-gradient(135deg,#0f0f0f,#141414);border:3px solid rgba(139,69,19,.6);border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 6px #000c,0 2px 8px #00000080;position:relative}.craft-progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none}.craft-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#ff8c00,orange,#ff8c00,#ff6b35);transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #ff6b35cc,inset 0 1px #ffffff4d;position:relative;animation:progressShimmer 2s linear infinite;background-size:200% 100%}@keyframes progressShimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}.craft-progress-fill:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:progressSweep 3s ease-in-out infinite}@keyframes progressSweep{0%{left:-100%}50%{left:150%}to{left:150%}}.craft-ready{font-size:2.25rem;font-weight:900;font-family:Impact,sans-serif;color:#4caf50;letter-spacing:2px;text-transform:uppercase;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 25px rgba(76,175,80,.7);animation:craftReadyPulse 1.8s ease-in-out infinite}@keyframes craftReadyPulse{0%,to{transform:scale(1) translateY(0);text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 25px rgba(76,175,80,.7)}25%{transform:scale(1.05) translateY(-5px)}50%{transform:scale(1) translateY(0);text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 40px rgba(76,175,80,1)}75%{transform:scale(1.05) translateY(-5px)}}.btn-claim-craft,.btn-cancel-craft{padding:1.25rem 2.5rem;font-size:1.3rem;font-weight:900;font-family:Impact,sans-serif;letter-spacing:2px;text-transform:uppercase;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;position:relative;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.8)}.btn-claim-craft{background:linear-gradient(135deg,#4caf50,#45a049,#2e7d32);color:#fff;border:4px solid #2e7d32;box-shadow:0 6px 12px #0009,inset 0 1px #ffffff26;animation:claimCraftPulse 2s ease-in-out infinite}@keyframes claimCraftPulse{0%,to{box-shadow:0 6px 12px #0009,0 0 25px #4caf5099,inset 0 1px #ffffff26}50%{box-shadow:0 6px 12px #0009,0 0 45px #4caf50e6,inset 0 1px #ffffff26}}.btn-claim-craft:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .6s ease;pointer-events:none}.btn-claim-craft:hover:before{left:100%}.btn-claim-craft:hover{transform:translateY(-5px) scale(1.03);background:linear-gradient(135deg,#66bb6a,#5cbf60,#388e3c);border-color:#4caf50;box-shadow:0 10px 20px #000000b3,0 0 50px #4caf50e6}.btn-claim-craft:active{transform:translateY(-2px) scale(1.01)}.btn-cancel-craft{background:linear-gradient(135deg,#f44336,#e53935,#c62828);color:#fff;border:4px solid #b71c1c;box-shadow:0 6px 12px #0009,inset 0 1px #ffffff1f}.btn-cancel-craft:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease;pointer-events:none}.btn-cancel-craft:hover:before{left:100%}.btn-cancel-craft:hover{transform:translateY(-4px) scale(1.02);background:linear-gradient(135deg,#e57373,#ef5350,#d32f2f);border-color:#d32f2f;box-shadow:0 8px 16px #000000b3,0 0 30px #f44336b3}.btn-cancel-craft:active{transform:translateY(-1px) scale(1.01)}@media (max-width: 1200px){.crafting-content{grid-template-columns:1fr;gap:1.5rem}.crafting-right{min-height:400px}}@media (max-width: 768px){.category-tabs{gap:.6rem}.recipe-card{padding:.65rem;gap:.65rem}.recipe-result-image{width:52px;height:52px}.recipe-name{font-size:.95rem}.recipe-result{font-size:.8rem}.recipe-time{font-size:.75rem}.recipe-description-compact{font-size:.7rem}.ingredient-compact{font-size:.7rem;padding:.25rem .5rem}}@media (max-width: 1024px){.unified-station-header{padding:1rem}.station-icon{width:40px;height:40px}.station-title{font-size:1.4rem}.station-description{font-size:.9rem}.unified-station-header .upgrade-preview{grid-template-columns:1fr;gap:.5rem;text-align:center}.unified-station-header .preview-label,.unified-station-header .preview-cost{white-space:normal}}@media (max-width: 768px){.unified-station-header{padding:.75rem;gap:.75rem}.station-info-row{flex-direction:column;text-align:center;padding-bottom:.75rem}.station-icon{width:36px;height:36px}.station-title{font-size:1.2rem}.station-description{font-size:.85rem}.unified-station-header .upgrade-preview{padding:.6rem .75rem}.unified-station-header .preview-label{font-size:.8rem}.unified-station-header .preview-benefits{font-size:.9rem}.unified-station-header .preview-cost{font-size:.8rem}.unified-station-header .start-upgrade-btn{padding:.75rem 1rem;font-size:1rem}}@media (max-width: 1024px){.crafting-page{padding:1.25rem}.crafting-header h1{font-size:2.25rem}.crafting-header p{font-size:1.05rem}.crafting-content{gap:1.5rem}.recipe-list{max-height:600px}}@media (max-width: 768px){.crafting-page{padding:1rem}.crafting-content{grid-template-columns:1fr;gap:1.25rem}.crafting-header{padding:1.25rem}.crafting-header h1{font-size:2rem}.crafting-header p{font-size:1rem}.crafting-stats{gap:.75rem}.crafting-stats .stat-item{font-size:.85rem;padding:.5rem 1rem}.category-tabs{gap:.6rem}.category-tab{font-size:.95rem;padding:.75rem 1rem}.recipe-list{max-height:550px;padding:.75rem;gap:.65rem}.recipe-card{padding:.65rem}}@media (max-width: 600px){.crafting-page{padding:.85rem}.crafting-header{padding:1rem}.crafting-header h1{font-size:1.75rem}.crafting-header p{font-size:.95rem}.crafting-stats{gap:.6rem}.crafting-stats .stat-item{font-size:.75rem;padding:.4rem .8rem}.category-tabs{gap:.5rem;flex-direction:column}.category-tab{width:100%;font-size:.9rem;padding:.7rem;min-height:44px}.recipe-list{max-height:450px;padding:.65rem;gap:.6rem}.recipe-card{padding:.6rem}.recipe-result-image{width:48px;height:48px}.recipe-name{font-size:.9rem}.recipe-result{font-size:.75rem}.recipe-time{font-size:.7rem}.recipe-description-compact{font-size:.68rem}.ingredient-compact{font-size:.68rem;padding:.25rem .45rem}.recipe-details-panel,.active-craft-panel,.no-selection-panel{padding:1.25rem}.recipe-details-panel h2,.active-craft-panel h2,.no-selection-panel h2{font-size:1.4rem}.btn-start-craft,.btn-claim-craft,.btn-cancel-craft{min-height:48px;font-size:1.05rem;padding:.85rem 1.25rem}}@media (max-width: 480px){.crafting-page{padding:.7rem}.crafting-header{padding:.9rem}.crafting-header h1{font-size:1.5rem}.crafting-header p{font-size:.85rem}.crafting-stats{gap:.5rem}.crafting-stats .stat-item{font-size:.7rem;padding:.35rem .7rem}.category-tab{font-size:.85rem;padding:.65rem}.recipe-list{max-height:400px;padding:.6rem;gap:.55rem}.recipe-card{padding:.55rem}.recipe-result-image{width:44px;height:44px}.recipe-name{font-size:.85rem}.recipe-result{font-size:.72rem}.recipe-time{font-size:.68rem}.recipe-description-compact{font-size:.65rem}.ingredient-compact{font-size:.65rem;padding:.22rem .4rem}.recipe-details-panel,.active-craft-panel,.no-selection-panel{padding:1rem}.recipe-title{font-size:1.3rem}.recipe-description,.recipe-result-info,.recipe-time-info{font-size:.9rem}.ingredients-list{gap:.6rem}.ingredient-item{padding:.65rem}.ingredient-image{width:36px;height:36px}.craft-timer{font-size:2.5rem}}@media (max-width: 360px){.crafting-page{padding:.6rem}.crafting-header{padding:.75rem}.crafting-header h1{font-size:1.25rem}.category-tab{font-size:.8rem;padding:.6rem}.recipe-list{padding:.55rem;gap:.5rem}.recipe-card{padding:.5rem}.recipe-result-image{width:40px;height:40px}.recipe-name{font-size:.8rem}.recipe-result,.recipe-time,.recipe-description-compact,.ingredient-compact{font-size:.62rem}.locked-overlay img{width:40px}}.crafting-slots-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:2px solid rgba(139,69,19,.5)}.crafting-slots-header h2{margin:0;color:gold;font-size:1.2rem;font-weight:900;font-family:Impact,sans-serif;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(255,215,0,.4)}.slots-capacity{display:flex;align-items:center;gap:.2rem;background:linear-gradient(135deg,#8b69144d,#6b531066);padding:.4rem .8rem;border-radius:12px;border:2px solid rgba(212,175,55,.4);box-shadow:0 2px 6px #0006}.slots-used{font-size:1.1rem;font-weight:900;color:#4caf50;font-family:Impact,monospace;text-shadow:0 2px 4px rgba(0,0,0,.8)}.slots-separator{font-size:1rem;color:#888}.slots-max{font-size:1.1rem;font-weight:900;color:gold;font-family:Impact,monospace;text-shadow:0 2px 4px rgba(0,0,0,.8)}.slots-label{font-size:.7rem;color:#aaa;margin-left:.3rem;text-transform:uppercase;letter-spacing:.5px}.crafting-slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:.75rem}.crafting-slot{height:110px;min-height:110px;background:linear-gradient(145deg,#322319d9,#231912eb,#281c14e0);border:3px solid rgba(101,67,33,.8);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.6rem;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000080,inset 0 1px #ffd70008;transition:all .3s cubic-bezier(.4,0,.2,1)}.crafting-slot:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.08) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.crafting-slot:hover:before{opacity:1}.crafting-slot:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s ease;pointer-events:none;z-index:2}.crafting-slot:hover:after{left:100%}.slot-number{position:absolute;top:4px;left:6px;font-size:.6rem;color:#7f6d5a;font-weight:700;text-transform:uppercase;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.crafting-slot.empty{border-color:#65432180;border-style:dashed;cursor:default}.crafting-slot.empty:hover{border-color:#8b4513b3;background:linear-gradient(145deg,#37281ce6,#281e14f2)}.slot-empty-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:all .3s ease}.empty-slot-image{width:100%;height:100%;object-fit:contain;filter:grayscale(1) opacity(.4);transition:all .3s ease}.crafting-slot.empty:hover .empty-slot-image{filter:grayscale(.5) opacity(.6);transform:scale(1.08)}.slot-empty-text{font-size:.7rem;font-weight:700;color:#7f6d5a;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.slot-hint{font-size:.6rem;color:#5a4d42;font-style:italic;text-align:center;line-height:1.2;transition:all .3s ease}.crafting-slot:hover .slot-hint{color:#8a7a6a}.crafting-slot.locked{border-color:#65432166;cursor:not-allowed;opacity:.55;filter:grayscale(.3)}.crafting-slot.locked:hover{opacity:.65}.crafting-slot.locked:hover .slot-lock-icon img{filter:drop-shadow(0 4px 12px rgba(255,215,0,.5));animation:lockSway 1.5s ease-in-out infinite}.slot-lock-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.slot-lock-icon img{width:40px;height:auto;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8));transition:all .3s ease;animation:lockSway 3s ease-in-out infinite}@keyframes lockSway{0%,to{transform:rotate(0);filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.slot-lock-text{font-size:.65rem;font-weight:700;color:#8b7355;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8);text-align:center}.crafting-slot.occupied{cursor:pointer;border-color:#8b4513b3;border-style:solid}.crafting-slot.occupied:hover{transform:translateY(-3px) scale(1.03);border-color:#d4af37e6;box-shadow:0 0 22px #d4af3773,0 6px 16px #0009,inset 0 1px #ffd7001a}.slot-item-image{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.8));transition:all .3s cubic-bezier(.4,0,.2,1)}.slot-item-image.crafting{animation:slotCraftingSpin 5s linear infinite;filter:drop-shadow(0 2px 5px rgba(0,0,0,.8)) drop-shadow(0 0 8px rgba(255,140,0,.5))}@keyframes slotCraftingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slot-item-image.complete{animation:slotCompleteWiggle 1s ease-in-out infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8)) drop-shadow(0 0 12px rgba(76,175,80,.7))}@keyframes slotCompleteWiggle{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.08) rotate(-6deg)}75%{transform:scale(1.08) rotate(6deg)}}.crafting-slot.occupied:hover .slot-item-image{transform:scale(1.12);filter:drop-shadow(0 3px 10px rgba(0,0,0,.9))}.slot-item-name{font-size:.75rem;font-weight:700;color:#f4e4c1;text-align:center;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.9);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.crafting-slot.occupied:hover .slot-item-name{color:gold;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(255,215,0,.4)}.crafting-slot.in-progress{border-color:#ff8c00;background:linear-gradient(145deg,#ff8c001f,#322319e6,#281c14eb);animation:slotInProgressPulse 2.5s ease-in-out infinite}@keyframes slotInProgressPulse{0%,to{box-shadow:0 4px 10px #00000080,0 0 12px #ff8c0066,inset 0 1px #ff8c001a}50%{box-shadow:0 4px 10px #00000080,0 0 25px #ff8c00b3,inset 0 1px #ff8c0026}}.slot-status.in-progress{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%}.status-timer{font-size:1rem;font-weight:900;color:#ffeb3b;font-family:Impact,monospace;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(255,235,59,.5);animation:timerPulseSmall 2s ease-in-out infinite}@keyframes timerPulseSmall{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.slot-progress-bar{width:85%;height:6px;background:#00000080;border:1px solid rgba(139,69,19,.4);border-radius:3px;overflow:hidden}.slot-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#ff8c00,#ff6b35);background-size:200% 100%;animation:slotProgressShimmer 2s linear infinite;box-shadow:0 0 6px #ff6b3599;transition:width 1s ease}@keyframes slotProgressShimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}.crafting-slot.complete{border-color:#4caf50;background:linear-gradient(145deg,#4caf5026,#322319e6,#281c14eb);animation:slotCompletePulse 1.5s ease-in-out infinite}@keyframes slotCompletePulse{0%,to{box-shadow:0 4px 10px #00000080,0 0 15px #4caf5080,inset 0 1px #4caf501a}50%{box-shadow:0 4px 10px #00000080,0 0 30px #4caf50cc,inset 0 1px #4caf5026}}.slot-status.complete{position:absolute;bottom:6px;left:6px;display:flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#4caf50e6,#388e3cf2);padding:.3rem .5rem;border-radius:6px;border:2px solid #4caf50;box-shadow:0 2px 6px #00000080,0 0 10px #4caf5066;z-index:5;cursor:pointer;transition:all .2s ease}.slot-status.complete:hover{transform:scale(1.05);box-shadow:0 3px 8px #0009,0 0 15px #4caf5099}.status-text{font-size:.65rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.crafting-panel-divider{height:3px;background:linear-gradient(90deg,transparent 0%,#8b4513 20%,#d4af37 50%,#8b4513 80%,transparent 100%);margin:1rem 0;border-radius:2px;box-shadow:0 2px 4px #00000080}.recipe-details-panel.compact{padding:1rem;gap:.75rem}.recipe-details-panel.compact h3{margin:0 0 .5rem;color:gold;font-size:1.1rem;font-weight:900;font-family:Impact,sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.9);text-align:center;padding-bottom:.5rem;border-bottom:2px solid rgba(139,69,19,.5)}.recipe-compact-row{display:flex;align-items:center;gap:1rem}.recipe-preview-image-compact{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8));flex-shrink:0;animation:recipeCompactFloat 3s ease-in-out infinite}@keyframes recipeCompactFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.recipe-compact-info{flex:1}.recipe-title-compact{font-size:1.1rem;font-weight:900;color:gold;font-family:Impact,sans-serif;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.9);margin-bottom:.25rem}.recipe-result-compact{font-size:.9rem;color:#4caf50;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8)}.recipe-time-compact{font-size:.85rem;color:#ffeb3b;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);margin-top:.2rem}.ingredients-compact-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.75rem 0}.ingredient-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:6px;border:2px solid;background:#0000004d;transition:all .3s ease}.ingredient-badge.have{border-color:#4caf50;background:linear-gradient(90deg,#4caf501a,#0000004d)}.ingredient-badge.need{border-color:#f44336;background:linear-gradient(90deg,#f443361a,#0000004d)}.ingredient-badge:hover{transform:translateY(-2px)}.ingredient-badge-image{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.ingredient-badge-qty{font-size:.8rem;font-weight:900;font-family:monospace;text-shadow:0 1px 2px rgba(0,0,0,.8)}.ingredient-badge.have .ingredient-badge-qty{color:#66bb6a}.ingredient-badge.need .ingredient-badge-qty{color:#ff5252}.recipe-details-panel.compact .btn-start-craft{padding:1rem 1.5rem;font-size:1.15rem}.slots-full-message{text-align:center;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.full-icon{font-size:2.5rem;animation:fullIconPulse 2s ease-in-out infinite}@keyframes fullIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.full-text{font-size:1.3rem;font-weight:900;color:#ff8c00;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.9)}.full-hint{font-size:.9rem;color:#aaa;font-style:italic;max-width:300px;line-height:1.4}.no-selection-compact{text-align:center;padding:1rem}.select-hint{font-size:1rem;color:#888;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.8)}.crafting-slot-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalOverlayFadeIn .3s ease}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.crafting-slot-modal{background:linear-gradient(135deg,rgba(255,140,0,.05) 0%,transparent 50%),linear-gradient(135deg,#2d2d2d,#1a1a1a);border:4px solid #8b4513;border-radius:16px;padding:2rem;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #000c,0 0 50px #8b451366,inset 0 1px #ffd70026;position:relative;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.slot-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#f443364d;border:2px solid #f44336;border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.slot-modal-close:hover{background:#f44336;transform:rotate(90deg) scale(1.1);box-shadow:0 0 15px #f4433699}.crafting-slot-modal h2{margin:0 0 1rem;color:gold;text-align:center;font-size:1.5rem;font-weight:900;font-family:Impact,sans-serif;letter-spacing:2px;text-transform:uppercase;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.4);padding-bottom:.75rem;border-bottom:3px solid #8b4513}.crafting-slot-modal .crafting-process{margin-bottom:1rem}.crafting-slot-modal .craft-preview{margin:1rem 0;display:flex;justify-content:center}.crafting-slot-modal .craft-details,.crafting-slot-modal .craft-timer{text-align:center;margin-bottom:1rem}.crafting-slot-modal .craft-progress-bar{margin-bottom:1.25rem}.crafting-slot-modal .craft-ready{text-align:center;margin-bottom:1rem}.crafting-slot-modal .btn-claim-craft,.crafting-slot-modal .btn-cancel-craft{width:100%}@media (max-width: 1399px){.crafting-slot{height:105px;min-height:105px}}@media (max-width: 1199px){.crafting-slots-header h2{font-size:1.15rem}.crafting-slot{height:100px;min-height:100px}.slot-item-image{width:40px;height:40px}.slot-status.complete{bottom:5px;left:5px;padding:.25rem .45rem}.status-text{font-size:.6rem}}@media (max-width: 1023px){.crafting-slots-header{flex-direction:column;gap:.5rem;text-align:center}.crafting-slots-header h2{font-size:1.1rem}.crafting-slots-grid{gap:.5rem}.crafting-slot{height:95px;min-height:95px;padding:.5rem}.slot-item-image{width:38px;height:38px}.slot-item-name{font-size:.7rem}.status-timer{font-size:.9rem}.slot-lock-icon img{width:32px}.slot-lock-text{font-size:.6rem}.slot-empty-icon{width:32px;height:32px}.slot-status.complete{bottom:5px;left:5px;padding:.22rem .4rem}.status-text{font-size:.55rem}}@media (max-width: 767px){.crafting-slots-grid{gap:.45rem}.crafting-slot{height:90px;min-height:90px;padding:.45rem;border-width:2px}.slot-number{font-size:.55rem;top:3px;left:5px}.slot-item-image{width:36px;height:36px}.slot-item-name{font-size:.65rem}.status-timer{font-size:.85rem}.slot-status.complete{bottom:4px;left:4px;padding:.2rem .35rem;gap:.2rem;border-width:1px;border-radius:4px}.status-text{font-size:.5rem}.slot-progress-bar{height:5px;width:80%}.slot-lock-icon img{width:28px}.slot-lock-text{font-size:.55rem}.slot-empty-icon{width:28px;height:28px}.slot-empty-text{font-size:.6rem}.slot-hint{font-size:.5rem}.recipe-compact-row{flex-direction:column;text-align:center}.slot-status.complete{bottom:4px;left:4px;padding:.18rem .32rem;gap:.18rem;border-width:1px;border-radius:4px}.status-text{font-size:.48rem}.crafting-slot-modal{padding:1.5rem;max-width:95%}}@media (max-width: 599px){.crafting-slots-header h2{font-size:1rem;letter-spacing:1px}.slots-capacity{padding:.35rem .6rem}.slots-used,.slots-max{font-size:1rem}.slots-label{font-size:.6rem}.crafting-slots-grid{gap:.4rem}.crafting-slot{height:85px;min-height:85px;padding:.4rem}.slot-item-image{width:32px;height:32px}.slot-item-name{font-size:.6rem}.status-timer{font-size:.8rem}.slot-progress-bar{height:4px}.slot-lock-icon img{width:26px}.slot-lock-text{font-size:.5rem}.slot-empty-icon{width:26px;height:26px}.slot-empty-text{font-size:.55rem}.recipe-preview-image-compact{width:56px;height:56px}.ingredients-compact-row{gap:.4rem}.ingredient-badge{padding:.3rem .5rem}.ingredient-badge-image{width:20px;height:20px}.ingredient-badge-qty{font-size:.75rem}.slot-status.complete{bottom:4px;left:4px;padding:.18rem .3rem;gap:.15rem;border-width:1px;border-radius:4px}.status-text{font-size:.45rem}}@media (max-width: 479px){.crafting-slots-header{margin-bottom:.5rem;padding-bottom:.4rem}.crafting-slots-header h2{font-size:.95rem}.crafting-slots-grid{gap:.35rem}.crafting-slot{height:80px;min-height:80px;padding:.35rem;border-radius:8px}.slot-number{font-size:.5rem;top:2px;left:4px}.slot-item-image{width:28px;height:28px}.slot-item-name{font-size:.55rem}.status-timer{font-size:.75rem}.slot-lock-icon img{width:22px}.slot-lock-text{font-size:.45rem}.slot-empty-icon{width:22px;height:22px}.slot-empty-text{font-size:.5rem}.slot-hint{display:none}.slot-status.complete{bottom:4px;left:4px;padding:.2rem .4rem;gap:.2rem;border-radius:4px;border-width:1px}.status-text{font-size:.5rem;letter-spacing:.3px}.crafting-slot-modal{padding:1rem;max-width:98%}}@media (max-width: 374px){.slot-status.complete{bottom:3px;left:3px;padding:.15rem .3rem;gap:.15rem;border-radius:3px}.status-text{font-size:.45rem;letter-spacing:.2px}.crafting-slots-header h2{font-size:.9rem}.crafting-slot{height:75px;min-height:75px;padding:.3rem}.slot-item-image{width:24px;height:24px}.slot-item-name{font-size:.5rem}.slot-lock-icon img{width:20px}.slot-empty-icon{width:20px;height:20px}}@media (max-width: 768px),(hover: none){.crafting-slot{touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}.crafting-slot.occupied,.crafting-slot.complete,.crafting-slot.in-progress{cursor:pointer;touch-action:manipulation;pointer-events:auto}.btn-start-craft,.btn-claim-craft,.btn-cancel-craft{touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;cursor:pointer}.category-tab,.recipe-card{touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}.crafting-slot-modal-overlay{touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;cursor:pointer}.slot-modal-close{touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto;cursor:pointer;min-width:44px;min-height:44px}.crafting-slot-modal{touch-action:pan-y;pointer-events:auto}.crafting-slot.occupied:hover{transform:none}.recipe-card:hover:not(.locked){transform:none}}.game-guide-page{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh}.guide-header{text-align:center;margin-bottom:30px;background:linear-gradient(180deg,#8b4513,#654321);border:4px solid #ff8c00;border-radius:12px;padding:25px;box-shadow:0 6px 12px #00000080;position:relative}.guide-title-row{display:flex;align-items:center;justify-content:center;gap:1rem}.guide-title-image{max-width:40px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));margin:0}.guide-title-row h1{margin:0;font-size:3rem;color:gold;text-shadow:3px 3px 6px rgba(0,0,0,.8);font-family:Impact,sans-serif}.guide-header p{margin:10px 0 0;font-size:1.2rem;color:#ffedcc}.player-stats-banner{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:15px;padding:12px 20px;background:#0000004d;border-radius:25px;border:2px solid rgba(255,215,0,.4);font-size:1.05rem;color:gold;font-weight:700}.player-stats-banner span{white-space:nowrap}.guide-actions{position:absolute;top:20px;right:20px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.reset-tutorial-btn,.repair-account-btn{padding:10px 20px;font-size:.95rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#fff;border:3px solid}.reset-tutorial-btn{background:linear-gradient(180deg,#4caf50,#388e3c);border-color:#2e7d32;box-shadow:0 3px #1b5e20}.reset-tutorial-btn:hover{transform:translateY(-2px);box-shadow:0 5px #1b5e20}.reset-tutorial-btn:active{transform:translateY(0);box-shadow:0 2px #1b5e20}.repair-account-btn{background:linear-gradient(180deg,#ff9800,#f57c00);border-color:#e65100;box-shadow:0 3px #bf360c}.repair-account-btn:hover{transform:translateY(-2px);box-shadow:0 5px #bf360c}.repair-account-btn:active{transform:translateY(0);box-shadow:0 2px #bf360c}.guide-search-container{position:relative;max-width:600px;margin:0 auto 25px}.guide-search{position:relative}.search-input{width:100%;padding:15px 50px 15px 20px;font-size:1.1rem;background:linear-gradient(180deg,#3e2a1a,#2a1a10);border:3px solid #654321;border-radius:30px;color:#ffedcc;outline:none;transition:all .3s ease}.search-input::placeholder{color:#ffedcc80}.search-input:focus{border-color:#ff8c00;box-shadow:0 0 20px #ff8c004d}.clear-search{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:#f009;border:2px solid #ff6b6b;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-weight:700;transition:all .2s ease}.clear-search:hover{background:#f00c;transform:translateY(-50%) scale(1.1)}.search-results-dropdown{position:absolute;top:calc(100% + 10px);left:0;right:0;background:linear-gradient(180deg,#3e2a1a,#2a1a10);border:4px solid #ff8c00;border-radius:12px;max-height:500px;overflow-y:auto;z-index:1000;box-shadow:0 10px 30px #000c,0 0 20px #ff8c0066;animation:searchDropdownSlide .3s ease-out}@keyframes searchDropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-results-dropdown::-webkit-scrollbar{width:10px}.search-results-dropdown::-webkit-scrollbar-track{background:#0000004d;border-radius:0 8px 8px 0}.search-results-dropdown::-webkit-scrollbar-thumb{background:#ff8c00;border-radius:5px}.search-results-dropdown::-webkit-scrollbar-thumb:hover{background:orange}.search-no-results{padding:30px;text-align:center;color:#ffedcc99}.search-no-results p:first-child{font-size:1.1rem;margin-bottom:10px}.search-hint{font-size:.95rem;font-style:italic;color:#ff8c00cc}.search-category{border-bottom:2px solid rgba(255,140,0,.2)}.search-category:last-child{border-bottom:none}.search-category-title{background:#ff8c0033;padding:12px 20px;font-weight:700;font-size:1.05rem;color:gold;border-bottom:2px solid rgba(255,140,0,.3)}.search-result-item{padding:15px 20px;cursor:pointer;transition:all .2s ease;border-left:4px solid transparent}.search-result-item:hover{background:#ff8c0026;border-left-color:#ff8c00}.search-result-item.owned{background:#4caf5014}.search-result-item.owned:hover{background:#4caf5033;border-left-color:#4caf50}.result-name{font-size:1.1rem;font-weight:700;color:#ffedcc;margin-bottom:5px}.result-meta{font-size:.9rem;color:#ffedccb3}.search-result-item.owned .result-name{color:#4caf50}.core-loop-section{margin:25px 0;padding:20px;background:#0003;border-left:4px solid #ff8c00;border-radius:8px}.core-loop-section h4{font-size:1.6rem;color:gold;margin:0 0 15px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.core-loop-section ul{margin-left:20px}.core-loop-section ul ul{margin-top:8px;margin-left:25px;font-size:.95rem;color:#ffedcce6}.ecosystem-flow{text-align:center;padding:20px;line-height:2}.ecosystem-flow p{margin:8px 0;font-size:1.1rem}.ecosystem-flow p strong{color:gold;font-size:1.2rem;display:inline-block;padding:5px 15px;background:#ff8c0033;border-radius:8px;border:2px solid rgba(255,140,0,.4)}.ecosystem-flow p:not(:has(strong)){color:#ff8c00;font-weight:700;font-size:1.3rem}.guide-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.guide-tab{flex:1;min-width:140px;padding:15px 20px;font-size:1.05rem;font-weight:700;background:linear-gradient(180deg,#654321,#4a3219);border:3px solid #8b4513;border-radius:8px;color:#ffedcc;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 6px #0000004d;display:flex;align-items:center;justify-content:center;gap:.5rem}.guide-tab-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.guide-section-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));vertical-align:middle;margin-right:.5rem}.category-type-icon{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));vertical-align:middle;margin-right:.5rem}.stat-label-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));vertical-align:middle;margin-right:.25rem}.phase-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));vertical-align:middle;margin-right:8px}.stat-card-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));vertical-align:middle;margin-right:8px}.strategy-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));vertical-align:middle;margin-right:6px}.mission-location-icon{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));vertical-align:middle;margin-right:8px}.inline-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));vertical-align:middle;margin-right:4px}.skill-point-star{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(255,215,0,.6));vertical-align:middle;margin-right:4px}.station-icon{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));vertical-align:middle;margin-right:.5rem}.recipe-category-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));vertical-align:middle;margin-right:.5rem}.inline-craft-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));vertical-align:middle;margin-right:.25rem}.ecosystem-icon{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));vertical-align:middle;margin-right:.5rem}.guide-tab:hover{background:linear-gradient(180deg,#7a5327,#5c3d20);border-color:#ff8c00;transform:translateY(-2px);box-shadow:0 5px 10px #0006}.guide-tab.active{background:linear-gradient(180deg,#ff8c00,#cc7000);border-color:gold;color:#fff;box-shadow:0 5px 10px #0006,inset 0 1px #ffffff4d}.guide-content{background:linear-gradient(180deg,#3e2a1a,#2a1a10);border:4px solid #654321;border-radius:12px;padding:35px;min-height:600px;box-shadow:0 6px 12px #00000080,inset 0 2px #ffffff0d}.guide-section{color:#ffedcc;line-height:1.7}.guide-section h2{font-size:2.5rem;color:gold;margin:0 0 25px;text-shadow:2px 2px 4px rgba(0,0,0,.8);border-bottom:3px solid rgba(255,140,0,.5);padding-bottom:15px}.guide-section h3{font-size:1.8rem;color:#ff8c00;margin:25px 0 15px}.guide-section h4{font-size:1.4rem;color:orange;margin:15px 0 10px}.intro-text{font-size:1.2rem;background:#ff8c001a;border-left:4px solid #ff8c00;padding:15px 20px;margin-bottom:25px;border-radius:4px}.guide-box{background:#0000004d;border:3px solid rgba(255,140,0,.3);border-radius:10px;padding:25px;margin-bottom:25px}.tip-box{background:#4caf501a;border-color:#4caf5080}.highlight-box{background:#ffd70014;border-color:#ffd70099;box-shadow:0 0 15px #ffd70033}.guide-list{margin:15px 0;padding-left:25px}.guide-list li{margin:10px 0;line-height:1.6}.guide-list li strong{color:gold}.area-grid,.stat-grid,.mission-grid,.item-category-grid,.crafting-stations,.strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.area-card,.stat-card,.mission-card,.item-category,.station-card,.strategy-card{background:#0006;border:3px solid rgba(255,140,0,.4);border-radius:8px;padding:20px;transition:all .2s ease}.area-card:hover,.stat-card:hover,.mission-card:hover,.item-category:hover,.station-card:hover,.strategy-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0006;border-color:#ff8c00}.area-card h4,.stat-card h4,.mission-card h4,.item-category h4,.station-card h4,.strategy-card h4{margin-top:0;color:gold;font-size:1.3rem}.mission-card.forest{border-color:#228b2299;background:#228b221a}.mission-card.mines{border-color:#8b451399;background:#8b45131a}.mission-card.wilderness{border-color:#a0522d99;background:#a0522d1a}.furnace-card{border-color:#ff6b3599;background:#ff6b351a}.workshop-card{border-color:#8b451399;background:#8b45131a}.potion-card{border-color:#9c27b099;background:#9c27b01a}.guide-table{width:100%;border-collapse:collapse;margin-top:15px;background:#0000004d;border:2px solid rgba(255,140,0,.3);border-radius:8px;overflow:hidden}.guide-table thead{background:linear-gradient(180deg,#654321,#4a3219)}.guide-table th{color:gold;font-weight:700;padding:15px;text-align:left;border-bottom:2px solid rgba(255,140,0,.5)}.guide-table td{padding:12px 15px;border-bottom:1px solid rgba(255,140,0,.2)}.guide-table tbody tr:hover{background:#ff8c001a}.guide-table tbody tr:last-child td{border-bottom:none}.formula{display:block;background:#00000080;border:2px solid rgba(255,215,0,.3);border-radius:6px;padding:15px;font-family:Courier New,monospace;font-size:1.1rem;color:#4caf50;margin:15px 0;text-align:center}.progress-grid,.mission-stats-grid,.farm-stats-grid,.crafting-stats-grid,.progression-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-top:15px}.progress-stat,.mission-stat,.farm-stat,.crafting-stat,.progression-stat{background:#0006;border:2px solid rgba(255,140,0,.4);border-radius:8px;padding:15px;text-align:center;transition:all .2s ease}.progress-stat:hover,.mission-stat:hover,.farm-stat:hover,.crafting-stat:hover,.progression-stat:hover{transform:translateY(-3px);border-color:#ff8c00;box-shadow:0 4px 12px #ff8c004d}.stat-value{font-size:2.5rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-bottom:5px;text-align:center;display:block;width:100%}.stat-label{font-size:.95rem;color:#ffedcc;opacity:.9;display:flex;align-items:center;justify-content:center;gap:.5rem}.live-pets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.live-pet-card{background:#00000080;border:3px solid rgba(76,175,80,.5);border-radius:10px;padding:15px;transition:all .2s ease}.live-pet-card:hover{transform:translateY(-3px);border-color:#4caf50;box-shadow:0 6px 15px #4caf5066}.pet-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid rgba(76,175,80,.3)}.pet-card-header strong{font-size:1.3rem;color:#4caf50}.pet-type-badge{background:#4caf504d;padding:4px 12px;border-radius:15px;font-size:.9rem;font-weight:700;color:#4caf50;border:1px solid rgba(76,175,80,.5)}.pet-card-stats{display:flex;flex-direction:column;gap:6px;font-size:1rem}.skill-points-display{margin-top:8px;padding:8px;background:#ffd70033;border-radius:6px;color:gold;font-weight:700;text-align:center;animation:pulseGlow 2s infinite}.item-database-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;margin-top:15px}.item-db-card{background:#0006;border:3px solid rgba(100,100,100,.5);border-radius:8px;padding:15px;transition:all .2s ease;position:relative}.item-db-card.owned{border-color:#4caf50b3;background:#4caf501a}.item-db-card.owned:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf5066}.item-db-card.not-owned{opacity:.6}.item-db-card.not-owned:hover{opacity:.8;border-color:#ff8c0080}.item-db-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid rgba(255,140,0,.3)}.item-db-name{font-weight:700;font-size:1.2rem;color:gold}.owned-badge{background:#4caf50cc;color:#fff;padding:3px 10px;border-radius:12px;font-size:.85rem;font-weight:700}.item-db-id{font-size:.85rem;color:#ffedcc80;margin-bottom:8px}.item-db-desc{margin:10px 0;font-size:.95rem;line-height:1.5;color:#ffedcc}.item-db-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.item-tag{background:#ff8c0033;border:1px solid rgba(255,140,0,.5);padding:3px 10px;border-radius:12px;font-size:.8rem;color:#ff8c00;font-weight:700}.item-db-effect{margin:10px 0;padding:8px;background:#4caf5033;border-radius:6px;color:#4caf50;font-size:.95rem}.item-db-meta{margin-top:10px;font-size:.85rem;color:#ffedcc99;font-style:italic}.recipe-database-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-top:15px}.recipe-db-card{background:#0006;border:3px solid rgba(100,100,100,.5);border-radius:8px;padding:15px;position:relative;transition:all .2s ease}.recipe-db-card.craftable{border-color:#4caf50b3;background:#4caf501a}.recipe-db-card.craftable:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf5066;transform:translateY(-3px)}.recipe-db-card.not-craftable{opacity:.7}.recipe-db-card.not-craftable:hover{opacity:.9}.recipe-db-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid rgba(255,140,0,.3)}.recipe-db-name{font-weight:700;font-size:1.25rem;color:gold}.craftable-badge{background:#4caf50cc;color:#fff;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:700}.recipe-db-desc{margin:10px 0;font-size:.95rem;color:#ffedcc;line-height:1.5}.recipe-db-result{margin:10px 0;padding:8px;background:#ffd7001a;border-radius:6px;color:gold}.recipe-db-time{margin:10px 0;font-size:.95rem;color:#ff8c00;font-weight:700;display:flex;align-items:center;gap:6px}.recipe-db-time .time-icon{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.recipe-db-ingredients{margin:12px 0}.recipe-db-ingredients ul{margin:8px 0 0;padding-left:20px;list-style:none}.recipe-db-ingredients li{margin:5px 0;padding:4px 8px;border-radius:4px}.has-ingredient{color:#4caf50;background:#4caf501a}.missing-ingredient{color:#ff6b6b;background:#ff6b6b1a}.ingredient-count{font-size:.85rem;opacity:.8}.recipe-tier-badge{position:absolute;top:10px;right:10px;background:#ff8c00cc;color:#fff;padding:5px 12px;border-radius:15px;font-size:.85rem;font-weight:700}.tier-badge{background:#ff8c00cc;color:#fff;padding:3px 10px;border-radius:12px;font-size:.85rem;font-weight:700}.loading-text{text-align:center;color:#ffedcc99;font-style:italic;padding:20px}@media (max-width: 768px){.game-guide-page{padding:10px}.guide-header h1{font-size:2rem}.guide-content{padding:20px}.guide-section h2{font-size:1.8rem}.guide-tabs{gap:8px}.guide-tab{font-size:.9rem;padding:12px 15px;min-width:110px}.reset-tutorial-btn{position:static;margin-top:15px;width:100%}.player-stats-banner{flex-wrap:wrap;font-size:.95rem;gap:10px}.search-input{font-size:1rem;padding:12px 45px 12px 15px}.area-grid,.stat-grid,.mission-grid,.item-category-grid,.crafting-stations,.strategy-grid,.progress-grid,.mission-stats-grid,.farm-stats-grid,.crafting-stats-grid,.progression-stats-grid,.live-pets-grid,.item-database-grid,.recipe-database-grid{grid-template-columns:1fr}.guide-table{font-size:.9rem}.guide-table th,.guide-table td{padding:10px}.stat-value{font-size:2rem;text-align:center}.search-results-dropdown{max-height:400px}.core-loop-section{padding:15px}.core-loop-section h4{font-size:1.3rem}.ecosystem-flow p strong{font-size:1rem;padding:4px 10px}.ecosystem-flow p:not(:has(strong)){font-size:1.1rem}}.guide-section,.guide-box,.area-card,.stat-card,.mission-card,.item-category,.station-card,.strategy-card{animation:fadeIn .4s ease-out}@media (max-width: 1024px){.game-guide-page{padding:15px}.guide-header h1{font-size:2.5rem}.guide-header p{font-size:1.1rem}.player-stats-banner{font-size:1rem;gap:12px}}@media (max-width: 768px){.game-guide-page{padding:12px}.guide-header{padding:20px}.guide-header h1{font-size:2rem}.guide-header p{font-size:1rem}.player-stats-banner{flex-wrap:wrap;gap:10px;padding:10px 15px;font-size:.95rem}.guide-actions{position:relative;top:auto;right:auto;margin-top:15px;justify-content:center}.reset-tutorial-btn,.repair-account-btn{width:100%;max-width:250px}.guide-tabs{flex-wrap:wrap;gap:6px}.guide-tab{flex:1 1 calc(33.33% - 6px);min-width:110px;font-size:.9rem;padding:.6rem .8rem}.guide-section h2{font-size:1.8rem}.guide-section h3{font-size:1.4rem}.guide-section h4{font-size:1.2rem}.guide-section p,.guide-section li{font-size:.95rem}.progress-grid,.mission-stats-grid,.farm-stats-grid,.crafting-stats-grid,.progression-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px}.progress-stat,.mission-stat,.farm-stat,.crafting-stat,.progression-stat{padding:12px}.stat-value{font-size:1.8rem;text-align:center}.stat-label{font-size:.85rem;justify-content:center}}@media (max-width: 600px){.game-guide-page{padding:10px}.guide-header{padding:15px;border-width:3px}.guide-header h1{font-size:1.6rem}.guide-header p{font-size:.9rem}.player-stats-banner{font-size:.85rem;gap:8px;padding:8px 12px}.guide-actions{gap:8px}.reset-tutorial-btn,.repair-account-btn{padding:8px 16px;font-size:.85rem;min-height:44px}.guide-search-container{margin-bottom:20px}.search-input{padding:12px 45px 12px 15px;font-size:.95rem}.clear-search{width:38px;height:38px;font-size:1.2rem}.guide-tabs{gap:4px}.guide-tab{flex:1 1 calc(50% - 4px);min-width:100px;font-size:.8rem;padding:.5rem .6rem;border-width:2px;min-height:44px}.guide-content{padding:15px}.guide-section h2{font-size:1.5rem}.guide-section h3{font-size:1.2rem}.guide-section h4{font-size:1.1rem}.guide-section p,.guide-section li{font-size:.9rem}.guide-box{padding:15px;border-width:3px}.progress-grid,.mission-stats-grid,.farm-stats-grid,.crafting-stats-grid,.progression-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.progress-stat,.mission-stat,.farm-stat,.crafting-stat,.progression-stat{padding:10px}.stat-value{font-size:1.5rem;text-align:center}.stat-label{font-size:.8rem;justify-content:center}.guide-table{font-size:.85rem}.guide-table th,.guide-table td{padding:8px}}@media (max-width: 480px){.game-guide-page{padding:8px}.guide-header{padding:12px;border-width:2px}.guide-header h1{font-size:1.4rem}.guide-header p{font-size:.85rem}.player-stats-banner{font-size:.75rem;gap:6px;padding:6px 10px}.guide-actions{flex-direction:column;gap:8px}.reset-tutorial-btn,.repair-account-btn{padding:8px 12px;font-size:.8rem}.search-input{padding:10px 40px 10px 12px;font-size:.9rem;border-width:2px}.clear-search{width:35px;height:35px;font-size:1.1rem}.guide-tabs{gap:3px}.guide-tab{flex:1 1 calc(50% - 3px);min-width:90px;font-size:.75rem;padding:.5rem}.guide-content{padding:12px}.guide-section h2{font-size:1.3rem}.guide-section h3{font-size:1.1rem}.guide-section h4{font-size:1rem}.guide-section p,.guide-section li{font-size:.85rem}.guide-box{padding:12px;border-width:2px;margin-bottom:12px}.progress-grid,.mission-stats-grid,.farm-stats-grid,.crafting-stats-grid,.progression-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.progress-stat,.mission-stat,.farm-stat,.crafting-stat,.progression-stat{padding:8px}.stat-value{font-size:1.3rem;text-align:center}.stat-label{font-size:.75rem;justify-content:center}.guide-table{font-size:.75rem}.guide-table th,.guide-table td{padding:6px 4px}.item-database-grid,.recipe-database-grid{grid-template-columns:1fr;gap:10px}}@media (max-width: 360px){.guide-header h1{font-size:1.2rem}.guide-tab{font-size:.7rem;padding:.4rem}.guide-section h2{font-size:1.2rem}.stat-value{font-size:1.2rem;text-align:center}.stat-label{font-size:.7rem;justify-content:center}}.genetics-divider{display:flex;align-items:center;gap:16px;margin:40px 0 30px;padding:20px 0;border-top:2px solid rgba(255,140,0,.3)}.genetics-divider-icon{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8));flex-shrink:0}.genetics-divider h2{margin:0!important;padding:0!important;border:none!important;font-size:2rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.genetics-divider p{margin:4px 0 0;font-size:.95rem;color:#ffedccb3}.genetics-toc{background:#00000059;border:2px solid rgba(155,89,182,.4);border-radius:10px;padding:20px 25px;margin-bottom:30px;columns:2;column-gap:30px}.genetics-toc-title{column-span:all;font-size:1.1rem;color:gold;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.genetics-toc-item{display:block;padding:5px 0;color:#ffedcccc;font-size:.9rem;cursor:pointer;transition:color .15s;break-inside:avoid;text-decoration:none}.genetics-toc-item:hover{color:#ff8c00}.genetics-toc-item span{color:#9b59b6b3;margin-right:6px;font-weight:700;font-size:.8rem}.genetics-section{background:#0000004d;border:2px solid rgba(155,89,182,.25);border-radius:10px;padding:25px;margin-bottom:28px;scroll-margin-top:20px}.genetics-section:hover{border-color:#9b59b666}.genetics-section-heading{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid rgba(155,89,182,.3)}.genetics-section-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#9b59b64d;border:2px solid rgba(155,89,182,.5);border-radius:50%;font-size:.85rem;font-weight:700;color:#e0b0ff;flex-shrink:0}.genetics-section-heading h3{margin:0;font-size:1.5rem;color:#e0b0ff;text-shadow:1px 1px 3px rgba(0,0,0,.6)}.genetics-section h4{font-size:1.2rem;color:orange;margin:22px 0 10px;padding-left:10px;border-left:3px solid rgba(255,165,0,.5)}.genetics-section p{margin:10px 0;line-height:1.7;color:#ffedcc}.genetics-section strong{color:gold}.genetics-section em{color:#e0b0ff;font-style:italic}.genetics-section ul,.genetics-section ol{margin:10px 0 10px 20px;padding:0}.genetics-section li{margin:6px 0;line-height:1.6;color:#ffedcc}.genetics-section li strong{color:gold}.type-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:12px;font-size:.85rem;font-weight:700;border:1px solid;white-space:nowrap}.type-badge:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.type-badge--fire{color:#ff4500;border-color:#ff450080;background:#ff45001f}.type-badge--fire:before{background:#ff4500}.type-badge--lava{color:#ff6b35;border-color:#ff6b3580;background:#ff6b351f}.type-badge--lava:before{background:#ff6b35}.type-badge--water{color:#4169e1;border-color:#4169e180;background:#4169e11f}.type-badge--water:before{background:#4169e1}.type-badge--earth{color:#8b6914;border-color:#8b691480;background:#8b69141f}.type-badge--earth:before{background:#8b6914}.type-badge--metal{color:#a8b4c0;border-color:#a8b4c080;background:#a8b4c01f}.type-badge--metal:before{background:#a8b4c0}.type-badge--beast{color:#c17817;border-color:#c1781780;background:#c178171f}.type-badge--beast:before{background:#c17817}.type-badge--ghost{color:#9b59b6;border-color:#9b59b680;background:#9b59b61f}.type-badge--ghost:before{background:#9b59b6}.type-badge--moon{color:#b8c9e8;border-color:#b8c9e880;background:#b8c9e81f}.type-badge--moon:before{background:#b8c9e8}.type-badge--storm{color:#00ced1;border-color:#00ced180;background:#00ced11f}.type-badge--storm:before{background:#00ced1}.type-badge--crystal{color:#e0b0ff;border-color:#e0b0ff80;background:#e0b0ff1f}.type-badge--crystal:before{background:#e0b0ff}.type-badge--rainbow{color:red;border-color:#ff000080;background:linear-gradient(90deg,#ff000014,#ffa50014,#00800014,#0000ff14)}.type-badge--rainbow:before{background:linear-gradient(135deg,red,#ff8c00,#0f0,#00f)}.type-badge--swamp{color:#6b8e23;border-color:#6b8e2380;background:#6b8e231f}.type-badge--swamp:before{background:#6b8e23}.type-badge--glass{color:#b0e0e6;border-color:#b0e0e680;background:#b0e0e61f}.type-badge--glass:before{background:#b0e0e6}.type-badge--geyser{color:coral;border-color:#ff7f5080;background:#ff7f501f}.type-badge--geyser:before{background:coral}.type-badge--gravemoss{color:#4a6741;border-color:#4a674180;background:#4a67411f}.type-badge--gravemoss:before{background:#4a6741}.type-badge--boglight{color:#7cfc00;border-color:#7cfc0080;background:#7cfc001f}.type-badge--boglight:before{background:#7cfc00}.type-badge--hybrid{border-style:dashed;animation:hybridShimmer 3s infinite}@keyframes hybridShimmer{0%,to{opacity:1}50%{opacity:.85}}.family-bar{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:6px;font-size:.8rem;font-weight:700;border:1px solid}.family-bar--combat{color:#e74c3c;border-color:#e74c3c80;background:#e74c3c1f}.family-bar--survival{color:#2ecc71;border-color:#2ecc7180;background:#2ecc711f}.family-bar--adaptation{color:#3498db;border-color:#3498db80;background:#3498db1f}.family-bar--genetic{color:#f39c12;border-color:#f39c1280;background:#f39c121f}.family-bar--hazard{color:#9b59b6;border-color:#9b59b680;background:#9b59b61f}.genetics-flow{display:flex;align-items:center;justify-content:center;gap:0;margin:20px 0;flex-wrap:wrap}.genetics-flow-box{background:#0006;border:2px solid rgba(155,89,182,.4);border-radius:8px;padding:14px 20px;text-align:center;min-width:140px;flex-shrink:0}.genetics-flow-box strong{display:block;color:#e0b0ff;font-size:.85rem;text-transform:uppercase;margin-bottom:4px}.genetics-flow-box span{color:#ffedcc;font-size:.82rem}.genetics-flow-arrow{font-size:1.5rem;color:#ff8c00;padding:0 6px;flex-shrink:0}.cosmetic-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.3);vertical-align:middle;margin-right:6px}.cosmetic-dot--standard{background:#a0a0a0}.cosmetic-dot--pied{background:#d4af37}.cosmetic-dot--diamond{background:#b9f2ff}.cosmetic-dot--demon{background:#8b0000}.stat-quality-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:10px;font-size:.82rem;font-weight:700;border:1px solid}.stat-quality-badge--weak{color:gray;border-color:#80808080;background:#8080801f}.stat-quality-badge--average{color:#4caf50;border-color:#4caf5080;background:#4caf501f}.stat-quality-badge--strong{color:#2196f3;border-color:#2196f380;background:#2196f31f}.stat-quality-badge--elite{color:gold;border-color:#ffd70080;background:#ffd7001f}.bloodline-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:8px;font-size:.82rem;font-weight:700;border:1px solid}.bloodline-badge--purestrain{color:#4caf50;border-color:#4caf5080;background:#4caf501f}.bloodline-badge--chimeric{color:#ff9800;border-color:#ff980080;background:#ff98001f}.bloodline-badge--unstable{color:#f44336;border-color:#f4433680;background:#f443361f}.bloodline-badge--fractured{color:#9c27b0;border-color:#9c27b080;background:#9c27b01f}.ancientstock-bar{display:flex;align-items:center;gap:10px;margin:8px 0}.ancientstock-bar-track{flex:1;height:12px;background:#0006;border-radius:6px;border:1px solid rgba(255,215,0,.3);overflow:hidden;position:relative}.ancientstock-bar-fill{height:100%;border-radius:6px;transition:width .3s}.ancientstock-bar-track:before,.ancientstock-bar-track:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#ffffff4d;z-index:1}.ancientstock-bar-track:before{left:40%}.ancientstock-bar-track:after{left:65%}.ancientstock-bar-label{font-size:.85rem;color:gold;font-weight:700;min-width:45px;text-align:right}.allele-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.78rem;font-weight:700;border:1px solid}.allele-pill--null{color:#666;border-color:#64646466;background:transparent;border-style:dotted}.allele-pill--fragment{color:#e0b0ff;border-color:#e0b0ff66;background:#e0b0ff1a;border-style:dashed}.allele-pill--full{color:#4caf50;border-color:#4caf5080;background:#4caf5026}.allele-pill--suppressor{color:#f44336;border-color:#f4433680;background:#f443361f}.allele-pill--amplifier{color:gold;border-color:#ffd70080;background:#ffd7001f}.genetics-table{width:100%;border-collapse:collapse;margin:15px 0;background:#0000004d;border:2px solid rgba(155,89,182,.3);border-radius:8px;overflow:hidden;font-size:.92rem}.genetics-table thead{background:linear-gradient(180deg,#9b59b64d,#9b59b626)}.genetics-table th{color:#e0b0ff;font-weight:700;padding:12px 14px;text-align:left;border-bottom:2px solid rgba(155,89,182,.4);white-space:nowrap}.genetics-table td{padding:10px 14px;border-bottom:1px solid rgba(155,89,182,.15);color:#ffedcc}.genetics-table tbody tr:hover{background:#9b59b614}.genetics-table tbody tr:last-child td{border-bottom:none}.genetics-table td:first-child{font-weight:700;color:gold}.genetics-callout{background:#9b59b61a;border-left:4px solid #9B59B6;padding:12px 18px;margin:15px 0;border-radius:0 6px 6px 0;font-size:.95rem}.genetics-callout strong{color:#e0b0ff}.genetics-inline-key{display:inline-flex;align-items:center;gap:6px;font-size:.85rem}.genetics-inline-key .key-label{color:#9a8b78;font-size:.78rem}.pet-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:15px}.pet-type-card{display:flex;align-items:center;gap:8px;background:#0000004d;border:2px solid rgba(255,140,0,.3);border-radius:8px;padding:10px 12px;transition:all .15s}.pet-type-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.pet-type-swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.pet-type-card-name{font-weight:700;font-size:.95rem}.pet-type-card-genus{font-size:.75rem;color:#9a8b78}.pet-type-card--hybrid{border-style:dashed;border-color:#e0b0ff66}@media (max-width: 768px){.genetics-toc{columns:1}.genetics-flow{flex-direction:column}.genetics-flow-arrow{transform:rotate(90deg);padding:4px 0}.pet-types-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.genetics-section{padding:16px}.genetics-section-heading h3{font-size:1.2rem}.genetics-table{font-size:.8rem}.genetics-table th,.genetics-table td{padding:8px}}@media (max-width: 480px){.genetics-divider h2{font-size:1.4rem}.genetics-section-heading h3{font-size:1.1rem}.genetics-section-number{width:26px;height:26px;font-size:.75rem}.pet-types-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.combat-divider{display:flex;align-items:center;gap:16px;margin:40px 0 30px;padding:20px 0;border-top:2px solid rgba(255,140,0,.3)}.combat-divider-icon{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8));flex-shrink:0}.combat-divider h2{margin:0!important;padding:0!important;border:none!important;font-size:2rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.combat-divider p{margin:4px 0 0;font-size:.95rem;color:#ffedccb3}.combat-toc{background:#00000059;border:2px solid rgba(231,76,60,.4);border-radius:10px;padding:20px 25px;margin-bottom:30px;columns:2;column-gap:30px}.combat-toc-title{column-span:all;font-size:1.1rem;color:gold;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.combat-toc-item{display:block;padding:5px 0;color:#ffedcccc;font-size:.9rem;cursor:pointer;transition:color .15s;break-inside:avoid;text-decoration:none}.combat-toc-item:hover{color:#e74c3c}.combat-toc-item span{color:#e74c3cb3;margin-right:6px;font-weight:700;font-size:.8rem}.combat-section{background:#0000004d;border:2px solid rgba(231,76,60,.25);border-radius:10px;padding:25px;margin-bottom:28px;scroll-margin-top:20px}.combat-section:hover{border-color:#e74c3c66}.combat-section-heading{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid rgba(231,76,60,.3)}.combat-section-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e74c3c4d;border:2px solid rgba(231,76,60,.5);border-radius:50%;font-size:.85rem;font-weight:700;color:#e74c3c;flex-shrink:0}.combat-section-heading h3{margin:0;font-size:1.5rem;color:#e74c3c;text-shadow:1px 1px 3px rgba(0,0,0,.6)}.combat-section h4{font-size:1.2rem;color:orange;margin:22px 0 10px;padding-left:10px;border-left:3px solid rgba(255,165,0,.5)}.combat-section p{margin:10px 0;line-height:1.7;color:#ffedcc}.combat-section strong{color:gold}.combat-section em{color:#e74c3c;font-style:italic}.combat-section ul,.combat-section ol{margin:10px 0 10px 20px;padding:0}.combat-section li{margin:6px 0;line-height:1.6;color:#ffedcc}.combat-section li strong{color:gold}.combat-table{width:100%;border-collapse:collapse;margin:15px 0;background:#0000004d;border:2px solid rgba(231,76,60,.3);border-radius:8px;overflow:hidden;font-size:.92rem}.combat-table thead{background:linear-gradient(180deg,#e74c3c4d,#e74c3c26)}.combat-table th{color:#e74c3c;font-weight:700;padding:12px 14px;text-align:left;border-bottom:2px solid rgba(231,76,60,.4);white-space:nowrap}.combat-table td{padding:10px 14px;border-bottom:1px solid rgba(231,76,60,.15);color:#ffedcc}.combat-table tbody tr:hover{background:#e74c3c14}.combat-table tbody tr:last-child td{border-bottom:none}.combat-table td:first-child{font-weight:700;color:gold}.eff-strong{color:#4caf50;font-weight:700}.eff-weak{color:#f44336;font-weight:700}.eff-neutral{color:#9a8b78}.combat-callout{background:#e74c3c1a;border-left:4px solid #E74C3C;padding:12px 18px;margin:15px 0;border-radius:0 6px 6px 0;font-size:.95rem}.combat-callout strong{color:#e74c3c}.mission-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:8px;font-size:.82rem;font-weight:700;border:1px solid}.mission-badge--forest{color:#228b22;border-color:#228b2280;background:#228b221f}.mission-badge--mines{color:#8b6914;border-color:#8b691480;background:#8b69141f}.mission-badge--wilderness{color:peru;border-color:#cd853f80;background:#cd853f1f}.mission-badge--swampy{color:#6b8e23;border-color:#6b8e2380;background:#6b8e231f}.perf-bonus{color:#4caf50;font-weight:700}.perf-penalty{color:#f44336;font-weight:700}.perf-neutral{color:#ffedcc}@media (max-width: 768px){.combat-toc{columns:1}.combat-section{padding:16px}.combat-section-heading h3{font-size:1.2rem}.combat-table{font-size:.8rem}.combat-table th,.combat-table td{padding:8px}}@media (max-width: 480px){.combat-divider h2{font-size:1.4rem}.combat-section-heading h3{font-size:1.1rem}.combat-section-number{width:26px;height:26px;font-size:.75rem}}.overview-index-block{background:#0000004d;border:2px solid rgba(255,140,0,.25);border-radius:10px;padding:20px 25px;margin-bottom:20px;transition:border-color .15s}.overview-index-block:hover{border-color:#ff8c0073}.overview-index-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid rgba(255,140,0,.2);cursor:pointer;transition:opacity .15s}.overview-index-header:hover{opacity:.85}.overview-index-header-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));flex-shrink:0}.overview-index-header h3{margin:0;font-size:1.3rem;color:gold;flex:1}.overview-index-header .overview-go-arrow{color:#ff8c00;font-size:1.2rem;font-weight:700;transition:transform .15s}.overview-index-header:hover .overview-go-arrow{transform:translate(4px)}.overview-index-entries{columns:2;column-gap:24px}.overview-index-entry{display:block;padding:4px 0;color:#ffedcccc;font-size:.88rem;cursor:pointer;transition:color .15s;break-inside:avoid;text-decoration:none;border:none;background:none;text-align:left;width:100%}.overview-index-entry:hover{color:#ff8c00}.overview-index-entry span{color:#ff8c0099;margin-right:6px;font-weight:700;font-size:.78rem}.overview-index-simple{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.overview-index-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:6px;font-size:.82rem;color:#ffedcc;background:#ff8c001a;border:1px solid rgba(255,140,0,.25);cursor:pointer;transition:all .15s}.overview-index-chip:hover{background:#ff8c0033;border-color:#ff8c0080;color:gold}.overview-index-desc{font-size:.88rem;color:#9a8b78;margin:0 0 12px;line-height:1.5}.overview-areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.overview-area-card{display:flex;align-items:center;gap:10px;background:#00000059;border:2px solid rgba(255,140,0,.25);border-radius:8px;padding:14px 16px;transition:all .15s}.overview-area-card:hover{border-color:#ff8c0080;transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.overview-area-icon{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));flex-shrink:0}.overview-area-card h4{margin:0 0 2px;font-size:.95rem;color:gold}.overview-area-card p{margin:0;font-size:.82rem;color:#9a8b78;line-height:1.4}@media (max-width: 768px){.overview-index-entries{columns:1}.overview-areas-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 480px){.overview-areas-grid{grid-template-columns:1fr 1fr}}.rich-text-editor{display:flex;flex-direction:column;gap:10px;width:100%}.rich-text-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #4a3821;border-radius:8px;flex-wrap:wrap}.rich-text-btn{padding:6px 12px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border:2px solid #5a4831;border-radius:6px;color:#daa520;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.rich-text-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a4a4a,#3a3a3a);border-color:#daa520;transform:translateY(-2px);box-shadow:0 4px 8px #daa5204d}.rich-text-btn:active:not(:disabled){transform:translateY(0)}.rich-text-btn.active{background:linear-gradient(135deg,#daa520,#b8860b);color:#000;border-color:gold}.rich-text-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-separator{width:2px;height:28px;background:linear-gradient(180deg,#daa5204d,#daa5201a,#daa5204d);margin:0 4px}.rich-text-color-icon{display:block;width:16px;height:16px;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid rgba(255,255,255,.3);flex-shrink:0}.rich-text-font-icon{font-family:Georgia,serif;font-size:13px;font-weight:700;letter-spacing:-.5px;line-height:1}.rich-text-char-count{margin-left:auto;color:#888;font-size:12px;font-weight:700;padding:4px 8px;background:#0000004d;border-radius:4px}.rich-text-picker-container{position:relative}.rich-text-color-picker{position:absolute;top:45px;left:0;z-index:1000;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #daa520;border-radius:8px;padding:12px;box-shadow:0 8px 24px #000c;animation:slideDown .2s ease}.color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.color-swatch{width:32px;height:32px;border:2px solid #4a3821;border-radius:6px;cursor:pointer;transition:all .2s ease}.color-swatch:hover{border-color:#daa520;transform:scale(1.1);box-shadow:0 4px 8px #daa52080}.rich-text-font-picker{position:absolute;top:45px;left:0;z-index:1000;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #daa520;border-radius:8px;padding:8px;box-shadow:0 8px 24px #000c;max-height:300px;overflow-y:auto;animation:slideDown .2s ease}.font-option{display:block;width:180px;padding:8px 12px;background:#0000004d;border:1px solid #4a3821;border-radius:4px;color:#daa520;font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.font-option:last-child{margin-bottom:0}.font-option:hover{background:#daa52033;border-color:#daa520;transform:translate(4px)}.rich-text-input{width:100%;min-height:80px;padding:12px;background:#0009;border:2px solid #4a3821;border-radius:8px;color:#fff;font-size:14px;font-family:Roboto,sans-serif;resize:vertical;transition:all .2s ease}.rich-text-input:focus{outline:none;border-color:#daa520;box-shadow:0 0 12px #daa5204d}.rich-text-input::placeholder{color:#666;font-style:italic}.rich-text-input:disabled{opacity:.5;cursor:not-allowed}.rich-text-preview{padding:10px 12px;background:#00000073;border:2px solid rgba(218,165,32,.3);border-left:4px solid #daa520;border-radius:6px;min-height:36px;animation:slideDown .2s ease}.rich-text-preview-label{font-size:11px;color:#daa520;margin-bottom:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.rich-text-preview-content{color:#fff;font-size:14px;line-height:1.5;word-wrap:break-word}.rich-text-preview-placeholder{color:#666;font-style:italic}.rich-text-hints{display:flex;gap:12px;font-size:11px;color:#666;flex-wrap:wrap}.rich-text-hints span{padding:2px 6px;background:#0000004d;border-radius:3px}.rich-text-font-picker::-webkit-scrollbar{width:8px}.rich-text-font-picker::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.rich-text-font-picker::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#daa520,#b8860b);border-radius:4px}.rich-text-font-picker::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,gold,#daa520)}@media (max-width: 768px){.rich-text-toolbar{padding:6px 8px;gap:6px}.rich-text-btn{padding:5px 10px;font-size:13px;min-width:32px;height:32px}.rich-text-color-picker{left:50%;transform:translate(-50%)}.color-grid{grid-template-columns:repeat(4,1fr)}.rich-text-hints{font-size:10px;gap:8px}}.rich-text-btn:focus-visible{outline:2px solid #daa520;outline-offset:2px}.color-swatch:focus-visible,.font-option:focus-visible{outline:2px solid #daa520;outline-offset:2px}.profile-viewer-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:profileOverlayFadeIn .3s ease-out;padding:20px}@keyframes profileOverlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px)}}.profile-viewer-modal{position:relative;width:100%;max-width:720px;min-width:280px;border-radius:18px;padding:2rem 2.5rem;animation:profileModalSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:4px solid #333333;box-shadow:0 8px 16px #00000080;will-change:transform,box-shadow,filter;transform:translateZ(0)}.profile-viewer-modal::-webkit-scrollbar{width:8px}.profile-viewer-modal::-webkit-scrollbar-track{background:#0003;border-radius:4px}.profile-viewer-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffd70080,#ff8c0066);border-radius:4px}.profile-viewer-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffd700b3,#ff8c0099)}@keyframes profileModalSlideIn{0%{transform:translateY(-30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.profile-viewer-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;min-width:44px;min-height:44px;background:linear-gradient(135deg,#f44336e6,#c62828e6);border:2px solid #f44336;border-radius:50%;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;overflow:hidden}.profile-viewer-close:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .4s ease}.profile-viewer-close:hover{background:linear-gradient(135deg,#f44336,#d32f2f);transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px #f4433699}.profile-viewer-close:hover:before{left:100%}.profile-viewer-loading,.profile-editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#ccc;text-align:center}.profile-loading-spinner{width:50px;height:50px;border:4px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:profileSpinner 1s linear infinite;margin-bottom:1rem}@keyframes profileSpinner{to{transform:rotate(360deg)}}.profile-viewer-error,.profile-editor-error{background:#f4433633;border:2px solid #f44336;border-radius:8px;padding:1.5rem;text-align:center;color:#f44336;font-weight:700}.profile-editor-success{background:#4caf5033;border:2px solid #4caf50;border-radius:8px;padding:1rem;text-align:center;color:#4caf50;font-weight:700;margin-bottom:1rem;animation:profileSuccessPulse .5s ease-out}@keyframes profileSuccessPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.profile-viewer-header{text-align:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,215,0,.2)}.profile-premium-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ffd7004d,#ff8c0033);border:2px solid #ffd700;border-radius:20px;padding:.4rem 1rem;margin-bottom:1rem;animation:premiumBadgeGlow 2s ease-in-out infinite}@keyframes premiumBadgeGlow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099}}.profile-premium-badge img{width:20px;height:20px;object-fit:contain}.profile-premium-badge span{color:gold;font-weight:700;font-size:.75rem;letter-spacing:1px}.profile-viewer-username,.profile-preview-username{font-size:2rem;margin:0 0 .5rem;color:var(--profile-text-color, #ffffff);text-shadow:var(--profile-text-shadow, 2px 2px 4px rgba(0, 0, 0, .8));word-break:break-word}.profile-viewer-title,.profile-preview-title{font-size:1rem;color:#ff8c00;font-style:italic;margin:0 0 1rem;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.profile-viewer-level,.profile-preview-level{display:inline-flex;align-items:center;gap:.5rem;background:#0006;border:2px solid rgba(255,215,0,.4);border-radius:8px;padding:.5rem 1rem}.profile-level-icon,.preview-level-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.profile-viewer-level span,.profile-preview-level span{color:gold;font-weight:700;font-size:.95rem}.profile-viewer-bio,.profile-preview-bio{background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:1.75rem}.profile-viewer-bio p,.profile-preview-bio p{color:#e0e0e0;margin:0;line-height:1.7;font-size:.92rem;word-break:break-word}.profile-viewer-guild,.profile-preview-guild{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#8b451359,#8b451333);border:2px solid rgba(139,105,19,.5);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-viewer-guild:before,.profile-preview-guild:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,215,0,.08) 0%,transparent 60%);opacity:0;transition:opacity .3s ease}.profile-viewer-guild:hover:before,.profile-preview-guild:hover:before{opacity:1}.profile-viewer-guild:hover,.profile-preview-guild:hover{background:linear-gradient(135deg,#8b451373,#8b451340);border-color:#ffd70099;box-shadow:0 4px 16px #8b45134d,0 0 20px #ffd70026;transform:translateY(-2px)}.profile-guild-icon,.preview-guild-icon{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6));flex-shrink:0}.profile-guild-info,.preview-guild-info{display:flex;flex-direction:column;gap:.3rem}.profile-guild-name,.preview-guild-name{color:gold;font-weight:700;font-size:1.05rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.profile-guild-level,.preview-guild-level{color:#bbb;font-size:.82rem;font-weight:500}.profile-viewer-stats,.profile-preview-stats{margin-bottom:2rem}.profile-action-message{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:700;text-align:center;animation:profileMessagePulse .3s ease-out}@keyframes profileMessagePulse{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.profile-action-message.success{background:#4caf5033;border:2px solid #4caf50;color:#4caf50}.profile-action-message.error{background:#f4433633;border:2px solid #f44336;color:#f44336}.profile-friend-status{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:700}.profile-friend-status.friends{background:#4caf5033;border:2px solid #4caf50;color:#4caf50}.profile-friend-status.pending{background:#ffc10733;border:2px solid #ffc107;color:#ffc107}.profile-friend-status.received{background:#2196f333;border:2px solid #2196f3;color:#2196f3}.profile-friend-status.disabled{background:#9e9e9e33;border:2px solid #9e9e9e;color:#9e9e9e;font-style:italic}.profile-friend-status.not-logged-in{background:#9e9e9e26;border:2px dashed #666;color:#888;font-style:italic}.friend-status-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.profile-add-friend-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;min-width:160px;min-height:44px;background:linear-gradient(135deg,#4caf50,#2e7d32);border:3px solid #2e7d32;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform,box-shadow}.profile-add-friend-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .5s ease}.profile-add-friend-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#43a047);transform:translateY(-3px);box-shadow:0 8px 20px #4caf5080,0 0 20px #4caf504d}.profile-add-friend-btn:hover:not(:disabled):before{left:100%}.profile-add-friend-btn:disabled{opacity:.6;cursor:not-allowed}.add-friend-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.profile-editor-overlay{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:profileOverlayFadeIn .3s ease-out;padding:20px}.profile-editor-container{display:flex;gap:1.5rem;max-width:1400px;width:100%;max-height:90vh;animation:profileEditorSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes profileEditorSlideIn{0%{transform:translateY(-20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.profile-editor-panel{background:linear-gradient(135deg,#1e1e1efa,#141414fa);border:4px solid #333;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;will-change:transform;transform:translateZ(0)}.profile-editor-left{flex:1;max-width:620px}.profile-editor-right{flex:1;max-width:780px;min-width:380px;background:linear-gradient(135deg,#141419fa,#0f0f14fa);display:flex;flex-direction:column;overflow:hidden}.profile-editor-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#8b451380,#00000080);border-bottom:3px solid #8b4513}.profile-editor-header h2{display:flex;align-items:center;gap:.75rem;color:gold;font-size:1.5rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.editor-header-icon{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.profile-editor-close{width:44px;height:44px;min-width:44px;min-height:44px;background:linear-gradient(135deg,#f44336e6,#c62828e6);border:2px solid #f44336;border-radius:50%;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-editor-close:hover{background:linear-gradient(135deg,#f44336,#d32f2f);transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px #f4433699}.profile-editor-content{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-width:thin;scrollbar-color:#8b4513 #1a1a1a}.profile-editor-content::-webkit-scrollbar{width:10px}.profile-editor-content::-webkit-scrollbar-track{background:#1a1a1a;border-radius:5px}.profile-editor-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b4513,#5d3a1a);border-radius:5px;border:2px solid #1a1a1a}.profile-editor-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,sienna,#8b4513)}.profile-editor-section{margin-bottom:2rem}.editor-section-title{display:flex;align-items:center;gap:.5rem;color:gold;font-size:1.1rem;margin:0;padding-bottom:0;border-bottom:none}.editor-section-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,215,0,.2)}.editor-save-button-inline{padding:.5rem 1.25rem;background:linear-gradient(135deg,gold,#ff8c00);border:2px solid #ff8c00;border-radius:6px;color:#000;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-height:36px;flex-shrink:0}.editor-save-button-inline:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,orange);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.editor-save-button-inline:active:not(:disabled){transform:translateY(0)}.editor-save-button-inline:disabled{opacity:.6;cursor:not-allowed}.coming-soon-badge{background:linear-gradient(135deg,#8b4513,#5d3a1a);color:gold;font-size:.65rem;padding:.25rem .5rem;border-radius:4px;margin-left:auto;text-transform:uppercase;letter-spacing:.5px}.editor-field{margin-bottom:1.25rem}.editor-field label{display:block;color:gold;font-weight:700;margin-bottom:.5rem;font-size:.9rem}.editor-input,.editor-textarea{width:100%;padding:.75rem 1rem;background:#00000080;border:2px solid #444;border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.editor-input:focus,.editor-textarea:focus{outline:none;border-color:gold;box-shadow:0 0 15px #ffd70033;background:#0009}.editor-input::placeholder,.editor-textarea::placeholder{color:#fff6}.editor-textarea{resize:vertical;min-height:80px;font-family:inherit}.editor-char-count{display:block;text-align:right;color:#888;font-size:.75rem;margin-top:.25rem}.field-label-icon{width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-right:.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.editor-field label{display:flex;align-items:center;gap:.4rem}.editor-select{width:100%;padding:.85rem 2.5rem .85rem 1rem;background:linear-gradient(135deg,#0009,#0006);border:2px solid #555;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ffd700' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.editor-select:hover{border-color:gold;background:linear-gradient(135deg,#000000b3,#00000080)}.editor-select:focus{outline:none;border-color:gold;box-shadow:0 0 20px #ffd70040}.editor-select option{background:#1a1a1a;color:#fff;padding:.75rem}.editor-select option:disabled{color:#666;font-style:italic}.editor-title-hint{display:block;color:#888;font-size:.75rem;margin-top:.4rem;font-style:italic}.editor-category-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.editor-category-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#0006;border:2px solid #444;border-radius:8px;color:#ccc;font-size:.85rem;cursor:pointer;transition:all .3s ease;min-height:44px}.editor-category-tab:hover{background:#8b45134d;border-color:#8b4513;color:#fff}.editor-category-tab.active{background:linear-gradient(135deg,#8b4513,#5d3a1a);border-color:gold;color:gold;box-shadow:0 0 15px #ffd7004d}.category-tab-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.editor-options-container{background:#0000004d;border:2px solid #333;border-radius:10px;padding:1rem}.editor-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.editor-option-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:#0006;border:2px solid #444;border-radius:10px;cursor:pointer;transition:all .3s ease;min-height:80px;will-change:transform,box-shadow}.editor-option-button:hover:not(.locked){background:#8b45134d;border-color:#8b4513;transform:translateY(-2px);box-shadow:0 6px 15px #0006}.editor-option-button.selected{background:linear-gradient(135deg,#8b451380,#64320a80);border-color:gold;box-shadow:0 0 20px #ffd7004d}.editor-option-button.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.option-preview-swatch{width:50px;height:30px;border-radius:6px;border:2px solid rgba(255,255,255,.2)}.option-name{color:#fff;font-size:.75rem;text-align:center;font-weight:700}.option-lock-badge,.option-premium-badge{position:absolute;top:4px;right:4px;display:flex;align-items:center;gap:.2rem;font-size:.55rem;padding:.2rem .4rem;border-radius:4px;font-weight:700}.option-lock-badge{background:#000c;color:#999;border:1px solid rgba(255,255,255,.1)}.option-premium-badge{background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a1a;border:1px solid rgba(255,215,0,.5)}.lock-badge-icon,.premium-badge-icon{width:10px;height:10px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.option-lock-badge span,.option-premium-badge span{line-height:1}.badge-lock-icon{width:14px;height:14px;object-fit:contain;margin-bottom:.2rem}.option-selected-indicator{position:absolute;bottom:4px;right:4px;width:22px;height:22px;background:linear-gradient(135deg,#4caf50,#2e7d32);border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}.editor-visibility-grid{display:flex;flex-direction:column;gap:.75rem}.editor-visibility-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s ease;min-height:44px}.editor-visibility-toggle:hover{background:#ffffff0d}.editor-visibility-toggle input{display:none}.toggle-slider{position:relative;width:50px;height:26px;background:#444;border-radius:13px;transition:all .3s ease;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#888;border-radius:50%;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.editor-visibility-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#4caf50,#2e7d32)}.editor-visibility-toggle input:checked+.toggle-slider:after{left:27px;background:#fff}.toggle-label{color:#ccc;font-size:.9rem}.section-title-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.editor-social-settings{display:flex;flex-direction:column;gap:.75rem}.editor-visibility-toggle.social-toggle{background:#0003;border-radius:10px;padding:.75rem 1rem;border:2px solid rgba(76,175,80,.2)}.editor-visibility-toggle.social-toggle:hover{background:#0000004d;border-color:#4caf5066}.social-setting-description{color:#888;font-size:.8rem;line-height:1.5;margin:0;padding-left:.5rem;border-left:3px solid rgba(255,255,255,.1)}.editor-badge-slots{display:flex;gap:.75rem;flex-wrap:wrap}.editor-badge-slot{width:60px;height:60px;background:#0006;border:2px dashed #444;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.editor-badge-slot.unlocked{border-style:solid;border-color:#4caf50;cursor:pointer}.editor-badge-slot.unlocked:hover{background:#4caf5033;border-color:#8bc34a;transform:scale(1.05)}.editor-badge-slot.locked{opacity:.5}.badge-slot-empty{color:#4caf50;font-size:1.5rem;font-weight:700}.badge-slot-lock{display:flex;flex-direction:column;align-items:center;gap:.15rem;color:#888;font-size:.55rem;text-align:center}.badge-slot-lock img{width:14px;height:14px;opacity:.6}.badge-slot-lock span{line-height:1}.profile-editor-actions{padding-top:1rem;border-top:2px solid rgba(255,215,0,.2)}.editor-save-button{width:100%;padding:1rem;background:linear-gradient(135deg,gold,#ff8c00);border:3px solid #ff8c00;border-radius:10px;color:#000;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:56px;position:relative;overflow:hidden}.editor-save-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .5s ease}.editor-save-button:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,orange);transform:translateY(-3px);box-shadow:0 8px 20px #ffd70080}.editor-save-button:hover:not(:disabled):before{left:100%}.editor-save-button:disabled{opacity:.6;cursor:not-allowed}.profile-unsaved-popup-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:inherit;backdrop-filter:blur(4px)}.profile-unsaved-popup{background:linear-gradient(135deg,#2a2a35,#1a1a25);border:3px solid #ffd700;border-radius:12px;padding:2rem;max-width:340px;text-align:center;box-shadow:0 8px 32px #0009,0 0 20px #ffd70026;animation:popupFadeIn .2s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.unsaved-popup-icon{font-size:2.5rem;margin-bottom:.75rem}.unsaved-popup-title{color:gold;font-size:1.25rem;margin:0 0 .75rem;font-weight:700}.unsaved-popup-message{color:#ccc;font-size:.95rem;margin:0 0 1.5rem;line-height:1.5}.unsaved-popup-actions{display:flex;gap:.75rem;justify-content:center}.unsaved-popup-btn{padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:120px;min-height:44px}.unsaved-popup-discard{background:linear-gradient(135deg,#444,#333);border:2px solid #555;color:#ccc}.unsaved-popup-discard:hover{background:linear-gradient(135deg,#555,#444);border-color:#666;color:#fff}.unsaved-popup-stay{background:linear-gradient(135deg,gold,#ff8c00);border:2px solid #ff8c00;color:#000}.unsaved-popup-stay:hover{background:linear-gradient(135deg,#ffed4e,orange);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}@media (max-width: 360px){.unsaved-popup-actions{flex-direction:column}.unsaved-popup-btn{width:100%}}.profile-preview-header{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#3c3c4680,#1e1e2880);border-bottom:3px solid #444}.profile-preview-header h3{display:flex;align-items:center;gap:.5rem;color:gold;font-size:1.2rem;margin:0}.preview-header-icon{width:24px;height:24px;object-fit:contain}.preview-subtitle{color:#888;font-size:.8rem;font-style:italic}.profile-preview-container{flex:1;padding:1rem;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.profile-preview-modal{width:100%;border-radius:18px;padding:2rem 2.5rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:4px solid #333333;box-shadow:0 8px 16px #00000080;will-change:transform,box-shadow,filter;transform:translateZ(0)}.profile-preview-modal .profile-preview-username{font-size:1.65rem;margin:0 0 .4rem;text-align:center;word-break:break-word}.profile-preview-modal .profile-preview-title{font-size:.95rem;margin:0 0 .9rem;text-align:center}.profile-preview-modal .profile-preview-level{display:flex;align-items:center;justify-content:center;gap:.4rem;background:#00000073;border:2px solid rgba(255,215,0,.35);border-radius:8px;padding:.45rem 1rem;margin:0 auto 1.5rem;width:fit-content}.profile-preview-modal .preview-level-icon{width:20px;height:20px}.profile-preview-modal .profile-preview-level span{font-size:.9rem;color:gold;font-weight:700}.profile-preview-modal .profile-preview-guild{display:flex;align-items:center;gap:.9rem;background:linear-gradient(135deg,#8b451359,#64320f40);border:2px solid rgba(139,105,19,.45);border-radius:10px;padding:.85rem 1.1rem;margin-bottom:1.5rem}.profile-preview-modal .preview-guild-icon{width:38px;height:38px;flex-shrink:0}.profile-preview-modal .preview-guild-name{font-size:.98rem}.profile-preview-modal .preview-guild-level{font-size:.78rem}.profile-preview-modal .profile-preview-stats{margin-bottom:1.5rem}.profile-preview-modal .preview-stats-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin:0 0 1rem;padding-bottom:.6rem;border-bottom:2px solid rgba(255,215,0,.2);color:gold;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.6)}.profile-preview-modal .preview-stats-title-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.profile-preview-modal .preview-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.profile-preview-modal .preview-stat-item{display:flex;flex-direction:row;align-items:center;gap:.75rem;background:linear-gradient(135deg,#0006,#00000040);border:2px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem .9rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform,box-shadow}.profile-preview-modal .preview-stat-item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,215,0,.08) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.profile-preview-modal .preview-stat-item:hover:before{opacity:1}.profile-preview-modal .preview-stat-item:hover{background:linear-gradient(135deg,#00000080,#0000004d);border-color:#ffd70059;transform:translateY(-2px);box-shadow:0 4px 12px #0006,0 0 8px #ffd7001a}.profile-preview-modal .preview-stat-icon{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));flex-shrink:0}.profile-preview-modal .preview-stat-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.profile-preview-modal .preview-stat-value{font-size:.95rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.6)}.profile-preview-modal .preview-stat-label{font-size:.65rem;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.profile-preview-modal .profile-preview-footer{text-align:center;padding-top:1rem;border-top:2px solid rgba(255,255,255,.08)}.profile-preview-modal .preview-account-age{color:#777;font-size:.75rem;font-style:italic}.profile-preview-modal .profile-premium-badge{margin:0 auto .75rem;display:flex;width:fit-content}.profile-preview-modal .profile-premium-badge img{width:16px;height:16px}.profile-preview-modal .profile-premium-badge span{font-size:.65rem}.profile-preview-modal .profile-preview-badges{margin-bottom:1.25rem}.profile-preview-modal .preview-badges-title{display:flex;align-items:center;gap:.5rem;color:gold;font-size:.95rem;font-weight:700;margin:0 0 .85rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,215,0,.2)}.profile-preview-modal .preview-badges-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.profile-preview-modal .preview-badges-empty{background:#0000004d;border:2px dashed rgba(255,215,0,.3);border-radius:8px;padding:1.1rem;text-align:center}.profile-preview-modal .preview-badges-empty p{color:#888;margin:0;font-size:.82rem}.profile-preview-modal .profile-preview-actions{margin-top:1.25rem;padding-top:1rem;border-top:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-preview-modal .preview-add-friend-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem 1.25rem;min-width:140px;min-height:44px;background:linear-gradient(135deg,#4caf50,#2e7d32);border:3px solid #2e7d32;border-radius:10px;color:#fff;font-size:.9rem;font-weight:700;cursor:not-allowed;opacity:.85;transition:all .3s ease;position:relative;overflow:hidden}.profile-preview-modal .preview-add-friend-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.profile-viewer-modal .preview-add-friend-btn{cursor:pointer;opacity:1}.profile-viewer-modal .preview-add-friend-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#43a047);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066,0 0 15px #4caf5040}.profile-viewer-modal .preview-add-friend-btn:disabled{cursor:not-allowed;opacity:.6}.profile-viewer-modal .preview-add-friend-icon{width:20px;height:20px;max-width:20px;max-height:20px;object-fit:contain;flex-shrink:0}.preview-friend-status-icon{width:20px;height:20px;max-width:20px;max-height:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));flex-shrink:0}.preview-stats-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid rgba(255,215,0,.2)}.preview-stats-header .preview-stats-title{margin:0;padding:0;border:none}.preview-add-friend-btn-inline{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:linear-gradient(135deg,#4caf50,#2e7d32);border:2px solid #2e7d32;border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.preview-add-friend-btn-inline:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#43a047);transform:translateY(-1px);box-shadow:0 3px 8px #4caf5066}.preview-add-friend-btn-inline:disabled{opacity:.6;cursor:not-allowed}.preview-add-friend-btn-inline .preview-add-friend-icon{width:14px;height:14px}.preview-friend-status-inline{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;white-space:nowrap}.preview-friend-status-inline .preview-friend-status-icon{width:14px;height:14px}.preview-friend-status-inline.friends{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.preview-friend-status-inline.pending{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.preview-friend-status-inline.received{background:#2196f333;border:1px solid #2196f3;color:#2196f3}.preview-friend-status-inline.disabled{background:#9e9e9e33;border:1px solid #9e9e9e;color:#9e9e9e;font-style:italic}.profile-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-bottom:.5rem;margin-bottom:0}.profile-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.profile-header-left .profile-preview-username,.profile-header-left .profile-preview-title{margin:0;text-align:left}.profile-header-row .profile-preview-level{margin:0;margin-right:2.5rem}.profile-preview-modal .profile-header-row{border-bottom:2px solid rgba(255,215,0,.2);margin-bottom:1rem}.profile-preview-guild{justify-content:center}.preview-guild-info{text-align:center}.profile-preview-modal .preview-friend-status{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;font-size:.82rem;font-weight:700}.profile-preview-modal .preview-friend-status.disabled{background:#9e9e9e33;border:2px solid #9e9e9e;color:#9e9e9e;font-style:italic}.profile-anim-breathe{position:relative}.profile-anim-breathe:before{content:"";position:absolute;inset:-2px;background:inherit;border:inherit;border-radius:inherit;z-index:-1;will-change:transform,box-shadow;transform-origin:center center;animation:profileBreathe 4s cubic-bezier(.4,0,.2,1) infinite}@keyframes profileBreathe{0%,to{transform:scale(1) translateZ(0);box-shadow:0 8px 16px #00000080}50%{transform:scale(1.015) translateZ(0);box-shadow:0 14px 28px #0009,0 0 25px #ffd70026}}.profile-anim-pulse{position:relative}.profile-anim-pulse:before{content:"";position:absolute;inset:-2px;background:inherit;border:inherit;border-radius:inherit;z-index:-1;will-change:transform,box-shadow;transform-origin:center center;animation:profilePulse 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes profilePulse{0%,to{transform:scale(1) translateZ(0);box-shadow:0 8px 16px #00000080}10%{transform:scale(1.025) translateZ(0);box-shadow:0 12px 24px #0000008c,0 0 25px #64c8ff66}25%{transform:scale(1) translateZ(0);box-shadow:0 8px 16px #00000080}}.profile-anim-shimmer{position:relative;overflow:hidden}.profile-anim-shimmer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(-100%) translateZ(0);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);animation:profileShimmer 3s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;z-index:100;border-radius:inherit;will-change:transform}@keyframes profileShimmer{0%{transform:translate(-100%) translateZ(0)}to{transform:translate(200%) translateZ(0)}}.profile-anim-rainbow{animation:profileRainbow 10s linear infinite;will-change:filter}@keyframes profileRainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.profile-anim-float{animation:profileFloat 7s cubic-bezier(.4,0,.2,1) infinite;will-change:transform}@keyframes profileFloat{0%,to{transform:translateY(0) translate(0) translateZ(0);box-shadow:0 8px 16px #00000080}25%{transform:translateY(-6px) translate(3px) translateZ(0);box-shadow:0 14px 24px #0000008c}50%{transform:translateY(-10px) translate(0) translateZ(0);box-shadow:0 18px 30px #0009}75%{transform:translateY(-6px) translate(-3px) translateZ(0);box-shadow:0 14px 24px #0000008c}}@media (min-width: 1200px){.profile-viewer-modal{max-width:760px;padding:2rem 2.5rem}.profile-stats-grid,.preview-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.profile-preview-modal .preview-badges-title{font-size:1rem}.profile-preview-modal .preview-add-friend-btn{padding:.7rem 1.5rem;font-size:.95rem}}@media (max-width: 1024px){.profile-editor-container{flex-direction:column;max-height:none;height:auto}.profile-editor-panel{max-width:100%}.profile-editor-left,.profile-editor-right{flex:none;max-width:100%;width:100%;min-width:unset}.profile-editor-right{max-height:520px}.editor-options-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.profile-viewer-modal{max-width:560px;padding:1.75rem 2rem}.profile-preview-modal{padding:1.75rem 2rem}.profile-preview-modal .preview-stats-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.profile-preview-modal .profile-preview-username{font-size:1.5rem}.profile-preview-modal .preview-badges-title{font-size:.92rem}.profile-preview-modal .preview-badges-empty{padding:1rem}.profile-preview-modal .preview-badges-empty p{font-size:.8rem}.profile-preview-modal .profile-preview-actions{margin-top:1rem;padding-top:.85rem}.profile-preview-modal .preview-add-friend-btn{padding:.6rem 1.2rem;font-size:.88rem;min-width:130px}}@media (max-width: 768px){.profile-viewer-overlay,.profile-editor-overlay{padding:15px}.profile-viewer-modal{padding:1.5rem 1.25rem;max-width:520px;border-radius:14px}.profile-viewer-header{margin-bottom:1.5rem;padding-bottom:1.25rem}.profile-viewer-username,.profile-preview-username{font-size:1.75rem}.profile-viewer-title,.profile-preview-title{font-size:.95rem}.profile-stats-grid,.preview-stats-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.profile-stat-item,.preview-stat-item{padding:.9rem 1rem}.stat-icon,.preview-stat-icon{width:32px;height:32px}.stat-value,.preview-stat-value{font-size:1rem}.stat-label,.preview-stat-label{font-size:.68rem}.editor-header-icon{width:28px;height:28px}.profile-editor-header h2{font-size:1.3rem}.editor-category-tabs{gap:.4rem}.editor-category-tab{padding:.55rem .85rem;font-size:.82rem}.editor-options-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.6rem}.editor-option-button{padding:.6rem;min-height:75px}.option-preview-swatch{width:42px;height:26px}.option-name{font-size:.68rem}.profile-add-friend-btn{padding:.65rem 1.25rem;font-size:.95rem}.profile-friend-status{padding:.55rem 1rem;font-size:.85rem}.profile-preview-modal .profile-preview-badges{margin-bottom:1.1rem}.profile-preview-modal .preview-badges-title{font-size:.88rem;margin-bottom:.7rem;padding-bottom:.45rem}.profile-preview-modal .preview-badges-icon{width:18px;height:18px}.profile-preview-modal .preview-badges-empty{padding:.9rem;border-radius:7px}.profile-preview-modal .preview-badges-empty p{font-size:.78rem}.profile-preview-modal .profile-preview-actions{margin-top:1rem;padding-top:.8rem}.profile-preview-modal .preview-add-friend-btn{padding:.55rem 1.1rem;font-size:.85rem;min-height:42px;min-width:125px}.profile-preview-modal .preview-add-friend-icon{width:18px;height:18px}.profile-preview-modal .preview-friend-status{font-size:.78rem;padding:.45rem .9rem}}@media (max-width: 600px){.profile-viewer-overlay,.profile-editor-overlay{padding:10px}.profile-viewer-modal{padding:1.25rem 1rem;max-width:100%;border-radius:12px}.profile-preview-modal{padding:1.25rem 1rem;border-radius:12px}.profile-preview-modal .profile-preview-username{font-size:1.35rem}.profile-preview-modal .profile-preview-title{font-size:.85rem;margin-bottom:.7rem}.profile-preview-modal .profile-preview-level{padding:.35rem .8rem;margin-bottom:1.1rem}.profile-preview-modal .profile-preview-level span{font-size:.8rem}.profile-preview-modal .preview-level-icon{width:16px;height:16px}.profile-preview-modal .profile-preview-guild{padding:.7rem .9rem;gap:.7rem;margin-bottom:1.1rem}.profile-preview-modal .preview-guild-icon{width:32px;height:32px}.profile-preview-modal .preview-guild-name{font-size:.88rem}.profile-preview-modal .preview-guild-level{font-size:.7rem}.profile-preview-modal .preview-stats-title{font-size:.9rem;margin-bottom:.8rem}.profile-preview-modal .preview-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.profile-preview-modal .preview-stat-item{padding:.6rem .7rem;border-radius:8px;gap:.6rem;flex-direction:row}.profile-preview-modal .preview-stat-icon{width:24px;height:24px}.profile-preview-modal .preview-stat-value{font-size:.9rem}.profile-preview-modal .preview-stat-label{font-size:.58rem}.profile-preview-modal .profile-preview-footer{padding-top:.8rem}.profile-preview-modal .preview-account-age{font-size:.68rem}.profile-viewer-header{margin-bottom:1.5rem;padding-bottom:1.25rem}.profile-viewer-username,.profile-preview-username{font-size:1.5rem}.profile-viewer-title,.profile-preview-title{font-size:.9rem}.profile-viewer-level,.profile-preview-level{padding:.45rem .85rem;font-size:.9rem}.profile-level-icon,.preview-level-icon{width:20px;height:20px}.profile-stats-grid,.preview-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.profile-stat-item,.preview-stat-item{padding:.8rem .9rem;gap:.75rem}.stat-icon,.preview-stat-icon{width:28px;height:28px}.stat-value,.preview-stat-value{font-size:.95rem}.profile-viewer-bio,.profile-viewer-guild,.profile-preview-guild{padding:.9rem;margin-bottom:1.25rem}.profile-viewer-badges{margin-bottom:1.25rem}.profile-editor-content{padding:1rem}.editor-category-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.editor-category-tab{flex-shrink:0;padding:.5rem .75rem;font-size:.78rem}.category-tab-icon{width:16px;height:16px}.editor-options-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.profile-viewer-actions{margin-top:1.25rem;padding-top:.9rem}.profile-add-friend-btn{width:100%;min-width:unset}.profile-preview-modal .profile-preview-badges{margin-bottom:1rem}.profile-preview-modal .preview-badges-title{font-size:.82rem;margin-bottom:.65rem;padding-bottom:.4rem;gap:.4rem}.profile-preview-modal .preview-badges-icon{width:16px;height:16px}.profile-preview-modal .preview-badges-empty{padding:.8rem;border-radius:6px}.profile-preview-modal .preview-badges-empty p{font-size:.72rem}.profile-preview-modal .profile-preview-actions{margin-top:.9rem;padding-top:.7rem}.profile-preview-modal .preview-add-friend-btn{width:100%;padding:.5rem 1rem;font-size:.82rem;min-height:40px;min-width:unset}.profile-preview-modal .preview-add-friend-icon{width:16px;height:16px}.profile-preview-modal .preview-friend-status{font-size:.72rem;padding:.4rem .8rem;width:100%;justify-content:center}}@media (max-width: 480px){.profile-viewer-overlay,.profile-editor-overlay{padding:6px}.profile-viewer-modal,.profile-preview-modal{padding:1rem .8rem;border-width:3px;border-radius:10px}.profile-preview-modal .profile-preview-username{font-size:1.2rem;margin-bottom:.3rem}.profile-preview-modal .profile-preview-title{font-size:.78rem;margin-bottom:.6rem}.profile-preview-modal .profile-preview-level{padding:.3rem .6rem;margin-bottom:.9rem;gap:.3rem}.profile-preview-modal .preview-level-icon{width:14px;height:14px}.profile-preview-modal .profile-preview-level span{font-size:.72rem}.profile-preview-modal .profile-preview-guild{padding:.55rem .7rem;gap:.5rem;margin-bottom:.9rem;border-radius:8px}.profile-preview-modal .preview-guild-icon{width:28px;height:28px}.profile-preview-modal .preview-guild-name{font-size:.8rem}.profile-preview-modal .preview-guild-level{font-size:.65rem}.profile-preview-modal .preview-stats-title{font-size:.82rem;margin-bottom:.6rem;padding-bottom:.4rem}.profile-preview-modal .preview-stats-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.profile-preview-modal .preview-stat-item{padding:.5rem .55rem;border-radius:6px;border-width:1px;gap:.5rem;flex-direction:row}.profile-preview-modal .preview-stat-icon{width:20px;height:20px}.profile-preview-modal .preview-stat-value{font-size:.8rem}.profile-preview-modal .preview-stat-label{font-size:.52rem;letter-spacing:.3px}.profile-preview-modal .profile-preview-footer{padding-top:.6rem;margin-top:.8rem}.profile-preview-modal .preview-account-age{font-size:.6rem}.profile-preview-modal .profile-premium-badge{padding:.25rem .6rem;gap:.3rem;margin-bottom:.5rem}.profile-preview-modal .profile-premium-badge img{width:12px;height:12px}.profile-preview-modal .profile-premium-badge span{font-size:.55rem}.profile-viewer-close,.profile-editor-close{width:40px;height:40px;min-width:40px;min-height:40px;font-size:.95rem;top:.6rem;right:.6rem}.profile-viewer-header{margin-bottom:1.25rem;padding-bottom:1rem}.profile-viewer-username,.profile-preview-username{font-size:1.35rem}.profile-viewer-title,.profile-preview-title{font-size:.85rem;margin-bottom:.75rem}.profile-viewer-bio p,.profile-preview-bio p{font-size:.88rem}.profile-guild-icon,.preview-guild-icon{width:34px;height:34px}.profile-guild-name,.preview-guild-name{font-size:.9rem}.profile-stats-grid,.preview-stats-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.profile-stat-item,.preview-stat-item{padding:.7rem .8rem;gap:.65rem;border-radius:10px}.stat-icon,.preview-stat-icon{width:26px;height:26px}.stat-value,.preview-stat-value{font-size:.9rem}.stat-label,.preview-stat-label{font-size:.65rem}.profile-stats-title,.preview-stats-title,.profile-badges-title{font-size:1.05rem;margin-bottom:1rem}.profile-editor-header{padding:1rem}.profile-editor-header h2{font-size:1.1rem}.editor-header-icon{width:24px;height:24px}.profile-preview-header{padding:1rem}.profile-preview-header h3{font-size:1rem}.editor-save-button{padding:.9rem;font-size:1rem;min-height:52px}.editor-badge-slot{width:52px;height:52px}.editor-options-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.editor-option-button{padding:.5rem;min-height:68px}.profile-friend-status{padding:.5rem .9rem;font-size:.82rem;flex-wrap:wrap;text-align:center;justify-content:center}.friend-status-icon{width:18px;height:18px}.add-friend-icon{width:22px;height:22px}.profile-preview-modal .profile-preview-badges{margin-bottom:.85rem}.profile-preview-modal .preview-badges-title{font-size:.75rem;margin-bottom:.55rem;padding-bottom:.35rem;gap:.35rem}.profile-preview-modal .preview-badges-icon{width:14px;height:14px}.profile-preview-modal .preview-badges-empty{padding:.65rem;border-radius:5px}.profile-preview-modal .preview-badges-empty p{font-size:.65rem}.profile-preview-modal .profile-preview-actions{margin-top:.75rem;padding-top:.6rem}.profile-preview-modal .preview-add-friend-btn{width:100%;padding:.45rem .8rem;font-size:.75rem;min-height:38px;gap:.5rem;border-width:2px;border-radius:8px}.profile-preview-modal .preview-add-friend-icon{width:15px;height:15px}.profile-preview-modal .preview-friend-status{font-size:.68rem;padding:.35rem .7rem;width:100%;justify-content:center;text-align:center}.profile-preview-modal .preview-stats-title-icon{width:16px;height:16px}}@media (max-width: 360px){.profile-viewer-overlay,.profile-editor-overlay{padding:4px}.profile-viewer-modal,.profile-preview-modal{padding:.8rem .6rem;border-width:2px;border-radius:8px}.profile-preview-modal .profile-preview-username{font-size:1.05rem;margin-bottom:.25rem}.profile-preview-modal .profile-preview-title{font-size:.7rem;margin-bottom:.5rem}.profile-preview-modal .profile-preview-level{padding:.25rem .5rem;margin-bottom:.7rem;gap:.25rem;border-radius:5px}.profile-preview-modal .preview-level-icon{width:12px;height:12px}.profile-preview-modal .profile-preview-level span{font-size:.65rem}.profile-preview-modal .profile-preview-guild{padding:.45rem .55rem;gap:.4rem;margin-bottom:.7rem;border-radius:6px}.profile-preview-modal .preview-guild-icon{width:24px;height:24px}.profile-preview-modal .preview-guild-name{font-size:.72rem}.profile-preview-modal .preview-guild-level{font-size:.58rem}.profile-preview-modal .preview-stats-title{font-size:.75rem;margin-bottom:.5rem;padding-bottom:.35rem}.profile-preview-modal .preview-stats-grid{grid-template-columns:repeat(2,1fr);gap:.3rem}.profile-preview-modal .preview-stat-item{padding:.4rem .45rem;border-radius:5px;border-width:1px;gap:.4rem;flex-direction:row}.profile-preview-modal .preview-stat-icon{width:16px;height:16px}.profile-preview-modal .preview-stat-value{font-size:.72rem}.profile-preview-modal .preview-stat-label{font-size:.48rem;letter-spacing:.2px}.profile-preview-modal .profile-preview-footer{padding-top:.5rem;margin-top:.6rem}.profile-preview-modal .preview-account-age{font-size:.55rem}.profile-preview-modal .profile-premium-badge{padding:.2rem .5rem;gap:.25rem;margin-bottom:.4rem}.profile-preview-modal .profile-premium-badge img{width:10px;height:10px}.profile-preview-modal .profile-premium-badge span{font-size:.5rem}.profile-viewer-close,.profile-editor-close{width:36px;height:36px;min-width:36px;min-height:36px;top:.4rem;right:.4rem;font-size:.9rem}.profile-viewer-header{margin-bottom:1rem;padding-bottom:.85rem}.profile-viewer-username,.profile-preview-username{font-size:1.2rem}.profile-viewer-title,.profile-preview-title{font-size:.8rem}.profile-viewer-level,.profile-preview-level{padding:.35rem .65rem;font-size:.82rem}.profile-stats-title,.preview-stats-title,.profile-badges-title{font-size:.95rem;gap:.4rem}.profile-stats-icon,.preview-stats-icon{width:20px;height:20px}.profile-stats-grid,.preview-stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.profile-stat-item,.preview-stat-item{padding:.6rem .7rem;gap:.5rem;border-radius:8px}.stat-icon,.preview-stat-icon{width:22px;height:22px}.stat-value,.preview-stat-value{font-size:.82rem}.stat-label,.preview-stat-label{font-size:.58rem}.profile-viewer-bio,.profile-preview-bio{padding:.75rem;margin-bottom:1rem}.profile-viewer-bio p,.profile-preview-bio p{font-size:.82rem}.profile-viewer-guild,.profile-preview-guild{padding:.75rem;margin-bottom:1rem;gap:.65rem}.profile-guild-icon,.preview-guild-icon{width:30px;height:30px}.profile-guild-name,.preview-guild-name{font-size:.85rem}.profile-guild-level,.preview-guild-level{font-size:.7rem}.profile-badges-empty{padding:1rem}.profile-badges-empty p{font-size:.8rem}.editor-section-title{font-size:.95rem}.editor-save-button-inline{padding:.4rem .9rem;font-size:.75rem;min-height:32px}.editor-section-header-row{gap:.5rem}.editor-input,.editor-textarea{padding:.6rem .8rem;font-size:.9rem}.editor-category-tab{padding:.4rem .6rem;font-size:.7rem}.category-tab-icon{width:14px;height:14px}.editor-options-grid{gap:.4rem}.editor-option-button{padding:.4rem;min-height:60px}.option-preview-swatch{width:35px;height:20px}.option-name{font-size:.58rem}.toggle-slider{width:44px;height:24px}.toggle-slider:after{width:18px;height:18px}.editor-visibility-toggle input:checked+.toggle-slider:after{left:23px}.toggle-label{font-size:.8rem}.editor-badge-slot{width:44px;height:44px}.profile-viewer-actions{margin-top:1rem;padding-top:.75rem}.profile-action-message{padding:.4rem .75rem;font-size:.78rem}.profile-friend-status{padding:.45rem .75rem;font-size:.78rem}.profile-add-friend-btn{padding:.6rem 1rem;font-size:.9rem;min-height:44px}.profile-preview-modal .profile-preview-badges{margin-bottom:.7rem}.profile-preview-modal .preview-badges-title{font-size:.68rem;margin-bottom:.45rem;padding-bottom:.3rem;gap:.3rem}.profile-preview-modal .preview-badges-icon{width:12px;height:12px}.profile-preview-modal .preview-badges-empty{padding:.5rem;border-radius:4px}.profile-preview-modal .preview-badges-empty p{font-size:.58rem}.profile-preview-modal .profile-preview-actions{margin-top:.6rem;padding-top:.5rem}.profile-preview-modal .preview-add-friend-btn{width:100%;padding:.4rem .6rem;font-size:.7rem;min-height:36px;gap:.4rem;border-width:2px;border-radius:6px}.profile-preview-modal .preview-add-friend-icon{width:14px;height:14px}.profile-preview-modal .preview-friend-status{font-size:.62rem;padding:.3rem .5rem;width:100%;justify-content:center;text-align:center;border-radius:5px}.profile-preview-modal .preview-stats-title-icon{width:14px;height:14px}}@media (prefers-reduced-motion: reduce){.profile-viewer-overlay,.profile-editor-overlay,.profile-viewer-modal,.profile-editor-container,.profile-anim-breathe,.profile-anim-pulse,.profile-anim-shimmer,.profile-anim-rainbow,.profile-anim-float,.profile-anim-glow-pulse,.profile-anim-border-glow,.profile-anim-tilt,.profile-anim-shadow-dance,.profile-anim-color-shift,.profile-anim-ethereal,.profile-anim-heartbeat,.profile-anim-ripple,.profile-anim-glitch,.profile-anim-hologram,.profile-anim-aurora,.profile-anim-legendary,[class*=profile-particles-],[class*=profile-decor-],.profile-text-rainbow,.profile-text-golden-shimmer,.profile-text-neon-pulse,.profile-text-fire-gradient,.profile-text-galaxy{animation:none!important}.profile-anim-shimmer:before,.profile-anim-hologram:before,.profile-anim-aurora:before,.profile-anim-ripple:after,[class*=profile-decor-]:before,[class*=profile-decor-]:after{animation:none!important;opacity:.5}.profile-particle{animation:none!important;opacity:.5}.profile-loading-spinner{animation:none;border-top-color:gold;opacity:.7}.profile-viewer-close:hover,.profile-editor-close:hover{transform:scale(1.1)}.editor-save-button:before{display:none}}.profile-anim-glow-pulse{animation:profileGlowPulse 4s cubic-bezier(.4,0,.2,1) infinite;will-change:box-shadow}@keyframes profileGlowPulse{0%,to{box-shadow:0 8px 16px #00000080,0 0 20px #ff649666,0 0 40px #ff649633}25%{box-shadow:0 8px 16px #00000080,0 0 25px #9664ff80,0 0 50px #9664ff40}50%{box-shadow:0 8px 16px #00000080,0 0 30px #64c8ff80,0 0 60px #64c8ff40}75%{box-shadow:0 8px 16px #00000080,0 0 25px #64ffb473,0 0 50px #64ffb433}}.profile-anim-border-glow{animation:profileBorderGlow 2.5s linear infinite;will-change:box-shadow}@keyframes profileBorderGlow{0%{box-shadow:0 8px 16px #00000080,0 -8px 25px #ffd70099,0 -4px 15px #fff6}12.5%{box-shadow:0 8px 16px #00000080,8px -8px 25px #ffd70099,4px -4px 15px #fff6}25%{box-shadow:0 8px 16px #00000080,12px 0 25px #ffd70099,6px 0 15px #fff6}37.5%{box-shadow:0 8px 16px #00000080,8px 8px 25px #ffd70099,4px 4px 15px #fff6}50%{box-shadow:0 8px 16px #00000080,0 12px 25px #ffd70099,0 6px 15px #fff6}62.5%{box-shadow:0 8px 16px #00000080,-8px 8px 25px #ffd70099,-4px 4px 15px #fff6}75%{box-shadow:0 8px 16px #00000080,-12px 0 25px #ffd70099,-6px 0 15px #fff6}87.5%{box-shadow:0 8px 16px #00000080,-8px -8px 25px #ffd70099,-4px -4px 15px #fff6}to{box-shadow:0 8px 16px #00000080,0 -8px 25px #ffd70099,0 -4px 15px #fff6}}.profile-anim-tilt{animation:profileTilt 6s cubic-bezier(.4,0,.2,1) infinite;transform-origin:center center;transform-style:preserve-3d;will-change:transform}@keyframes profileTilt{0%,to{transform:perspective(800px) rotateX(0) rotateY(0) translateZ(0);box-shadow:0 8px 16px #00000080}25%{transform:perspective(800px) rotateX(3deg) rotateY(-3deg) translateZ(10px);box-shadow:5px 12px 25px #0009}50%{transform:perspective(800px) rotateX(-2deg) rotateY(2deg) translateZ(5px);box-shadow:-3px 10px 20px #0000008c}75%{transform:perspective(800px) rotateX(2deg) rotateY(3deg) translateZ(8px);box-shadow:-5px 14px 28px #0009}}.profile-anim-shadow-dance{animation:profileShadowDance 5s cubic-bezier(.4,0,.2,1) infinite;will-change:box-shadow}@keyframes profileShadowDance{0%{box-shadow:15px 15px 35px #000000b3,-5px -5px 20px #ffffff0d,inset -2px -2px 10px #0000001a}25%{box-shadow:-15px 15px 35px #000000b3,5px -5px 20px #ffffff0d,inset 2px -2px 10px #0000001a}50%{box-shadow:-15px -15px 35px #000000b3,5px 5px 20px #ffffff0d,inset 2px 2px 10px #0000001a}75%{box-shadow:15px -15px 35px #000000b3,-5px 5px 20px #ffffff0d,inset -2px 2px 10px #0000001a}to{box-shadow:15px 15px 35px #000000b3,-5px -5px 20px #ffffff0d,inset -2px -2px 10px #0000001a}}.profile-anim-color-shift{animation:profileColorShift 8s cubic-bezier(.4,0,.2,1) infinite;will-change:filter}@keyframes profileColorShift{0%,to{filter:hue-rotate(0deg) saturate(1)}50%{filter:hue-rotate(15deg) saturate(1.1)}}.profile-anim-ethereal{animation:profileEtherealFloat 5s cubic-bezier(.4,0,.2,1) infinite,profileEtherealGlow 3s cubic-bezier(.4,0,.2,1) infinite;will-change:transform,box-shadow}@keyframes profileEtherealFloat{0%,to{transform:translateY(0) translateZ(0)}33%{transform:translateY(-5px) translate(2px) translateZ(0)}66%{transform:translateY(-3px) translate(-2px) translateZ(0)}}@keyframes profileEtherealGlow{0%,to{box-shadow:0 8px 16px #00000080,0 0 30px #8a2be266,0 0 60px #4b008233,inset 0 0 20px #8a2be20d}50%{box-shadow:0 12px 24px #0000008c,0 0 40px #00c8ff66,0 0 80px #8a2be24d,0 0 120px #4b008226,inset 0 0 30px #00c8ff14}}.profile-anim-heartbeat{position:relative}.profile-anim-heartbeat:before{content:"";position:absolute;inset:-2px;background:inherit;border:inherit;border-radius:inherit;z-index:-1;will-change:transform,box-shadow;transform-origin:center center;animation:profileHeartbeat 1.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes profileHeartbeat{0%,to{transform:scale(1) translateZ(0);box-shadow:0 8px 16px #00000080}14%{transform:scale(1.025) translateZ(0);box-shadow:0 12px 24px #0000008c,0 0 20px #ff646440}28%{transform:scale(1) translateZ(0);box-shadow:0 8px 16px #00000080}42%{transform:scale(1.018) translateZ(0);box-shadow:0 10px 20px #00000085,0 0 15px #ff64642e}56%{transform:scale(1) translateZ(0);box-shadow:0 8px 16px #00000080}}.profile-anim-ripple{position:relative;overflow:visible}.profile-anim-ripple:after{content:"";position:absolute;inset:-5px;border:2px solid rgba(255,215,0,.3);border-radius:inherit;animation:profileRippleWave 3s cubic-bezier(.4,0,.6,1) infinite;pointer-events:none;will-change:transform,opacity}@keyframes profileRippleWave{0%{transform:scale(1) translateZ(0);opacity:.6}to{transform:scale(1.05) translateZ(0);opacity:0}}.profile-anim-glitch{animation:profileGlitch 4s steps(1) infinite;will-change:transform,filter}@keyframes profileGlitch{0%,90%,to{transform:translate(0) translateZ(0);filter:none}91%{transform:translate(-2px,1px) translateZ(0);filter:hue-rotate(90deg)}92%{transform:translate(2px,-1px) translateZ(0);filter:hue-rotate(-90deg)}93%{transform:translate(-1px,-1px) translateZ(0);filter:hue-rotate(45deg)}94%{transform:translate(1px,1px) translateZ(0);filter:none}}.profile-anim-hologram{position:relative;overflow:hidden}.profile-anim-hologram:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,transparent 0%,rgba(0,255,255,.05) 50%,transparent 100%);animation:profileHologramScan 3s linear infinite;pointer-events:none;z-index:100;will-change:transform}@keyframes profileHologramScan{0%{transform:translateY(-100%) translateZ(0)}to{transform:translateY(300%) translateZ(0)}}.profile-anim-aurora{animation:profileAurora 6s cubic-bezier(.4,0,.2,1) infinite;position:relative;overflow:hidden;will-change:filter}.profile-anim-aurora:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00ff871a,#60efff1a,#0061ff1a 66%,#ff00ff1a);animation:profileAuroraShift 6s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;border-radius:inherit;z-index:50;will-change:transform,opacity}@keyframes profileAuroraShift{0%,to{opacity:.3;transform:translate(-10%) translateZ(0)}50%{opacity:.6;transform:translate(10%) translateZ(0)}}.profile-anim-legendary{position:relative}.profile-anim-legendary:before{content:"";position:absolute;inset:-2px;background:inherit;border:inherit;border-radius:inherit;z-index:-1;will-change:transform,box-shadow;transform-origin:center center;animation:profileLegendary 3s cubic-bezier(.4,0,.2,1) infinite}@keyframes profileLegendary{0%,to{transform:scale(1) translateZ(0);box-shadow:0 8px 16px #00000080,0 0 30px #ffd70066,0 0 60px #ff8c0033}50%{transform:scale(1.02) translateZ(0);box-shadow:0 16px 32px #0009,0 0 50px #ffd700b3,0 0 100px #ff8c0073,0 0 150px #ff640040}}.profile-particle-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:50;border-radius:inherit}.profile-particle{position:absolute;pointer-events:none;will-change:transform,opacity;transform:translateZ(0);left:var(--particle-x, 50%)}.profile-particles-sparkles .profile-particle{width:6px;height:6px;left:var(--particle-x, 50%);top:var(--particle-y, 50%);background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.9) 20%,rgba(255,215,0,.6) 40%,transparent 70%);border-radius:50%;box-shadow:0 0 8px #ffffffe6,0 0 15px #ffd70099,0 0 25px #ffc8004d;transform:scale(var(--particle-scale, 1)) translateZ(0);animation:sparklesTwinkle calc(2s * var(--particle-duration, 1)) ease-in-out infinite,sparklesFloat calc(8s * var(--particle-duration, 1)) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}.profile-particles-sparkles .profile-particle:nth-child(odd){background:radial-gradient(circle,#ffd700 0%,rgba(255,215,0,.9) 25%,rgba(255,255,255,.5) 50%,transparent 75%);box-shadow:0 0 10px #ffd700f2,0 0 18px #ffc800b3,0 0 30px #ffb40066}@keyframes sparklesTwinkle{0%,to{opacity:.3;filter:brightness(.7)}15%{opacity:1;filter:brightness(1.4)}30%{opacity:.5;filter:brightness(.85)}50%{opacity:.95;filter:brightness(1.25)}70%{opacity:.4;filter:brightness(.75)}85%{opacity:.85;filter:brightness(1.15)}}@keyframes sparklesFloat{0%,to{transform:translate(0) translateY(0) scale(var(--particle-scale, 1)) translateZ(0)}25%{transform:translate(calc(var(--particle-drift, 5px) * .5)) translateY(-8px) scale(calc(var(--particle-scale, 1) * 1.1)) translateZ(0)}50%{transform:translate(var(--particle-drift, 5px)) translateY(5px) scale(var(--particle-scale, 1)) translateZ(0)}75%{transform:translate(calc(var(--particle-drift, 5px) * -.3)) translateY(-5px) scale(calc(var(--particle-scale, 1) * .95)) translateZ(0)}}@media (max-width: 768px){.profile-particles-sparkles .profile-particle{width:5px;height:5px}}@media (prefers-reduced-motion: reduce){.profile-particles-sparkles .profile-particle{animation:none;opacity:.6}}.profile-particles-dust .profile-particle{width:4px;height:4px;left:var(--particle-x, 50%);top:var(--particle-y, 50%);background:radial-gradient(circle,rgba(210,180,140,.8) 0%,rgba(180,150,120,.5) 40%,transparent 70%);border-radius:50%;box-shadow:0 0 4px #d2b48c66;transform:scale(var(--particle-scale, 1)) translateZ(0);animation:dustFloat calc(12s * var(--particle-duration, 1)) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}.profile-particles-dust .profile-particle:nth-child(3n+1){background:radial-gradient(circle,rgba(139,119,101,.75) 0%,rgba(139,119,101,.4) 40%,transparent 70%)}.profile-particles-dust .profile-particle:nth-child(3n+2){background:radial-gradient(circle,rgba(255,191,128,.65) 0%,rgba(210,160,120,.35) 40%,transparent 70%)}@keyframes dustFloat{0%{transform:translateY(0) translate(0) scale(var(--particle-scale, 1)) translateZ(0);opacity:.5}15%{transform:translateY(-12px) translate(calc(var(--particle-drift, 10px) * .6)) scale(calc(var(--particle-scale, 1) * 1.05)) translateZ(0);opacity:.8}30%{transform:translateY(-8px) translate(calc(var(--particle-drift, 10px) * -.3)) scale(var(--particle-scale, 1)) translateZ(0);opacity:.7}45%{transform:translateY(-20px) translate(var(--particle-drift, 10px)) scale(calc(var(--particle-scale, 1) * .95)) translateZ(0);opacity:.85}60%{transform:translateY(-15px) translate(calc(var(--particle-drift, 10px) * -.7)) scale(var(--particle-scale, 1)) translateZ(0);opacity:.6}75%{transform:translateY(-25px) translate(calc(var(--particle-drift, 10px) * .4)) scale(calc(var(--particle-scale, 1) * 1.1)) translateZ(0);opacity:.9}90%{transform:translateY(-10px) translate(calc(var(--particle-drift, 10px) * -.5)) scale(var(--particle-scale, 1)) translateZ(0);opacity:.65}to{transform:translateY(0) translate(0) scale(var(--particle-scale, 1)) translateZ(0);opacity:.5}}@media (max-width: 768px){.profile-particles-dust .profile-particle{width:3px;height:3px}}@media (prefers-reduced-motion: reduce){.profile-particles-dust .profile-particle{animation:none;opacity:.5}}.profile-particles-rain .profile-particle{width:2px;height:20px;top:-25px;background:linear-gradient(180deg,transparent 0%,rgba(174,214,241,.3) 20%,rgba(174,214,241,.8) 50%,rgba(200,230,255,.9) 70%,rgba(174,214,241,.5) 90%,transparent 100%);border-radius:50%/10% 10% 90% 90%;transform:scaleY(var(--particle-scale, 1)) rotate(8deg) translateZ(0);animation:rainFall calc(.6s * var(--particle-duration, 1)) linear infinite;animation-delay:var(--particle-delay, 0s);opacity:.85}.profile-particles-rain .profile-particle:nth-child(3n+1){width:1.5px;height:15px;opacity:.6;filter:blur(.3px)}.profile-particles-rain .profile-particle:nth-child(3n+2){width:2.5px;height:25px;opacity:.9}@keyframes rainFall{0%{transform:translateY(-30px) translate(0) scaleY(var(--particle-scale, 1)) rotate(8deg) translateZ(0);opacity:0}5%{opacity:.85}95%{opacity:.85}to{transform:translateY(calc(100vh + 50px)) translate(15px) scaleY(var(--particle-scale, 1)) rotate(8deg) translateZ(0);opacity:0}}@media (max-width: 768px){.profile-particles-rain .profile-particle{height:15px}}@media (prefers-reduced-motion: reduce){.profile-particles-rain .profile-particle{animation:none;opacity:.4;top:50%}}.profile-particles-snow .profile-particle{width:6px;height:6px;top:-10px;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 30%,rgba(240,248,255,.4) 60%,transparent 80%);border-radius:50%;box-shadow:0 0 6px #fffc,0 0 12px #f0f8ff66;transform:scale(var(--particle-scale, 1)) translateZ(0);animation:snowFall calc(6s * var(--particle-duration, 1)) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}.profile-particles-snow .profile-particle:nth-child(3n+1){width:4px;height:4px;filter:blur(.5px);opacity:.7}.profile-particles-snow .profile-particle:nth-child(3n+2){width:8px;height:8px}@keyframes snowFall{0%{transform:translateY(-20px) translate(0) scale(var(--particle-scale, 1)) translateZ(0);opacity:0}10%{opacity:.9}50%{transform:translateY(50vh) translate(var(--particle-drift, 15px)) scale(var(--particle-scale, 1)) translateZ(0)}90%{opacity:.85}to{transform:translateY(calc(100vh + 30px)) translate(calc(var(--particle-drift, 15px) * -.5)) scale(var(--particle-scale, 1)) translateZ(0);opacity:0}}@media (max-width: 768px){.profile-particles-snow .profile-particle{width:5px;height:5px}}@media (prefers-reduced-motion: reduce){.profile-particles-snow .profile-particle{animation:none;opacity:.5;top:50%}}.profile-particles-bubbles .profile-particle{width:12px;height:12px;bottom:-15px;top:auto;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8) 0%,rgba(255,255,255,.4) 10%,transparent 15%,rgba(173,216,255,.2) 20%,rgba(173,216,255,.35) 50%,rgba(135,206,250,.15) 80%,transparent 100%);border-radius:50%;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 10px #ffffff4d,0 0 8px #87cefa66;transform:scale(var(--particle-scale, 1)) translateZ(0);animation:bubblesRise calc(5s * var(--particle-duration, 1)) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}.profile-particles-bubbles .profile-particle:nth-child(3n+1){width:8px;height:8px}.profile-particles-bubbles .profile-particle:nth-child(3n+2){width:16px;height:16px}@keyframes bubblesRise{0%{transform:translateY(0) translate(0) scale(var(--particle-scale, 1)) translateZ(0);opacity:0}10%{opacity:.8}25%{transform:translateY(-25vh) translate(var(--particle-drift, 10px)) scale(var(--particle-scale, 1)) translateZ(0)}50%{transform:translateY(-50vh) translate(calc(var(--particle-drift, 10px) * -.5)) scale(var(--particle-scale, 1)) translateZ(0)}75%{transform:translateY(-75vh) translate(calc(var(--particle-drift, 10px) * .8)) scale(var(--particle-scale, 1)) translateZ(0)}90%{opacity:.7}to{transform:translateY(-105vh) translate(0) scale(var(--particle-scale, 1)) translateZ(0);opacity:0}}@media (max-width: 768px){.profile-particles-bubbles .profile-particle{width:10px;height:10px}}@media (prefers-reduced-motion: reduce){.profile-particles-bubbles .profile-particle{animation:none;opacity:.5;bottom:50%}}.profile-particles-smoke .profile-particle{width:40px;height:40px;bottom:-20px;top:auto;background:radial-gradient(ellipse at center,rgba(100,100,105,.4) 0%,rgba(110,110,115,.3) 30%,rgba(120,120,125,.15) 60%,transparent 80%);border-radius:50%;filter:blur(3px);transform:scale(var(--particle-scale, 1)) translateZ(0);animation:smokeRise calc(8s * var(--particle-duration, 1)) ease-out infinite;animation-delay:var(--particle-delay, 0s)}.profile-particles-smoke .profile-particle:nth-child(odd){width:60px;height:60px;filter:blur(5px)}@keyframes smokeRise{0%{transform:translateY(0) scale(var(--particle-scale, .5)) translateZ(0);opacity:0}15%{opacity:.5}50%{transform:translateY(-40vh) translate(var(--particle-drift, 10px)) scale(calc(var(--particle-scale, 1) * 1.5)) translateZ(0);opacity:.4}to{transform:translateY(-80vh) translate(calc(var(--particle-drift, 10px) * 2)) scale(calc(var(--particle-scale, 1) * 2.5)) translateZ(0);opacity:0}}@media (max-width: 768px){.profile-particles-smoke .profile-particle{width:30px;height:30px}}@media (prefers-reduced-motion: reduce){.profile-particles-smoke .profile-particle{animation:none;opacity:.3;bottom:30%}}.profile-particles-embers .profile-particle{width:4px;height:4px;bottom:-10px;top:auto;background:radial-gradient(circle,rgba(255,255,200,.95) 0%,rgba(255,200,50,.9) 30%,rgba(255,120,0,.7) 60%,transparent 80%);border-radius:50%;box-shadow:0 0 8px #ffc832e6,0 0 15px #ff780099,0 0 25px #ff50004d;transform:scale(var(--particle-scale, 1)) translateZ(0);animation:embersRise calc(3s * var(--particle-duration, 1)) ease-out infinite,embersFlicker .15s ease-in-out infinite alternate;animation-delay:var(--particle-delay, 0s)}.profile-particles-embers .profile-particle:nth-child(3n+1){width:3px;height:3px}.profile-particles-embers .profile-particle:nth-child(3n+2){width:6px;height:6px}@keyframes embersRise{0%{transform:translateY(0) translate(0) scale(var(--particle-scale, 1)) translateZ(0);opacity:.9}30%{transform:translateY(-30vh) translate(var(--particle-drift, 10px)) scale(calc(var(--particle-scale, 1) * .8)) translateZ(0);opacity:.7}60%{transform:translateY(-60vh) translate(calc(var(--particle-drift, 10px) * -.5)) scale(calc(var(--particle-scale, 1) * .5)) translateZ(0);opacity:.4}to{transform:translateY(-100vh) translate(calc(var(--particle-drift, 10px) * .3)) scale(calc(var(--particle-scale, 1) * .2)) translateZ(0);opacity:0}}@keyframes embersFlicker{0%{opacity:.8;filter:brightness(1)}to{opacity:1;filter:brightness(1.3)}}@media (prefers-reduced-motion: reduce){.profile-particles-embers .profile-particle{animation:none;opacity:.5}}.profile-particles-leaves .profile-particle{width:10px;height:14px;top:-20px;background:radial-gradient(ellipse,rgba(210,105,30,.8) 0%,rgba(180,80,20,.6) 40%,rgba(139,90,43,.3) 70%,transparent 90%);border-radius:50% 0 50% 50%;transform:scale(var(--particle-scale, 1)) rotate(45deg) translateZ(0);animation:leavesFall calc(6s * var(--particle-duration, 1)) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}.profile-particles-leaves .profile-particle:nth-child(4n+1){background:radial-gradient(ellipse,rgba(218,165,32,.8) 0%,rgba(184,134,11,.6) 40%,transparent 90%)}.profile-particles-leaves .profile-particle:nth-child(4n+2){background:radial-gradient(ellipse,rgba(178,34,34,.75) 0%,rgba(139,26,26,.55) 40%,transparent 90%)}.profile-particles-leaves .profile-particle:nth-child(4n+3){background:radial-gradient(ellipse,rgba(255,140,0,.8) 0%,rgba(220,110,0,.6) 40%,transparent 90%)}@keyframes leavesFall{0%{transform:translateY(-20px) translate(0) rotate(0) scale(var(--particle-scale, 1)) translateZ(0);opacity:0}10%{opacity:.85}25%{transform:translateY(25vh) translate(var(--particle-drift, 20px)) rotate(90deg) scale(var(--particle-scale, 1)) translateZ(0)}50%{transform:translateY(50vh) translate(calc(var(--particle-drift, 20px) * -.5)) rotate(180deg) scale(var(--particle-scale, 1)) translateZ(0)}75%{transform:translateY(75vh) translate(calc(var(--particle-drift, 20px) * .7)) rotate(270deg) scale(var(--particle-scale, 1)) translateZ(0)}90%{opacity:.7}to{transform:translateY(calc(100vh + 30px)) translate(var(--particle-drift, 20px)) rotate(360deg) scale(var(--particle-scale, 1)) translateZ(0);opacity:0}}@media (prefers-reduced-motion: reduce){.profile-particles-leaves .profile-particle{animation:none;opacity:.5}}.profile-particles-petals .profile-particle{width:8px;height:10px;top:-15px;background:radial-gradient(ellipse,rgba(255,192,203,.9) 0%,rgba(255,182,193,.7) 40%,rgba(255,218,233,.4) 70%,transparent 90%);border-radius:50% 0 50% 50%;transform:scale(var(--particle-scale, 1)) rotate(30deg) translateZ(0);animation:petalsFall calc(8s * var(--particle-duration, 1)) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}.profile-particles-petals .profile-particle:nth-child(odd){background:radial-gradient(ellipse,rgba(255,218,233,.85) 0%,rgba(255,192,203,.65) 40%,rgba(255,240,245,.35) 70%,transparent 90%)}@keyframes petalsFall{0%{transform:translateY(-15px) translate(0) rotate(0) scale(var(--particle-scale, 1)) translateZ(0);opacity:0}10%{opacity:.9}25%{transform:translateY(25vh) translate(var(--particle-drift, 15px)) rotate(45deg) scale(var(--particle-scale, 1)) translateZ(0)}50%{transform:translateY(50vh) translate(calc(var(--particle-drift, 15px) * -.7)) rotate(120deg) scale(var(--particle-scale, 1)) translateZ(0)}75%{transform:translateY(75vh) translate(calc(var(--particle-drift, 15px) * .5)) rotate(180deg) scale(var(--particle-scale, 1)) translateZ(0)}90%{opacity:.8}to{transform:translateY(calc(100vh + 20px)) translate(var(--particle-drift, 15px)) rotate(220deg) scale(var(--particle-scale, 1)) translateZ(0);opacity:0}}@media (prefers-reduced-motion: reduce){.profile-particles-petals .profile-particle{animation:none;opacity:.5}}.profile-particles-stars .profile-particle{width:3px;height:3px;left:var(--particle-x, 50%);top:var(--particle-y, 50%);background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.9) 30%,rgba(200,220,255,.5) 60%,transparent 80%);border-radius:50%;box-shadow:0 0 6px #ffffffe6,0 0 12px #c8dcff80;transform:scale(var(--particle-scale, 1)) translateZ(0);animation:starsTwinkle calc(3s * var(--particle-duration, 1)) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}.profile-particles-stars .profile-particle:nth-child(3n+1){background:radial-gradient(circle,rgba(200,220,255,1) 0%,rgba(180,200,255,.8) 30%,transparent 70%);box-shadow:0 0 8px #b4c8ffe6,0 0 15px #96b4ff80}.profile-particles-stars .profile-particle:nth-child(3n+2){background:radial-gradient(circle,rgba(255,250,220,1) 0%,rgba(255,240,200,.8) 30%,transparent 70%);box-shadow:0 0 6px #fff0c8e6,0 0 12px #ffdcb480}@keyframes starsTwinkle{0%,to{opacity:.4;transform:scale(calc(var(--particle-scale, 1) * .8)) translateZ(0)}20%{opacity:1;transform:scale(calc(var(--particle-scale, 1) * 1.2)) translateZ(0)}40%{opacity:.5;transform:scale(calc(var(--particle-scale, 1) * .9)) translateZ(0)}60%{opacity:.95;transform:scale(calc(var(--particle-scale, 1) * 1.1)) translateZ(0)}80%{opacity:.45;transform:scale(calc(var(--particle-scale, 1) * .85)) translateZ(0)}}@media (prefers-reduced-motion: reduce){.profile-particles-stars .profile-particle{animation:none;opacity:.6}}.profile-particles-lightning .profile-particle{position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;animation:lightningFlash calc(4s * var(--particle-duration, 1)) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}@keyframes lightningFlash{0%,85%,87%,89%,to{opacity:0;background:transparent;box-shadow:none}86%{opacity:1;background:linear-gradient(175deg,transparent 40%,rgba(255,255,255,.9) 50%,transparent 60%),radial-gradient(ellipse at 50% 50%,rgba(150,180,255,.5) 0%,transparent 50%);box-shadow:inset 0 0 50px #96b4ff99}88%{opacity:.8;background:radial-gradient(ellipse at 40% 45%,rgba(140,170,255,.4) 0%,transparent 40%);box-shadow:inset 0 0 30px #8caaff66}}@media (prefers-reduced-motion: reduce){.profile-particles-lightning .profile-particle{animation:none;opacity:.2;background:radial-gradient(ellipse at 50% 50%,rgba(140,170,255,.15) 0%,transparent 50%)}}.profile-particles-void .profile-particle{width:60px;height:60px;left:var(--particle-x, 50%);top:var(--particle-y, 50%);background:radial-gradient(ellipse,rgba(30,0,50,.7) 0%,rgba(60,0,100,.5) 30%,rgba(90,20,150,.25) 60%,transparent 80%);border-radius:50%;filter:blur(2px);transform:scale(var(--particle-scale, 1)) translateZ(0);animation:voidPulse calc(6s * var(--particle-duration, 1)) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}@keyframes voidPulse{0%,to{transform:translate(0) translateY(0) scale(var(--particle-scale, 1)) translateZ(0);opacity:.6}25%{transform:translate(var(--particle-drift, 10px)) translateY(-10px) scale(calc(var(--particle-scale, 1) * 1.1)) translateZ(0);opacity:.8}50%{transform:translate(calc(var(--particle-drift, 10px) * -.5)) translateY(5px) scale(calc(var(--particle-scale, 1) * .9)) translateZ(0);opacity:.5}75%{transform:translate(calc(var(--particle-drift, 10px) * .7)) translateY(-5px) scale(calc(var(--particle-scale, 1) * 1.05)) translateZ(0);opacity:.75}}@media (prefers-reduced-motion: reduce){.profile-particles-void .profile-particle{animation:none;opacity:.4}}.profile-particles-gold .profile-particle{width:5px;height:5px;top:-10px;background:radial-gradient(circle,rgba(255,255,220,.98) 0%,rgba(255,215,0,.95) 30%,rgba(218,165,32,.6) 60%,transparent 80%);border-radius:50%;box-shadow:0 0 8px #ffd700e6,0 0 15px #ffc80099,0 0 25px #daa5204d;transform:scale(var(--particle-scale, 1)) translateZ(0);animation:goldFall calc(3s * var(--particle-duration, 1)) linear infinite,goldShimmer 1s ease-in-out infinite alternate;animation-delay:var(--particle-delay, 0s)}.profile-particles-gold .profile-particle:nth-child(3n+1){width:4px;height:4px}.profile-particles-gold .profile-particle:nth-child(3n+2){width:7px;height:7px}@keyframes goldFall{0%{transform:translateY(-20px) translate(0) scale(var(--particle-scale, 1)) translateZ(0);opacity:0}10%{opacity:.95}90%{opacity:.9}to{transform:translateY(calc(100vh + 30px)) translate(var(--particle-drift, 5px)) scale(var(--particle-scale, 1)) translateZ(0);opacity:0}}@keyframes goldShimmer{0%{filter:brightness(1)}to{filter:brightness(1.3)}}@media (prefers-reduced-motion: reduce){.profile-particles-gold .profile-particle{animation:none;opacity:.6}}.profile-particles-phoenix .profile-particle{width:15px;height:30px;bottom:-20px;top:auto;background:radial-gradient(ellipse at center bottom,rgba(255,255,200,.95) 0%,rgba(255,200,50,.85) 20%,rgba(255,120,0,.65) 50%,rgba(255,80,0,.35) 75%,transparent 100%);border-radius:50%/60% 60% 40% 40%;box-shadow:0 0 15px #ffb432cc,0 0 30px #ff780080,0 0 50px #ff50004d;filter:blur(1px);transform:scale(var(--particle-scale, 1)) translateZ(0);animation:phoenixRise calc(4s * var(--particle-duration, 1)) ease-out infinite;animation-delay:var(--particle-delay, 0s)}.profile-particles-phoenix .profile-particle:nth-child(odd){width:10px;height:20px}@keyframes phoenixRise{0%{transform:translateY(0) translate(0) scaleY(1) scale(var(--particle-scale, 1)) translateZ(0);opacity:.9}30%{transform:translateY(-30vh) translate(var(--particle-drift, 10px)) scaleY(1.2) scale(calc(var(--particle-scale, 1) * .8)) translateZ(0);opacity:.75}60%{transform:translateY(-60vh) translate(calc(var(--particle-drift, 10px) * -.5)) scaleY(.8) scale(calc(var(--particle-scale, 1) * .5)) translateZ(0);opacity:.5}to{transform:translateY(-100vh) translate(0) scaleY(.5) scale(calc(var(--particle-scale, 1) * .2)) translateZ(0);opacity:0}}@media (prefers-reduced-motion: reduce){.profile-particles-phoenix .profile-particle{animation:none;opacity:.5}}.profile-particles-dragon .profile-particle{width:12px;height:10px;left:var(--particle-x, 50%);top:var(--particle-y, 50%);background:radial-gradient(ellipse,rgba(255,220,80,.9) 0%,rgba(255,140,0,.75) 30%,rgba(255,80,0,.5) 60%,rgba(200,50,0,.25) 80%,transparent 100%);border-radius:50% 0 50% 50%;box-shadow:0 0 10px #ff9600cc,0 0 20px #ff640080;transform:scale(var(--particle-scale, 1)) rotate(45deg) translateZ(0);animation:dragonPulse calc(2s * var(--particle-duration, 1)) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}@keyframes dragonPulse{0%,to{opacity:.7;transform:scale(var(--particle-scale, 1)) rotate(45deg) translateZ(0);filter:brightness(1)}25%{opacity:.95;transform:scale(calc(var(--particle-scale, 1) * 1.15)) rotate(50deg) translateZ(0);filter:brightness(1.3)}50%{opacity:.6;transform:scale(calc(var(--particle-scale, 1) * .9)) rotate(40deg) translateZ(0);filter:brightness(.9)}75%{opacity:.9;transform:scale(calc(var(--particle-scale, 1) * 1.1)) rotate(48deg) translateZ(0);filter:brightness(1.2)}}@media (prefers-reduced-motion: reduce){.profile-particles-dragon .profile-particle{animation:none;opacity:.5}}.profile-particles-celestial .profile-particle{width:8px;height:8px;left:var(--particle-x, 50%);top:var(--particle-y, 50%);background:radial-gradient(circle,rgba(255,255,255,.98) 0%,rgba(255,250,235,.8) 30%,rgba(255,245,215,.5) 60%,transparent 80%);border-radius:50%;box-shadow:0 0 10px #ffffffe6,0 0 20px #fffaeb99,0 0 35px #fff5d74d;transform:scale(var(--particle-scale, 1)) translateZ(0);animation:celestialFloat calc(8s * var(--particle-duration, 1)) ease-in-out infinite;animation-delay:var(--particle-delay, 0s)}@keyframes celestialFloat{0%,to{transform:translateY(0) translate(0) scale(var(--particle-scale, 1)) translateZ(0);opacity:.7}25%{transform:translateY(-10px) translate(var(--particle-drift, 5px)) scale(calc(var(--particle-scale, 1) * 1.1)) translateZ(0);opacity:.9}50%{transform:translateY(-5px) translate(calc(var(--particle-drift, 5px) * -.5)) scale(var(--particle-scale, 1)) translateZ(0);opacity:.8}75%{transform:translateY(-15px) translate(calc(var(--particle-drift, 5px) * .7)) scale(calc(var(--particle-scale, 1) * 1.05)) translateZ(0);opacity:.85}}@media (prefers-reduced-motion: reduce){.profile-particles-celestial .profile-particle{animation:none;opacity:.6}}@keyframes leavesFallLarge_DELETED{0%{transform:translateY(-15%) translate(0) rotate(0) translateZ(0);opacity:0}8%{opacity:.85}25%{transform:translateY(10%) translate(8%) rotate(45deg) translateZ(0)}50%{transform:translateY(40%) translate(-5%) rotate(135deg) translateZ(0)}75%{transform:translateY(70%) translate(10%) rotate(225deg) translateZ(0)}92%{opacity:.7}to{transform:translateY(100%) translate(5%) rotate(360deg) translateZ(0);opacity:0}}@keyframes leavesFallSmall{0%{transform:translateY(-10%) translate(0) rotate(0) translateZ(0);opacity:0}10%{opacity:.65}30%{transform:translateY(20%) translate(6%) rotate(90deg) translateZ(0)}60%{transform:translateY(55%) translate(-4%) rotate(200deg) translateZ(0)}88%{opacity:.5}to{transform:translateY(100%) translate(3%) rotate(360deg) translateZ(0);opacity:0}}@keyframes leavesTumbleLarge{0%,to{transform:translateY(var(--fall-y, 0)) rotate(var(--rotation, 0deg)) rotateY(0) translateZ(0)}25%{transform:translateY(var(--fall-y, 0)) rotate(var(--rotation, 0deg)) rotateY(45deg) translateZ(0)}50%{transform:translateY(var(--fall-y, 0)) rotate(var(--rotation, 0deg)) rotateY(0) translateZ(0)}75%{transform:translateY(var(--fall-y, 0)) rotate(var(--rotation, 0deg)) rotateY(-45deg) translateZ(0)}}@keyframes leavesTumbleSmall{0%{transform:translateY(0) translate(-3%) rotateX(0) translateZ(0)}50%{transform:translateY(50%) translate(5%) rotateX(25deg) translateZ(0)}to{transform:translateY(100%) translate(-2%) rotateX(-15deg) translateZ(0)}}@media (max-width: 768px){.profile-particles-leaves:before{animation:leavesFallLarge 10s ease-in-out infinite;opacity:.7}.profile-particles-leaves:after{animation:leavesFallSmall 8s ease-in-out infinite;opacity:.55}}@media (prefers-reduced-motion: reduce){.profile-particles-leaves:before,.profile-particles-leaves:after{animation:none;opacity:.5;transform:translateY(30%) rotate(45deg)}}.profile-particles-petals:before,.profile-particles-petals:after{content:"";position:absolute;top:-20%;left:-10%;right:-10%;height:140%;pointer-events:none;z-index:100;border-radius:inherit;will-change:transform,opacity;transform:translateZ(0)}.profile-particles-petals:before{background-image:radial-gradient(ellipse 10px 6px at 8% 10%,rgba(255,182,193,.85) 0%,rgba(255,192,203,.7) 30%,rgba(255,218,233,.5) 60%,rgba(255,240,245,.25) 80%,transparent 95%),radial-gradient(ellipse 8px 12px at 22% 5%,rgba(255,174,185,.82) 0%,rgba(255,182,193,.65) 35%,rgba(255,209,220,.45) 65%,transparent 92%),radial-gradient(ellipse 11px 7px at 38% 15%,rgba(255,192,203,.8) 0%,rgba(255,218,233,.62) 32%,rgba(255,240,245,.4) 62%,transparent 90%),radial-gradient(ellipse 7px 10px at 55% 8%,rgba(255,174,185,.78) 0%,rgba(255,192,203,.6) 38%,rgba(255,228,235,.38) 68%,transparent 92%),radial-gradient(ellipse 9px 6px at 72% 12%,rgba(255,209,220,.75) 0%,rgba(255,218,233,.58) 35%,rgba(255,240,245,.35) 65%,transparent 90%),radial-gradient(ellipse 12px 8px at 88% 6%,rgba(255,182,193,.82) 0%,rgba(255,192,203,.64) 33%,rgba(255,228,235,.42) 63%,transparent 92%),radial-gradient(ellipse 6px 9px at 15% 18%,rgba(255,192,203,.72) 0%,rgba(255,209,220,.55) 40%,rgba(255,240,245,.32) 70%,transparent 92%),radial-gradient(ellipse 10px 5px at 65% 20%,rgba(255,174,185,.76) 0%,rgba(255,182,193,.58) 36%,rgba(255,218,233,.36) 66%,transparent 90%);background-size:100% 100%;animation:petalsFallLarge 10s ease-in-out infinite,petalsFlutter 3s ease-in-out infinite;opacity:.88}.profile-particles-petals:after{background-image:radial-gradient(ellipse 5px 4px at 5% 8%,rgba(255,192,203,.6) 0%,rgba(255,218,233,.35) 55%,transparent 90%),radial-gradient(ellipse 4px 6px at 18% 14%,rgba(255,182,193,.55) 0%,rgba(255,209,220,.32) 52%,transparent 88%),radial-gradient(ellipse 6px 4px at 28% 6%,rgba(255,174,185,.58) 0%,rgba(255,218,233,.34) 50%,transparent 88%),radial-gradient(ellipse 4px 5px at 42% 16%,rgba(255,192,203,.52) 0%,rgba(255,228,235,.3) 55%,transparent 90%),radial-gradient(ellipse 5px 4px at 55% 10%,rgba(255,209,220,.56) 0%,rgba(255,240,245,.33) 52%,transparent 88%),radial-gradient(ellipse 4px 6px at 68% 5%,rgba(255,182,193,.54) 0%,rgba(255,218,233,.31) 54%,transparent 90%),radial-gradient(ellipse 6px 3px at 78% 18%,rgba(255,192,203,.5) 0%,rgba(255,228,235,.28) 56%,transparent 88%),radial-gradient(ellipse 3px 5px at 92% 12%,rgba(255,174,185,.52) 0%,rgba(255,209,220,.3) 52%,transparent 88%);background-size:100% 100%;animation:petalsFallSmall 7s ease-in-out infinite,petalsFlutterSmall 2.5s ease-in-out infinite alternate;animation-delay:-4s;opacity:.65;filter:blur(.4px)}@keyframes petalsFallLarge{0%{transform:translateY(-15%) translate(0) rotate(0) translateZ(0);opacity:0}8%{opacity:.88}20%{transform:translateY(5%) translate(8%) rotate(25deg) translateZ(0)}40%{transform:translateY(28%) translate(-5%) rotate(70deg) translateZ(0)}60%{transform:translateY(52%) translate(10%) rotate(120deg) translateZ(0)}80%{transform:translateY(78%) translate(-3%) rotate(160deg) translateZ(0)}92%{opacity:.75}to{transform:translateY(100%) translate(6%) rotate(200deg) translateZ(0);opacity:0}}@keyframes petalsFallSmall{0%{transform:translateY(-10%) translate(0) rotate(0) translateZ(0);opacity:0}10%{opacity:.65}25%{transform:translateY(15%) translate(5%) rotate(45deg) translateZ(0)}50%{transform:translateY(45%) translate(-6%) rotate(110deg) translateZ(0)}75%{transform:translateY(75%) translate(4%) rotate(165deg) translateZ(0)}90%{opacity:.5}to{transform:translateY(100%) translate(-2%) rotate(220deg) translateZ(0);opacity:0}}@keyframes petalsFlutter{0%,to{transform:translate(-4px) rotateY(0) translateZ(0)}25%{transform:translate(6px) rotateY(15deg) translateZ(0)}50%{transform:translate(-5px) rotateY(-10deg) translateZ(0)}75%{transform:translate(5px) rotateY(12deg) translateZ(0)}}@keyframes petalsFlutterSmall{0%{transform:translate(-2px) rotateX(0) translateZ(0)}50%{transform:translate(4px) rotateX(20deg) translateZ(0)}to{transform:translate(-3px) rotateX(-15deg) translateZ(0)}}@media (max-width: 768px){.profile-particles-petals:before{animation:petalsFallLarge 12s ease-in-out infinite;opacity:.75}.profile-particles-petals:after{animation:petalsFallSmall 9s ease-in-out infinite;opacity:.55}}@media (prefers-reduced-motion: reduce){.profile-particles-petals:before,.profile-particles-petals:after{animation:none;opacity:.5;transform:translateY(25%) rotate(30deg)}}.profile-particles-lightning:before,.profile-particles-lightning:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:100;border-radius:inherit;will-change:opacity,background;transform:translateZ(0)}.profile-particles-lightning:before{background:transparent;animation:lightningStrike 6s ease-in-out infinite;opacity:0}.profile-particles-lightning:after{background:transparent;animation:lightningAmbient 6s ease-in-out infinite;animation-delay:-3s;opacity:0}@keyframes lightningStrike{0%,15%{opacity:0;background:transparent;box-shadow:none}16%{opacity:1;background:linear-gradient(175deg,transparent 0%,transparent 20%,rgba(255,255,255,.9) 20.5%,rgba(200,220,255,.7) 21%,transparent 21.5%,transparent 35%,rgba(255,255,255,.85) 35.5%,rgba(180,200,255,.6) 36%,transparent 36.5%,transparent 50%,rgba(255,255,255,.8) 50.5%,rgba(150,180,255,.5) 51%,transparent 51.5%,transparent 100%),radial-gradient(ellipse 60% 80% at 30% 40%,rgba(150,180,255,.5) 0%,rgba(100,140,255,.25) 30%,transparent 60%);box-shadow:inset 0 0 60px #96b4ff99,inset 0 0 100px #648cff4d}17.5%{opacity:.3;background:radial-gradient(ellipse at 30% 40%,rgba(100,140,255,.15) 0%,transparent 50%);box-shadow:inset 0 0 30px #648cff33}18%{opacity:1;background:linear-gradient(168deg,transparent 0%,transparent 15%,rgba(255,255,255,.95) 15.5%,rgba(220,230,255,.75) 16%,transparent 16.5%,transparent 28%,rgba(255,255,255,.9) 28.5%,rgba(200,215,255,.65) 29%,transparent 29.5%,transparent 42%,rgba(255,255,255,.85) 42.5%,rgba(180,200,255,.55) 43%,transparent 43.5%,transparent 100%),radial-gradient(ellipse 50% 70% at 45% 35%,rgba(180,200,255,.55) 0%,rgba(140,170,255,.28) 35%,transparent 65%);box-shadow:inset 0 0 70px #b4c8ffa6,inset 0 0 120px #8caaff59}20%{opacity:.5;background:radial-gradient(ellipse at 40% 38%,rgba(140,170,255,.25) 0%,transparent 55%);box-shadow:inset 0 0 40px #8caaff40}22%,55%{opacity:0;background:transparent;box-shadow:none}56%{opacity:1;background:linear-gradient(182deg,transparent 0%,transparent 25%,rgba(255,255,255,.92) 25.5%,rgba(190,210,255,.72) 26%,transparent 26.5%,transparent 40%,rgba(255,255,255,.88) 40.5%,rgba(170,195,255,.58) 41%,transparent 41.5%,transparent 100%),radial-gradient(ellipse 55% 75% at 60% 45%,rgba(160,185,255,.52) 0%,rgba(120,155,255,.26) 32%,transparent 62%);box-shadow:inset 0 0 55px #a0b9ff94,inset 0 0 95px #789bff52}58%{opacity:.4;background:radial-gradient(ellipse at 58% 42%,rgba(120,155,255,.2) 0%,transparent 50%);box-shadow:inset 0 0 35px #789bff38}60%,to{opacity:0;background:transparent;box-shadow:none}}@keyframes lightningAmbient{0%,35%{opacity:0;background:transparent;box-shadow:none}36%{opacity:.6;background:radial-gradient(ellipse 40% 50% at 25% 30%,rgba(140,170,255,.2) 0%,transparent 60%),radial-gradient(ellipse 35% 45% at 75% 65%,rgba(120,150,255,.15) 0%,transparent 55%);box-shadow:inset 0 0 25px #8caaff26}38%,70%{opacity:0;background:transparent;box-shadow:none}71%{opacity:.5;background:radial-gradient(ellipse 45% 55% at 55% 50%,rgba(130,160,255,.18) 0%,transparent 58%),radial-gradient(ellipse 30% 40% at 20% 70%,rgba(150,180,255,.12) 0%,transparent 52%);box-shadow:inset 0 0 20px #96b4ff1f}73%,to{opacity:0;background:transparent;box-shadow:none}}@media (max-width: 768px){.profile-particles-lightning:before{animation-duration:7s}.profile-particles-lightning:after{animation-duration:7s}}@media (prefers-reduced-motion: reduce){.profile-particles-lightning:before,.profile-particles-lightning:after{animation:none;opacity:.3;background:radial-gradient(ellipse at 50% 50%,rgba(140,170,255,.15) 0%,transparent 60%);box-shadow:inset 0 0 30px #8caaff1a}}.profile-particles-void:before,.profile-particles-void:after{content:"";position:absolute;inset:-10%;pointer-events:none;z-index:100;border-radius:inherit;will-change:transform,opacity;transform:translateZ(0)}.profile-particles-void:before{background-image:radial-gradient(ellipse 80px 120px at 15% 25%,rgba(20,0,40,.7) 0%,rgba(45,0,75,.55) 20%,rgba(75,0,130,.4) 40%,rgba(100,30,150,.2) 60%,transparent 80%),radial-gradient(ellipse 70px 100px at 75% 35%,rgba(30,0,50,.65) 0%,rgba(55,0,90,.5) 22%,rgba(85,20,140,.35) 45%,rgba(120,50,170,.15) 65%,transparent 82%),radial-gradient(ellipse 100px 90px at 45% 70%,rgba(25,0,45,.72) 0%,rgba(50,0,82,.55) 18%,rgba(80,15,135,.38) 42%,rgba(110,40,165,.18) 62%,transparent 85%),radial-gradient(ellipse 60px 85px at 88% 75%,rgba(22,0,42,.6) 0%,rgba(48,0,78,.45) 25%,rgba(78,12,128,.3) 48%,transparent 75%),radial-gradient(ellipse 75px 110px at 8% 80%,rgba(28,0,48,.68) 0%,rgba(52,0,85,.52) 20%,rgba(82,18,138,.36) 44%,rgba(115,45,168,.16) 64%,transparent 84%);background-size:100% 100%;animation:voidDrift 12s ease-in-out infinite,voidPulse 6s ease-in-out infinite;opacity:.85}.profile-particles-void:after{background-image:radial-gradient(circle at 12% 18%,rgba(45,0,75,.5) 0%,rgba(75,0,130,.25) 3px,transparent 6px),radial-gradient(circle at 28% 55%,rgba(35,0,60,.45) 0%,rgba(65,0,110,.22) 2.5px,transparent 5px),radial-gradient(circle at 42% 32%,rgba(50,0,82,.48) 0%,rgba(80,15,135,.24) 2.8px,transparent 5.5px),radial-gradient(circle at 58% 78%,rgba(40,0,68,.52) 0%,rgba(70,8,120,.26) 3.2px,transparent 6.5px),radial-gradient(circle at 72% 22%,rgba(48,0,78,.46) 0%,rgba(78,12,128,.23) 2.6px,transparent 5.2px),radial-gradient(circle at 85% 62%,rgba(38,0,65,.5) 0%,rgba(68,5,115,.25) 3px,transparent 6px),radial-gradient(circle at 22% 88%,rgba(42,0,72,.47) 0%,rgba(72,10,122,.24) 2.7px,transparent 5.4px),radial-gradient(circle at 65% 45%,rgba(52,0,85,.44) 0%,rgba(82,18,138,.22) 2.4px,transparent 4.8px),radial-gradient(circle at 35% 15%,rgba(138,43,226,.2) 0%,transparent 4px),radial-gradient(circle at 78% 85%,rgba(148,55,235,.18) 0%,transparent 3.5px),radial-gradient(circle at 18% 65%,rgba(128,35,218,.22) 0%,transparent 4.2px);background-size:100% 100%;animation:voidDriftReverse 15s ease-in-out infinite reverse,voidShimmer 8s ease-in-out infinite;animation-delay:-5s;opacity:.7}@keyframes voidDrift{0%{transform:translate(0) translateY(0) scale(1) translateZ(0)}25%{transform:translate(3%) translateY(-2%) scale(1.02) translateZ(0)}50%{transform:translate(-2%) translateY(3%) scale(1.05) translateZ(0)}75%{transform:translate(2%) translateY(-1%) scale(1.03) translateZ(0)}to{transform:translate(0) translateY(0) scale(1) translateZ(0)}}@keyframes voidDriftReverse{0%{transform:translate(0) translateY(0) scale(.98) translateZ(0)}33%{transform:translate(-2%) translateY(2%) scale(1) translateZ(0)}66%{transform:translate(2%) translateY(-2%) scale(1.02) translateZ(0)}to{transform:translate(0) translateY(0) scale(.98) translateZ(0)}}@keyframes voidPulse{0%,to{opacity:.75;filter:brightness(.9) contrast(1.05)}30%{opacity:.9;filter:brightness(1.05) contrast(1.1)}60%{opacity:.7;filter:brightness(.85) contrast(1)}80%{opacity:.88;filter:brightness(1) contrast(1.08)}}@keyframes voidShimmer{0%,to{opacity:.65;filter:brightness(.95)}25%{opacity:.8;filter:brightness(1.1)}50%{opacity:.6;filter:brightness(.88)}75%{opacity:.75;filter:brightness(1.02)}}@media (max-width: 768px){.profile-particles-void:before{animation:voidDrift 15s ease-in-out infinite,voidPulse 8s ease-in-out infinite;opacity:.7}.profile-particles-void:after{animation:voidDriftReverse 18s ease-in-out infinite reverse;opacity:.55}}@media (prefers-reduced-motion: reduce){.profile-particles-void:before,.profile-particles-void:after{animation:none;opacity:.6;filter:brightness(.95)}}.profile-particles-dragon:before,.profile-particles-dragon:after{content:"";position:absolute;inset:-5%;pointer-events:none;z-index:100;border-radius:inherit;will-change:transform,opacity;transform:translateZ(0)}.profile-particles-dragon:before{background-image:radial-gradient(ellipse 18px 12px at 10% 22%,rgba(255,200,50,.9) 0%,rgba(255,140,0,.75) 25%,rgba(255,80,0,.55) 50%,rgba(200,50,0,.35) 70%,rgba(80,20,0,.15) 85%,transparent 95%),radial-gradient(ellipse 15px 10px at 28% 38%,rgba(255,220,80,.88) 0%,rgba(255,150,0,.72) 28%,rgba(255,90,0,.52) 52%,rgba(210,55,0,.32) 72%,rgba(90,25,0,.12) 88%,transparent 96%),radial-gradient(ellipse 20px 14px at 48% 18%,rgba(255,255,150,.92) 0%,rgba(255,180,30,.78) 22%,rgba(255,110,0,.58) 48%,rgba(220,60,0,.38) 68%,rgba(100,30,0,.18) 84%,transparent 95%),radial-gradient(ellipse 16px 11px at 68% 42%,rgba(255,210,70,.86) 0%,rgba(255,145,0,.7) 26%,rgba(255,85,0,.5) 50%,rgba(195,48,0,.3) 70%,rgba(85,22,0,.1) 86%,transparent 96%),radial-gradient(ellipse 14px 9px at 85% 28%,rgba(255,190,60,.84) 0%,rgba(255,130,0,.68) 30%,rgba(255,75,0,.48) 54%,rgba(180,42,0,.28) 74%,transparent 92%),radial-gradient(ellipse 17px 12px at 22% 68%,rgba(255,230,100,.9) 0%,rgba(255,160,20,.74) 24%,rgba(255,95,0,.54) 48%,rgba(205,52,0,.34) 68%,rgba(95,28,0,.14) 84%,transparent 95%),radial-gradient(ellipse 19px 13px at 55% 75%,rgba(255,240,120,.88) 0%,rgba(255,170,25,.72) 26%,rgba(255,100,0,.52) 50%,rgba(215,58,0,.32) 70%,rgba(98,26,0,.12) 86%,transparent 96%),radial-gradient(ellipse 15px 10px at 78% 62%,rgba(255,205,65,.85) 0%,rgba(255,138,0,.68) 28%,rgba(255,78,0,.48) 52%,rgba(188,45,0,.28) 72%,transparent 92%),radial-gradient(ellipse 12px 8px at 92% 52%,rgba(255,195,55,.82) 0%,rgba(255,125,0,.65) 32%,rgba(255,70,0,.45) 56%,transparent 88%);background-size:100% 100%;animation:dragonScalePulse 3s ease-in-out infinite,dragonHeatWave 5s ease-in-out infinite;opacity:.88}.profile-particles-dragon:after{background-image:radial-gradient(circle at 15% 15%,rgba(255,255,180,.85) 0%,rgba(255,150,0,.5) 2px,rgba(255,80,0,.25) 4px,transparent 6px),radial-gradient(circle at 35% 30%,rgba(255,240,150,.8) 0%,rgba(255,130,0,.45) 1.8px,rgba(255,65,0,.22) 3.5px,transparent 5.5px),radial-gradient(circle at 58% 12%,rgba(255,250,170,.82) 0%,rgba(255,145,0,.48) 2.2px,rgba(255,75,0,.24) 4.2px,transparent 6.5px),radial-gradient(circle at 75% 45%,rgba(255,235,140,.78) 0%,rgba(255,120,0,.42) 1.6px,rgba(255,60,0,.2) 3.2px,transparent 5px),radial-gradient(circle at 88% 18%,rgba(255,245,160,.84) 0%,rgba(255,140,0,.5) 2px,rgba(255,70,0,.26) 4px,transparent 6px),radial-gradient(circle at 42% 55%,rgba(255,220,120,.76) 0%,rgba(255,110,0,.4) 1.5px,rgba(255,55,0,.18) 3px,transparent 4.8px),radial-gradient(circle at 65% 78%,rgba(255,255,190,.88) 0%,rgba(255,160,0,.52) 2.5px,rgba(255,85,0,.28) 5px,transparent 7.5px),radial-gradient(ellipse 100% 80% at 50% 50%,rgba(255,120,0,.15) 0%,rgba(255,80,0,.08) 40%,transparent 70%);background-size:100% 100%;animation:dragonSparks 2s ease-in-out infinite,dragonFlicker .15s ease-in-out infinite alternate;animation-delay:-.5s;opacity:.78}@keyframes dragonScalePulse{0%,to{transform:scale(1) translateZ(0);opacity:.82;filter:brightness(1) saturate(1)}20%{transform:scale(1.02) translateZ(0);opacity:.92;filter:brightness(1.15) saturate(1.1)}40%{transform:scale(.99) translateZ(0);opacity:.78;filter:brightness(.95) saturate(.95)}60%{transform:scale(1.03) translateZ(0);opacity:.95;filter:brightness(1.2) saturate(1.15)}80%{transform:scale(1.01) translateZ(0);opacity:.85;filter:brightness(1.05) saturate(1.02)}}@keyframes dragonHeatWave{0%,to{transform:scaleX(1) scaleY(1) translateZ(0)}25%{transform:scaleX(1.01) scaleY(.99) translateZ(0)}50%{transform:scaleX(.99) scaleY(1.01) translateZ(0)}75%{transform:scaleX(1.01) scaleY(1) translateZ(0)}}@keyframes dragonSparks{0%,to{transform:translateY(0) translate(0) translateZ(0);opacity:.75}25%{transform:translateY(-5%) translate(2%) translateZ(0);opacity:.9}50%{transform:translateY(-2%) translate(-3%) translateZ(0);opacity:.68}75%{transform:translateY(-8%) translate(1%) translateZ(0);opacity:.85}}@keyframes dragonFlicker{0%{opacity:.72;filter:brightness(.95)}to{opacity:.85;filter:brightness(1.12)}}@media (max-width: 768px){.profile-particles-dragon:before{animation:dragonScalePulse 4s ease-in-out infinite;opacity:.75}.profile-particles-dragon:after{animation:dragonSparks 3s ease-in-out infinite;opacity:.65}}@media (prefers-reduced-motion: reduce){.profile-particles-dragon:before,.profile-particles-dragon:after{animation:none;opacity:.6;filter:brightness(1)}}.profile-particles-celestial:before,.profile-particles-celestial:after{content:"";position:absolute;pointer-events:none;z-index:100;border-radius:inherit;will-change:transform,opacity;transform:translateZ(0)}.profile-particles-celestial:before{top:-30%;left:-20%;right:-20%;height:100%;background-image:linear-gradient(175deg,transparent 0%,transparent 42%,rgba(255,255,255,.35) 43%,rgba(255,250,240,.55) 48%,rgba(255,255,255,.65) 50%,rgba(255,250,240,.55) 52%,rgba(255,255,255,.35) 57%,transparent 58%,transparent 100%),linear-gradient(168deg,transparent 0%,transparent 20%,rgba(255,252,245,.25) 21%,rgba(255,255,255,.4) 25%,rgba(255,252,245,.25) 29%,transparent 30%,transparent 100%),linear-gradient(182deg,transparent 0%,transparent 65%,rgba(255,250,235,.28) 66%,rgba(255,255,255,.45) 70%,rgba(255,250,235,.28) 74%,transparent 75%,transparent 100%),linear-gradient(162deg,transparent 0%,transparent 8%,rgba(255,248,230,.2) 9%,rgba(255,255,255,.32) 12%,rgba(255,248,230,.2) 15%,transparent 16%,transparent 100%),linear-gradient(188deg,transparent 0%,transparent 82%,rgba(255,252,240,.22) 83%,rgba(255,255,255,.35) 86%,rgba(255,252,240,.22) 89%,transparent 90%,transparent 100%),radial-gradient(ellipse 120% 60% at 50% -20%,rgba(255,255,255,.5) 0%,rgba(255,250,235,.35) 25%,rgba(255,248,225,.2) 50%,rgba(255,245,215,.08) 75%,transparent 100%);background-size:100% 100%;animation:celestialRays 8s ease-in-out infinite,celestialPulse 4s ease-in-out infinite;opacity:.85}.profile-particles-celestial:after{inset:0;background-image:radial-gradient(circle at 12% 20%,rgba(255,255,255,.95) 0%,rgba(255,250,235,.7) 2px,rgba(255,248,225,.4) 4px,rgba(255,245,215,.15) 6px,transparent 9px),radial-gradient(circle at 28% 45%,rgba(255,255,255,.9) 0%,rgba(255,252,240,.65) 1.8px,rgba(255,250,230,.35) 3.5px,transparent 6px),radial-gradient(circle at 45% 15%,rgba(255,255,255,.92) 0%,rgba(255,250,235,.68) 2.2px,rgba(255,248,225,.38) 4.2px,rgba(255,245,215,.12) 6.5px,transparent 9.5px),radial-gradient(circle at 62% 55%,rgba(255,255,255,.88) 0%,rgba(255,252,240,.62) 1.6px,rgba(255,250,228,.32) 3.2px,transparent 5.5px),radial-gradient(circle at 78% 25%,rgba(255,255,255,.93) 0%,rgba(255,250,238,.7) 2px,rgba(255,248,228,.4) 4px,rgba(255,246,218,.14) 6.2px,transparent 9px),radial-gradient(circle at 88% 68%,rgba(255,255,255,.86) 0%,rgba(255,252,242,.6) 1.5px,rgba(255,250,232,.3) 3px,transparent 5px),radial-gradient(circle at 35% 75%,rgba(255,255,255,.9) 0%,rgba(255,250,236,.66) 1.8px,rgba(255,248,226,.36) 3.5px,transparent 6px),radial-gradient(circle at 55% 85%,rgba(255,255,255,.85) 0%,rgba(255,252,238,.58) 1.4px,rgba(255,250,228,.28) 2.8px,transparent 4.8px),radial-gradient(ellipse 80% 90% at 50% 50%,rgba(255,255,255,.12) 0%,rgba(255,250,235,.08) 40%,transparent 70%);background-size:100% 100%;animation:celestialMotes 10s ease-in-out infinite,celestialGlow 6s ease-in-out infinite alternate;animation-delay:-3s;opacity:.75}@keyframes celestialRays{0%,to{transform:translateY(0) scaleY(1) translateZ(0)}25%{transform:translateY(2%) scaleY(1.02) translateZ(0)}50%{transform:translateY(-1%) scaleY(.98) translateZ(0)}75%{transform:translateY(1%) scaleY(1.01) translateZ(0)}}@keyframes celestialPulse{0%,to{opacity:.8;filter:brightness(1)}30%{opacity:.92;filter:brightness(1.15)}60%{opacity:.75;filter:brightness(.95)}85%{opacity:.88;filter:brightness(1.08)}}@keyframes celestialMotes{0%,to{transform:translateY(0) translate(0) translateZ(0)}20%{transform:translateY(-2%) translate(1%) translateZ(0)}40%{transform:translateY(-1%) translate(-1.5%) translateZ(0)}60%{transform:translateY(-3%) translate(.5%) translateZ(0)}80%{transform:translateY(-1.5%) translate(-.5%) translateZ(0)}}@keyframes celestialGlow{0%{opacity:.7;filter:brightness(.95) saturate(.98)}50%{opacity:.82;filter:brightness(1.12) saturate(1.02)}to{opacity:.75;filter:brightness(1.02) saturate(1)}}@media (max-width: 768px){.profile-particles-celestial:before{animation:celestialPulse 5s ease-in-out infinite;opacity:.7}.profile-particles-celestial:after{animation:celestialGlow 8s ease-in-out infinite alternate;opacity:.6}}@media (prefers-reduced-motion: reduce){.profile-particles-celestial:before,.profile-particles-celestial:after{animation:none;opacity:.6;filter:brightness(1)}}.profile-decor-corners-gold:before,.profile-decor-corners-gold:after{content:"";position:absolute;width:30px;height:30px;border:3px solid #ffd700;pointer-events:none;z-index:150}.profile-decor-corners-gold:before{top:-3px;left:-3px;border-right:none;border-bottom:none;border-top-left-radius:12px}.profile-decor-corners-gold:after{bottom:-3px;right:-3px;border-left:none;border-top:none;border-bottom-right-radius:12px}.profile-decor-corners-silver:before,.profile-decor-corners-silver:after{content:"";position:absolute;width:30px;height:30px;border:3px solid #c0c0c0;pointer-events:none;z-index:150}.profile-decor-corners-silver:before{top:-3px;left:-3px;border-right:none;border-bottom:none;border-top-left-radius:12px}.profile-decor-corners-silver:after{bottom:-3px;right:-3px;border-left:none;border-top:none;border-bottom-right-radius:12px}.profile-decor-corners-royal:before,.profile-decor-corners-royal:after{content:"";position:absolute;width:35px;height:35px;border:4px solid #8a2be2;pointer-events:none;z-index:150;box-shadow:0 0 10px #8a2be280}.profile-decor-corners-royal:before{top:-4px;left:-4px;border-right:none;border-bottom:none;border-top-left-radius:15px}.profile-decor-corners-royal:after{bottom:-4px;right:-4px;border-left:none;border-top:none;border-bottom-right-radius:15px}.profile-decor-frame-ornate{position:relative}.profile-decor-frame-ornate:before{content:"";position:absolute;inset:-8px;border:2px solid rgba(255,215,0,.5);border-radius:24px;pointer-events:none;z-index:150}.profile-decor-frame-ornate:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(255,215,0,.3);border-radius:22px;pointer-events:none;z-index:150}.profile-decor-animated-gold:before{content:"";position:absolute;inset:-4px;background:linear-gradient(90deg,gold,#ff8c00,gold,#ff8c00);background-size:300% 100%;border-radius:inherit;animation:decorAnimatedGold 3s linear infinite;z-index:-1;pointer-events:none}@keyframes decorAnimatedGold{0%{background-position:0% 50%}to{background-position:300% 50%}}.profile-decor-flame:before{content:"";position:absolute;inset:-6px;background:linear-gradient(0deg,rgba(255,100,0,.8) 0%,transparent 30%),linear-gradient(45deg,rgba(255,50,0,.6) 0%,transparent 40%),linear-gradient(-45deg,rgba(255,150,0,.6) 0%,transparent 40%);border-radius:inherit;animation:decorFlame 1s ease-in-out infinite alternate;z-index:-1;pointer-events:none;filter:blur(3px)}@keyframes decorFlame{0%{transform:scaleY(1);opacity:.7}to{transform:scaleY(1.05);opacity:.9}}.profile-decor-divine:before{content:"";position:absolute;top:-30px;left:50%;transform:translate(-50%);width:60%;height:40px;background:radial-gradient(ellipse at center,rgba(255,215,0,.6) 0%,transparent 70%);animation:decorDivineHalo 2s ease-in-out infinite;z-index:150;pointer-events:none}@keyframes decorDivineHalo{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.profile-decor-corners-vine:before,.profile-decor-corners-vine:after{content:"";position:absolute;width:40px;height:40px;pointer-events:none;z-index:150}.profile-decor-corners-vine:before{top:-5px;left:-5px;border-left:3px solid #50c878;border-top:3px solid #50c878;border-top-left-radius:15px;box-shadow:inset 5px 5px 10px #50c87833}.profile-decor-corners-vine:after{bottom:-5px;right:-5px;border-right:3px solid #50c878;border-bottom:3px solid #50c878;border-bottom-right-radius:15px;box-shadow:inset -5px -5px 10px #50c87833}.profile-decor-frame-celtic{position:relative}.profile-decor-frame-celtic:before{content:"";position:absolute;inset:-6px;border:3px solid rgba(184,134,11,.6);border-radius:inherit;pointer-events:none;z-index:150}.profile-decor-frame-celtic:after{content:"";position:absolute;inset:-10px;border:2px dashed rgba(184,134,11,.4);border-radius:inherit;pointer-events:none;z-index:150}.profile-decor-frame-dragon:before,.profile-decor-frame-dragon:after{content:"";position:absolute;width:50px;height:50px;background:radial-gradient(circle at center,rgba(255,69,0,.5) 0%,transparent 70%);pointer-events:none;z-index:150;animation:decorDragonGlow 2s ease-in-out infinite}.profile-decor-frame-dragon:before{top:-15px;left:-15px}.profile-decor-frame-dragon:after{bottom:-15px;right:-15px}@keyframes decorDragonGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.profile-decor-frame-runes{position:relative}.profile-decor-frame-runes:before{content:"";position:absolute;inset:-8px;border:3px solid rgba(138,43,226,.5);border-radius:inherit;pointer-events:none;z-index:150;animation:decorRunesGlow 3s ease-in-out infinite}@keyframes decorRunesGlow{0%,to{box-shadow:0 0 10px #8a2be24d,inset 0 0 10px #8a2be21a;border-color:#8a2be280}50%{box-shadow:0 0 25px #8a2be299,inset 0 0 20px #8a2be233;border-color:#8a2be2cc}}.profile-decor-frost:before{content:"";position:absolute;inset:-4px;border:2px solid rgba(135,206,250,.6);border-radius:inherit;pointer-events:none;z-index:150;box-shadow:0 0 15px #87cefa66,inset 0 0 15px #87cefa1a;animation:decorFrostShimmer 4s ease-in-out infinite}@keyframes decorFrostShimmer{0%,to{opacity:.7;box-shadow:0 0 15px #87cefa66,inset 0 0 15px #87cefa1a}50%{opacity:1;box-shadow:0 0 30px #87cefa99,inset 0 0 25px #87cefa33}}.profile-text-rainbow{background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8f00ff,red);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textRainbow 5s linear infinite}@keyframes textRainbow{0%{background-position:0% 50%}to{background-position:200% 50%}}.profile-text-golden-shimmer{position:relative;color:gold;animation:textGoldenShimmer 2s ease-in-out infinite}@keyframes textGoldenShimmer{0%,to{text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.3);filter:brightness(1)}50%{text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 30px rgba(255,215,0,.8);filter:brightness(1.2)}}.profile-text-neon-pulse{animation:textNeonPulse 1.5s ease-in-out infinite}@keyframes textNeonPulse{0%,to{text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(0,255,255,.5)}50%{text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 30px rgba(0,255,255,1),0 0 50px rgba(0,255,255,.5)}}.profile-text-fire-gradient{background:linear-gradient(90deg,red,#ff4500,orange,#fc0,red);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textFireGradient 3s linear infinite}@keyframes textFireGradient{0%{background-position:0% 50%}to{background-position:200% 50%}}.profile-text-galaxy{background:linear-gradient(90deg,#9370db,#00bfff,#ff69b4,#9370db,#00bfff);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGalaxySwirl 4s ease-in-out infinite}@keyframes textGalaxySwirl{0%,to{background-position:0% 50%}50%{background-position:150% 50%}}.profile-compatibility-warning{display:flex;align-items:center;gap:.5rem;background:#ffc10733;border:2px solid #ffc107;border-radius:8px;padding:.75rem 1rem;margin-top:1rem;color:#ffc107;font-size:.85rem;animation:warningPulse 2s ease-in-out infinite}.profile-compatibility-warning .warning-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0}@keyframes warningPulse{0%,to{opacity:.8}50%{opacity:1}}@media (max-width: 768px){.profile-particles-rain:before,.profile-particles-snow:before{opacity:.4}.profile-decor-corners-gold:before,.profile-decor-corners-gold:after,.profile-decor-corners-silver:before,.profile-decor-corners-silver:after,.profile-decor-corners-royal:before,.profile-decor-corners-royal:after{width:20px;height:20px}.profile-compatibility-warning{font-size:.78rem;padding:.5rem .75rem}}@media (max-width: 480px){.profile-particle{opacity:.4;transform:scale(.8) translateZ(0)}.profile-decor-frame-ornate:before,.profile-decor-frame-ornate:after{inset:-4px}}.guild-page{max-width:1600px;margin:0 auto;padding:20px;overflow-x:hidden;width:100%;box-sizing:border-box}.guild-mode-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.guild-mode-tabs button{padding:1rem 2rem;background:#8b451399;border:2px solid #8b4513;border-radius:8px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s}.guild-mode-tabs button:hover{background:#8b4513cc;border-color:gold}.guild-mode-tabs button.active{background:linear-gradient(180deg,gold,#ff8c00);color:#000;border-color:#ff8c00;box-shadow:0 4px 8px #ffd70066}.guild-create-section,.guild-browse-section{background:linear-gradient(135deg,#8b4513d9,#000000f2);border:3px solid #8b4513;border-radius:12px;padding:2rem;max-width:600px;margin:50px auto;box-shadow:0 8px 16px #000c}.guild-create-header h2{color:gold;text-align:center;font-size:2rem;margin-bottom:.5rem;text-shadow:0 3px 6px rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;gap:12px}.guild-create-header p{color:#ff8c00;text-align:center;font-style:italic;margin-bottom:2rem}.guild-create-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{display:block;color:gold;font-weight:700;margin-bottom:.5rem}.guild-name-input{width:100%;padding:.75rem;background:#1e140af2!important;border:2px solid #8b4513;border-radius:6px;color:#fff!important;font-size:1.1rem;font-weight:700;text-align:center;caret-color:gold}.guild-name-input:-webkit-autofill,.guild-name-input:-webkit-autofill:hover,.guild-name-input:-webkit-autofill:focus,.guild-name-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(30,20,10,.95) inset!important;-webkit-text-fill-color:#fff!important;background-color:#1e140af2!important;transition:background-color 5000s ease-in-out 0s}.guild-name-input::placeholder{color:#fff6}.guild-name-input:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd7004d;background:#1e140afa!important}.char-count{text-align:right;color:#ccc;font-size:.9rem;margin-top:.25rem}.creation-cost{display:flex;justify-content:space-between;align-items:center;background:#0006;padding:1rem;border-radius:8px;border:2px solid rgba(255,215,0,.3);font-size:1.1rem;color:#fff}.cost-value{color:gold;font-weight:700;font-size:1.2rem}.creation-benefits{display:flex;flex-direction:column;gap:.5rem}.benefit-item{color:#4caf50;font-size:.95rem;padding-left:1rem}.create-guild-button{background:linear-gradient(180deg,gold,#ff8c00);color:#000;border:3px solid #ff8c00;padding:1rem;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase}.create-guild-button:hover:not(:disabled){background:linear-gradient(180deg,#ffed4e,orange);transform:translateY(-2px);box-shadow:0 6px 12px #ffd70066}.create-guild-button:disabled{opacity:.5;cursor:not-allowed}.guild-browse-header h2{color:gold;text-align:center;font-size:2rem;margin-bottom:.5rem;text-shadow:0 3px 6px rgba(0,0,0,.9)}.guild-browse-header p{color:#ff8c00;text-align:center;font-style:italic;margin-bottom:2rem}.guild-search-form{margin-bottom:1.5rem}.guild-search-input{width:100%;padding:.75rem;background:#1e140af2!important;border:2px solid #8b4513;border-radius:6px;color:#fff!important;font-size:1.1rem;font-weight:700;caret-color:gold}.guild-search-input:-webkit-autofill,.guild-search-input:-webkit-autofill:hover,.guild-search-input:-webkit-autofill:focus,.guild-search-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(30,20,10,.95) inset!important;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.guild-search-input::placeholder{color:#fff6}.guild-search-input:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd7004d}.search-loading{text-align:center;color:gold;margin-top:1rem;font-style:italic}.guild-search-results{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.guild-search-item{background:#00000080;border:2px solid #8b4513;border-radius:8px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.guild-search-item:hover{border-color:gold;background:#000000b3}.guild-search-info{flex:1}.guild-search-name{color:gold;font-weight:700;font-size:1.3rem;margin-bottom:.5rem}.guild-search-stats{color:#ccc;font-size:.95rem;margin-bottom:.5rem}.guild-search-infobox{color:#fff;font-size:.9rem;font-style:italic;margin-top:.5rem;padding:.5rem;background:#0000004d;border-left:3px solid #8b4513}.join-request-button{padding:.75rem 1.5rem;background:linear-gradient(180deg,#4caf50,#388e3c);border:2px solid #2e7d32;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.join-request-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #4caf5066}.join-request-button:disabled{opacity:.5;cursor:not-allowed;background:#666}.no-search-results{text-align:center;color:#ccc;padding:2rem;font-style:italic;background:#0000004d;border:2px solid #8b4513;border-radius:8px;margin-top:1.5rem}.guild-header{background:linear-gradient(135deg,#8b4513d9,#000000f2);border:3px solid #8b4513;border-radius:12px;padding:1.5rem;margin-bottom:20px;box-shadow:0 8px 16px #000c}.guild-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.guild-title-row h2{color:gold;font-size:2rem;text-shadow:0 3px 6px rgba(0,0,0,.9);margin:0;display:flex;align-items:center;gap:12px}.guild-title-icon{width:40px;height:40px;object-fit:contain}.guild-level{background:#ffd70033;border:2px solid #ffd700;padding:.5rem 1rem;border-radius:6px;color:gold;font-weight:700}.guild-stats-row{display:flex;gap:2rem;flex-wrap:wrap}.guild-stats-row .stat-item{display:flex;gap:.5rem;align-items:center}.guild-stats-row .stat-label{color:#ccc;font-size:.95rem}.guild-stats-row .stat-value{color:gold;font-weight:700;font-size:1.05rem}.guild-xp-bar{position:relative;width:100%;height:30px;background:#00000080;border:2px solid #8b4513;border-radius:15px;overflow:hidden;margin-top:1rem}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width .5s ease;box-shadow:inset 0 2px 4px #ffffff4d}.xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.9rem;text-shadow:0 2px 4px rgba(0,0,0,.9);pointer-events:none}.guild-panel-nav{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.guild-panel-nav button{flex:1;min-width:120px;padding:.75rem;background:#8b451399;border:2px solid #8b4513;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.guild-panel-nav button:hover{background:#8b4513cc;border-color:gold}.guild-panel-nav button.active{background:linear-gradient(180deg,gold,#ff8c00);color:#000;border-color:#ff8c00;box-shadow:0 4px 8px #ffd70066}.guild-panel-nav button{position:relative;overflow:visible}.guild-nav-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#f44,#f33,#c00);color:#fff;padding:3px 7px;border-radius:10px;font-size:.7rem;font-weight:900;font-family:Impact,sans-serif;border:2px solid #8b0000;min-width:16px;text-align:center;box-shadow:0 2px 4px #000000b3,0 0 8px #ff444480;z-index:10;animation:guildNavBadgePulse 2s ease-in-out infinite}.guild-nav-badge-quests{background:linear-gradient(135deg,#4caf50,#45a049,#388e3c);border:2px solid #2e7d32;box-shadow:0 2px 4px #000000b3,0 0 8px #4caf5080}.guild-nav-badge-missions{background:linear-gradient(135deg,gold,#ffed4e,#ffb300);color:#2d2d2d;border:2px solid #d4af37;box-shadow:0 2px 4px #000000b3,0 0 8px #ffd70080}@keyframes guildNavBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.guild-panel-content{background:#000000d9;border:3px solid #8b4513;border-radius:12px;padding:2rem;min-height:600px;overflow-x:hidden;max-width:100%;box-sizing:border-box}.guild-overview{display:flex;flex-direction:column;gap:2rem}.overview-section h3{color:gold;font-size:1.3rem;margin-bottom:1rem;border-bottom:2px solid rgba(255,215,0,.3);padding-bottom:.5rem}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(139,69,19,.3)}.info-row .label{color:#ccc}.info-row .value{color:gold;font-weight:700}.info-box{background:#00000080;border:2px solid #8b4513;border-radius:8px;padding:1rem;color:#fff;min-height:100px;line-height:1.6}.edit-info-button{margin-top:1rem;padding:.5rem 1rem;background:#8b451399;border:2px solid #8b4513;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.edit-info-button:hover{background:#8b4513cc;border-color:gold;transform:translateY(-2px)}.edit-inline-button{margin-left:1rem;padding:.25rem .75rem;background:#8b451399;border:2px solid #8b4513;border-radius:4px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.edit-inline-button:hover{background:#8b4513cc;border-color:gold}.edit-info-box-form{display:flex;flex-direction:column;gap:1rem}.info-box-textarea{width:100%;padding:1rem;background:#000000b3;border:2px solid #8b4513;border-radius:8px;color:#fff;font-size:1rem;line-height:1.6;resize:vertical;min-height:100px}.info-box-textarea::placeholder{color:#ffffff80}.info-box-textarea:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd7004d}.word-count{text-align:right;color:#ccc;font-size:.9rem}.edit-actions,.edit-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.save-button{padding:.75rem 1.5rem;background:linear-gradient(180deg,#4caf50,#388e3c);border:2px solid #2e7d32;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #4caf5066}.save-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{padding:.75rem 1.5rem;background:linear-gradient(180deg,#666,#444);border:2px solid #333;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.cancel-button:hover{background:linear-gradient(180deg,#777,#555);transform:translateY(-2px)}.edit-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.edit-modal{background:linear-gradient(135deg,#8b4513f2,#000000fa);border:4px solid #8b4513;border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 12px 24px #000000e6;animation:modalSlideIn .3s ease}.edit-modal h3{color:gold;font-size:1.5rem;margin:0 0 .5rem;text-align:center}.edit-modal p{color:#ccc;text-align:center;margin-bottom:1.5rem;font-size:.95rem}.min-level-input{width:100%;padding:.75rem;background:#000000b3;border:2px solid #8b4513;border-radius:6px;color:gold;font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:1.5rem}.min-level-input::placeholder{color:#ffd70080}.min-level-input:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd7004d}.guild-members-panel{display:flex;flex-direction:column;gap:2rem}.member-slots-section{background:linear-gradient(135deg,#000000b3,#140a00cc);border:3px solid rgba(139,69,19,.6);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000080,inset 0 2px #ff8c001a}.member-slots-section h3{color:gold;font-size:1.3rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.member-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.member-slot{aspect-ratio:1.6;background:linear-gradient(145deg,#322319d9,#231912eb,#281c14e0);border:3px solid rgba(101,67,33,.8);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080,inset 0 1px #ffd70008}.member-slot:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.12) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .4s ease;opacity:0;pointer-events:none}.member-slot:hover:before{width:200%;height:200%;opacity:1}.member-slot.unlocked{border-color:#8b4513b3}.member-slot.unlocked:hover{border-color:#d4af37e6;transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px #0009,0 0 20px #ff8c0040}.member-slot.locked{border-color:#65432180;opacity:.6;filter:grayscale(.4)}.member-slot.empty{border-style:dashed;border-color:#8b451380}.slot-member-content{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;position:relative;z-index:1;width:100%}.slot-member-name{color:gold;font-weight:700;font-size:.95rem;text-shadow:0 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;gap:.35rem;justify-content:center;word-break:break-word}.guild-member-profile-link{background:transparent;border:none;padding:.25rem .5rem;margin:-.25rem -.5rem;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.guild-member-profile-link:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,215,0,.15) 0%,transparent 70%);opacity:0;transition:opacity .2s ease}.guild-member-profile-link:hover{color:#fff;text-shadow:0 2px 8px rgba(255,215,0,.8),0 0 15px rgba(255,215,0,.5);transform:translateY(-1px)}.guild-member-profile-link:hover:before{opacity:1}.guild-member-profile-link:active{transform:translateY(0)}.slot-leader-icon{width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(255,215,0,.8));animation:crownGlow 2s ease infinite}.slot-member-level{color:#ccc;font-size:.85rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.6)}.slot-empty-content{display:flex;flex-direction:column;align-items:center;gap:.4rem;position:relative;z-index:1}.empty-slot-text{color:#999;font-size:.9rem;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.6)}.empty-slot-number{color:#666;font-size:.8rem;font-weight:700}.slot-locked-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:1}.slot-lock-icon{width:40px;height:40px;opacity:.6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.locked-slot-number{color:#666;font-size:.8rem;font-weight:700}.unlock-cost{color:gold;font-size:.85rem;font-weight:700;background:#ffd70026;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(255,215,0,.3);text-shadow:0 1px 2px rgba(0,0,0,.6)}.buy-slot-section{display:flex;justify-content:center;padding-top:1rem;border-top:2px solid rgba(139,69,19,.3)}.buy-next-slot-button{padding:1rem 2rem;background:linear-gradient(135deg,#4caf50,#45a049,#388e3c);border:3px solid #2e7d32;border-radius:10px;color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #4caf5080,inset 0 2px #66ff884d;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.buy-next-slot-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.buy-next-slot-button:hover:not(:disabled):before{left:100%}.buy-next-slot-button:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50,#45a049);transform:translateY(-3px) scale(1.05);border-color:#4caf50;box-shadow:0 8px 20px #4caf50b3,0 0 30px #4caf5066,inset 0 2px #6f86}.buy-next-slot-button:disabled{background:linear-gradient(135deg,#64646480,#50505099);border-color:#666;color:#999;cursor:not-allowed;box-shadow:none}.button-coin-icon{width:24px;height:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.members-detailed-section{background:#0006;border:2px solid rgba(139,69,19,.4);border-radius:10px;padding:1.5rem;margin-top:1rem}.members-detailed-section h4{color:gold;font-size:1.1rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.join-requests-section h3,.members-section h3{color:gold;font-size:1.3rem;margin-bottom:1rem;border-bottom:2px solid rgba(255,215,0,.3);padding-bottom:.5rem}.join-request-item,.member-item{background:#00000080;border:2px solid #8b4513;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.request-info,.member-info{display:flex;flex-direction:column;gap:.25rem}.username{color:gold;font-weight:700;font-size:1.1rem}.level{color:#ccc;font-size:.9rem}.member-name{color:gold;font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.leader-badge{background:#ffd70033;border:1px solid #ffd700;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.member-stats{color:#ccc;font-size:.9rem}.request-actions,.member-actions{display:flex;gap:.5rem}.accept-button,.decline-button,.copy-id-button,.remove-member-button{padding:.5rem 1rem;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s;border:2px solid}.accept-button{background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;border-color:#2e7d32}.accept-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #4caf5066}.decline-button,.remove-member-button{background:linear-gradient(180deg,#f44336,#c62828);color:#fff;border-color:#b71c1c}.decline-button:hover,.remove-member-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #f4433666}.copy-id-button{background:#8b451399;color:#fff;border-color:#8b4513}.copy-id-button:hover{background:#8b4513cc;border-color:gold}.leave-guild-button{background:linear-gradient(180deg,#8b5a2b,#5d3a1a);color:gold;border:2px solid #a0522d;padding:.5rem 1rem;border-radius:6px;font-weight:700;cursor:pointer;will-change:transform,box-shadow;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0006,inset 0 1px #ffc86426;min-height:44px;display:flex;align-items:center;gap:.4rem;text-shadow:0 1px 2px rgba(0,0,0,.6)}.leave-guild-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5a2b80,inset 0 1px #ffc86440;background:linear-gradient(180deg,#a0704a,#6d4822);border-color:#c9a66b}.leave-guild-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d}.guild-leave-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:guildLeaveOverlayFadeIn .2s ease-out;padding:20px;box-sizing:border-box}@keyframes guildLeaveOverlayFadeIn{0%{opacity:0}to{opacity:1}}.guild-leave-modal-content{background:linear-gradient(180deg,#654321,#3e2a1a);border:5px solid #ff8c00;border-radius:16px;max-width:460px;width:calc(100% - 40px);box-shadow:0 20px 60px #000000e6,0 0 30px #ff8c0033;animation:guildLeaveModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes guildLeaveModalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.guild-leave-modal-header{background:linear-gradient(180deg,#8b5a2b,#5d3a1a);padding:1.2rem 1.5rem;border-radius:12px 12px 0 0;border-bottom:3px solid rgba(255,200,100,.4);display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 1px #ffc86433}.guild-leave-modal-header h3{margin:0;font-size:1.5rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.5);font-family:Impact,sans-serif;letter-spacing:.5px}.guild-leave-close-btn{background:#0000004d;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;font-weight:700;display:flex;align-items:center;justify-content:center}.guild-leave-close-btn:hover:not(:disabled){background:#0009;transform:scale(1.1) rotate(90deg)}.guild-leave-close-btn:disabled{opacity:.5;cursor:not-allowed}.guild-leave-modal-body{padding:2rem 1.5rem;color:#ffedcc;text-align:center}.guild-leave-warning{font-size:1.2rem;margin:0 0 1.5rem;color:gold;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.6)}.guild-leave-preview{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:1.5rem auto;padding:1.2rem 1.5rem;background:#0006;border:3px solid #8b4513;border-radius:12px;max-width:280px}.guild-leave-icon{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.guild-leave-details{text-align:left}.guild-leave-name{font-size:1.3rem;font-weight:700;color:gold;margin-bottom:.3rem;text-shadow:0 2px 4px rgba(0,0,0,.6)}.guild-leave-level{font-size:1rem;color:#ffedcce6}.guild-leave-permanent-warning{font-size:.95rem;color:#e6a832;margin:1.5rem 0 0;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.6);opacity:.95}.guild-leave-modal-footer{padding:1.2rem 1.5rem;border-top:3px solid rgba(255,140,0,.3);display:flex;justify-content:space-between;gap:1rem;background:#0003;border-radius:0 0 12px 12px}.guild-leave-btn-cancel{flex:1;background:linear-gradient(180deg,#4caf50,#388e3c);border:3px solid #2e7d32;color:#fff;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;will-change:transform,box-shadow;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px #1b5e20,0 6px 12px #0006;min-height:48px}.guild-leave-btn-cancel:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #1b5e20,0 8px 16px #00000080}.guild-leave-btn-cancel:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px #1b5e20,0 4px 8px #0006}.guild-leave-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.guild-leave-btn-confirm{flex:1;background:linear-gradient(180deg,#8b5a2b,#5d3a1a);border:3px solid #a0522d;color:gold;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;will-change:transform,box-shadow;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px #3e2a1a,0 6px 12px #0006;min-height:48px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.guild-leave-btn-confirm:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #3e2a1a,0 8px 16px #00000080;background:linear-gradient(180deg,#a0704a,#6d4822)}.guild-leave-btn-confirm:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px #3e2a1a,0 4px 8px #0006}.guild-leave-btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 320px){.guild-leave-modal-overlay{padding:10px}.guild-leave-modal-content{border-width:3px;border-radius:12px}.guild-leave-modal-header{padding:1rem}.guild-leave-modal-header h3{font-size:1.2rem}.guild-leave-close-btn{width:36px;height:36px;min-width:36px;min-height:36px;font-size:1.2rem}.guild-leave-modal-body{padding:1.2rem 1rem}.guild-leave-warning{font-size:1rem}.guild-leave-preview{padding:1rem;gap:.8rem;flex-direction:column;text-align:center}.guild-leave-icon{width:50px;height:50px}.guild-leave-details{text-align:center}.guild-leave-name{font-size:1.1rem}.guild-leave-level,.guild-leave-permanent-warning{font-size:.9rem}.guild-leave-modal-footer{padding:1rem;flex-direction:column;gap:.8rem}.guild-leave-btn-cancel,.guild-leave-btn-confirm{font-size:1rem;padding:.8rem 1rem}}@media (min-width: 321px) and (max-width: 480px){.guild-leave-modal-content{border-width:4px}.guild-leave-modal-header h3{font-size:1.3rem}.guild-leave-modal-body{padding:1.5rem 1.2rem}.guild-leave-preview{padding:1rem 1.2rem}.guild-leave-icon{width:55px;height:55px}}@media (min-width: 481px) and (max-width: 768px){.guild-leave-modal-content{max-width:420px}}@media (min-width: 1200px){.guild-leave-modal-content{max-width:500px}.guild-leave-modal-header h3{font-size:1.6rem}.guild-leave-icon{width:70px;height:70px}.guild-leave-name{font-size:1.4rem}}@media (prefers-reduced-motion: reduce){.guild-leave-modal-overlay,.guild-leave-modal-content{animation:none}.guild-leave-close-btn{transition:background .1s}.guild-leave-close-btn:hover:not(:disabled){transform:none}.guild-leave-btn-cancel,.guild-leave-btn-confirm,.leave-guild-button{transition:background .1s}.guild-leave-btn-cancel:hover:not(:disabled),.guild-leave-btn-confirm:hover:not(:disabled),.leave-guild-button:hover{transform:none}}.guild-kick-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:guildKickOverlayFadeIn .2s ease-out;padding:20px;box-sizing:border-box}@keyframes guildKickOverlayFadeIn{0%{opacity:0}to{opacity:1}}.guild-kick-modal-content{background:linear-gradient(180deg,#654321,#3e2a1a);border:5px solid #b33a3a;border-radius:16px;max-width:420px;width:calc(100% - 40px);box-shadow:0 20px 60px #000000e6,0 0 30px #b43c3c33;animation:guildKickModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes guildKickModalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.guild-kick-modal-header{background:linear-gradient(180deg,#8b3a3a,#5d2020);padding:1.2rem 1.5rem;border-radius:12px 12px 0 0;border-bottom:3px solid rgba(100,40,40,.6);display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 1px #ff969626}.guild-kick-modal-header h3{margin:0;font-size:1.5rem;color:#fcc;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.5);font-family:Impact,sans-serif;letter-spacing:.5px}.guild-kick-close-btn{background:#0000004d;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;font-weight:700;display:flex;align-items:center;justify-content:center}.guild-kick-close-btn:hover:not(:disabled){background:#0009;transform:scale(1.1) rotate(90deg)}.guild-kick-close-btn:disabled{opacity:.5;cursor:not-allowed}.guild-kick-modal-body{padding:2rem 1.5rem;color:#ffedcc;text-align:center}.guild-kick-warning{font-size:1.2rem;margin:0 0 1.5rem;color:gold;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.6)}.guild-kick-preview{display:flex;align-items:center;justify-content:center;margin:1.5rem auto;padding:1rem 2rem;background:#0006;border:3px solid #8b4513;border-radius:12px;max-width:280px}.guild-kick-member-name{font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6)}.guild-kick-permanent-warning{font-size:.95rem;color:#e69a9a;margin:1.5rem 0 0;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.6);opacity:.95}.guild-kick-modal-footer{padding:1.2rem 1.5rem;border-top:3px solid rgba(139,69,19,.3);display:flex;justify-content:space-between;gap:1rem;background:#0003;border-radius:0 0 12px 12px}.guild-kick-btn-cancel{flex:1;background:linear-gradient(180deg,#4caf50,#388e3c);border:3px solid #2e7d32;color:#fff;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;will-change:transform,box-shadow;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px #1b5e20,0 6px 12px #0006;min-height:48px}.guild-kick-btn-cancel:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #1b5e20,0 8px 16px #00000080}.guild-kick-btn-cancel:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px #1b5e20,0 4px 8px #0006}.guild-kick-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.guild-kick-btn-confirm{flex:1;background:linear-gradient(180deg,#c62828,#8b1c1c);border:3px solid #7b1818;color:#fff;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;will-change:transform,box-shadow;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px #5d1414,0 6px 12px #0006;min-height:48px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.guild-kick-btn-confirm:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #5d1414,0 8px 16px #00000080;background:linear-gradient(180deg,#d32f2f,#9c2020)}.guild-kick-btn-confirm:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px #5d1414,0 4px 8px #0006}.guild-kick-btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 320px){.guild-kick-modal-overlay{padding:10px}.guild-kick-modal-content{border-width:3px;border-radius:12px}.guild-kick-modal-header{padding:1rem}.guild-kick-modal-header h3{font-size:1.2rem}.guild-kick-close-btn{width:36px;height:36px;min-width:36px;min-height:36px;font-size:1.2rem}.guild-kick-modal-body{padding:1.2rem 1rem}.guild-kick-warning{font-size:1rem}.guild-kick-preview{padding:.8rem 1.2rem}.guild-kick-member-name{font-size:1.2rem}.guild-kick-permanent-warning{font-size:.85rem}.guild-kick-modal-footer{padding:1rem;flex-direction:column;gap:.8rem}.guild-kick-btn-cancel,.guild-kick-btn-confirm{font-size:1rem;padding:.8rem 1rem}}@media (min-width: 321px) and (max-width: 480px){.guild-kick-modal-content{border-width:4px}.guild-kick-modal-header h3{font-size:1.3rem}.guild-kick-modal-body{padding:1.5rem 1.2rem}}@media (min-width: 1200px){.guild-kick-modal-content{max-width:460px}.guild-kick-modal-header h3{font-size:1.6rem}.guild-kick-member-name{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){.guild-kick-modal-overlay,.guild-kick-modal-content{animation:none}.guild-kick-close-btn{transition:background .1s}.guild-kick-close-btn:hover:not(:disabled){transform:none}.guild-kick-btn-cancel,.guild-kick-btn-confirm{transition:background .1s}.guild-kick-btn-cancel:hover:not(:disabled),.guild-kick-btn-confirm:hover:not(:disabled){transform:none}}.guild-bank-panel{display:flex;flex-direction:column;gap:2rem}.bank-balance{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#ffd70026,#ff8c001f);border:3px solid rgba(255,215,0,.6);border-radius:10px;padding:1rem 1.5rem;box-shadow:0 4px 12px #00000080,inset 0 2px #ffd70026;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.bank-balance:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,204,0,.2) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .4s ease;opacity:0;pointer-events:none}.bank-balance:hover:before{width:200%;height:200%;opacity:1}.bank-balance:hover{border-color:#ffd700d9;transform:translateY(-2px);box-shadow:0 6px 16px #0009,0 0 20px #ffd7004d,inset 0 2px #ffd70033}.bank-balance h3{color:gold;font-size:1.1rem;margin:0;display:flex;align-items:center;gap:.5rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.8)}.balance-amount{color:gold;font-size:1.8rem;font-weight:700;text-shadow:0 0 15px rgba(255,204,0,.7),0 3px 6px rgba(0,0,0,.9);position:relative;z-index:1;animation:balanceShine 3s ease-in-out infinite}@keyframes balanceShine{0%,to{text-shadow:0 0 15px rgba(255,204,0,.7),0 3px 6px rgba(0,0,0,.9)}50%{text-shadow:0 0 25px rgba(255,204,0,1),0 0 40px rgba(255,215,0,.5),0 3px 6px rgba(0,0,0,.9)}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.bank-deposit-section,.bank-spend-section{background:linear-gradient(135deg,#000000b3,#140a00cc);border:3px solid rgba(139,69,19,.6);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000080,inset 0 2px #ff8c001a}.bank-deposit-section h4,.bank-spend-section h4{color:gold;margin-bottom:1.25rem;font-size:1.15rem;text-shadow:0 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;gap:.5rem}.deposit-balance-info{color:#ccc;font-size:.95rem;margin-bottom:1rem;padding:.75rem;background:#0006;border-radius:6px;border:2px solid rgba(139,69,19,.4);text-align:center}.user-gold-amount{color:gold;font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(255,204,0,.6);margin-left:.5rem}.deposit-slider-container{position:relative;width:100%;height:50px;margin-bottom:1.25rem;display:flex;align-items:center;padding:0 .5rem}.deposit-slider{width:100%;height:12px;-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#281e14cc,#1e140fe6);border:2px solid rgba(139,69,19,.6);border-radius:6px;outline:none;cursor:grab;position:relative;z-index:2;box-shadow:inset 0 2px 6px #0009,0 2px 4px #0006;transition:all .2s cubic-bezier(.4,0,.2,1)}.deposit-slider:active{cursor:grabbing}.deposit-slider:hover{border-color:#d4af37cc;box-shadow:inset 0 2px 6px #000000b3,0 4px 8px #00000080,0 0 15px #ff8c004d}.deposit-slider:disabled{opacity:.5;cursor:not-allowed}.deposit-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:linear-gradient(135deg,gold,#ffed4e,orange);border:3px solid #d4af37;border-radius:50%;cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ffd70099,inset 0 2px #ffffff4d,0 0 20px #ffd70066;position:relative;z-index:3}.deposit-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #ffd700cc,inset 0 2px #fff6,0 0 30px #ffd70099;background:linear-gradient(135deg,#ffed4e,gold,#ffb300)}.deposit-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}.deposit-slider::-moz-range-thumb{width:28px;height:28px;background:linear-gradient(135deg,gold,#ffed4e,orange);border:3px solid #d4af37;border-radius:50%;cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ffd70099,inset 0 2px #ffffff4d,0 0 20px #ffd70066}.deposit-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #ffd700cc,inset 0 2px #fff6,0 0 30px #ffd70099;background:linear-gradient(135deg,#ffed4e,gold,#ffb300)}.deposit-slider:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.08)}.deposit-form{display:flex;gap:1rem;align-items:center}.deposit-input-manual{flex:1;padding:.85rem;background:#000000b3;border:2px solid rgba(139,69,19,.6);border-radius:8px;color:gold;font-size:1rem;font-weight:700;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000080}.deposit-input-manual::placeholder{color:#ffd70066;font-style:italic}.deposit-input-manual:focus{outline:none;border-color:#ffd700cc;background:#000000d9;box-shadow:inset 0 2px 4px #0009,0 0 15px #ffd7004d;transform:translateY(-1px)}.deposit-input-manual:hover{border-color:#d4af37b3}.deposit-button{padding:.85rem 1.75rem;background:linear-gradient(135deg,#4caf50,#45a049,#388e3c);border:3px solid #2e7d32;border-radius:8px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #4caf5080,inset 0 2px #66ff884d;white-space:nowrap}.deposit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.deposit-button:hover:not(:disabled):before{left:100%}.deposit-button:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50,#45a049);transform:translateY(-3px) scale(1.03);border-color:#4caf50;box-shadow:0 6px 16px #4caf50b3,0 0 25px #4caf5066,inset 0 2px #6f86}.deposit-button:active:not(:disabled){transform:translateY(-1px) scale(1.01)}.deposit-button:disabled{background:linear-gradient(135deg,#64646480,#50505099);border-color:#666;color:#999;cursor:not-allowed;box-shadow:none;opacity:.6}.slot-purchase{display:flex;justify-content:space-between;align-items:center}.slot-info{color:#ccc;font-size:1rem}.bank-transactions{background:linear-gradient(135deg,#000000b3,#140a00cc);border:3px solid rgba(139,69,19,.6);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000080,inset 0 2px #ff8c001a}.bank-transactions h4{color:gold;margin-bottom:1.5rem;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;gap:.75rem}.transaction-count{font-size:.85rem;color:#999;font-weight:400;margin-left:.25rem}.transactions-list{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#281e1499,#1e140fb3);border:2px solid rgba(139,69,19,.5);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 6px #0006;min-height:70px;flex-wrap:nowrap}.transaction-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,140,0,.12) 50%,transparent 100%);transition:left .6s ease;pointer-events:none}.transaction-item:hover:before{left:100%}.transaction-item:hover{border-color:#d4af37cc;background:linear-gradient(135deg,#2d2319bf,#231912d9);transform:translateY(-2px);box-shadow:0 4px 12px #0009,0 0 15px #ff8c0033}.tx-icon{min-width:50px;display:flex;align-items:center;justify-content:center}.tx-icon-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));transition:transform .3s ease}.transaction-item:hover .tx-icon-img{transform:scale(1.1)}.tx-info{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0}.tx-user{color:#fff;font-weight:700;font-size:1rem;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap}.tx-reason{color:orange;font-size:.9rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-info-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tx-rewards-inline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tx-reward-badge{display:inline-flex;align-items:center;gap:.3rem;background:#0006;padding:.15rem .4rem;border-radius:4px;border:1px solid rgba(255,215,0,.4);font-size:.75rem;font-weight:600;color:gold;white-space:nowrap}.tx-reward-badge.gold,.tx-reward-badge.guildgold{border-color:#ffd70080;color:gold}.tx-reward-badge.xp{border-color:#64ff9680;color:#8f9}.tx-reward-badge.guildxp{border-color:#c896ff80;color:#c9f}.tx-reward-badge.checkpoint{border-color:#64c8ff80;color:#8cf}.transaction-item.reward-tx{justify-content:flex-start}.transaction-item.reward-tx .tx-info{flex:1}.tx-reward-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.tx-amount-container{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:120px}.tx-amount{font-weight:700;font-size:1.15rem;text-shadow:0 0 10px currentColor,0 2px 4px rgba(0,0,0,.8)}.tx-amount.positive{color:#4caf50;text-shadow:0 0 12px rgba(76,175,80,.6),0 2px 4px rgba(0,0,0,.8)}.tx-amount.negative{color:#f44336;text-shadow:0 0 12px rgba(244,67,54,.6),0 2px 4px rgba(0,0,0,.8)}.tx-balance{color:gold;font-size:.85rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.6)}.transaction-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:2px solid rgba(139,69,19,.3)}.pagination-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#8b451399,#654321b3);border:2px solid rgba(255,140,0,.5);border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 6px #0006}.pagination-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s ease}.pagination-btn:hover:not(:disabled):before{left:100%}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b4513cc,#654321e6);border-color:#ffd700cc;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0009,0 0 15px #ff8c004d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#8b45134d}.pagination-info{color:gold;font-weight:700;font-size:.95rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.no-transactions{text-align:center;color:#ccc;padding:2rem;font-style:italic}.guild-petbank-panel{display:flex;flex-direction:column;gap:2rem}.petbank-header{text-align:center;margin-bottom:1rem}.petbank-header h3{color:gold;font-size:1.8rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-shadow:0 3px 6px rgba(0,0,0,.9)}.petbank-subtitle{color:#ff8c00;font-style:italic;font-size:1rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.petbank-deposit-section{background:linear-gradient(135deg,#000000b3,#140a00cc);border:3px solid rgba(139,69,19,.6);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000080,inset 0 2px #ff8c001a}.petbank-deposit-section h4{color:gold;margin-bottom:1.5rem;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;gap:.75rem}.no-pets-available{text-align:center;padding:3rem 1.5rem;background:#0006;border:2px dashed rgba(139,69,19,.5);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-pet-icon{width:80px;height:80px;opacity:.4;filter:grayscale(1)}.no-pets-available p{color:#999;font-size:1.1rem;font-weight:700;margin:0}.empty-subtitle{color:#666;font-size:.9rem;font-style:italic}.available-pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.pet-selection-card{background:linear-gradient(145deg,#322319d9,#231912eb,#281c14e0);border:3px solid rgba(101,67,33,.8);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080,inset 0 1px #ffd70008}.pet-selection-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,204,0,.15) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .4s ease;opacity:0;pointer-events:none}.pet-selection-card:hover:before{width:250%;height:250%;opacity:1}.pet-selection-card:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-100%);pointer-events:none;z-index:2}@keyframes petCardGlareSweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.pet-selection-card:hover:after{animation:petCardGlareSweep .6s ease-in-out}.pet-selection-card:hover{border-color:#d4af37e6;transform:translateY(-5px) scale(1.03);box-shadow:0 8px 20px #000000b3,0 0 25px #ff8c0066,inset 0 2px #ffd70026}.pet-selection-card.selected{border-color:#4caf50;background:linear-gradient(145deg,#00642866,#00501e80);box-shadow:0 8px 20px #000000b3,0 0 30px #4caf5080,inset 0 2px #6f83}.pet-card-image{width:100%;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;position:relative}.pet-card-image img{max-width:90%;max-height:90%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));transition:transform .3s ease}.pet-selection-card:hover .pet-card-image img{transform:scale(1.1)}.pet-card-info{text-align:center}.pet-card-name{color:gold;font-weight:700;font-size:1rem;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.pet-card-level{color:#ccc;font-size:.85rem;margin-bottom:.5rem}.pet-card-stats{display:flex;justify-content:space-around;gap:.5rem;font-size:.8rem;margin-top:.5rem}.stat-hp{color:#ff6b6b;font-weight:700}.stat-energy{color:#4dabf7;font-weight:700}.selected-checkmark{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#4caf50,#45a049);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4caf5099,inset 0 2px #6f86;animation:checkmarkPop .3s cubic-bezier(.4,0,.2,1);color:#fff;font-size:1.5rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.5)}.checkmark-icon{width:24px;height:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.deposit-pet-button-premium{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff8c00,#f70,#f60);border:3px solid #cc5500;border-radius:10px;color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #ff8c0080,inset 0 2px #ffaa444d;display:flex;align-items:center;justify-content:center;gap:.75rem}.deposit-pet-button-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.deposit-pet-button-premium:hover:not(:disabled):before{left:100%}.deposit-pet-button-premium:hover:not(:disabled){background:linear-gradient(135deg,orange,#ff8c00,#f70);transform:translateY(-3px) scale(1.02);border-color:#ff8c00;box-shadow:0 8px 20px #ff8c00b3,0 0 30px #ff8c0080,inset 0 2px #ffc86466}.deposit-pet-button-premium:active:not(:disabled){transform:translateY(-1px) scale(1.01)}.deposit-pet-button-premium:disabled{background:linear-gradient(135deg,#64646480,#50505099);border-color:#666;color:#999;cursor:not-allowed;box-shadow:none;opacity:.6}.deposit-button-icon{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));transition:all .3s ease;flex-shrink:0}.deposit-pet-button-premium:hover:not(:disabled) .deposit-button-icon{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 10px rgba(255,200,100,.6))}.button-icon{width:24px;height:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.button-icon-small{width:18px;height:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.petbank-deposits{background:linear-gradient(135deg,#000000b3,#140a00cc);border:3px solid rgba(139,69,19,.6);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000080,inset 0 2px #ff8c001a}.petbank-deposits h4{color:gold;font-size:1.2rem;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;gap:.75rem}.no-deposits{text-align:center;padding:3rem 1.5rem;background:#0000004d;border:2px dashed rgba(139,69,19,.4);border-radius:10px}.no-deposits p{color:#999;font-size:1.1rem;margin:0 0 .5rem}.deposited-pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.deposited-pet-card{background:linear-gradient(145deg,#322319d9,#231912eb,#281c14e0);border:3px solid rgba(101,67,33,.8);border-radius:12px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080,inset 0 1px #ffd70008}.deposited-pet-card.locked{border-color:#c8323299}.deposited-pet-card.unlocked.own-pet{border-color:#4caf5099}.deposited-pet-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0009,0 0 20px #ff8c004d}.deposited-pet-image-container{position:relative;width:100%;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.deposited-pet-image{max-width:90%;max-height:90%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));transition:all .3s ease}.deposited-pet-card.locked .deposited-pet-image,.locked-pet-image{opacity:.6;filter:grayscale(.5) drop-shadow(0 4px 8px rgba(0,0,0,.6))}.pet-lock-overlay{display:none;background:transparent;width:auto;height:auto;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.lock-icon-overlay{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.9)) drop-shadow(0 0 15px rgba(255,80,80,.4));animation:lockPulse 2s ease-in-out infinite}@keyframes lockPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}}.deposited-pet-info{text-align:center;display:flex;flex-direction:column;gap:.4rem}.deposited-pet-name{color:gold;font-weight:700;font-size:1.05rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.deposited-pet-level{color:#ccc;font-size:.9rem}.deposited-pet-owner{color:#0cf;font-size:.85rem;font-weight:500}.deposit-status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:6px;font-size:.85rem;font-weight:700;margin-top:.5rem}.status-locked{background:#f4433633;border:2px solid rgba(244,67,54,.5);color:#ff6b6b;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem}.status-icon-lock{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.lock-time-text{font-size:.95rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.status-ready{background:#4caf5033;border:2px solid rgba(76,175,80,.5);color:#4caf50;animation:statusReadyGlow 2s ease-in-out infinite}@keyframes statusReadyGlow{0%,to{box-shadow:0 0 10px #4caf504d}50%{box-shadow:0 0 20px #4caf5099}}.status-icon-small{width:16px;height:16px}.withdraw-pet-button-premium{width:100%;padding:.75rem;margin-top:1rem;background:linear-gradient(135deg,#4caf50,#45a049,#388e3c);border:3px solid #2e7d32;border-radius:8px;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 3px 10px #4caf5066,inset 0 2px #66ff884d;display:flex;align-items:center;justify-content:center;gap:.5rem}.withdraw-pet-button-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.withdraw-pet-button-premium:hover:not(:disabled):before{left:100%}.withdraw-pet-button-premium:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#4caf50,#45a049);transform:translateY(-2px) scale(1.02);border-color:#4caf50;box-shadow:0 6px 16px #4caf50b3,0 0 25px #4caf5066,inset 0 2px #6f86}.withdraw-pet-button-premium:active:not(:disabled){transform:translateY(-1px) scale(1.01)}.withdraw-pet-button-premium:disabled{background:linear-gradient(135deg,#64646480,#50505099);border-color:#666;color:#999;cursor:not-allowed;box-shadow:none;opacity:.6}.withdraw-pet-button-premium.ready{animation:readyPulse 2s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 3px 10px #4caf5066,inset 0 2px #66ff884d}50%{box-shadow:0 3px 20px #4caf50cc,0 0 30px #4caf5080,inset 0 2px #66ff8880}}.message-header{display:flex;gap:.5rem;font-size:.85rem;color:#ccc}.message-sender{font-weight:700;color:gold}.message-time{color:#999}.message-content{background:#8b451399;border:2px solid #8b4513;border-radius:8px;padding:.75rem;color:#fff;word-wrap:break-word}.own-message .message-content{background:#ffd70033;border-color:gold}.no-messages{text-align:center;color:#ccc;padding:2rem;font-style:italic}.guild-chat-panel{display:flex;flex-direction:column;height:600px}.chat-messages{flex:1;overflow-y:auto;padding:1.2rem;background:#0009;border:3px solid #4a3821;border-radius:10px 10px 0 0;display:flex;flex-direction:column;gap:.75rem;min-height:0;scrollbar-width:thin;scrollbar-color:#8b5a2b #1a1008}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#1a1008;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5a2b,#5d3a1a);border-radius:4px;border:1px solid #3e2a1a}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a0704a,#6d4822)}.chat-message{display:flex;flex-direction:column;gap:.3rem;max-width:75%;animation:guildChatMsgFadeIn .2s ease-out}@keyframes guildChatMsgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-message.own-message{align-self:flex-end;align-items:flex-end}.chat-message.other-message{align-self:flex-start;align-items:flex-start}.guild-chat-panel .message-header{display:flex;gap:.5rem;align-items:baseline;font-size:.85rem}.guild-chat-panel .sender-name,.guild-chat-panel .message-sender{font-weight:700;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.6);font-size:.9rem}.guild-chat-panel .message-time{color:#ffedcc80;font-size:.78rem}.guild-chat-panel .message-content{background:linear-gradient(135deg,#65432180,#3e2a1a99);border:2px solid rgba(139,69,19,.7);border-radius:10px;padding:.65rem .85rem;color:#fff;word-wrap:break-word;line-height:1.5;font-size:.95rem;box-shadow:0 2px 6px #0000004d}.guild-chat-panel .own-message .message-content{background:linear-gradient(135deg,#daa52033,#b8860b40);border-color:#ffd70080;box-shadow:0 2px 8px #daa52026}.guild-chat-panel .no-messages{text-align:center;color:#ffedcc80;padding:3rem 2rem;font-style:italic;font-size:.95rem}.chat-input-area{display:flex;gap:1rem;padding:1rem;background:#000000b3;border:2px solid #8b4513;border-radius:0 0 8px 8px}.chat-input{flex:1;padding:.75rem;background:#000000b3;border:2px solid #8b4513;border-radius:6px;color:#fff;font-size:1rem}.chat-input::placeholder{color:#ffffff80}.chat-input:focus{outline:none;border-color:gold;box-shadow:0 0 8px #ffd7004d}.send-chat-button{padding:.75rem 1.5rem;background:linear-gradient(180deg,#4caf50,#388e3c);border:2px solid #2e7d32;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s;align-self:flex-end;min-height:44px}.send-chat-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #4caf5066}.send-chat-button:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#f4433633;border:2px solid #f44336;border-radius:8px;padding:1rem;color:#f44336;text-align:center;font-weight:700;margin-bottom:1rem}.success-message{background:#4caf5033;border:2px solid #4caf50;border-radius:8px;padding:1rem;color:#4caf50;text-align:center;font-weight:700;margin-bottom:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading{text-align:center;color:gold;font-size:1.5rem;padding:3rem}.chat-messages::-webkit-scrollbar,.transactions-list::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar-track,.transactions-list::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.chat-messages::-webkit-scrollbar-thumb,.transactions-list::-webkit-scrollbar-thumb{background:#8b4513cc;border-radius:5px;border:2px solid rgba(0,0,0,.3)}.chat-messages::-webkit-scrollbar-thumb:hover,.transactions-list::-webkit-scrollbar-thumb:hover{background:#8b4513}@media (max-width: 1024px){.guild-create-section,.guild-browse-section{max-width:90%}.guild-panel-content{padding:1.5rem}.deposits-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.transactions-list{max-height:250px}}@media (max-width: 768px){.guild-page{padding:10px}.guild-header{padding:1rem}.guild-title-row h2{font-size:1.5rem}.guild-title-icon{width:32px;height:32px}.guild-stats-row{flex-direction:column;gap:.75rem}.stat-item{justify-content:space-between;width:100%;padding:.5rem;background:#0000004d;border-radius:6px}.guild-panel-nav{flex-direction:column;gap:.5rem}.guild-panel-nav button{width:100%;padding:.75rem;font-size:.95rem}.guild-panel-content{padding:1rem;min-height:500px}.deposits-list{grid-template-columns:1fr}.chat-message{max-width:90%}.transaction-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.tx-icon-img{width:45px;height:45px}.tx-amount-container{align-items:flex-start;width:100%}.member-slots-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.member-slot{aspect-ratio:1.4;padding:.6rem}.slot-member-name{font-size:.85rem}.slot-leader-icon{width:16px;height:16px}.buy-next-slot-button{font-size:.95rem;padding:.85rem 1.5rem}.member-item,.join-request-item{flex-direction:column;align-items:flex-start;gap:1rem}.member-actions,.request-actions{width:100%;flex-direction:column}.member-actions button,.request-actions button{width:100%}.deposit-form{flex-direction:column}.deposit-input,.deposit-button{width:100%}.guild-mode-tabs{flex-direction:column;gap:.5rem}.guild-mode-tabs button{width:100%;padding:.75rem}.guild-create-header h2,.guild-browse-header h2{font-size:1.5rem}.creation-cost{font-size:1rem}.edit-modal{max-width:90%;padding:1.5rem}.chat-input-area{flex-direction:column;gap:.5rem}.chat-input,.send-chat-button{width:100%}.pagination-btn{padding:.5rem .85rem;font-size:.9rem}.pagination-info{font-size:.85rem}}@media (max-width: 480px){.guild-page{padding:4px}.guild-header{padding:.75rem}.guild-title-row{flex-direction:column;gap:.5rem;align-items:center}.guild-title-row h2{font-size:1.3rem;text-align:center}.guild-title-icon{width:28px;height:28px}.guild-level{font-size:.9rem;padding:.4rem .8rem}.guild-panel-nav button{font-size:.7rem;padding:.5rem .4rem;min-width:0}.guild-panel-content{padding:4px;border-width:2px}.overview-section h3,.members-section h3,.bank-balance h3,.petbank-header h3{font-size:1.1rem}.bank-transactions{padding:.5rem;border-width:2px;width:100%;box-sizing:border-box}.bank-transactions h4{font-size:.95rem;margin-bottom:.75rem}.transactions-list{gap:.4rem;max-height:280px;width:100%}.transaction-item{display:flex;flex-direction:row;align-items:center;padding:.5rem;gap:.4rem;min-height:50px;width:100%;box-sizing:border-box}.transaction-item:hover{transform:none}.transaction-item:before{display:none}.tx-icon{min-width:28px;max-width:28px;flex-shrink:0}.tx-icon-img{width:28px;height:28px}.tx-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:.1rem;overflow:hidden}.tx-info-row{flex-wrap:wrap;gap:.3rem}.tx-rewards-inline{flex-wrap:wrap;gap:.2rem}.tx-reward-badge{font-size:.6rem;padding:.1rem .3rem}.tx-user{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tx-reason{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tx-time{font-size:.55rem}.tx-source{font-size:.6rem}.tx-amount-container{min-width:55px;max-width:65px;gap:.1rem;flex-shrink:0;align-items:flex-end}.tx-amount{font-size:.8rem;white-space:nowrap}.tx-balance{font-size:.6rem;white-space:nowrap}.transaction-pagination{flex-direction:column;gap:.5rem;align-items:center}.transaction-pagination button{font-size:.8rem;padding:.5rem .75rem}.bank-balance{flex-direction:column;gap:.75rem;text-align:center}.balance-amount{font-size:1.5rem}.member-slots-grid{grid-template-columns:1fr}.member-slot{aspect-ratio:2}.buy-next-slot-button{font-size:.85rem;padding:.75rem 1rem}.button-coin-icon{width:20px;height:20px}.member-name,.username{font-size:1rem}.copy-id-button{padding:.4rem .75rem;font-size:.85rem}.chat-messages{font-size:.9rem}.message-content{padding:.6rem}.guild-create-header h2,.guild-browse-header h2{font-size:1.3rem}.creation-benefits{font-size:.85rem}.create-guild-button{font-size:1rem;padding:.75rem}.guild-search-name{font-size:1.1rem}.guild-search-stats{font-size:.85rem}.transaction-pagination{flex-direction:column;gap:.75rem}.pagination-btn{width:100%}}@media (min-width: 1600px){.guild-page{max-width:1600px}.guild-panel-content{max-width:1400px;margin:0 auto}.chat-messages{max-height:700px}.transactions-list{max-height:400px}}.guild-quests-panel{padding:30px;max-width:1200px;margin:0 auto}.guild-quests-panel .panel-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,204,0,.3)}.guild-quests-panel h3{color:#fc0;font-size:28px;margin:0;text-shadow:0 0 10px rgba(255,204,0,.5)}.guild-quests-info{background:#ffcc001a;border:2px solid rgba(255,204,0,.3);border-radius:8px;padding:15px 20px;margin-bottom:30px}.guild-quests-info p{margin:5px 0;color:#e0e0e0}.guild-quests-info .info-highlight{color:#fc0;font-weight:700;margin-top:10px}.quest-section{margin-bottom:40px}.quest-section h4{color:#fc0;font-size:20px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,204,0,.2)}.quests-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.quest-card{background:linear-gradient(135deg,#141414cc,#28282899);border:2px solid rgba(255,204,0,.3);border-radius:12px;padding:20px;transition:all .3s ease}.quest-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #ffcc004d;border-color:#fc09}.quest-card.active-quest{border-color:#64c8ff80}.quest-card.completed-quest{border-color:#00ff6480;background:linear-gradient(135deg,#003214cc,#00502899)}.quest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quest-header h5{color:#fc0;font-size:16px;margin:0}.quest-progress-text{color:#0cf;font-weight:700;font-size:16px}.quest-complete-badge{color:#0f6;font-weight:700;font-size:14px;text-shadow:0 0 8px rgba(0,255,100,.6)}.quest-description{color:#ccc;font-size:13px;line-height:1.5;margin-bottom:12px;font-style:italic}.quest-rewards-preview{background:#ffcc001a;border:1px solid rgba(255,204,0,.3);border-radius:6px;padding:10px;margin:12px 0;font-size:12px;color:#e0e0e0}.quest-rewards-preview strong{color:#fc0;display:block;margin-bottom:6px}.quest-rewards-preview span{display:inline-block;margin-right:12px;color:#aaa}.quest-rewards-preview.completed{background:#00ff641a;border-color:#00ff644d}.quest-rewards-preview.completed div{margin:4px 0;color:#0f9}.quest-progress-bar-container{background:#00000080;height:20px;border-radius:10px;overflow:hidden;margin:10px 0;border:1px solid rgba(255,204,0,.3)}.quest-progress-bar-fill{height:100%;background:linear-gradient(90deg,#0cf,#0f9);transition:width .5s ease;box-shadow:0 0 10px #00ccff80}.quest-progress-percent{color:#aaa;font-size:13px;text-align:right}.claim-quest-reward-button{width:100%;padding:12px;margin-top:15px;background:linear-gradient(135deg,#0c4,#0f6);color:#000;border:none;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;text-shadow:none}.claim-quest-reward-button:hover{background:linear-gradient(135deg,#0f6,#0f9);transform:scale(1.05);box-shadow:0 4px 16px #00ff6480}.leader-only-message{color:#fc0;text-align:center;margin-top:15px;font-style:italic;display:flex;align-items:center;justify-content:center;gap:8px}.wait-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));animation:waitIconPulse 1.5s ease-in-out infinite}@keyframes waitIconPulse{0%,to{opacity:1}50%{opacity:.6}}.no-quests{color:#888;text-align:center;padding:30px;font-style:italic}.guild-missions-panel{padding:30px;max-width:1400px;margin:0 auto}@media (max-width: 480px){.guild-missions-panel{padding:8px}}@media (max-width: 360px){.guild-missions-panel{padding:4px}}.guild-missions-panel .panel-header-section{display:flex;justify-content:center;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:3px solid rgba(255,68,68,.4);position:relative}.guild-missions-panel .panel-header-section:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:200px;height:3px;background:linear-gradient(90deg,transparent 0%,#ff4444 50%,transparent 100%);box-shadow:0 0 15px #f44c}.guild-missions-panel h3{color:#f44;font-size:32px;margin:0;text-shadow:0 0 20px rgba(255,68,68,.8),0 3px 6px rgba(0,0,0,.9);font-family:Impact,sans-serif;letter-spacing:2px;text-transform:uppercase}.guild-mission-tabs{display:flex;gap:15px;margin-bottom:30px;justify-content:center}.guild-mission-tab{padding:18px 40px;background:linear-gradient(135deg,#282828e6,#141414f2);border:3px solid rgba(255,255,255,.2);border-radius:10px;color:#ccc;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 8px #0009,inset 0 1px #ffffff1a}.guild-mission-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transition:left .6s ease}.guild-mission-tab:hover:not(.disabled):before{left:100%}.guild-mission-tab:hover:not(.disabled){background:linear-gradient(135deg,#3c3c3cf2,#282828f2);border-color:#ffd70080;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px #000000b3,0 0 20px #ffd7004d}.guild-mission-tab.active{color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #000000b3,inset 0 2px #fff3}.guild-mission-tab.boss-tab.active{background:linear-gradient(135deg,#80f,#a4f,#c6f);border-color:#a4f;box-shadow:0 8px 24px #8800ffb3,0 0 30px #aa44ff80,inset 0 2px #cc66ff4d}.guild-mission-tab.farming-tab.active{background:linear-gradient(135deg,#0c4,#0f6,#3f8);border-color:#0f6;box-shadow:0 8px 24px #00cc44b3,0 0 30px #00ff6680,inset 0 2px #33ff884d}.guild-mission-tab.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.guild-mission-viewport-container{background:linear-gradient(135deg,#000000eb,#140000f2);border:4px solid rgba(255,68,68,.5);border-radius:14px;padding:30px;min-height:600px;box-shadow:0 8px 20px #000000e6,inset 0 3px #ff444426;position:relative}@media (max-width: 480px){.guild-mission-viewport-container{padding:8px;border-width:2px;border-radius:10px;min-height:auto}}@media (max-width: 360px){.guild-mission-viewport-container{padding:4px;border-radius:8px}}.guild-mission-viewport-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top center,rgba(255,68,68,.15) 0%,transparent 60%);pointer-events:none;border-radius:14px}.guild-mission-terminal{display:flex;flex-direction:column;gap:25px;position:relative;z-index:1}.terminal-header-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#f446,#c800004d);border:3px solid rgba(255,68,68,.6);border-radius:10px;box-shadow:0 4px 12px #f446,inset 0 2px #f883;position:relative;overflow:hidden}.terminal-header-bar:before{content:"";position:absolute;top:-50%;left:0;right:0;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:scanline 3s linear infinite;pointer-events:none}@keyframes scanline{0%{top:-50%}to{top:150%}}.terminal-header-bar.success{background:linear-gradient(135deg,#00ff6466,#00c8504d);border-color:#00ff6499;box-shadow:0 4px 12px #00ff6466,inset 0 2px #3f83}.terminal-header-bar.failure{background:linear-gradient(135deg,#f006,#c800004d);border-color:#f009;box-shadow:0 4px 12px #f006,inset 0 2px #f443}.terminal-header-bar h4{color:#fc0;margin:0;font-size:22px;font-family:Impact,sans-serif;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 15px rgba(255,204,0,.7),0 2px 6px rgba(0,0,0,.9);position:relative;z-index:1}.mission-stage-indicator{display:flex;gap:14px;align-items:center;color:#0cf;font-size:17px;font-weight:700;position:relative;z-index:1;background:#0006;padding:8px 16px;border-radius:8px;border:2px solid rgba(0,204,255,.3);box-shadow:0 2px 8px #0009,inset 0 1px #0ff3}.stage-label,.max-stage-label{color:#999;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:1px}.stage-number,.max-stage-number{color:#0fa;font-size:20px;text-shadow:0 0 12px rgba(0,255,170,.8),0 0 25px rgba(0,255,170,.4);font-family:Impact,sans-serif}.stage-divider{color:#666;font-size:20px}.combined-stats-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:1.25rem;padding:1.75rem 2rem;background:linear-gradient(135deg,#19140ff2,#0f0c08fa);border:3px solid rgba(255,180,50,.5);border-radius:14px;box-shadow:0 8px 24px #000c,0 0 40px #ff8c0026,inset 0 2px #ffd70026,inset 0 -2px #0000004d;position:relative;overflow:hidden}.combined-stats-bar:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at center,rgba(255,180,50,.12) 0%,transparent 60%),radial-gradient(circle at 20% 50%,rgba(255,100,0,.08) 0%,transparent 40%),radial-gradient(circle at 80% 50%,rgba(255,200,100,.08) 0%,transparent 40%);pointer-events:none;border-radius:14px;z-index:0}.combined-stats-bar:after{content:"";position:absolute;top:-100%;left:0;right:0;height:50%;background:linear-gradient(180deg,transparent 0%,rgba(255,180,50,.03) 50%,transparent 100%);animation:statsBarScan 4s linear infinite;pointer-events:none;z-index:1}@keyframes statsBarScan{0%{top:-100%}to{top:200%}}.stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1.75rem;min-width:130px;min-height:120px;background:linear-gradient(145deg,#1e1912f2,#0f0c08fa);border:2px solid rgba(255,200,100,.35);border-radius:12px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:default;z-index:2;box-shadow:0 6px 16px #000000b3,0 0 20px #ff8c0014,inset 0 1px #ffd7001f,inset 0 -1px #0006;text-align:center}.stat-box:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,180,50,.35) 0%,rgba(255,140,0,.15) 40%,transparent 70%);transform:translate(-50%,-50%);transition:all .45s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none;z-index:0}.stat-box:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);transition:left .6s ease;pointer-events:none;z-index:3}.stat-box:hover:before{width:250%;height:250%;opacity:1}.stat-box:hover:after{left:100%}.stat-box:hover{border-color:#ffc864b3;transform:translateY(-6px) scale(1.08);box-shadow:0 12px 28px #000000d9,0 0 35px #ffb43266,0 0 60px #ff8c0033,inset 0 1px #ffd70033}.stat-box .stat-icon{font-size:2.2rem;line-height:1;filter:drop-shadow(0 3px 8px rgba(255,180,50,.5));transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.stat-box:hover .stat-icon{transform:scale(1.15) translateY(-2px);filter:drop-shadow(0 4px 12px rgba(255,200,100,.7))}.stat-box .stat-icon-img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(255,180,50,.5)) drop-shadow(0 0 12px rgba(255,140,0,.3));transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;flex-shrink:0}.stat-box:hover .stat-icon-img{transform:scale(1.15) translateY(-2px);filter:drop-shadow(0 5px 12px rgba(255,200,100,.7)) drop-shadow(0 0 20px rgba(255,180,50,.5))}.stat-box .stat-value{color:gold;font-size:1.4rem;font-weight:900;font-family:Impact,Arial Black,sans-serif;letter-spacing:.5px;line-height:1.2;text-shadow:0 0 15px rgba(255,215,0,.6),0 0 30px rgba(255,180,50,.3),0 3px 6px rgba(0,0,0,.9);position:relative;z-index:2;animation:guildStatPulse 3s ease-in-out infinite;transition:all .3s ease;text-align:center;margin:.15rem 0}.stat-box:hover .stat-value{color:#ffe066;transform:scale(1.1);text-shadow:0 0 20px rgba(255,230,100,.8),0 0 40px rgba(255,200,50,.5),0 3px 8px rgba(0,0,0,.9);animation:none}@keyframes guildStatPulse{0%,to{text-shadow:0 0 15px rgba(255,215,0,.6),0 0 30px rgba(255,180,50,.3),0 3px 6px rgba(0,0,0,.9)}50%{text-shadow:0 0 25px rgba(255,230,100,.85),0 0 45px rgba(255,200,50,.5),0 3px 6px rgba(0,0,0,.9)}}.stat-box .stat-label{color:#b8a070;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-family:Segoe UI,Arial,sans-serif;position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(184,160,112,.3);transition:all .3s ease}.stat-box:hover .stat-label{color:#d4c4a0;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 12px rgba(212,196,160,.5)}.stat-box:nth-child(1){border-color:#ff643266}.stat-box:nth-child(1):hover{border-color:#ff7846b3;box-shadow:0 12px 28px #000000d9,0 0 35px #ff643266,0 0 60px #ff501e33,inset 0 1px #ff966433}.stat-box:nth-child(1):before{background:radial-gradient(circle,rgba(255,100,50,.35) 0%,rgba(255,80,30,.15) 40%,transparent 70%)}.stat-box:nth-child(2){border-color:#6496ff66}.stat-box:nth-child(2):hover{border-color:#78aaffb3;box-shadow:0 12px 28px #000000d9,0 0 35px #6496ff66,0 0 60px #5082ff33,inset 0 1px #96b4ff33}.stat-box:nth-child(2):before{background:radial-gradient(circle,rgba(100,150,255,.35) 0%,rgba(80,130,255,.15) 40%,transparent 70%)}.stat-box:nth-child(3){border-color:#ff505066}.stat-box:nth-child(3):hover{border-color:#ff6464b3;box-shadow:0 12px 28px #000000d9,0 0 35px #ff505066,0 0 60px #ff323233,inset 0 1px #ff969633}.stat-box:nth-child(3):before{background:radial-gradient(circle,rgba(255,80,80,.35) 0%,rgba(255,50,50,.15) 40%,transparent 70%)}.stat-box:nth-child(4){border-color:#ffdc3266}.stat-box:nth-child(4):hover{border-color:#ffe650b3;box-shadow:0 12px 28px #000000d9,0 0 35px #ffdc3266,0 0 60px #ffc81e33,inset 0 1px #fff09633}.stat-box:nth-child(4):before{background:radial-gradient(circle,rgba(255,220,50,.35) 0%,rgba(255,200,30,.15) 40%,transparent 70%)}.guild-terminal-output{background:linear-gradient(135deg,#0a0a0afa,#0f0f0f);border:3px solid rgba(255,140,0,.4);border-radius:12px;padding:1.5rem;min-height:350px;max-height:550px;overflow-y:auto;scroll-behavior:smooth;box-shadow:0 8px 20px #000000e6,inset 0 2px #ff8c001f,inset 0 0 40px #ff640008;position:relative}.guild-terminal-output:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,140,0,.4) 50%,transparent 100%);animation:terminalScan 2.5s linear infinite;pointer-events:none;z-index:2}.guild-terminal-output::-webkit-scrollbar{width:10px}.guild-terminal-output::-webkit-scrollbar-track{background:#0006;border-radius:5px;border:1px solid rgba(255,140,0,.2)}.guild-terminal-output::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff8c0099,#c86400b3);border-radius:5px;border:1px solid rgba(255,200,100,.3);box-shadow:0 0 6px #ff8c0066;transition:all .3s ease}.guild-terminal-output::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffb432cc,#ff8c00);box-shadow:0 0 10px #ffb43299;border-color:#ffc86480}@keyframes terminalScan{0%{top:0;opacity:.8}to{top:100%;opacity:0}}.guild-log-events{display:flex;flex-direction:column;gap:.5rem}.guild-log-line{padding:.75rem 1rem;border-left:3px solid rgba(255,140,0,.5);background:linear-gradient(90deg,rgba(255,140,0,.08) 0%,transparent 100%);border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:#e0e0e0;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.8)}.guild-log-line:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);transition:left .5s ease;pointer-events:none}.guild-log-line:hover:before{left:100%}.guild-log-line:hover{background:linear-gradient(90deg,#ff8c0026,#ff8c0008);border-left-color:#ff8c00cc;border-left-width:4px;transform:translate(4px);box-shadow:0 3px 10px #ff8c0033}.guild-log-line.start{color:gold;font-weight:800;font-size:1.05rem;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(255,215,0,.4);background:linear-gradient(90deg,#ffd70026,#ffd7000d);border-left-color:gold;border-left-width:4px;margin:.75rem 0;padding:.9rem 1.1rem;box-shadow:0 3px 10px #ffd70040}.guild-log-line.start:hover{background:linear-gradient(90deg,#ffd70038,#ffd70014);box-shadow:0 5px 14px #ffd70059,0 0 18px #ffd70040}.guild-log-line.stats{color:#4dd0e1;font-weight:600;background:linear-gradient(90deg,#4dd0e11f,#4dd0e108);border-left-color:#4dd0e1;border-left-width:3px;padding-left:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.guild-log-line.stats:hover{background:linear-gradient(90deg,#4dd0e12e,#4dd0e10d);box-shadow:0 3px 10px #4dd0e140}.guild-log-line.combat{color:#ff6b6b;font-weight:700;background:linear-gradient(90deg,#ff6b6b26,#ff6b6b08);border-left-color:#ff6b6b;border-left-width:4px;margin:.6rem 0;padding:.8rem 1rem;box-shadow:0 3px 10px #ff6b6b40;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(255,107,107,.3);animation:combatPulse 2s ease-in-out infinite}@keyframes combatPulse{0%,to{box-shadow:0 3px 10px #ff6b6b40}50%{box-shadow:0 4px 14px #ff6b6b66}}.guild-log-line.combat:hover{background:linear-gradient(90deg,#ff6b6b38,#ff6b6b0f);box-shadow:0 5px 16px #ff6b6b66,0 0 20px #ff6b6b4d;animation:none}.guild-log-line.pet-attack{color:#4caf50;font-weight:700;background:linear-gradient(90deg,#4caf5026,#4caf5008);border-left-color:#4caf50;border-left-width:4px;margin:.6rem 0;padding:.8rem 1rem;box-shadow:0 3px 10px #4caf5040;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(76,175,80,.3)}.guild-log-line.pet-attack:hover{background:linear-gradient(90deg,#4caf5038,#4caf500f);box-shadow:0 5px 16px #4caf5066,0 0 20px #4caf504d}.guild-log-line.complete{color:#4caf50;font-weight:900;font-size:1.1rem;background:linear-gradient(135deg,#4caf5033,#4caf501a);border:3px solid rgba(76,175,80,.5);border-radius:8px;margin:1rem 0;padding:1rem 1.2rem;text-align:center;box-shadow:0 5px 15px #4caf5059,inset 0 1px #4caf5040;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(76,175,80,.5);animation:guildCompletePulse 2.5s ease-in-out infinite}@keyframes guildCompletePulse{0%,to{box-shadow:0 5px 15px #4caf5059,inset 0 1px #4caf5040}50%{box-shadow:0 7px 20px #4caf5080,0 0 25px #4caf5066,inset 0 1px #4caf5059}}.guild-log-line.complete:hover{background:linear-gradient(135deg,#4caf5047,#4caf5024);border-color:#4caf50b3;animation:none}.guild-log-line.failed{color:#f44;font-weight:900;font-size:1.1rem;background:linear-gradient(135deg,#f443,#ff44441a);border:3px solid rgba(255,68,68,.5);border-radius:8px;margin:1rem 0;padding:1rem 1.2rem;text-align:center;box-shadow:0 5px 15px #ff444459,inset 0 1px #ff444440;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 15px rgba(255,68,68,.5)}.guild-log-line.failed:hover{background:linear-gradient(135deg,#ff444447,#ff444424);border-color:#ff4444b3}.guild-log-line.reward{color:#ffeb3b;font-weight:700;background:linear-gradient(90deg,#ffeb3b1f,#ffeb3b08);border-left-color:#ffeb3b;border-left-width:4px;padding-left:1.6rem;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 8px rgba(255,235,59,.3)}.guild-log-line.reward:hover{background:linear-gradient(90deg,#ffeb3b33,#ffeb3b0f);box-shadow:0 4px 12px #ffeb3b4d}.terminal-text{color:#0f8;font-size:15px;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;margin:0;text-shadow:0 0 8px rgba(0,255,136,.4);position:relative;z-index:1}.mission-status-bar{display:flex;justify-content:center;align-items:center;padding:18px;background:linear-gradient(135deg,#ff444440,#c800004d);border:3px solid rgba(255,68,68,.5);border-radius:10px;box-shadow:0 4px 12px #f446,inset 0 2px #f883;position:relative;overflow:hidden}.mission-status-bar:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,68,68,.3) 0%,transparent 70%);transform:translate(-50%,-50%);animation:statusPulseGlow 2s ease-in-out infinite}@keyframes statusPulseGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.status-indicator{color:#f44;font-weight:700;font-size:18px;position:relative;z-index:1;text-shadow:0 0 15px rgba(255,68,68,.9),0 2px 4px rgba(0,0,0,.9)}.status-indicator.pulsing{animation:statusTextPulse 2s ease-in-out infinite}@keyframes statusTextPulse{0%,to{opacity:1;text-shadow:0 0 15px rgba(255,68,68,.9),0 2px 4px rgba(0,0,0,.9)}50%{opacity:.7;text-shadow:0 0 25px rgba(255,68,68,1),0 0 40px rgba(255,68,68,.6),0 2px 4px rgba(0,0,0,.9)}}.mission-claim-actions{display:flex;justify-content:center;padding:25px 0}.guild-claim-button{padding:20px 50px;background:linear-gradient(135deg,#0c4,#0f6,#3f8);color:#000;border:4px solid #00aa33;border-radius:12px;font-weight:700;font-size:19px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #00cc4480,inset 0 3px #3f86;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;font-family:Impact,sans-serif}.guild-claim-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .7s ease}.guild-claim-button:hover:before{left:100%}.guild-claim-button:hover{background:linear-gradient(135deg,#0f6,#3f8,#6fa);transform:translateY(-4px) scale(1.08);border-color:#0f6;box-shadow:0 12px 32px #00ff64b3,0 0 50px #00ff6499,inset 0 3px #66ffaa80}.guild-claim-button:active{transform:translateY(-2px) scale(1.04)}.mission-reset-actions{display:flex;justify-content:center;padding:25px 0}.guild-reset-button{padding:14px 36px;background:linear-gradient(135deg,#ff44444d,#c8000066);color:#f44;border:3px solid #ff4444;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #f446,inset 0 2px #f883;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;font-family:Impact,sans-serif}.guild-reset-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,136,136,.3) 50%,transparent 100%);transition:left .6s ease}.guild-reset-button:hover:before{left:100%}.guild-reset-button:hover{background:linear-gradient(135deg,#ff444480,#f009);transform:translateY(-3px) scale(1.06);border-color:#f66;box-shadow:0 8px 20px #f449,0 0 30px #f446,}.checkpoint-rewards-info{background:linear-gradient(135deg,#ffb40026,#ff8c001a);border:3px solid rgba(255,180,0,.5);border-radius:12px;padding:1.25rem;margin:1rem 0;text-align:center}.checkpoint-reached-banner{color:gold;font-size:1.25rem;font-weight:900;font-family:Impact,sans-serif;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 15px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.9);margin-bottom:.75rem}.checkpoint-explanation{color:#b8a070;font-size:.95rem;margin-bottom:1rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.guild-claim-button.checkpoint-claim{background:linear-gradient(135deg,orange,#ff8c00,#f70);border-color:#fa0}.guild-claim-button.checkpoint-claim:hover{background:linear-gradient(135deg,#fc0,orange,#ff8c00);border-color:#fc0;box-shadow:0 12px 32px #ffb400b3,0 0 50px #ffc80099,inset 0 3px #ffe66480}.no-checkpoint-info{background:#5050504d;border:2px solid rgba(150,150,150,.3);border-radius:8px;padding:1rem;margin:1rem 0;text-align:center}.no-checkpoint-info p{color:#999;font-size:.95rem;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.8)}.guild-reset-button:active{transform:translateY(-1px) scale(1.02)}.guild-mission-selection{padding:35px;position:relative}@media (max-width: 480px){.guild-mission-selection{padding:4px;margin:0 -4px;width:calc(100% + 8px)}.selection-header{margin-bottom:12px;padding:0 4px}.selection-header h4{font-size:16px;margin-bottom:4px}.selection-header p{font-size:10px;line-height:1.3}}@media (max-width: 360px){.guild-mission-selection{padding:2px;margin:0 -2px;width:calc(100% + 4px)}.selection-header h4{font-size:14px}.selection-header p{font-size:9px}}.selection-header{text-align:center;margin-bottom:30px}.selection-header h4{color:#fc0;font-size:28px;margin:0 0 10px;font-family:Impact,sans-serif;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(255,204,0,.8),0 3px 6px rgba(0,0,0,.9)}.selection-subtitle{color:#ff8c00;font-size:15px;font-style:italic;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8)}.selection-subtitle{color:#ff8c00;font-size:15px;font-style:italic;margin:8px 0 0;text-shadow:0 2px 4px rgba(0,0,0,.8)}.available-guild-missions{margin-top:30px}.guild-mission-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:25px;width:100%;box-sizing:border-box}.guild-mission-card{background:linear-gradient(135deg,#282828f2,#141414fa);border:3px solid rgba(255,204,0,.35);border-radius:14px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 6px 12px #000000b3,inset 0 2px #ffd70026}.guild-mission-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.15) 50%,transparent 100%);transition:left .7s ease;pointer-events:none}.guild-mission-card:hover:before{left:100%}.guild-mission-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,204,0,.2) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .5s ease;opacity:0;pointer-events:none}.guild-mission-card:hover:after{width:300%;height:300%;opacity:1}.guild-mission-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #000c,0 0 40px #ffcc0080,inset 0 2px #ffd70040;border-color:#ffd700b3}.mission-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;position:relative;z-index:1}.mission-card-header h5{color:#fc0;font-size:20px;margin:0;font-family:Impact,sans-serif;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 15px rgba(255,204,0,.6),0 2px 4px rgba(0,0,0,.9)}.mission-biome-badge{background:linear-gradient(135deg,#ffcc0040,#ff8c004d);color:gold;padding:6px 14px;border-radius:14px;font-size:12px;font-weight:700;border:2px solid rgba(255,215,0,.4);box-shadow:0 2px 6px #00000080,inset 0 1px #fff3;text-transform:uppercase;letter-spacing:.5px}.mission-card-description{color:#ccc;font-size:15px;line-height:1.7;margin-bottom:20px;position:relative;z-index:1;font-style:italic;padding-left:12px;border-left:3px solid rgba(255,140,0,.4)}.guild-mission-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:14px;background:#0006;border-radius:8px;border:2px solid rgba(255,140,0,.3);position:relative;z-index:1}.guild-stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:14px}@media (max-width: 480px){.guild-mission-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;margin-bottom:12px;width:100%;box-sizing:border-box}.guild-stat-row{flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 12px;background:#0006;border-radius:6px;border:1px solid rgba(255,140,0,.3);min-width:0;width:100%;box-sizing:border-box;text-align:center}.guild-stat-label{font-size:11px;white-space:nowrap;text-align:center}.guild-stat-value{font-size:12px;word-break:break-word;text-align:center;width:100%}.guild-stat-row.checkpoint-info{grid-column:1 / -1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;background:#0006;border-radius:6px;border:1px solid rgba(255,140,0,.3);text-align:center;width:100%;box-sizing:border-box}.checkpoint-stages{padding:5px 10px;font-size:11px;text-align:center;margin:0 auto}}@media (max-width: 360px){.guild-mission-stats{gap:4px;padding:6px}.guild-stat-row{padding:3px 4px}}.guild-stat-label{color:orange;font-weight:700}.guild-stat-value{color:gold;font-weight:700;text-align:right;text-shadow:0 0 8px rgba(255,215,0,.4)}.guild-stat-row.checkpoint-info{margin-top:8px;padding-top:10px;border-top:2px solid rgba(255,140,0,.3)}.checkpoint-stages{background:linear-gradient(135deg,#ff8c0033,#ffcc0040);padding:4px 10px;border-radius:6px;border:2px solid rgba(255,140,0,.4);box-shadow:0 2px 6px #0006,inset 0 1px #ffffff1a}.guild-loot-section{margin-bottom:20px;position:relative;z-index:1}.guild-loot-header{color:gold;font-size:14px;margin:0 0 12px;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.5)}.guild-loot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;background:linear-gradient(135deg,#00000080,#140a0099);border-radius:8px;border:2px solid rgba(255,215,0,.3);box-shadow:inset 0 2px 8px #0009,0 2px 6px #00000080;max-height:180px;overflow-y:auto}@media (max-width: 480px){.guild-loot-section{margin-bottom:10px;width:100%}.guild-loot-header{font-size:10px;margin-bottom:6px;text-align:center}.guild-loot-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:8px;padding:10px;max-height:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;box-sizing:border-box;scroll-behavior:smooth;touch-action:pan-x}.guild-loot-grid::-webkit-scrollbar{display:none}.guild-loot-item{flex:0 0 auto;width:58px;padding:6px;gap:4px;background:#0006;border-radius:6px;border:1px solid rgba(255,140,0,.25)}.guild-loot-item-image{width:34px;height:34px}.guild-loot-item-name{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52px}}@media (max-width: 360px){.guild-loot-grid{padding:4px;gap:3px}.guild-loot-item{width:40px;padding:3px}.guild-loot-item-image{width:22px;height:22px}.guild-loot-item-name{font-size:5px;max-width:36px}}.guild-loot-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:linear-gradient(135deg,#8b451366,#65432180);border:2px solid rgba(255,140,0,.5);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 6px #0006,inset 0 1px #ffd70026;cursor:default}.guild-loot-item:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,204,0,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .3s ease;opacity:0}.guild-loot-item:hover:before{width:200%;height:200%;opacity:1}.guild-loot-item:hover{background:linear-gradient(135deg,#8b451399,#654321b3);border-color:orange;transform:scale(1.1) translateY(-2px);box-shadow:0 4px 12px #0009,0 0 15px #ff8c0066;z-index:10}.guild-loot-item-image{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));transition:transform .3s ease;position:relative;z-index:1}.guild-loot-item:hover .guild-loot-item-image{transform:scale(1.15);filter:drop-shadow(0 4px 10px rgba(255,204,0,.6))}.guild-loot-item-name{font-size:10px;color:gold;text-align:center;line-height:1.2;word-wrap:break-word;max-width:100%;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.8);position:relative;z-index:1}.guild-start-mission-button{width:100%;padding:16px;background:linear-gradient(135deg,#f44,#f66,#f88);color:#fff;border:3px solid #cc0000;border-radius:10px;font-weight:700;font-size:17px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 16px #ff444480,inset 0 2px #f886;font-family:Impact,sans-serif;z-index:1}.guild-start-mission-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left .6s ease}.guild-start-mission-button:hover:before{left:100%}.guild-start-mission-button:hover{background:linear-gradient(135deg,#f66,#f88,#faa);transform:translateY(-3px) scale(1.08);border-color:#f44;box-shadow:0 10px 28px #ff4444b3,0 0 40px #ff444480,inset 0 2px #ffaaaa80}.guild-start-mission-button:active{transform:translateY(-1px) scale(1.03)}.guild-leader-only-button{width:100%;padding:16px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a,#1a1a1a);color:#888;border:3px solid #444;border-radius:10px;font-weight:700;font-size:15px;cursor:not-allowed;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 2px #5050504d,inset 0 -2px #0006,0 4px 12px #0006}.guild-leader-only-button .guild-leader-only-icon{font-size:18px;filter:grayscale(.5)}.leader-only-notice{text-align:center;padding:50px 30px;color:#999;font-style:italic;background:linear-gradient(135deg,#282828b3,#141414cc);border-radius:12px;border:3px dashed rgba(255,255,255,.2);box-shadow:inset 0 2px 10px #0009;font-size:17px}.leader-only-notice p{margin:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.no-missions{text-align:center;padding:50px 30px;color:#999;font-style:italic;font-size:17px;background:#0000004d;border-radius:10px;border:2px solid rgba(255,255,255,.1)}.final-stage{color:#0f6;font-weight:700;font-size:18px;background:#00ff6426;padding:8px 16px;border-radius:8px;border:2px solid rgba(0,255,100,.4);box-shadow:0 2px 8px #00ff644d,inset 0 1px #00ff6433;text-shadow:0 0 10px rgba(0,255,100,.7)}.petbank-deposit-section{background:#28282899;border:2px solid rgba(255,204,0,.3);border-radius:10px;padding:20px;margin-bottom:25px}.petbank-deposit-section h4{color:#fc0;margin-bottom:15px}.pet-select{width:100%;padding:12px;background:#0009;color:#e0e0e0;border:2px solid rgba(255,204,0,.3);border-radius:8px;font-size:14px;margin-bottom:12px;cursor:pointer}.pet-select:focus{outline:none;border-color:#fc09;box-shadow:0 0 10px #ffcc004d}.deposit-pet-button{width:100%;padding:14px;background:linear-gradient(135deg,#0c4,#0f6);color:#000;border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0c46}.deposit-pet-button:disabled{background:#6464644d;color:#666;cursor:not-allowed;box-shadow:none}.deposit-pet-button:hover:not(:disabled){background:linear-gradient(135deg,#0f6,#0f9);transform:scale(1.02);box-shadow:0 6px 20px #00ff6499}.no-pets-available{color:#999;font-size:13px;font-style:italic;margin-top:10px;text-align:center}.petbank-deposits{margin-top:25px}.petbank-deposits h4{color:#fc0;margin-bottom:15px}.deposits-list{display:flex;flex-direction:column;gap:12px}.deposit-item{background:#1e1e1ecc;border:2px solid rgba(255,204,0,.3);border-radius:8px;padding:15px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.deposit-item:hover{border-color:#ffcc0080;background:#282828e6}.deposit-item .pet-info{display:flex;flex-direction:column;gap:4px}.deposit-item .pet-info strong{color:#fc0;font-size:16px}.deposit-item .pet-info span{color:#aaa;font-size:13px}.deposit-item .owner{color:#0cf}.deposit-item .withdraw-timer{color:#f90;font-weight:700;font-size:12px}.deposit-item .withdraw-ready{color:#0f6;font-weight:700;font-size:12px}.withdraw-button{padding:10px 20px;background:#ff44444d;color:#f44;border:2px solid #ff4444;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease}.withdraw-button:hover{background:#ff444480;transform:scale(1.05)}.withdraw-button:disabled{opacity:.4;cursor:not-allowed}.no-deposits{color:#888;font-style:italic;text-align:center;padding:30px}@media (max-width: 1200px){.quests-list,.guild-mission-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.guild-terminal-output{max-height:450px;padding:1.25rem}.guild-log-line{padding:.65rem .9rem;font-size:.9rem}.guild-log-line.start,.guild-log-line.complete,.guild-log-line.failed{font-size:1rem;padding:.8rem 1rem}.available-pets-grid,.deposited-pets-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 1024px){.guild-terminal-output{max-height:400px;padding:1rem}.guild-log-events{gap:.4rem}.guild-log-line{padding:.6rem .85rem;font-size:.88rem;border-left-width:3px}.guild-log-line.start,.guild-log-line.complete,.guild-log-line.failed{font-size:.95rem;padding:.75rem .9rem;margin:.5rem 0}.guild-terminal-output::-webkit-scrollbar{width:8px}}@media (max-width: 768px){.quests-list,.guild-mission-cards{grid-template-columns:1fr;gap:15px}.guild-mission-card{padding:16px}.mission-card-header{flex-direction:column;gap:8px;align-items:flex-start;margin-bottom:12px}.mission-card-header h5{font-size:15px}.mission-biome-badge{padding:4px 10px;font-size:11px}.mission-card-description{font-size:13px;margin-bottom:12px;line-height:1.5}.guild-mission-stats{padding:10px;gap:6px}.guild-stat-row{font-size:12px;padding:3px 0;flex-wrap:wrap;gap:4px}.guild-stat-label,.guild-stat-value{font-size:11px;text-align:center;width:100%}.checkpoint-stages{font-size:10px;padding:3px 8px;text-align:center;margin:0 auto}.guild-loot-section{margin-bottom:15px}.guild-loot-header{font-size:12px;margin-bottom:8px}.guild-loot-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;max-height:140px}.guild-loot-item{padding:6px;gap:4px}.guild-loot-item-image{width:32px;height:32px}.guild-loot-item-name{font-size:8px}.guild-loot-item:hover{transform:none}.guild-start-mission-button,.guild-leader-only-button{padding:12px;font-size:14px}.guild-terminal-output{max-height:350px;padding:.85rem;border-width:2px;border-radius:10px}.guild-log-events{gap:.35rem}.guild-log-line{padding:.55rem .75rem;font-size:.85rem;border-radius:4px}.guild-log-line.start,.guild-log-line.complete,.guild-log-line.failed{font-size:.9rem;padding:.7rem .85rem;border-width:2px;border-radius:6px}.guild-log-line:hover{transform:translate(2px)}}@media (max-width: 600px){.guild-terminal-output{max-height:300px;padding:.75rem}.guild-log-line{padding:.5rem .65rem;font-size:.8rem;line-height:1.5}.guild-log-line.start{font-size:.85rem}.guild-log-line.complete,.guild-log-line.failed{font-size:.85rem;padding:.6rem .75rem}}@media (max-width: 480px){.guild-mission-cards{gap:8px;padding:0;width:100%}.guild-mission-card{padding:12px 10px;border-width:2px;border-radius:8px;width:100%;max-width:100%;box-sizing:border-box;margin:0}.guild-mission-card:hover{transform:none}.guild-mission-card:before,.guild-mission-card:after{display:none}.mission-card-header{flex-direction:row;justify-content:space-between;align-items:center;gap:6px;width:100%;margin-bottom:6px}.mission-card-header h5{font-size:13px;letter-spacing:.3px;flex:1;min-width:0}.mission-biome-badge{padding:3px 8px;font-size:9px;flex-shrink:0}.mission-card-description{font-size:11px;margin-bottom:10px;padding:8px 10px;border-left-width:2px;line-height:1.4;background:#0003;border-radius:6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;box-sizing:border-box}.guild-stat-row{font-size:10px;padding:2px 0}.guild-stat-label{font-size:9px;flex-shrink:0;text-align:center;width:100%}.guild-stat-value{font-size:9px;text-align:center;word-break:break-word;width:100%}.checkpoint-stages{font-size:8px;padding:2px 6px;text-align:center;margin:0 auto}.guild-loot-section{margin-bottom:10px}.guild-loot-header{font-size:10px;margin-bottom:6px;letter-spacing:.5px}.guild-loot-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;max-height:100px;border-width:1px}.guild-loot-item{padding:4px;gap:2px;border-width:1px;border-radius:4px}.guild-loot-item:hover{transform:none}.guild-loot-item-image{width:24px;height:24px}.guild-loot-item-name{font-size:6px;line-height:1.1}.guild-start-mission-button{padding:14px 16px;font-size:13px;border-width:2px;letter-spacing:.5px;width:100%;box-sizing:border-box;margin-top:8px}.guild-start-mission-button:hover{transform:none}.guild-leader-only-button{padding:14px 16px;font-size:13px;border-width:2px;letter-spacing:.5px;width:100%;box-sizing:border-box;margin-top:8px}.leader-only-notice{padding:20px 15px;font-size:12px}.guild-terminal-output{max-height:280px;padding:.6rem;min-height:250px}.guild-log-events{gap:.3rem}.guild-log-line{padding:.45rem .55rem;font-size:.75rem;border-left-width:2px}.guild-log-line.start,.guild-log-line.complete,.guild-log-line.failed{font-size:.8rem;padding:.55rem .65rem}.guild-log-line:hover{transform:none}.guild-log-line:before{display:none}.guild-terminal-output::-webkit-scrollbar{width:6px}}@media (min-width: 1920px){.combined-stats-bar{gap:2rem;padding:2.25rem 3rem}.stat-box{min-width:160px;min-height:140px;padding:1.5rem 2.25rem}.stat-box .stat-icon-img{width:44px;height:44px}.stat-box .stat-icon{font-size:2.5rem;width:44px;height:44px}.stat-box .stat-value{font-size:1.75rem}.stat-box .stat-label{font-size:.9rem;letter-spacing:2.5px}}@media (max-width: 1400px){.combined-stats-bar{gap:1rem;padding:1.5rem 1.75rem}.stat-box{min-width:120px;min-height:110px;padding:1.1rem 1.5rem}.stat-box .stat-icon-img{width:32px;height:32px}.stat-box .stat-value{font-size:1.35rem}}@media (max-width: 1200px){.combined-stats-bar{gap:.9rem;padding:1.25rem 1.5rem}.stat-box{min-width:105px;min-height:100px;padding:1rem 1.25rem;border-width:2px}.stat-box .stat-icon-img{width:28px;height:28px}.stat-box .stat-icon{font-size:1.75rem;width:28px;height:28px}.stat-box .stat-value{font-size:1.25rem}.stat-box .stat-label{font-size:.75rem;letter-spacing:1.5px}}@media (max-width: 1024px){.combined-stats-bar{gap:.75rem;padding:1.1rem 1.25rem;flex-wrap:wrap}.stat-box{min-width:95px;min-height:90px;padding:.9rem 1.1rem;border-radius:10px}.stat-box .stat-icon-img{width:26px;height:26px}.stat-box .stat-icon{font-size:1.5rem;width:26px;height:26px}.stat-box .stat-value{font-size:1.15rem}.stat-box .stat-label{font-size:.7rem;letter-spacing:1.2px}.stat-box:hover{transform:translateY(-4px) scale(1.05)}}@media (max-width: 900px){.combined-stats-bar{gap:.6rem;padding:1rem}.stat-box{min-width:85px;min-height:85px;padding:.8rem 1rem;flex:1 1 calc(50% - .6rem);max-width:calc(50% - .3rem)}.stat-box .stat-icon-img{width:24px;height:24px}.stat-box .stat-value{font-size:1.1rem}}@media (max-width: 768px){.combined-stats-bar{gap:.5rem;padding:.85rem;border-width:2px;border-radius:10px}.stat-box{min-width:75px;min-height:75px;padding:.7rem .85rem;flex:1 1 calc(50% - .5rem);max-width:calc(50% - .25rem);border-radius:8px}.stat-box .stat-icon-img{width:22px;height:22px}.stat-box .stat-icon{font-size:1.35rem;width:22px;height:22px}.stat-box .stat-value{font-size:1rem;letter-spacing:0}.stat-box .stat-label{font-size:.65rem;letter-spacing:1px}.stat-box:hover{transform:none}.stat-box:after{display:none}}@media (max-width: 600px){.combined-stats-bar{gap:.4rem;padding:.7rem}.stat-box{min-width:65px;min-height:70px;padding:.6rem .75rem;gap:.4rem}.stat-box .stat-icon-img{width:20px;height:20px}.stat-box .stat-icon{font-size:1.2rem;width:20px;height:20px}.stat-box .stat-value{font-size:.9rem}.stat-box .stat-label{font-size:.6rem;letter-spacing:.8px}}@media (max-width: 480px){.combined-stats-bar{gap:.35rem;padding:.6rem;border-radius:8px}.stat-box{min-width:55px;min-height:60px;padding:.5rem .6rem;gap:.3rem;border-radius:6px;border-width:1.5px}.stat-box .stat-icon-img{width:18px;height:18px}.stat-box .stat-icon{font-size:1rem;width:18px;height:18px}.stat-box .stat-value{font-size:.8rem}.stat-box .stat-label{font-size:.55rem;letter-spacing:.5px}.combined-stats-bar:after{display:none}}@media (max-width: 360px){.bank-transactions{padding:.5rem}.bank-transactions h4{font-size:.9rem;margin-bottom:.75rem}.transactions-list{gap:.4rem;max-height:250px}.transaction-item{padding:.4rem;gap:.3rem;min-height:45px;flex-direction:row;align-items:center;width:100%;box-sizing:border-box}.tx-icon{min-width:24px;max-width:24px;flex-shrink:0}.tx-icon-img{width:24px;height:24px}.tx-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:.05rem;overflow:hidden}.tx-info-row{flex-wrap:wrap;gap:.2rem}.tx-rewards-inline{flex-wrap:wrap;gap:.15rem}.tx-reward-badge{font-size:.5rem;padding:.05rem .2rem}.tx-user{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-reason{font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-time,.tx-source{font-size:.5rem}.tx-amount-container{min-width:45px;max-width:55px;align-items:flex-end;flex-shrink:0;gap:.05rem}.tx-amount{font-size:.7rem;white-space:nowrap}.tx-balance{font-size:.5rem;white-space:nowrap}.guild-panel-nav button{font-size:.6rem;padding:.4rem .3rem}.guild-mission-card{padding:8px;border-radius:8px}.mission-card-header{gap:4px;margin-bottom:4px}.mission-card-header h5{font-size:10px}.mission-biome-badge{font-size:7px;padding:1px 4px}.mission-card-description{font-size:9px;margin-bottom:4px;padding-left:4px;line-height:1.2;-webkit-line-clamp:2;line-clamp:2}.guild-mission-stats{grid-template-columns:1fr 1fr;padding:4px;gap:3px;margin-bottom:6px}.guild-stat-row{font-size:7px;padding:2px 3px}.guild-stat-label,.guild-stat-value{font-size:8px;text-align:center;width:100%}.checkpoint-stages{font-size:7px;padding:2px 4px;text-align:center;margin:0 auto}.guild-loot-header{font-size:9px;margin-bottom:5px}.guild-loot-grid{grid-template-columns:repeat(3,1fr);gap:3px;padding:5px;max-height:80px}.guild-loot-item{padding:3px}.guild-loot-item-image{width:20px;height:20px}.guild-loot-item-name{font-size:5px}.guild-start-mission-button{padding:6px;font-size:9px;border-width:1px;border-radius:6px}.guild-start-mission-button:before{display:none}.guild-leader-only-button{padding:6px;font-size:9px;border-width:1px;border-radius:6px;gap:6px}.guild-leader-only-button .guild-leader-only-icon{font-size:12px}.guild-terminal-output{max-height:220px;min-height:200px;padding:.5rem}.guild-log-line{font-size:.65rem;padding:.35rem .45rem}.combined-stats-bar{gap:.25rem;padding:.5rem}.stat-box{min-width:48px;min-height:55px;padding:.4rem .5rem;gap:.25rem}.stat-box .stat-icon-img{width:16px;height:16px}.stat-box .stat-icon{font-size:.9rem;width:16px;height:16px}.stat-box .stat-value{font-size:.7rem}.stat-box .stat-label{font-size:.5rem;letter-spacing:0}}@media (max-width: 768px){.guild-mission-tabs{flex-direction:column;gap:8px}.available-pets-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.deposited-pets-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.pet-card-image{height:80px}.deposited-pet-image-container{height:100px}.deposit-pet-button-premium{font-size:.95rem;padding:.85rem 1.25rem}.deposit-button-icon{width:45px;height:45px}}@media (max-width: 480px){.available-pets-grid,.deposited-pets-grid{grid-template-columns:1fr}.petbank-header h3{font-size:1.4rem}.deposit-pet-button-premium{font-size:.9rem;padding:.75rem 1rem}.deposit-button-icon{width:40px;height:40px}.lock-icon-overlay{width:45px;height:45px}}.section-icon{width:55px;height:55px;margin-right:10px;vertical-align:middle;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.inline-icon{width:28px;height:28px;margin-right:8px;vertical-align:middle;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.leader-icon{width:32px;height:32px;margin-right:8px;vertical-align:middle;filter:drop-shadow(0 3px 8px rgba(255,215,0,1));animation:crownGlow 2s ease infinite}.reward-icon-small{width:24px;height:24px;margin-right:6px;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.chat-header-icon{width:50px;height:50px;margin-right:12px;vertical-align:middle;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.guild-chat-panel h3{display:flex;align-items:center}@media (max-width: 768px){.guild-nav-icon,.mission-tab-icon,.panel-title-icon{width:40px;height:40px}.inline-icon{width:24px;height:24px}.leader-icon,.inline-coin-icon{width:28px;height:28px}.reward-icon-small{width:20px;height:20px}.chat-header-icon,.subsection-icon{width:40px;height:40px}}@media (max-width: 480px){.guild-nav-icon,.mission-tab-icon,.panel-title-icon,.subsection-icon{width:36px;height:36px}}.guild-nav-icon{width:50px;height:50px;margin-right:10px;vertical-align:middle;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));transition:transform .2s ease}.guild-panel-nav button:hover .guild-nav-icon{transform:scale(1.08)}.guild-panel-nav button.active .guild-nav-icon{filter:drop-shadow(0 4px 8px rgba(255,215,0,.9))}.guild-panel-nav button{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.guild-nav-icon{width:20px;height:20px;margin-right:6px}}.inline-coin-icon{width:32px;height:32px;margin-right:8px;vertical-align:middle;filter:drop-shadow(0 3px 6px rgba(255,215,0,.7));animation:coinShine 3s ease infinite}@keyframes coinShine{0%,to{filter:drop-shadow(0 2px 4px rgba(255,215,0,.6))}50%{filter:drop-shadow(0 3px 8px rgba(255,215,0,.9))}}.panel-title-icon{width:65px;height:65px;margin-right:12px;vertical-align:middle;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.guild-members-panel h3,.guild-quests-panel h3,.guild-missions-panel h3,.guild-bank-panel h3{display:flex;align-items:center}.highlight-icon{width:20px;height:20px;margin-right:6px;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(218,165,32,.6))}.info-highlight{display:flex;align-items:center}.claim-icon{width:22px;height:22px;margin-right:8px;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.button-icon{width:20px;height:20px;margin-right:8px;vertical-align:middle;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.guild-page .stat-icon-img:not(.stat-box .stat-icon-img){width:22px;height:22px;display:inline-block;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}@media (max-width: 768px){.section-icon{width:45px;height:45px;margin-right:8px}.inline-coin-icon{width:28px;height:28px}.panel-title-icon{width:50px;height:50px;margin-right:8px}.stat-icon-tiny{width:14px;height:14px}.guild-page .highlight-icon,.guild-page .button-icon,.guild-page .stat-icon-img{width:18px;height:18px}.claim-icon{width:20px;height:20px}}@media (max-width: 480px){.section-icon{width:40px;height:40px}.panel-title-icon{width:45px;height:45px}.tx-icon-img{width:40px;height:40px}.checkmark-icon{width:20px;height:20px}}.modal-header-icon{width:70px;height:70px;margin-right:14px;vertical-align:middle;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7))}.browse-modal-header h2{display:flex;align-items:center}.panel-subtitle-icon{width:50px;height:50px;margin-right:10px;vertical-align:middle;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.guild-members-panel h3{display:flex;align-items:center}.subsection-icon{width:50px;height:50px;margin-right:10px;vertical-align:middle;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.quest-rewards-section h4,.mission-status-section h4{display:flex;align-items:center}.badge-icon{width:18px;height:18px;margin-right:6px;vertical-align:middle;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.quest-complete-badge{display:flex;align-items:center}.status-icon{width:18px;height:18px;margin-right:6px;vertical-align:middle;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.withdraw-ready{display:flex;align-items:center}.mission-tab-icon{width:50px;height:50px;margin-right:10px;vertical-align:middle;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));transition:transform .2s ease}.guild-mission-tabs button{display:flex;align-items:center;justify-content:center}.guild-mission-tabs button:hover .mission-tab-icon{transform:scale(1.08)}.guild-mission-tabs button.active .mission-tab-icon{filter:drop-shadow(0 4px 8px rgba(218,165,32,.9))}@media (max-width: 768px){.mission-tab-icon{width:20px;height:20px}}.leaderboard-page{width:100%;max-width:1400px;margin:0 auto;padding:20px;font-family:"Press Start 2P",Courier New,monospace}.leaderboard-header{background:linear-gradient(135deg,#8b4513,#654321);border:4px solid #5d3a1a;border-radius:12px;padding:30px;text-align:center;margin-bottom:30px;box-shadow:0 8px 16px #0000004d;position:relative}.leaderboard-title-row{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px}.leaderboard-title-image{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));will-change:transform,filter;transform-origin:center bottom;transition:filter .3s ease}.leaderboard-title-image.crown-roll-animation{animation:crownSilkyRoll 2.2s ease-out forwards,crownWarmGlow 2.2s ease-in-out forwards}@keyframes crownSilkyRoll{0%{transform:translateY(0) rotate(0) scale(1)}12%{transform:translateY(-18px) rotate(-12deg) scale(1.08)}20%{transform:translateY(-20px) rotate(-8deg) scale(1.06)}32%{transform:translateY(-5px) rotate(10deg) scale(1.02)}44%{transform:translateY(-2px) rotate(-7deg) scale(1.01)}56%{transform:translateY(-1px) rotate(4deg) scale(1.005)}70%{transform:translateY(0) rotate(-2.5deg) scale(1.002)}82%{transform:translateY(0) rotate(1.2deg) scale(1)}92%{transform:translateY(0) rotate(-.5deg) scale(1)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes crownWarmGlow{0%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}15%{filter:drop-shadow(0 0 15px rgba(255,215,0,.7)) drop-shadow(0 0 30px rgba(255,180,0,.4)) drop-shadow(0 6px 12px rgba(0,0,0,.35))}25%{filter:drop-shadow(0 0 25px rgba(255,215,0,.85)) drop-shadow(0 0 45px rgba(255,180,0,.5)) drop-shadow(0 8px 16px rgba(0,0,0,.4))}50%{filter:drop-shadow(0 0 12px rgba(255,215,0,.5)) drop-shadow(0 0 25px rgba(255,180,0,.25)) drop-shadow(0 5px 10px rgba(0,0,0,.32))}75%{filter:drop-shadow(0 0 8px rgba(255,215,0,.3)) drop-shadow(0 4px 8px rgba(0,0,0,.3))}to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}}@media (prefers-reduced-motion: reduce){.leaderboard-title-image.crown-roll-animation{animation:none}}.leaderboard-header h1{font-size:2.5rem;color:gold;text-shadow:3px 3px 6px rgba(0,0,0,.5);margin:0;letter-spacing:2px}.leaderboard-header p{font-size:1rem;color:#f4e4c1;margin:10px 0 0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.leaderboard-type-tabs{display:flex;gap:15px;margin-bottom:25px;justify-content:center;flex-wrap:wrap;padding:0 10px}.guild-type-tabs{margin-bottom:15px!important}.guild-type-tabs .leaderboard-tab{font-size:.8rem;padding:12px 20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px}.guild-tab-icon{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));transition:transform .3s ease}.guild-type-tabs .leaderboard-tab:hover .guild-tab-icon{transform:scale(1.1);filter:drop-shadow(0 4px 10px rgba(255,204,0,.6))}.guild-leaderboard-title{display:flex;align-items:center;justify-content:center;gap:12px}.leaderboard-header-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6));animation:iconGlow 3s ease-in-out infinite}@keyframes iconGlow{0%,to{filter:drop-shadow(0 3px 8px rgba(0,0,0,.6))}50%{filter:drop-shadow(0 3px 8px rgba(255,204,0,.5))}}.guild-type-tabs .leaderboard-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.2) 50%,transparent 100%);transition:left .6s ease}.guild-type-tabs .leaderboard-tab:hover:before{left:100%}.period-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:20px!important}.period-tabs .leaderboard-tab{font-size:14px;padding:10px 20px;background:linear-gradient(135deg,#3c3c3ccc,#282828e6);border-width:2px}.period-tabs .leaderboard-tab.active{background:linear-gradient(135deg,#ff8c00,orange,#ffb733);border-color:gold;box-shadow:0 4px 12px #ff8c0080,0 0 20px #ff8c004d}.type-tab{background:linear-gradient(135deg,#8b4513,#654321);color:gold;border:4px solid #5d3a1a;border-radius:10px;padding:15px 30px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.5);box-shadow:0 6px 12px #0000004d;min-width:200px;display:flex;align-items:center;justify-content:center;gap:10px;will-change:transform}.type-tab:hover{background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-3px);box-shadow:0 8px 16px #0006}.type-tab.active{background:linear-gradient(135deg,gold,#ff8c00);color:#000;border-color:#ff8c00;transform:translateY(-3px);box-shadow:0 0 20px #ffd70099,0 8px 16px #0006}.type-tab-icon{width:28px;height:28px;object-fit:contain;vertical-align:middle;margin-right:8px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.type-tab.rewards-tab{background:linear-gradient(135deg,#2d1f10,#1a1208);border-color:#8b6914;position:relative;overflow:hidden}.type-tab.rewards-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);animation:rewards-shimmer 3s ease-in-out infinite}@keyframes rewards-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.type-tab.rewards-tab:hover{background:linear-gradient(135deg,#3d2f18,#2a2010);border-color:gold;box-shadow:0 0 20px #ffd7004d,0 8px 16px #0006}.type-tab.rewards-tab .type-tab-icon{filter:drop-shadow(0 0 6px rgba(255,215,0,.5))}.type-tab.profile-tab{background:linear-gradient(135deg,#1a1028,#0d081a);border-color:#6b5b95;position:relative;overflow:hidden}.type-tab.profile-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(138,43,226,.2),transparent);animation:profile-shimmer 3s ease-in-out infinite;animation-delay:1.5s}@keyframes profile-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.type-tab.profile-tab:hover{background:linear-gradient(135deg,#2a1a3a,#1a0a28);border-color:#9370db;box-shadow:0 0 20px #8a2be266,0 8px 16px #0006}.type-tab.profile-tab .type-tab-icon{filter:drop-shadow(0 0 6px rgba(138,43,226,.6))}.leaderboard-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.leaderboard-tab{background:linear-gradient(135deg,#555,#333);color:#fff;border:3px solid #222;border-radius:8px;padding:12px 20px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #0003}.leaderboard-tab .tab-icon{width:24px;height:24px;object-fit:contain}.leaderboard-tab:hover{background:linear-gradient(135deg,#666,#444);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.leaderboard-tab.active{background:linear-gradient(135deg,#ff8c00,#cc7000);border-color:#994d00;transform:translateY(-2px);box-shadow:0 6px 12px #ff8c0066}.leaderboard-content{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:4px solid #000;border-radius:12px;padding:30px;min-height:400px;box-shadow:0 8px 16px #00000080}.leaderboard-info{text-align:center;margin-bottom:30px}.leaderboard-period-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0;width:100%}.leaderboard-period-title-row h2{flex:1;text-align:center;margin:0}.period-indicator{font-size:1rem;color:#8c8;margin-left:.5rem;font-weight:400}.leaderboard-period-spacer{width:260px;flex-shrink:0}.leaderboard-period-tabs{display:flex;gap:0;background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border-radius:8px;border:2px solid #1a1a1a;padding:3px;box-shadow:0 4px 12px #00000080;flex-shrink:0}.period-tab{position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;min-width:80px;font-family:Impact,Arial Black,sans-serif;font-weight:400;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:#b0b0b0;background:transparent;border:none;border-radius:5px;cursor:pointer;transition:all .25s ease;text-shadow:0 2px 4px rgba(0,0,0,.8)}.period-tab:hover{color:gold;background:linear-gradient(180deg,#4a4a4a,#3a3a3a)}.period-tab.active{color:gold;background:linear-gradient(180deg,#4a4a4a,#333);box-shadow:inset 0 2px 4px #0006}.leaderboard-info h2{font-size:1.8rem;color:gold;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.leaderboard-info p{font-size:.9rem;color:#ccc;margin-bottom:15px}.leaderboard-meta{display:flex;justify-content:center;gap:15px;font-size:.7rem;color:#c9a227;font-weight:700;flex-wrap:wrap}.leaderboard-list{max-height:600px;overflow-y:auto;border:2px solid #444;border-radius:8px;background:#1a1a1a}.leaderboard-row{display:grid;grid-template-columns:80px 1fr 180px 150px;gap:15px;padding:15px 20px;align-items:center;border-bottom:2px solid #333;transition:background .2s ease}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover:not(.leaderboard-header-row){transform:translate(4px);box-shadow:0 4px 12px #0006}.leaderboard-header-row{background:linear-gradient(135deg,#444,#333);font-size:.7rem;color:gold;text-transform:uppercase;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:3px solid #ffd700}.leaderboard-row.current-user{background:linear-gradient(135deg,#ff8c0033,#cc700033);border:2px solid #ff8c00;border-radius:4px;margin:2px 0}.leaderboard-row.rank-1{background:linear-gradient(135deg,#ffd70026,#daa52026)}.leaderboard-row.rank-2{background:linear-gradient(135deg,#c0c0c026,#a9a9a926)}.leaderboard-row.rank-3{background:linear-gradient(135deg,#cd7f3226,#b8733326)}.leaderboard-rank{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:gold}.medal-icon{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.medal-icon.gold{filter:drop-shadow(0 4px 12px rgba(255,215,0,.6))}.medal-icon.silver{filter:drop-shadow(0 4px 12px rgba(192,192,192,.6))}.medal-icon.bronze{filter:drop-shadow(0 4px 12px rgba(205,127,50,.6))}.leaderboard-rank .rank-number{color:#aaa}.leaderboard-username{font-size:.9rem;color:#fff;font-weight:700;display:flex;align-items:center;gap:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-username-text{color:#fff;font-size:inherit;font-weight:inherit}.you-badge{background:linear-gradient(135deg,#ff8c00,#cc7000);color:#fff;padding:3px 8px;border-radius:4px;font-size:.6rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.leaderboard-id{font-size:.7rem;color:#888;display:flex;align-items:center;gap:8px;font-family:Courier New,monospace}.uuid-short{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-copy-id{background:linear-gradient(135deg,#555,#333);color:#fff;border:2px solid #222;border-radius:4px;padding:4px 8px;font-size:.8rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-copy-id:hover{background:linear-gradient(135deg,#666,#444);transform:scale(1.1)}.btn-copy-id:active{transform:scale(.95)}.leaderboard-score{font-size:1rem;color:gold;font-weight:700;text-align:right;text-shadow:1px 1px 2px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:4px;align-items:flex-end}.score-level{font-size:.7rem;color:#a8d5ff;font-weight:400;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.score-value{font-size:1rem;color:gold}.leaderboard-loading,.leaderboard-error,.leaderboard-empty{text-align:center;padding:60px 20px;color:#aaa;font-size:1rem}.leaderboard-error{color:#ff6b6b}.error-hint{margin-top:15px;font-size:.85rem;color:#999}@media (max-width: 1024px){.leaderboard-page{padding:15px}.leaderboard-header{padding:25px}.leaderboard-header h1{font-size:2.2rem}.leaderboard-type-tabs{gap:12px}.type-tab{padding:14px 24px;font-size:.95rem;min-width:180px}.type-tab-icon{width:26px;height:26px}.leaderboard-tabs{gap:8px}.leaderboard-tab{padding:10px 16px;font-size:.75rem}.leaderboard-content{padding:25px}.leaderboard-row{grid-template-columns:70px 1fr 160px 140px;gap:12px;padding:14px 18px}}@media (max-width: 768px){.leaderboard-page{padding:15px}.leaderboard-header{padding:20px}.leaderboard-header h1{font-size:1.8rem}.leaderboard-header p{font-size:.9rem}.leaderboard-type-tabs{gap:10px}.type-tab{padding:12px 18px;font-size:.85rem;min-width:150px;border-width:3px}.type-tab-icon{width:24px;height:24px}.leaderboard-tabs{gap:6px}.leaderboard-tab{padding:10px 15px;font-size:.7rem}.leaderboard-tab .tab-icon{width:20px;height:20px}.leaderboard-content{padding:20px}.leaderboard-info h2{font-size:1.5rem}.leaderboard-info p{font-size:.85rem}.leaderboard-meta{font-size:.65rem;gap:10px}.leaderboard-row{grid-template-columns:60px 1fr 120px 100px;gap:10px;padding:12px 15px;font-size:.8rem}.medal-icon{width:45px;height:45px}.leaderboard-username{font-size:.8rem}.you-badge{font-size:.55rem;padding:2px 6px}.leaderboard-id{font-size:.6rem}.btn-copy-id{padding:3px 6px;font-size:.7rem}.leaderboard-score{font-size:.9rem}.leaderboard-period-title-row{flex-direction:column;gap:.8rem}.leaderboard-period-spacer{display:none}.period-indicator{font-size:.85rem}.period-tab{padding:.4rem .8rem;min-width:70px;font-size:.7rem}}@media (max-width: 600px){.leaderboard-page{padding:12px}.leaderboard-header{padding:18px}.leaderboard-header h1{font-size:1.6rem}.leaderboard-title-image{width:48px;height:48px}.leaderboard-type-tabs{flex-direction:column;gap:8px;padding:0 5px}.type-tab{padding:12px 16px;font-size:.8rem;min-width:unset;width:100%;border-width:3px}.type-tab-icon{width:22px;height:22px}.leaderboard-tabs{gap:5px}.leaderboard-tab{padding:8px 12px;font-size:.65rem}.leaderboard-content{padding:18px}.leaderboard-info h2{font-size:1.3rem}.leaderboard-info p{font-size:.8rem}.leaderboard-meta{font-size:.6rem;gap:8px}.leaderboard-row{grid-template-columns:55px 1fr 110px 90px;gap:8px;padding:10px 12px}.medal-icon{width:40px;height:40px}.leaderboard-username{font-size:.75rem}.leaderboard-id{font-size:.55rem}.leaderboard-score{font-size:.85rem}}@media (max-width: 480px){.leaderboard-page{padding:10px}.leaderboard-header{padding:15px}.leaderboard-header h1{font-size:1.4rem;letter-spacing:1px}.leaderboard-header p{font-size:.75rem}.leaderboard-title-row{gap:12px}.leaderboard-title-image{width:40px;height:40px}.leaderboard-type-tabs{flex-direction:column;gap:6px;padding:0;margin-bottom:20px}.type-tab{padding:10px 14px;font-size:.75rem;min-width:unset;width:100%;border-width:3px;border-radius:8px}.type-tab-icon{width:20px;height:20px}.leaderboard-tabs{gap:4px}.leaderboard-tab{padding:8px 10px;font-size:.6rem;gap:4px}.leaderboard-tab .tab-icon{width:16px;height:16px}.leaderboard-content{padding:15px}.leaderboard-info{margin-bottom:20px}.leaderboard-info h2{font-size:1.2rem}.leaderboard-info p{font-size:.75rem}.leaderboard-meta{font-size:.55rem;gap:6px}.period-indicator{font-size:.75rem;display:block;margin-left:0;margin-top:.3rem}.leaderboard-period-tabs{padding:2px}.period-tab{padding:.35rem .6rem;min-width:60px;font-size:.6rem;letter-spacing:.5px}.leaderboard-row{grid-template-columns:50px 1fr 80px;gap:8px;padding:10px}.leaderboard-id,.leaderboard-header-row .leaderboard-id{display:none}.medal-icon{width:35px;height:35px}.leaderboard-rank .rank-number{font-size:.8rem}.leaderboard-username{font-size:.7rem}.you-badge{font-size:.5rem;padding:2px 5px}.leaderboard-score{font-size:.8rem}.leaderboard-loading,.leaderboard-error,.leaderboard-empty{padding:40px 15px;font-size:.85rem}}@media (max-width: 360px){.leaderboard-page{padding:8px}.leaderboard-header{padding:12px}.leaderboard-header h1{font-size:1.2rem;letter-spacing:.5px}.leaderboard-header p{font-size:.7rem}.leaderboard-title-row{gap:10px}.leaderboard-title-image{width:32px;height:32px}.leaderboard-type-tabs{gap:5px;margin-bottom:16px}.type-tab{padding:8px 12px;font-size:.7rem;border-width:2px;border-radius:6px}.type-tab-icon{width:18px;height:18px}.leaderboard-tabs{gap:3px}.leaderboard-tab{padding:6px 8px;font-size:.55rem;gap:3px}.leaderboard-tab .tab-icon{width:14px;height:14px}.leaderboard-content{padding:12px}.leaderboard-info h2{font-size:1.1rem}.leaderboard-info p{font-size:.7rem}.leaderboard-meta{font-size:.5rem;gap:5px;flex-direction:column}.leaderboard-row{grid-template-columns:45px 1fr 70px;gap:6px;padding:8px}.leaderboard-rank .medal{font-size:1rem}.leaderboard-rank .rank-number{font-size:.7rem}.leaderboard-username{font-size:.65rem}.you-badge{font-size:.45rem;padding:1px 4px}.leaderboard-score{font-size:.75rem}.leaderboard-loading,.leaderboard-error,.leaderboard-empty{padding:30px 10px;font-size:.8rem}.error-hint{font-size:.7rem}}.leaderboard-list::-webkit-scrollbar{width:12px}.leaderboard-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:8px}.leaderboard-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#555,#333);border-radius:8px;border:2px solid #1a1a1a}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#666,#444)}.clickable-guild-row{cursor:pointer;will-change:transform,box-shadow,border-color;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.clickable-guild-row:hover{border-color:gold;transform:translate(5px);box-shadow:0 0 18px #ffd70059}.clickable-player-row{cursor:pointer}.guild-detail-modal-overlay{position:fixed;inset:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:1000;animation:guildModalOverlayFadeIn .25s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:20px;box-sizing:border-box}@keyframes guildModalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.guild-detail-modal{background:linear-gradient(180deg,#8b5a2bf2,#5d3a1af7 25%,#2d1c0cfa 60%,#0f0a05fc);border:3px solid #a0522d;border-radius:16px;padding:28px 32px 32px;max-width:580px;width:calc(100% - 40px);max-height:calc(100vh - 40px);overflow-y:auto;position:relative;box-shadow:0 0 40px #8b45134d,0 20px 50px #000c,inset 0 1px #ffc86426,inset 0 -1px #00000080;animation:guildModalSlideIn .35s cubic-bezier(.34,1.56,.64,1);will-change:transform;transform:translateZ(0)}@keyframes guildModalSlideIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.guild-detail-modal .modal-close-button{position:absolute;top:12px;right:12px;z-index:10;background:linear-gradient(135deg,#b43232e6,#781e1ef2);border:2px solid rgba(255,100,100,.6);border-radius:50%;width:44px;height:44px;min-width:44px;min-height:44px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006,inset 0 1px #ff96964d;will-change:transform,background,box-shadow;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.guild-detail-modal .modal-close-button:hover{background:linear-gradient(135deg,#dc3c3cf2,#a02828);border-color:#ff8282cc;transform:rotate(90deg) scale(1.08);box-shadow:0 6px 20px #dc3c3c80,inset 0 1px #ffb4b466}.guild-detail-modal .modal-close-button:active{transform:rotate(90deg) scale(.95)}.guild-detail-modal .modal-header{text-align:center;margin-bottom:24px;padding-bottom:20px;padding-right:50px;border-bottom:2px solid rgba(160,82,45,.5);box-shadow:0 2px #ffd7001a}.guild-detail-modal .modal-header h2{color:gold;font-size:1.75rem;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;gap:14px;word-break:break-word;line-height:1.3}.guild-detail-modal .modal-header .guild-title-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));flex-shrink:0}.guild-detail-modal .modal-guild-level{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd70026,#b8860b33);border:2px solid rgba(255,215,0,.7);padding:10px 20px;border-radius:8px;color:gold;font-weight:700;font-size:.95rem;box-shadow:inset 0 1px #ffffc833,0 2px 8px #0000004d;text-shadow:0 1px 3px rgba(0,0,0,.6);letter-spacing:.5px}.guild-detail-modal .modal-info-box{background:linear-gradient(180deg,#00000080,#140c0599);border:2px solid rgba(139,69,19,.6);border-radius:10px;padding:16px 18px;margin-bottom:20px;box-shadow:inset 0 2px 6px #0006,0 1px #ffc8641a}.guild-detail-modal .modal-info-box h3{color:#f0c040;font-size:1rem;margin:0 0 10px;text-shadow:0 1px 3px rgba(0,0,0,.7);letter-spacing:.5px}.guild-detail-modal .modal-info-box p{color:#ffffffe6;margin:0;line-height:1.7;font-style:italic;font-size:.92rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.guild-detail-modal .modal-stats{display:flex;flex-direction:column;gap:0;margin-bottom:24px;background:linear-gradient(180deg,#00000073,#0f08028c);border:2px solid rgba(139,69,19,.55);border-radius:10px;padding:6px 0;box-shadow:inset 0 2px 6px #00000059,0 1px #ffc86414;overflow:hidden}.guild-detail-modal .modal-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid rgba(139,69,19,.25);transition:background .2s ease}.guild-detail-modal .modal-stat-item:last-child{border-bottom:none}.guild-detail-modal .modal-stat-item:hover{background:#8b45131a}.guild-detail-modal .modal-stat-label{color:#c8c8c8e6;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.guild-detail-modal .modal-stat-value{color:gold;font-weight:700;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}.guild-detail-modal .modal-members{margin-bottom:8px}.guild-detail-modal .modal-members h3{color:#f0c040;font-size:1.1rem;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid rgba(160,82,45,.4);text-shadow:0 1px 3px rgba(0,0,0,.7);letter-spacing:.5px}.guild-detail-modal .modal-members-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px;scroll-behavior:smooth}.guild-detail-modal .modal-member-item{background:linear-gradient(135deg,#28190ab3,#190f05cc);border:2px solid rgba(139,69,19,.5);border-radius:8px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;will-change:transform,box-shadow,border-color;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1)}.guild-detail-modal .modal-member-item:hover{transform:translateY(-2px) translate(3px);border-color:#ffc86480;box-shadow:0 4px 12px #8b451366;background:linear-gradient(135deg,#3c2814cc,#23160ad9)}.guild-detail-modal .modal-member-name{color:#fff;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:10px;text-shadow:0 1px 3px rgba(0,0,0,.6);min-width:0;flex-shrink:1}.guild-detail-modal .modal-leader-badge{background:linear-gradient(135deg,#ffd70040,#b8860b4d);border:1px solid rgba(255,215,0,.6);padding:4px 8px;border-radius:5px;font-size:.85rem;color:gold;box-shadow:inset 0 1px #ffffc833;flex-shrink:0}.guild-detail-modal .modal-member-level{color:#c8c8c8d9;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;flex-shrink:0}.guild-detail-modal .modal-loading,.guild-detail-modal .modal-error,.guild-detail-modal .modal-no-members{text-align:center;padding:32px 20px;color:#c8c8c8cc;font-style:italic;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.guild-detail-modal .modal-error{color:#ff6b6b}.guild-detail-modal .modal-members-list::-webkit-scrollbar,.guild-detail-modal::-webkit-scrollbar{width:10px}.guild-detail-modal .modal-members-list::-webkit-scrollbar-track,.guild-detail-modal::-webkit-scrollbar-track{background:#0006;border-radius:5px}.guild-detail-modal .modal-members-list::-webkit-scrollbar-thumb,.guild-detail-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a0522dcc,#783c1ee6);border-radius:5px;border:2px solid rgba(0,0,0,.3)}.guild-detail-modal .modal-members-list::-webkit-scrollbar-thumb:hover,.guild-detail-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b46437f2,#8c4b28)}@media (max-width: 320px){.guild-detail-modal-overlay{padding:8px}.guild-detail-modal{padding:16px 12px 20px;width:calc(100% - 16px);max-height:calc(100vh - 16px);border-radius:12px;border-width:2px}.guild-detail-modal .modal-close-button{top:8px;right:8px;width:44px;height:44px}.guild-detail-modal .modal-header{padding-right:44px;padding-bottom:14px;margin-bottom:16px}.guild-detail-modal .modal-header h2{font-size:1.1rem;gap:8px;flex-wrap:wrap;justify-content:center}.guild-detail-modal .modal-header .guild-title-icon{width:32px;height:32px}.guild-detail-modal .modal-guild-level{padding:6px 12px;font-size:.8rem;border-radius:6px}.guild-detail-modal .modal-info-box{padding:12px;margin-bottom:14px}.guild-detail-modal .modal-info-box h3{font-size:.85rem}.guild-detail-modal .modal-info-box p{font-size:.82rem;line-height:1.5}.guild-detail-modal .modal-stats{margin-bottom:16px}.guild-detail-modal .modal-stat-item{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:4px}.guild-detail-modal .modal-stat-label{font-size:.8rem}.guild-detail-modal .modal-stat-value{font-size:.85rem}.guild-detail-modal .modal-members h3{font-size:.95rem;margin-bottom:10px}.guild-detail-modal .modal-members-list{max-height:180px;gap:6px}.guild-detail-modal .modal-member-item{padding:10px;flex-direction:column;align-items:flex-start;gap:6px}.guild-detail-modal .modal-member-name{font-size:.85rem}.guild-detail-modal .modal-leader-badge{font-size:.75rem;padding:3px 6px}.guild-detail-modal .modal-member-level{font-size:.78rem}}@media (min-width: 321px) and (max-width: 480px){.guild-detail-modal-overlay{padding:12px}.guild-detail-modal{padding:18px 14px 22px;width:calc(100% - 24px);max-height:calc(100vh - 24px);border-radius:14px}.guild-detail-modal .modal-close-button{top:10px;right:10px;width:44px;height:44px}.guild-detail-modal .modal-header{padding-right:48px;padding-bottom:16px;margin-bottom:18px}.guild-detail-modal .modal-header h2{font-size:1.25rem;gap:10px}.guild-detail-modal .modal-header .guild-title-icon{width:36px;height:36px}.guild-detail-modal .modal-guild-level{padding:8px 14px;font-size:.85rem}.guild-detail-modal .modal-info-box{padding:14px;margin-bottom:16px}.guild-detail-modal .modal-info-box h3{font-size:.9rem}.guild-detail-modal .modal-info-box p{font-size:.85rem}.guild-detail-modal .modal-stat-item{padding:10px 14px;flex-direction:column;align-items:flex-start;gap:4px}.guild-detail-modal .modal-stat-label{font-size:.82rem}.guild-detail-modal .modal-stat-value{font-size:.88rem}.guild-detail-modal .modal-members h3{font-size:1rem}.guild-detail-modal .modal-members-list{max-height:200px}.guild-detail-modal .modal-member-item{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:6px}.guild-detail-modal .modal-member-name{font-size:.88rem}.guild-detail-modal .modal-member-level{font-size:.8rem}}@media (min-width: 481px) and (max-width: 768px){.guild-detail-modal-overlay{padding:16px}.guild-detail-modal{padding:22px 20px 26px;max-width:520px;width:calc(100% - 32px);max-height:calc(100vh - 32px)}.guild-detail-modal .modal-close-button{top:12px;right:12px}.guild-detail-modal .modal-header{padding-right:50px}.guild-detail-modal .modal-header h2{font-size:1.5rem;gap:12px}.guild-detail-modal .modal-header .guild-title-icon{width:42px;height:42px}.guild-detail-modal .modal-guild-level{padding:9px 16px;font-size:.9rem}.guild-detail-modal .modal-stat-item{flex-direction:row;align-items:center;gap:0}.guild-detail-modal .modal-members-list{max-height:240px}.guild-detail-modal .modal-member-item{flex-direction:row;align-items:center;gap:0}}@media (min-width: 769px) and (max-width: 1024px){.guild-detail-modal{padding:26px 28px 30px;max-width:560px}.guild-detail-modal .modal-header h2{font-size:1.65rem}.guild-detail-modal .modal-header .guild-title-icon{width:46px;height:46px}.guild-detail-modal .modal-members-list{max-height:260px}}@media (min-width: 1025px) and (max-width: 1440px){.guild-detail-modal{padding:28px 32px 32px;max-width:600px}.guild-detail-modal .modal-header h2{font-size:1.8rem}.guild-detail-modal .modal-header .guild-title-icon{width:50px;height:50px}.guild-detail-modal .modal-guild-level{padding:11px 22px;font-size:.98rem}.guild-detail-modal .modal-members-list{max-height:300px}}@media (min-width: 1441px) and (max-width: 1920px){.guild-detail-modal{padding:30px 36px 36px;max-width:660px;border-radius:18px}.guild-detail-modal .modal-close-button{top:14px;right:14px;width:46px;height:46px;font-size:1.15rem}.guild-detail-modal .modal-header{margin-bottom:28px;padding-bottom:22px}.guild-detail-modal .modal-header h2{font-size:1.9rem;gap:16px}.guild-detail-modal .modal-header .guild-title-icon{width:54px;height:54px}.guild-detail-modal .modal-guild-level{padding:12px 24px;font-size:1rem}.guild-detail-modal .modal-info-box{padding:18px 20px}.guild-detail-modal .modal-info-box h3{font-size:1.05rem}.guild-detail-modal .modal-info-box p{font-size:.95rem}.guild-detail-modal .modal-stat-item{padding:14px 20px}.guild-detail-modal .modal-stat-label{font-size:.95rem}.guild-detail-modal .modal-stat-value{font-size:1rem}.guild-detail-modal .modal-members h3{font-size:1.15rem}.guild-detail-modal .modal-members-list{max-height:340px;gap:10px}.guild-detail-modal .modal-member-item{padding:14px 16px}.guild-detail-modal .modal-member-name{font-size:1rem}.guild-detail-modal .modal-member-level{font-size:.9rem}}@media (min-width: 1921px) and (max-width: 2560px){.guild-detail-modal{padding:34px 40px 40px;max-width:720px;border-radius:20px;border-width:4px}.guild-detail-modal .modal-close-button{top:16px;right:16px;width:48px;height:48px;font-size:1.2rem}.guild-detail-modal .modal-header{margin-bottom:32px;padding-bottom:24px;padding-right:60px}.guild-detail-modal .modal-header h2{font-size:2rem;gap:18px}.guild-detail-modal .modal-header .guild-title-icon{width:58px;height:58px}.guild-detail-modal .modal-guild-level{padding:14px 28px;font-size:1.05rem;border-radius:10px}.guild-detail-modal .modal-info-box{padding:20px 24px;margin-bottom:24px;border-radius:12px}.guild-detail-modal .modal-info-box h3{font-size:1.1rem;margin-bottom:12px}.guild-detail-modal .modal-info-box p{font-size:1rem;line-height:1.8}.guild-detail-modal .modal-stats{margin-bottom:28px;border-radius:12px}.guild-detail-modal .modal-stat-item{padding:16px 22px}.guild-detail-modal .modal-stat-label{font-size:1rem}.guild-detail-modal .modal-stat-value{font-size:1.05rem}.guild-detail-modal .modal-members h3{font-size:1.2rem;margin-bottom:16px;padding-bottom:12px}.guild-detail-modal .modal-members-list{max-height:380px;gap:12px}.guild-detail-modal .modal-member-item{padding:16px 18px;border-radius:10px}.guild-detail-modal .modal-member-name{font-size:1.05rem;gap:12px}.guild-detail-modal .modal-leader-badge{padding:5px 10px;font-size:.9rem;border-radius:6px}.guild-detail-modal .modal-member-level{font-size:.95rem}}@media (min-width: 2561px){.guild-detail-modal{padding:40px 48px 48px;max-width:800px;border-radius:24px;border-width:5px}.guild-detail-modal .modal-close-button{top:18px;right:18px;width:52px;height:52px;font-size:1.3rem;border-width:3px}.guild-detail-modal .modal-header{margin-bottom:36px;padding-bottom:28px;padding-right:70px}.guild-detail-modal .modal-header h2{font-size:2.2rem;gap:20px}.guild-detail-modal .modal-header .guild-title-icon{width:64px;height:64px}.guild-detail-modal .modal-guild-level{padding:16px 32px;font-size:1.1rem;border-radius:12px;border-width:3px}.guild-detail-modal .modal-info-box{padding:24px 28px;margin-bottom:28px;border-radius:14px;border-width:3px}.guild-detail-modal .modal-info-box h3{font-size:1.2rem;margin-bottom:14px}.guild-detail-modal .modal-info-box p{font-size:1.1rem}.guild-detail-modal .modal-stats{margin-bottom:32px;border-radius:14px;border-width:3px}.guild-detail-modal .modal-stat-item{padding:18px 26px}.guild-detail-modal .modal-stat-label{font-size:1.1rem}.guild-detail-modal .modal-stat-value{font-size:1.15rem}.guild-detail-modal .modal-members h3{font-size:1.3rem;margin-bottom:18px;padding-bottom:14px}.guild-detail-modal .modal-members-list{max-height:420px;gap:14px}.guild-detail-modal .modal-member-item{padding:18px 22px;border-radius:12px;border-width:3px}.guild-detail-modal .modal-member-name{font-size:1.15rem;gap:14px}.guild-detail-modal .modal-leader-badge{padding:6px 12px;font-size:.95rem;border-radius:7px}.guild-detail-modal .modal-member-level{font-size:1.05rem}}@media (max-height: 500px) and (orientation: landscape){.guild-detail-modal-overlay{padding:8px}.guild-detail-modal{padding:14px 20px 18px;max-height:calc(100vh - 16px);max-width:90%}.guild-detail-modal .modal-header{margin-bottom:12px;padding-bottom:10px}.guild-detail-modal .modal-header h2{font-size:1.2rem;margin-bottom:10px}.guild-detail-modal .modal-guild-level{padding:6px 12px;font-size:.8rem}.guild-detail-modal .modal-info-box{padding:10px 12px;margin-bottom:10px}.guild-detail-modal .modal-stats{margin-bottom:12px}.guild-detail-modal .modal-stat-item{padding:8px 12px}.guild-detail-modal .modal-members h3{margin-bottom:8px;font-size:1rem}.guild-detail-modal .modal-members-list{max-height:120px;gap:6px}.guild-detail-modal .modal-member-item{padding:8px 10px}}@media (prefers-reduced-motion: reduce){.guild-detail-modal-overlay,.guild-detail-modal{animation:none}.guild-detail-modal .modal-close-button{transition:background .1s,border-color .1s}.guild-detail-modal .modal-close-button:hover{transform:none}.guild-detail-modal .modal-member-item{transition:background .1s,border-color .1s}.guild-detail-modal .modal-member-item:hover{transform:none}.clickable-guild-row{transition:border-color .1s,box-shadow .1s}.clickable-guild-row:hover{transform:none}}@media (min-width: 1920px){.leaderboard-type-tabs{gap:20px}.type-tab{padding:18px 40px;font-size:1.1rem;min-width:240px}.type-tab-icon{width:32px;height:32px}}.group-chat-panel{display:grid;grid-template-columns:300px 1fr;gap:20px;height:100%;max-height:700px}.group-chat-feedback{grid-column:1 / -1;padding:12px 16px;border:2px solid;border-radius:10px;font-size:13px;font-weight:700;text-align:center;animation:fadeIn .2s ease}.group-chat-feedback-error{background:#aa00002e;border-color:#ff6666b3;color:#ffb3b3}.group-chat-feedback-success{background:#00aa002e;border-color:#5cd65cb3;color:#b8ffb8}.group-chat-sidebar{display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#2a2a2af2,#1a1a1af2);border:3px solid #4a3821;border-radius:12px;padding:16px;overflow-y:auto}.create-group-btn{padding:12px 16px;background:linear-gradient(135deg,#daa520,#b8860b);border:2px solid #ffd700;border-radius:8px;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.gc-btn-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.create-group-btn:hover{background:linear-gradient(135deg,gold,#daa520);transform:translateY(-2px);box-shadow:0 6px 16px #daa52080}.group-list{display:flex;flex-direction:column;gap:12px}.no-groups{text-align:center;padding:40px 20px;color:#888}.no-groups p{margin:8px 0}.section-header{font-size:13px;font-weight:700;color:#daa520;text-transform:uppercase;letter-spacing:1px;padding-bottom:8px;border-bottom:2px solid rgba(218,165,32,.3);margin-bottom:8px}.gc-section-header{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:.8px;padding:8px 12px;background:linear-gradient(135deg,#65432199,#3e2a1ab3);border:2px solid rgba(139,69,19,.5);border-radius:6px;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.gc-section-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.group-invites-section{margin-bottom:12px}.group-invite-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#daa5201a;border:2px solid #4a3821;border-radius:8px;margin-bottom:8px;animation:slideIn .3s ease}.invite-info{flex:1}.invite-group-name{font-weight:700;color:#daa520;font-size:14px}.invite-from{font-size:12px;color:#aaa;margin-top:4px}.invite-members{font-size:11px;color:#888;margin-top:2px}.invite-actions{display:flex;gap:6px}.accept-btn,.decline-btn{width:32px;height:32px;border:2px solid;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.accept-btn{background:linear-gradient(135deg,#0a0,#080);border-color:#0f0;color:#fff}.accept-btn:hover{background:linear-gradient(135deg,#0c0,#0a0);transform:scale(1.1)}.decline-btn{background:linear-gradient(135deg,#a00,#800);border-color:red;color:#fff}.decline-btn:hover{background:linear-gradient(135deg,#c00,#a00);transform:scale(1.1)}.active-groups-section{margin-bottom:12px}.group-item{padding:12px;background:#0006;border:2px solid #4a3821;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.group-item:hover{background:#daa52026;border-color:#daa520;transform:translate(4px)}.group-item.selected{background:linear-gradient(135deg,#daa5204d,#b8860b4d);border-color:#daa520;box-shadow:0 0 12px #daa52066}.group-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.group-name{font-weight:700;color:#daa520;font-size:14px;display:flex;align-items:center;gap:6px}.admin-badge{font-size:12px}.closed-badge{font-size:12px;opacity:.6}.unread-badge{display:inline-block;min-width:20px;padding:2px 6px;background:linear-gradient(135deg,red,#c00);color:#fff;font-size:11px;font-weight:700;border-radius:10px;text-align:center;animation:pulse 1.5s ease infinite}.group-item-meta{font-size:12px;color:#888}.group-chat-window{display:flex;flex-direction:column;background:linear-gradient(135deg,#2a2a2af2,#1a1a1af2);border:3px solid #4a3821;border-radius:12px;overflow:hidden}.no-group-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#888;text-align:center;padding:40px}.chat-icon{font-size:80px;margin-bottom:20px;opacity:.3}.no-group-selected h2{color:#daa520;margin:12px 0}.no-group-selected p{color:#aaa;font-size:14px}.group-chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#4a3821cc,#2a2015cc);border-bottom:3px solid #4a3821}.group-header-left{flex:1}.group-title{margin:0;font-size:18px;color:#daa520;display:flex;align-items:center;gap:8px}.closed-tag{font-size:14px;color:#f66;opacity:.8}.group-subtitle{font-size:13px;color:#888;margin-top:4px;display:flex;gap:12px}.admin-tag{color:#daa520}.group-header-actions{display:flex;gap:8px}.header-btn{width:40px;height:40px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border:2px solid #5a4831;border-radius:8px;color:#daa520;font-size:18px;cursor:pointer;transition:all .2s ease}.header-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a4a4a,#3a3a3a);border-color:#daa520;transform:translateY(-2px);box-shadow:0 4px 8px #daa5204d}.header-btn.danger{color:#f66}.header-btn.danger:hover:not(:disabled){border-color:#f66}.header-btn:disabled{opacity:.3;cursor:not-allowed}.group-messages-container{flex:1;overflow-y:auto;padding:20px;background:#0000004d;display:flex;flex-direction:column;gap:12px}.no-messages{text-align:center;color:#666;padding:60px 20px}.no-messages p{margin:8px 0}.group-message{padding:12px 16px;background:#0006;border:2px solid #4a3821;border-radius:8px;animation:fadeIn .3s ease}.group-message.system-message{background:#daa5201a;border-color:#daa5204d;text-align:center;font-style:italic;color:#aaa;font-size:13px}.system-message-content{color:#aaa}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.message-sender{font-weight:700;color:#daa520;font-size:14px}.message-timestamp{font-size:11px;color:#666}.group-message .message-content{color:#fff;font-size:14px;line-height:1.5;word-wrap:break-word;background:none;border:none;padding:0;border-radius:0;box-shadow:none}.group-message-input{padding:16px 20px;background:#0006;border-top:3px solid #4a3821;display:flex;flex-direction:column;gap:12px}.send-message-btn{align-self:flex-end;padding:10px 24px;background:linear-gradient(135deg,#daa520,#b8860b);border:2px solid #ffd700;border-radius:8px;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.send-message-btn:hover:not(:disabled){background:linear-gradient(135deg,gold,#daa520);transform:translateY(-2px);box-shadow:0 6px 16px #daa52080}.send-message-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.group-closed-notice{padding:16px;text-align:center;color:#888;background:#00000080;border-top:3px solid #4a3821;font-style:italic}.gc-create-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:gcCreateOverlayFadeIn .2s ease-out;padding:20px;box-sizing:border-box}@keyframes gcCreateOverlayFadeIn{0%{opacity:0}to{opacity:1}}.gc-create-modal-content{background:linear-gradient(180deg,#654321,#3e2a1a);border:5px solid #daa520;border-radius:16px;max-width:460px;width:calc(100% - 40px);box-shadow:0 20px 60px #000000e6,0 0 30px #daa52026;animation:gcCreateModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes gcCreateModalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.gc-create-modal-header{background:linear-gradient(180deg,#8b5a2b,#5d3a1a);padding:1.2rem 1.5rem;border-radius:12px 12px 0 0;border-bottom:3px solid rgba(255,200,100,.4);box-shadow:inset 0 1px #ffc86433;position:relative}.gc-create-modal-title-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.gc-create-modal-icon{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.gc-create-modal-header h3{margin:0;font-size:1.5rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.5);font-family:Impact,sans-serif;letter-spacing:.5px}.gc-create-modal-header p{margin:0;font-size:.85rem;color:#ffedccb3;text-align:center}.gc-create-modal-close-btn{position:absolute;top:12px;right:12px;background:#0000004d;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.3rem;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease;font-weight:700;display:flex;align-items:center;justify-content:center}.gc-create-modal-close-btn:hover{background:#0009;transform:scale(1.1) rotate(90deg)}.gc-create-modal-body{padding:1.5rem}.gc-create-modal-input{width:100%;padding:14px 16px;background:#00000080;border:3px solid #4a3821;border-radius:10px;color:#fff;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.gc-create-modal-input:focus{outline:none;border-color:#daa520;box-shadow:0 0 16px #daa5204d,inset 0 0 6px #daa5201a}.gc-create-modal-input::placeholder{color:#ffedcc59}.gc-create-modal-char-count{font-size:.8rem;color:#ffedcc80;text-align:right;margin-top:6px}.gc-create-modal-footer{padding:1.2rem 1.5rem;border-top:3px solid rgba(218,165,32,.3);display:flex;justify-content:space-between;gap:1rem;background:#0003;border-radius:0 0 12px 12px}.gc-create-modal-btn-create{flex:1;background:linear-gradient(180deg,#daa520,#b8860b);border:3px solid #ffd700;color:#000;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;will-change:transform,box-shadow;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px #8b6914,0 6px 12px #0006;min-height:48px;text-shadow:0 1px 0 rgba(255,215,0,.4)}.gc-create-modal-btn-create:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #8b6914,0 8px 16px #00000080;background:linear-gradient(180deg,gold,#daa520)}.gc-create-modal-btn-create:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px #8b6914,0 4px 8px #0006}.gc-create-modal-btn-create:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.gc-create-modal-btn-cancel{flex:1;background:linear-gradient(180deg,#555,#333);border:3px solid #666;color:#ccc;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;will-change:transform,box-shadow;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px #222,0 6px 12px #0006;min-height:48px}.gc-create-modal-btn-cancel:hover{transform:translateY(-3px);box-shadow:0 6px #222,0 8px 16px #00000080;color:#fff;border-color:#888}.gc-create-modal-btn-cancel:active{transform:translateY(-1px);box-shadow:0 2px #222,0 4px 8px #0006}@media (max-width: 320px){.gc-create-modal-overlay{padding:10px}.gc-create-modal-content{border-width:3px;border-radius:12px;width:calc(100% - 20px)}.gc-create-modal-header{padding:1rem}.gc-create-modal-header h3{font-size:1.2rem}.gc-create-modal-icon{width:24px;height:24px}.gc-create-modal-close-btn{width:32px;height:32px;min-width:32px;min-height:32px;font-size:1.1rem}.gc-create-modal-body{padding:1rem}.gc-create-modal-footer{padding:1rem;flex-direction:column;gap:.8rem}.gc-create-modal-btn-create,.gc-create-modal-btn-cancel{font-size:1rem;padding:.8rem 1rem}}@media (min-width: 321px) and (max-width: 480px){.gc-create-modal-content{border-width:4px;width:calc(100% - 30px)}.gc-create-modal-header h3{font-size:1.3rem}.gc-create-modal-body{padding:1.2rem}}@media (min-width: 481px) and (max-width: 768px){.gc-create-modal-content{max-width:420px}}@media (min-width: 1200px){.gc-create-modal-content{max-width:500px}.gc-create-modal-header h3{font-size:1.6rem}.gc-create-modal-icon{width:36px;height:36px}}@media (prefers-reduced-motion: reduce){.gc-create-modal-overlay,.gc-create-modal-content{animation:none}.gc-create-modal-close-btn,.gc-create-modal-btn-create,.gc-create-modal-btn-cancel{transition:none}}.gc-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.gc-modal-content{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:3px solid #daa520;border-radius:16px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 12px 40px #000000e6;animation:slideUp .3s ease}.gc-modal-content h2{margin:0 0 12px;color:#daa520;font-size:22px;text-align:center}.gc-modal-content p{color:#aaa;font-size:14px;margin-bottom:20px;text-align:center}.group-name-input{width:100%;padding:12px 16px;background:#0009;border:2px solid #4a3821;border-radius:8px;color:#fff;font-size:14px;margin-bottom:8px;transition:all .2s ease}.group-name-input:focus{outline:none;border-color:#daa520;box-shadow:0 0 12px #daa5204d}.char-count{font-size:12px;color:#666;text-align:right;margin-bottom:16px}.modal-actions{display:flex;gap:12px;justify-content:center}.btn-create,.btn-cancel{padding:10px 24px;border:2px solid;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-create{background:linear-gradient(135deg,#daa520,#b8860b);border-color:gold;color:#000}.btn-create:hover:not(:disabled){background:linear-gradient(135deg,gold,#daa520);transform:translateY(-2px);box-shadow:0 6px 16px #daa52080}.btn-create:disabled{opacity:.4;cursor:not-allowed}.btn-cancel{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-color:#5a4831;color:#daa520}.btn-cancel:hover{background:linear-gradient(135deg,#4a4a4a,#3a3a3a);border-color:#daa520}.modal-close-btn{width:100%;padding:10px 24px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border:2px solid #5a4831;border-radius:8px;color:#daa520;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:16px}.modal-close-btn:hover{background:linear-gradient(135deg,#4a4a4a,#3a3a3a);border-color:#daa520}.invite-friend-list{max-height:400px;overflow-y:auto;margin-bottom:16px}.no-friends-notice{text-align:center;padding:40px 20px;color:#666;font-style:italic}.invite-friend-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0000004d;border:2px solid #4a3821;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.invite-friend-item:hover{background:#00000080;border-color:#daa520}.friend-info{display:flex;flex-direction:column;gap:4px}.friend-name{font-weight:700;color:#daa520;font-size:14px}.friend-level{font-size:12px;color:#888}.invite-friend-btn{padding:8px 16px;background:linear-gradient(135deg,#daa520,#b8860b);border:2px solid #ffd700;border-radius:6px;color:#000;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.invite-friend-btn:hover{background:linear-gradient(135deg,gold,#daa520);transform:scale(1.05)}.members-list{max-height:400px;overflow-y:auto;margin-bottom:16px}.member-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0000004d;border:2px solid #4a3821;border-radius:8px;margin-bottom:8px}.member-info{flex:1}.member-name{font-weight:700;color:#daa520;font-size:14px;display:flex;align-items:center;gap:8px}.admin-badge{font-size:12px;color:gold}.creator-badge{font-size:12px;color:#ff69b4}.member-level{font-size:12px;color:#888;display:block;margin-top:4px}.member-actions{display:flex;gap:6px}.member-action-btn{padding:6px 12px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border:2px solid #5a4831;border-radius:6px;color:#daa520;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.member-action-btn:hover{background:linear-gradient(135deg,#4a4a4a,#3a3a3a);border-color:#daa520;transform:translateY(-2px)}.member-action-btn.danger{color:#f66}.member-action-btn.danger:hover{border-color:#f66}.setting-item{padding:16px;background:#0000004d;border:2px solid #4a3821;border-radius:8px;margin-bottom:16px}.setting-item label{display:flex;align-items:center;gap:12px;font-size:14px;color:#daa520;font-weight:700;cursor:pointer}.setting-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.setting-help{font-size:12px;color:#888;margin-top:8px;margin-left:32px}.setting-help.danger{color:#f66}.btn-close-group{width:100%;padding:10px 16px;background:linear-gradient(135deg,#a00,#800);border:2px solid #ff0000;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-close-group:hover{background:linear-gradient(135deg,#c00,#a00);transform:translateY(-2px);box-shadow:0 6px 16px #f006}.group-chat-sidebar::-webkit-scrollbar,.group-messages-container::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.invite-friend-list::-webkit-scrollbar,.members-list::-webkit-scrollbar{width:10px}.group-chat-sidebar::-webkit-scrollbar-track,.group-messages-container::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track,.invite-friend-list::-webkit-scrollbar-track,.members-list::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.group-chat-sidebar::-webkit-scrollbar-thumb,.group-messages-container::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb,.invite-friend-list::-webkit-scrollbar-thumb,.members-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#daa520,#b8860b);border-radius:5px}.group-chat-sidebar::-webkit-scrollbar-thumb:hover,.group-messages-container::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover,.invite-friend-list::-webkit-scrollbar-thumb:hover,.members-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,gold,#daa520)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width: 768px){.group-chat-panel{grid-template-columns:1fr}.group-chat-sidebar{max-height:250px}.group-chat-window{min-height:400px}.gc-modal-content{width:95%;padding:20px}.header-btn{width:36px;height:36px;font-size:16px}.group-header-actions{gap:6px}}.no-group-icon-img,.no-messages-icon-img,.no-groups-icon-img{width:120px;height:120px;margin:0 auto 20px;opacity:.4;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6));display:block}.admin-badge-icon{width:28px;height:28px;margin-left:8px;vertical-align:middle;filter:drop-shadow(0 3px 6px rgba(255,215,0,.9));animation:crownGlow 2s ease infinite}.closed-badge-icon{width:24px;height:24px;margin-left:8px;vertical-align:middle;opacity:.7;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.admin-tag-icon{width:32px;height:32px;margin-left:10px;vertical-align:middle;filter:drop-shadow(0 3px 8px rgba(255,215,0,1))}@media (max-width: 768px){.no-group-icon-img,.no-messages-icon-img,.no-groups-icon-img{width:90px;height:90px}.admin-badge-icon{width:24px;height:24px}.admin-tag-icon{width:28px;height:28px}.closed-badge-icon{width:20px;height:20px}}@media (max-width: 480px){.no-group-icon-img,.no-messages-icon-img,.no-groups-icon-img{width:80px;height:80px}.admin-badge-icon,.admin-tag-icon{width:24px;height:24px}}.system-inbox-container{display:flex;flex-direction:column;height:100%;max-height:calc(100vh - 120px);background:linear-gradient(145deg,#2c1810f2,#1a0f08fa);border-radius:clamp(12px,2vw,16px);border:1px solid rgba(218,165,32,.3);box-shadow:0 4px 20px #0006,inset 0 1px #ffd7001a;overflow:hidden}.system-inbox-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(12px,2vw,16px) clamp(16px,3vw,24px);background:#0000004d;border-bottom:1px solid rgba(218,165,32,.2);flex-wrap:wrap;gap:12px}.system-inbox-title{display:flex;align-items:center;gap:10px;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;color:gold;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.inbox-icon{font-size:clamp(1.2rem,3vw,1.6rem)}.inbox-icon-img{width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px);object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.unread-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;font-size:clamp(.7rem,1.5vw,.85rem);font-weight:700;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center;box-shadow:0 2px 4px #0000004d;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.system-inbox-filters{display:flex;gap:8px}.filter-btn{padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);border:1px solid rgba(218,165,32,.3);border-radius:20px;background:#0003;color:#ffffffb3;font-size:clamp(.75rem,1.5vw,.9rem);font-weight:600;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#daa52026;color:gold;border-color:#daa52080}.filter-btn.active{background:linear-gradient(135deg,#daa5204d,#8b5a2b4d);color:gold;border-color:#daa520;box-shadow:0 0 10px #daa5204d}.system-inbox-content{display:flex;flex:1;overflow:hidden}.system-inbox-list{width:clamp(200px,35%,350px);min-width:200px;border-right:1px solid rgba(218,165,32,.2);overflow-y:auto;background:#0000001a}.system-inbox-detail{flex:1;overflow-y:auto;padding:clamp(16px,3vw,24px)}.system-message-item{display:flex;align-items:flex-start;gap:12px;padding:clamp(12px,2vw,16px);border-bottom:1px solid rgba(218,165,32,.1);cursor:pointer;transition:all .2s ease;position:relative}.system-message-item:hover{background:#daa52014}.system-message-item.selected{background:#daa52026;border-left:3px solid #DAA520}.system-message-item.unread{background:#daa5200d}.message-sender-icon{width:clamp(36px,6vw,48px);height:clamp(36px,6vw,48px);flex-shrink:0}.message-sender-icon img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(218,165,32,.4)}.sender-emoji{font-size:clamp(1.5rem,4vw,2rem)}.sender-emoji.hidden{display:none}.message-preview{flex:1;min-width:0}.message-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sender-name{font-weight:600;color:gold;font-size:clamp(.85rem,1.5vw,1rem)}.message-time{font-size:clamp(.7rem,1.2vw,.8rem);color:#ffffff80}.message-preview-title{font-size:clamp(.8rem,1.3vw,.9rem);color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-reward-indicator{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:clamp(.7rem,1.2vw,.8rem);color:#4caf50;font-weight:600}.reward-indicator-icon{width:16px;height:16px}.unread-dot{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:#4caf50;border-radius:50%;box-shadow:0 0 8px #4caf5099}.message-detail-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-header{margin-bottom:clamp(16px,3vw,24px)}.detail-sender{display:flex;align-items:center;gap:12px}.detail-sender-icon{width:clamp(48px,8vw,64px);height:clamp(48px,8vw,64px);border-radius:50%;border:2px solid rgba(218,165,32,.5);object-fit:cover}.detail-sender-info{display:flex;flex-direction:column;gap:4px}.detail-sender-name{font-size:clamp(1rem,2vw,1.2rem);font-weight:700;color:gold}.detail-time{font-size:clamp(.75rem,1.3vw,.85rem);color:#ffffff80}.detail-title{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;color:#fff;margin:0 0 clamp(12px,2vw,16px) 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.detail-body{font-size:clamp(.9rem,1.5vw,1rem);color:#ffffffd9;line-height:1.6;margin-bottom:clamp(20px,4vw,32px)}.detail-reward-section{background:linear-gradient(145deg,#daa52026,#8b5a2b26);border:1px solid rgba(218,165,32,.4);border-radius:clamp(12px,2vw,16px);padding:clamp(16px,3vw,24px)}.detail-reward-section.claimed{opacity:.7;background:#4caf501a;border-color:#4caf504d}.reward-box-display{display:flex;align-items:center;gap:clamp(12px,2vw,16px);margin-bottom:clamp(12px,2vw,16px)}.reward-box-image{width:clamp(60px,10vw,80px);height:clamp(60px,10vw,80px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));animation:boxFloat 3s ease-in-out infinite}@keyframes boxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.detail-reward-section.claimed .reward-box-image{animation:none;filter:grayscale(.5)}.reward-box-info{display:flex;flex-direction:column;gap:4px}.reward-box-label{font-size:clamp(1rem,2vw,1.2rem);font-weight:700;color:gold}.reward-box-source{font-size:clamp(.8rem,1.3vw,.9rem);color:#fff9}.reward-preview{background:#0003;border-radius:8px;padding:12px;margin-bottom:clamp(12px,2vw,16px)}.reward-preview-label{font-size:clamp(.75rem,1.2vw,.85rem);color:#fff9;display:block;margin-bottom:8px}.reward-preview-items{display:flex;flex-wrap:wrap;gap:8px}.reward-preview-item{background:#daa52033;padding:4px 10px;border-radius:12px;font-size:clamp(.75rem,1.2vw,.85rem);color:gold;font-weight:600}.claim-section{text-align:center}.claim-reward-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:clamp(12px,2vw,16px) clamp(24px,4vw,40px);background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:12px;color:#fff;font-size:clamp(1rem,1.8vw,1.15rem);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4caf5066,inset 0 1px #fff3;text-transform:uppercase;letter-spacing:1px}.claim-reward-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#43a047);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080,inset 0 1px #ffffff4d}.claim-reward-btn:active:not(:disabled){transform:translateY(0)}.claim-reward-btn:disabled{opacity:.7;cursor:not-allowed}.claim-btn-icon{font-size:clamp(1.1rem,2vw,1.3rem)}.claim-btn-icon-img{width:clamp(20px,3vw,24px);height:clamp(20px,3vw,24px);object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.claim-status.claimed{display:flex;align-items:center;justify-content:center;gap:8px;color:#4caf50;font-weight:600;font-size:clamp(.9rem,1.5vw,1rem)}.claim-checkmark{font-size:1.2em}.claim-error{background:#f4433633;border:1px solid rgba(244,67,54,.5);border-radius:8px;padding:12px;margin-bottom:12px;color:#ff6b6b;font-weight:600;font-size:clamp(.9rem,1.5vw,1rem);text-align:center}.claim-success{display:flex;align-items:center;justify-content:center;gap:8px;background:#4caf5033;border:1px solid rgba(76,175,80,.5);border-radius:8px;padding:12px;color:#4caf50;font-weight:600;font-size:clamp(.9rem,1.5vw,1rem)}.success-icon{font-size:1.2em}.claiming-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.system-inbox-empty,.no-message-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:#fff6;gap:12px}.empty-icon,.no-message-icon{font-size:clamp(2.5rem,6vw,4rem);opacity:.5}.empty-icon-img,.no-message-icon-img{width:clamp(48px,8vw,64px);height:clamp(48px,8vw,64px);object-fit:contain;opacity:.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) grayscale(30%)}.empty-text,.no-message-text{font-size:clamp(.9rem,1.5vw,1rem)}.system-inbox-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px;color:#fff9}.system-inbox-spinner{width:40px;height:40px;border:4px solid rgba(218,165,32,.2);border-top-color:#daa520;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 900px){.system-inbox-content{flex-direction:column}.system-inbox-list{width:100%;max-height:250px;border-right:none;border-bottom:1px solid rgba(218,165,32,.2)}.system-inbox-detail{min-height:300px}}@media (max-width: 600px){.system-inbox-header{flex-direction:column;align-items:flex-start}.system-inbox-filters{width:100%;justify-content:center}.system-inbox-list{max-height:200px}.reward-box-display{flex-direction:column;text-align:center}.reward-box-info{align-items:center}}@media (prefers-reduced-motion: reduce){.reward-box-image,.unread-badge,.message-detail-content{animation:none}}.wallet-display{grid-area:wallet;display:flex;flex-direction:column;gap:8px;padding:0;margin:0;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wallet-display.loading{justify-content:center;align-items:center;padding:20px}.wallet-spinner{width:30px;height:30px;border:3px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:spin .8s linear infinite}.wallet-display.no-wallet{flex-direction:row;align-items:center;gap:10px;padding:12px 0;opacity:.7}.wallet-display.no-wallet .wallet-icon{font-size:24px}.wallet-display.no-wallet .wallet-text{font-size:16px;color:wheat;font-style:italic}.wallet-icon-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px}.wallet-icon{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,215,0,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.wallet-label{font-size:12px;font-weight:700;letter-spacing:1.5px;color:gold;text-shadow:0 1px 3px rgba(0,0,0,.8);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{text-shadow:0 1px 3px rgba(0,0,0,.8)}50%{text-shadow:0 0 12px rgba(255,215,0,.6),0 1px 3px rgba(0,0,0,.8)}}.wallet-address-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wallet-address{flex:1;min-width:280px;font-family:Courier New,monospace;font-size:14px;font-weight:600;color:gold;background:linear-gradient(135deg,#8b451366,#65432166);padding:10px 16px;border-radius:8px;border:2px solid rgba(205,127,50,.5);box-shadow:0 2px 8px #0006,inset 0 1px 2px #ffd7001a;word-break:break-all;transition:all .3s ease}.wallet-address:hover{border-color:#ffd700b3;box-shadow:0 3px 12px #00000080,inset 0 1px 3px #ffd70033;transform:translateY(-1px)}.wallet-copy-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#2d1f10,#1a1208);border:2px solid #8B6914;border-radius:8px;color:gold;font-weight:700;font-size:13px;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #8b69144d,0 0 15px #8b69141a;position:relative;overflow:hidden}.wallet-copy-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);animation:walletCopyShimmer 3s ease-in-out infinite}@keyframes walletCopyShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.wallet-copy-btn:hover{background:linear-gradient(135deg,#3d2f18,#2a2010);border-color:gold;transform:translateY(-3px);box-shadow:0 6px 20px #ffd70066,0 0 30px #ffd70033}.wallet-copy-btn:active{transform:translateY(-1px);box-shadow:0 3px 10px #8b691466,0 0 15px #8b691433}.wallet-copy-btn.copied{background:linear-gradient(135deg,#1a3d1a,#0d2a0d);border-color:#4caf50;box-shadow:0 4px 15px #4caf5080,0 0 30px #4caf504d}.wallet-copy-btn.copied:before{animation:none;background:linear-gradient(90deg,transparent,rgba(76,175,80,.3),transparent);left:0}.copy-icon{font-size:16px;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.copy-text{font-weight:700}.wallet-deposit-hint{font-size:11px;color:#d4a76a;font-style:italic;opacity:.75;padding-left:4px;margin-top:-4px}@media (max-width: 768px){.wallet-address{font-size:14px;min-width:100%}.wallet-copy-btn{width:100%;justify-content:center}}.social-page{max-width:1600px;margin:0 auto;padding:20px}.social-header{text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#8b4513d9,#000000f2);border:3px solid #8b4513;border-radius:12px;padding:1.25rem;box-shadow:0 8px 16px #000c,inset 0 1px #ffd70026}.social-title-row{display:flex;align-items:center;justify-content:center;gap:16px}.social-title-row h1{text-align:center}.social-title-row .social-title-icon{flex-shrink:0}.social-title-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.social-header h1{margin:0;font-size:2.5rem;color:gold;text-shadow:0 3px 6px rgba(0,0,0,.9),0 0 20px rgba(255,215,0,.4);font-family:Impact,sans-serif;letter-spacing:3px;text-transform:uppercase}.social-header p{margin:10px 0 15px;font-size:1.1rem;color:#ff8c00;font-style:italic;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8)}.social-stats{display:flex;justify-content:center;gap:1rem;margin-top:15px;padding-top:15px;border-top:2px solid rgba(139,69,19,.3);flex-wrap:wrap}.stat-badge{background:#0000004d;border:2px solid rgba(255,215,0,.3);border-radius:8px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#fff;font-weight:700}.stat-badge.highlight{border-color:#ff8c00;background:#ff8c0033;animation:statPulse 2s infinite}@keyframes statPulse{0%,to{box-shadow:0 0 #ff8c0080}50%{box-shadow:0 0 12px #ff8c00cc}}.stat-badge .stat-icon{font-size:1.2rem}.stat-badge .stat-icon-img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.stat-badge .stat-label{color:#ccc}.stat-badge .stat-value{color:gold;font-size:1.1rem}.social-id-wallet-row{display:flex;align-items:center;justify-content:center;gap:3rem;margin-top:15px;padding-top:15px;border-top:2px solid rgba(139,69,19,.3);flex-wrap:wrap}.social-stats-center{display:flex;flex-direction:column;align-items:center;gap:8px}.social-id-wallet-row .wallet-display{margin-top:0}.player-id-display{display:flex;flex-direction:column;gap:8px;padding:0;margin:0}.player-id-icon-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px}.player-id-icon{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,215,0,.5));animation:playerIdFloat 3s ease-in-out infinite}@keyframes playerIdFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.player-id-label{font-size:12px;font-weight:700;letter-spacing:1.5px;color:gold;text-shadow:0 1px 3px rgba(0,0,0,.8);animation:playerIdGlow 2s ease-in-out infinite}@keyframes playerIdGlow{0%,to{text-shadow:0 1px 3px rgba(0,0,0,.8)}50%{text-shadow:0 0 12px rgba(255,215,0,.6),0 1px 3px rgba(0,0,0,.8)}}.player-id-address-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.player-id-address{flex:1;min-width:340px;font-family:Courier New,monospace;font-size:14px;font-weight:600;color:gold;background:linear-gradient(135deg,#8b451366,#65432166);padding:10px 16px;border-radius:8px;border:2px solid rgba(205,127,50,.5);box-shadow:0 2px 8px #0006,inset 0 1px 2px #ffd7001a;word-break:break-all;transition:all .3s ease;user-select:all}.player-id-address:hover{border-color:#ffd700b3;box-shadow:0 3px 12px #00000080,inset 0 1px 3px #ffd70033;transform:translateY(-1px)}.player-id-hint{font-size:11px;color:#d4a76a;font-style:italic;opacity:.75;padding-left:4px;margin-top:-4px}.social-copy-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#2d1f10,#1a1208);border:2px solid #8B6914;border-radius:8px;color:gold;font-weight:700;font-size:13px;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #8b69144d,0 0 15px #8b69141a;position:relative;overflow:hidden}.social-copy-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);animation:socialCopyShimmer 3s ease-in-out infinite}@keyframes socialCopyShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.social-copy-btn:hover{background:linear-gradient(135deg,#3d2f18,#2a2010);border-color:gold;transform:translateY(-3px);box-shadow:0 6px 20px #ffd70066,0 0 30px #ffd70033}.social-copy-btn:active{transform:translateY(-1px);box-shadow:0 3px 10px #8b691466,0 0 15px #8b691433}.social-copy-btn.copied{background:linear-gradient(135deg,#1a3d1a,#0d2a0d);border-color:#4caf50;box-shadow:0 4px 15px #4caf5080,0 0 30px #4caf504d}.social-copy-btn.copied:before{animation:none;background:linear-gradient(90deg,transparent,rgba(76,175,80,.3),transparent);left:0}.social-copy-btn .copy-icon{font-size:16px;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.social-copy-btn .copy-text{font-weight:700}.social-tabs-horizontal{display:flex;background:#0000004d;border:3px solid #8b4513;border-radius:12px 12px 0 0;overflow:hidden;margin-bottom:0;box-shadow:0 4px 8px #0006}.social-tab-horizontal{flex:1;padding:1rem 1.5rem;background:#2d2d2dcc;border:none;border-right:2px solid rgba(139,69,19,.3);color:#aaa;font-weight:700;cursor:pointer;transition:all .2s;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.social-tab-horizontal:last-child{border-right:none}.social-tab-horizontal:hover{background:#3c3c3ce6;color:gold;transform:translateY(-2px)}.social-tab-horizontal.active{background:linear-gradient(180deg,#ff8c00,orange);color:#2d2d2d;box-shadow:inset 0 3px #ffd70080,0 -2px 8px #ff8c0066;position:relative}.social-tab-horizontal.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#ffd700 50%,transparent 100%)}.tab-notification-badge{display:inline-block;margin-left:6px;padding:2px 8px;background:linear-gradient(135deg,red,#c00);color:#fff;font-size:12px;font-weight:700;border-radius:10px;animation:badgePulse 1.5s ease infinite}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.section-title{font-size:16px;font-weight:700;color:#daa520;text-transform:uppercase;letter-spacing:1.5px;margin:20px 0 12px;padding-bottom:8px;border-bottom:2px solid rgba(218,165,32,.3)}.requests-section,.group-invites-section{margin-bottom:24px}.create-group-section{padding:12px 16px;border-bottom:2px solid rgba(139,69,19,.3)}.create-group-actions{display:flex;flex-direction:column;gap:10px}.btn-start-message{width:100%;padding:10px 16px;background:linear-gradient(135deg,#4caf50,#388e3c);border:2px solid #66bb6a;border-radius:8px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-start-message:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5059}.btn-create-group{width:100%;padding:10px 16px;background:linear-gradient(135deg,#daa520,#b8860b);border:2px solid #ffd700;border-radius:8px;color:#000;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-create-group:hover{background:linear-gradient(135deg,gold,#daa520);transform:translateY(-2px);box-shadow:0 6px 16px #daa52066}.unified-inbox-list{display:flex;flex-direction:column;gap:8px}.inbox-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0006;border:2px solid #8b4513;border-radius:8px;cursor:pointer;transition:all .2s ease}.inbox-item:hover{background:#8b45134d;border-color:gold;transform:translate(4px)}.inbox-item.active-chat{background:linear-gradient(135deg,#daa5204d,#b8860b4d);border-color:#daa520;box-shadow:0 0 12px #daa52066}.inbox-item.has-unread{border-color:#ff8c00;animation:inboxPulse 2s ease infinite}@keyframes inboxPulse{0%,to{box-shadow:0 0 #ff8c004d}50%{box-shadow:0 0 12px #ff8c0099}}.inbox-item-icon{font-size:32px;min-width:40px;text-align:center;position:relative}.admin-badge-mini{position:absolute;top:-4px;right:-4px;font-size:14px}.inbox-item-content{flex:1;min-width:0}.inbox-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.inbox-name{font-weight:700;color:gold;font-size:15px;display:flex;align-items:center;gap:6px}.closed-tag-mini{font-size:12px;opacity:.7}.inbox-level,.inbox-members{font-size:12px;color:#888}.inbox-preview{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:#aaa}.preview-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-time{font-size:11px;color:#666;white-space:nowrap}.inbox-unread-badge{display:inline-block;min-width:24px;padding:4px 8px;background:linear-gradient(135deg,red,#c00);color:#fff;font-size:12px;font-weight:700;border-radius:12px;text-align:center}.admin-tag{font-size:13px;color:gold;margin-left:6px}.conv-actions{display:flex;gap:8px;align-items:center}.btn-delete-conv{padding:8px 16px;background:linear-gradient(135deg,#a00,#800);border:2px solid #ff0000;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-delete-conv:hover{background:linear-gradient(135deg,#c00,#a00);transform:translateY(-2px);box-shadow:0 4px 12px #f006}.social-content{display:grid;grid-template-columns:400px 1fr;gap:20px;min-height:700px}.social-content.guild-single-column{grid-template-columns:1fr}.add-friends-full-layout{width:100%;background:linear-gradient(135deg,#2a2a2af2,#1a1a1af2);border:3px solid #4a3821;border-radius:0 0 12px 12px;border-top:none;display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px;min-height:700px;box-shadow:0 8px 24px #000c}.guilds-tab-content,.inbox-tab-content,.groupchats-tab-content{width:100%;min-height:600px}.social-content-panel{background:linear-gradient(135deg,#2a2a2af2,#1a1a1af2);border:3px solid #4a3821;border-radius:0 0 12px 12px;border-top:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 6px 12px #0009}.social-content-panel-single{background:linear-gradient(135deg,#2a2a2af2,#1a1a1af2);border:3px solid #4a3821;border-radius:0 0 12px 12px;border-top:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;flex-direction:column;overflow:hidden;box-shadow:0 6px 12px #0009;max-width:900px;margin:0 auto}.panel-header-social{background:#2d2d2d;padding:1rem;text-align:center;border-bottom:3px solid #8b4513;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.panel-header-social h2{margin:0;font-size:1.5rem;color:gold;font-family:Impact,sans-serif;text-transform:uppercase;letter-spacing:2px}.unread-badge-header{background:linear-gradient(135deg,#f44,#c00);color:#fff;padding:.25rem .6rem;border-radius:12px;font-size:.9rem;font-weight:700;border:2px solid #8b0000;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #ff4444b3}50%{transform:scale(1.1);box-shadow:0 0 12px #ff4444e6}}.social-tab-content{flex:1;overflow-y:auto;padding:1rem;background:#0003}.friends-list{display:flex;flex-direction:column;gap:.75rem}.friend-item{background:linear-gradient(135deg,#3c3c3c,#2d2d2d);border:3px solid #8b4513;border-radius:8px;padding:1rem;display:flex;gap:1rem;align-items:center;transition:all .2s}.friend-item:hover{border-color:gold;transform:translate(5px);box-shadow:0 4px 8px #0006}.friend-item.has-unread{border-left:5px solid #ff8c00;animation:unreadGlow 3s infinite}@keyframes unreadGlow{0%,to{box-shadow:0 0 #ff8c0000}50%{box-shadow:-5px 0 15px #ff8c0066}}.friend-item.active-chat{background:linear-gradient(135deg,#4a7c2e,#2d5016);border-color:#4caf50;box-shadow:0 0 15px #4caf5080}.friend-item.active-chat .friend-name{color:#4caf50}.friend-info{flex:1;min-width:0}.friend-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.friend-name{color:gold;font-size:1.2rem;font-weight:700}.friend-level{background:#ffd70033;color:gold;padding:.15rem .5rem;border-radius:4px;font-size:.85rem;font-weight:700;border:1px solid rgba(255,215,0,.4)}.friend-meta{display:flex;gap:.5rem}.friend-since{color:#aaa;font-size:.85rem}.last-message-preview{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(139,69,19,.3);display:flex;align-items:center;gap:.25rem;font-size:.85rem}.preview-label{color:#ff8c00;font-weight:700}.preview-content{color:#bbb;font-style:italic;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-time{color:#888;font-size:.75rem;white-space:nowrap}.friend-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.btn-copy-friend-id{background:linear-gradient(180deg,#757575,#424242);color:#fff;border:2px solid #212121;padding:.5rem .6rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s;min-width:40px;display:flex;align-items:center;justify-content:center}.btn-copy-friend-id:hover{background:linear-gradient(180deg,#9e9e9e,#616161);transform:translateY(-2px)}.btn-copy-friend-id.copied{background:linear-gradient(180deg,#4caf50,#2e7d32);border-color:#1b5e20;animation:copySuccess .5s ease}.btn-message{background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;border:2px solid #2e7d32;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s;display:flex;align-items:center;gap:.5rem;position:relative;min-width:100px;justify-content:center;white-space:nowrap}.btn-message:hover{background:linear-gradient(180deg,#66bb6a,#4caf50);transform:translateY(-2px);box-shadow:0 4px 8px #0006}.btn-message:active{transform:scale(.95);box-shadow:inset 0 2px 4px #0000004d}.unread-badge{background:#f44;color:#fff;padding:.15rem .4rem;border-radius:10px;font-size:.75rem;font-weight:700;border:1px solid #cc0000}.btn-remove{background:linear-gradient(180deg,#f44336,#c62828);color:#fff;border:2px solid #b71c1c;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s;font-size:1.1rem}.btn-remove:hover{background:linear-gradient(180deg,#ef5350,#d32f2f);transform:scale(1.1)}.requests-list{display:flex;flex-direction:column;gap:.75rem}.request-item{background:linear-gradient(135deg,#3c3c3c,#2d2d2d);border:3px solid #ff8c00;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.request-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.request-name{color:gold;font-size:1.2rem;font-weight:700}.request-level{color:#ff8c00;font-size:.9rem;font-weight:700}.request-date{color:#888;font-size:.85rem}.request-actions{display:flex;gap:.5rem}.btn-accept{background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;border:2px solid #2e7d32;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s}.btn-accept:hover{background:linear-gradient(180deg,#66bb6a,#4caf50);transform:translateY(-2px);box-shadow:0 4px 8px #0006}.btn-accept:active{transform:scale(.95)}.btn-decline{background:linear-gradient(180deg,#757575,#424242);color:#fff;border:2px solid #212121;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s}.btn-decline:hover{background:linear-gradient(180deg,#9e9e9e,#616161);transform:translateY(-2px)}.btn-decline:active{transform:scale(.95)}.add-friend-panel{display:flex;flex-direction:column;gap:24px;padding:20px;overflow-y:auto;max-height:600px;flex:1}.search-section{display:flex;flex-direction:column;gap:12px}.input-search{background:#0009;border:2px solid #4a3821;border-radius:10px;padding:14px 18px;color:#fff;font-size:15px;outline:none;transition:all .3s ease;width:100%}.input-search:focus{border-color:gold;box-shadow:0 0 12px #ffd70080}.search-loading{text-align:center;color:#ff8c00;font-weight:700;padding:1rem;font-style:italic}.search-results{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;background:#0000004d;border:2px solid #8b4513;border-radius:8px;padding:.75rem}.search-result-item{background:linear-gradient(135deg,#3c3c3c,#2d2d2d);border:2px solid #8b4513;border-radius:6px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.search-result-item:hover{border-color:gold;transform:translate(3px)}.result-info{display:flex;flex-direction:column;gap:.25rem}.result-name{color:gold;font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:4px}.result-level{color:#daa520;font-size:14px;font-weight:600;margin-bottom:4px}.result-id{color:#777;font-size:11px;font-family:Courier New,monospace;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;max-width:250px}.btn-add-result{background:linear-gradient(135deg,#0a0,#080);color:#fff;border:2px solid #00ff00;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;transition:all .3s ease;white-space:nowrap}.btn-add-result:hover{background:linear-gradient(135deg,#0f0,#0c0);transform:translateY(-3px);box-shadow:0 6px 16px #0f06}.btn-add-result:active{transform:translateY(0)}.no-results{text-align:center;padding:2rem 1rem;color:#888;font-style:italic}.direct-add-section{border-top:2px solid rgba(74,56,33,.5);padding-top:16px;margin-top:8px}.section-label{color:#daa520;font-size:14px;margin-bottom:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.add-friend-instructions{background:#0006;border:2px solid #4a3821;border-radius:10px;padding:1.5rem}.add-friend-instructions h3{margin:0 0 10px;color:#daa520;font-size:18px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.add-friend-instructions p{margin:6px 0;color:#aaa;font-size:14px;line-height:1.5;line-height:1.6}.add-friend-instructions .hint{color:#ff8c00;font-style:italic;margin-top:.75rem}.add-friend-form{display:flex;flex-direction:column;gap:1rem}.input-player-id{background:#00000080;border:3px solid #8b4513;border-radius:8px;padding:1rem;color:gold;font-size:1rem;font-family:monospace;outline:none;transition:all .2s}.input-player-id:focus{border-color:gold;box-shadow:0 0 12px #ffd70080}.input-player-id::placeholder{color:#666;font-family:monospace}.btn-send-request{background:linear-gradient(135deg,#daa520,#b8860b);color:#000;border:2px solid #ffd700;padding:14px 28px;border-radius:10px;cursor:pointer;font-weight:700;font-size:15px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;width:100%}.btn-send-request:hover{background:linear-gradient(135deg,gold,#daa520);transform:translateY(-3px);box-shadow:0 6px 16px #daa52080}.btn-send-request:active{transform:translateY(0);box-shadow:0 6px 12px #0006}.error-message{background:linear-gradient(135deg,#f44,#c00);color:#fff;padding:1rem;border-radius:8px;border:3px solid #8b0000;font-weight:700;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success-message{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;padding:1rem;border-radius:8px;border:3px solid #2e7d32;font-weight:700;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-text{color:#aaa;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.empty-hint{color:#888;font-size:.95rem;font-style:italic}.social-right-panel{background:linear-gradient(135deg,#2a2a2af2,#1a1a1af2);border:3px solid #4a3821;border-radius:0 0 12px 12px;border-top:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 6px 12px #0009}.conversation-header{background:linear-gradient(180deg,#ff8c00,orange);padding:1rem 1.5rem;border-bottom:3px solid #8b4513;display:flex;justify-content:space-between;align-items:center}.conv-friend-info{display:flex;align-items:center;gap:.75rem}.conv-friend-name{color:#2d2d2d;font-size:1.5rem;font-weight:700;font-family:Impact,sans-serif;text-shadow:1px 1px 2px rgba(255,255,255,.3)}.conv-friend-level{background:#0003;color:#2d2d2d;padding:.25rem .6rem;border-radius:6px;font-weight:700;border:2px solid rgba(0,0,0,.3)}.btn-close-conv{background:#0000004d;color:#2d2d2d;border:2px solid rgba(0,0,0,.4);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s}.btn-close-conv:hover{background:#00000080;transform:scale(1.05)}.group-header-full{flex-wrap:wrap}.group-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.btn-group-action{padding:6px 12px;background:linear-gradient(135deg,#654321e6,#3d2b1fe6);border:1px solid #8b6914;border-radius:4px;color:gold;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-group-action:hover{background:linear-gradient(135deg,#8b6914f2,#654321f2);transform:translateY(-1px);box-shadow:0 2px 8px #ffd7004d}.btn-group-action.danger{background:linear-gradient(135deg,#8b0000e6,#640000e6);border-color:#f44;color:#f88}.btn-group-action.danger:hover{background:linear-gradient(135deg,#b40000f2,#8b0000f2);box-shadow:0 2px 8px #f006}.closed-tag{margin-left:6px;font-size:12px}.conv-friend-level .admin-tag{margin-left:8px;color:gold;font-size:11px}.messages-area{flex:1;overflow-y:auto;padding:1rem;background:#0000004d;display:flex;flex-direction:column}.messages-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;color:#ff8c00;font-weight:700;font-size:1.1rem}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255,140,0,.2);border-top-color:#ff8c00;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.messages-list{display:flex;flex-direction:column;gap:.75rem}.day-text{background:#00000080;color:#aaa;padding:.3rem 1rem;border-radius:12px;font-size:.85rem;font-weight:700;border:2px solid rgba(139,69,19,.3);margin:0 1rem;white-space:nowrap}.day-separator{display:flex;align-items:center;justify-content:center;margin:1rem 0;position:relative}.day-separator:before,.day-separator:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,69,19,.5) 50%,transparent 100%)}.day-text{background:#00000080;color:#aaa;padding:.3rem 1rem;border-radius:12px;font-size:.85rem;font-weight:700;border:2px solid rgba(139,69,19,.3);margin:0 1rem;white-space:nowrap;text-transform:uppercase}.load-more-section{text-align:center;margin-bottom:1rem}.btn-load-more{background:linear-gradient(180deg,#757575,#424242);color:#fff;border:2px solid #212121;padding:.6rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s;font-size:.95rem}.btn-load-more:hover:not(:disabled){background:linear-gradient(180deg,#9e9e9e,#616161);transform:translateY(-2px)}.btn-load-more:disabled{opacity:.5;cursor:not-allowed}.message-bubble{max-width:70%;padding:.75rem 1rem;border-radius:12px;display:flex;flex-direction:column;gap:.25rem;animation:messageSlideIn .2s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble .message-content{background:none;border:none;padding:0;border-radius:0;box-shadow:none}.message-bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border:2px solid #daa520;box-shadow:0 3px 8px #0006}.message-bubble.mine .message-sender{color:gold;font-weight:700}.message-bubble.mine .message-content{color:#fff}.message-bubble.mine .message-time{color:#ffedcc80}.message-bubble.theirs{align-self:flex-start;background:linear-gradient(135deg,#3c3c3c,#2d2d2d);border:2px solid #8b4513;box-shadow:0 3px 6px #0000004d}.message-bubble.theirs .message-sender{color:#ff8c00;font-weight:700}.message-bubble.theirs .message-content{color:#f0f0f0}.message-bubble.theirs .message-time{color:#aaa}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.message-sender{font-size:.9rem}.message-time{font-size:.75rem}.message-content{font-size:1rem;line-height:1.5;word-wrap:break-word}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:3rem 1rem}.no-messages-icon{font-size:5rem;margin-bottom:1rem;opacity:.5}.no-messages-icon-img{width:80px;height:80px;object-fit:contain;margin-bottom:1rem;opacity:.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.no-messages-text{color:#aaa;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.no-messages-hint{color:#888;font-size:1rem;font-style:italic}.failed-message-banner{background:linear-gradient(135deg,#f44,#c00);border-top:3px solid #8b0000;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.failed-text{color:#fff;font-weight:700;font-size:.95rem}.btn-retry{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s;font-size:.9rem}.btn-retry:hover{background:#ffffff4d;transform:scale(1.05)}.btn-dismiss{background:#0000004d;color:#fff;border:2px solid rgba(0,0,0,.4);padding:.4rem .6rem;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s;font-size:.9rem}.btn-dismiss:hover{background:#00000080}.message-input-container{border-top:3px solid #8b4513;background:#0006;padding:1rem;display:flex;flex-direction:column;gap:12px}.message-input-form{border-top:3px solid #8b4513;background:#0006;padding:1rem}.message-input{width:100%;background:#00000080;border:3px solid #8b4513;border-radius:8px;padding:.75rem 1rem;color:#f0f0f0;font-size:1rem;outline:none;transition:all .2s;margin-bottom:.5rem}.message-input:focus{border-color:gold;box-shadow:0 0 12px #ffd70066}.input-footer{display:flex;justify-content:space-between;align-items:center}.char-count{color:#888;font-size:.85rem;font-family:monospace}.btn-send-message{background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;border:2px solid #2e7d32;padding:.6rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s;font-size:1rem;min-width:100px;min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.btn-send-message:hover:not(:disabled){background:linear-gradient(180deg,#66bb6a,#4caf50);transform:translateY(-2px);box-shadow:0 4px 8px #0006}.btn-send-message:disabled{opacity:.5;cursor:not-allowed}.btn-icon-inline{width:14px;height:14px;object-fit:contain;vertical-align:middle;margin-right:4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));animation:btnIconPulse 1s ease-in-out infinite}.social-btn-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}@keyframes btnIconPulse{0%,to{opacity:1}50%{opacity:.6}}.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:3rem 1rem;background:#0003}.no-conv-icon{font-size:6rem;margin-bottom:1.5rem;opacity:.3}.no-conv-text{color:#aaa;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.no-conv-hint{color:#888;font-size:1.1rem;font-style:italic}.add-friends-left-col,.add-friends-right-col{display:flex;flex-direction:column;background:#0006;border:3px solid #4a3821;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000080}.add-friends-col-header{background:linear-gradient(135deg,#4a3821e6,#2a2015e6);border-bottom:3px solid #4a3821;padding:18px 24px}.add-friends-col-header h3{margin:0;font-size:20px;color:gold;text-transform:uppercase;letter-spacing:2px;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.8)}.friends-manage-list{padding:20px;overflow-y:auto;max-height:600px;display:flex;flex-direction:column;gap:12px;flex:1}.friend-manage-item{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:linear-gradient(135deg,#00000080,#14141480);border:2px solid #4a3821;border-radius:10px;transition:all .3s ease;animation:slideInLeft .3s ease}.friend-manage-item:hover{background:linear-gradient(135deg,#daa52026,#b8860b26);border-color:#daa520;transform:translate(6px);box-shadow:0 4px 12px #daa52033}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.friend-manage-info{display:flex;flex-direction:column;gap:4px}.friend-manage-name{font-size:16px;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5)}.friend-manage-level{font-size:14px;color:#daa520;font-weight:600}.friend-manage-since{font-size:12px;color:#999;font-style:italic}.friend-manage-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.start-message-list{padding:0;margin:0 0 20px;max-height:320px}.start-message-empty{margin-bottom:20px;padding:18px;border:2px solid #4a3821;border-radius:10px;background:#00000059;color:#aaa;text-align:center}.btn-remove-friend{padding:10px 20px;background:linear-gradient(135deg,#a00,#800);border:2px solid #ff0000;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-remove-friend:hover{background:linear-gradient(135deg,red,#c00);transform:translateY(-3px);box-shadow:0 6px 16px #ff000080}.btn-remove-friend:active{transform:translateY(0)}@media (max-width: 1024px){.social-content{grid-template-columns:1fr;gap:1.5rem}.social-content-panel{max-height:500px}.social-content-panel-single{max-width:100%;grid-template-columns:1fr;gap:1rem}.add-friends-left-col,.add-friends-right-col{min-height:300px}.social-right-panel{min-height:600px}}@media (max-width: 768px){.social-page{padding:15px}.social-title-row{gap:14px}.social-title-icon{width:52px;height:52px}.social-header h1{font-size:2rem}.social-header p{font-size:1rem}.stat-icon-img{width:24px;height:24px}.social-id-wallet-row{flex-direction:column;gap:1.5rem}.social-stats-center{order:-1;flex-direction:row;flex-wrap:wrap;justify-content:center}.player-id-display{width:100%}.player-id-address{font-size:12px;min-width:100%}.social-copy-btn{width:100%;justify-content:center}.friend-name,.request-name{font-size:1.1rem}.search-results{max-height:250px}.result-name{font-size:1rem}.social-stats{gap:.75rem}.stat-badge{font-size:.85rem;padding:.4rem .8rem}.last-message-preview{font-size:.8rem}}@media (max-width: 600px){.social-header{padding:15px}.social-header h1{font-size:1.8rem}.social-tabs-horizontal{display:grid;grid-template-columns:1fr 1fr;gap:2px}.social-tab-horizontal{border-right:none;border-bottom:2px solid rgba(139,69,19,.3);min-height:44px;display:flex;align-items:center;justify-content:center;font-size:.85rem;padding:.75rem .5rem}.social-tab-horizontal:nth-child(2n){border-right:none}.social-tab-horizontal:nth-child(3),.social-tab-horizontal:nth-child(4){border-bottom:none}.friend-item{flex-direction:column;gap:.75rem;align-items:flex-start}.friend-actions{width:100%;justify-content:space-between}.btn-message{flex:1;min-width:120px;min-height:44px}.request-item{flex-direction:column;gap:.75rem;align-items:flex-start}.request-actions{width:100%}.btn-accept,.btn-decline{flex:1;min-height:44px}.message-bubble{max-width:85%}.conv-friend-name{font-size:1.3rem}}@media (max-width: 480px){.social-page{padding:10px}.social-header{padding:12px}.social-title-row{gap:10px}.social-title-icon{width:44px;height:44px}.social-header h1{font-size:1.5rem}.social-header p{font-size:.9rem}.stat-icon-img{width:24px;height:24px}.social-stats{flex-direction:column;gap:.5rem}.stat-badge{font-size:.8rem;padding:.35rem .7rem}.player-id-address{font-size:11px;padding:8px 12px;overflow-x:auto;max-width:100%;min-width:unset}.social-copy-btn{font-size:11px;padding:8px 14px}.player-id-icon{width:24px;height:24px}.player-id-label{font-size:10px;letter-spacing:1px}.social-tab-horizontal{font-size:.75rem;padding:.6rem .4rem;letter-spacing:.5px}.social-tab-content{padding:.75rem}.friend-item,.request-item{padding:.75rem;border-width:2px}.friend-name,.request-name{font-size:1rem}.conversation-header{padding:.75rem 1rem}.conv-friend-name{font-size:1.2rem}.messages-area{padding:.75rem}.message-bubble{max-width:90%;padding:.6rem .85rem}.message-input-form{padding:.75rem}.message-input{font-size:.95rem;padding:.6rem .85rem}.btn-send-message{font-size:.9rem;padding:.5rem 1rem}}@media (max-width: 360px){.social-title-row{gap:8px}.social-title-icon{width:36px;height:36px}.social-header h1{font-size:1.3rem}.stat-icon-img{width:20px;height:20px}.social-tab-horizontal{font-size:.65rem;padding:.5rem .3rem}.message-bubble{font-size:.9rem}}@media (min-width: 1920px){.add-friends-full-layout{grid-template-columns:1.2fr 1fr;gap:36px;padding:36px}.friend-manage-item{padding:18px 22px}.friend-manage-name{font-size:18px}.friends-manage-list{max-height:700px}}@media (min-width: 1440px) and (max-width: 1919px){.add-friends-full-layout{grid-template-columns:1fr 1fr;gap:28px;padding:28px}}@media (min-width: 1024px) and (max-width: 1439px){.add-friends-full-layout{grid-template-columns:1fr 1fr;gap:24px;padding:24px}.friend-manage-item,.search-result-item{padding:12px 14px}.friend-manage-name,.result-name{font-size:15px}}@media (max-width: 1023px){.add-friends-full-layout{grid-template-columns:1fr;gap:20px;padding:20px}.add-friends-left-col,.add-friends-right-col{min-height:350px}.friends-manage-list,.add-friend-panel{max-height:400px}}@media (max-width: 767px){.add-friends-full-layout{grid-template-columns:1fr;gap:16px;padding:16px}.add-friends-col-header h3{font-size:16px;letter-spacing:1px}.friend-manage-item,.search-result-item{padding:12px}.friend-manage-name,.result-name{font-size:14px}.friend-manage-level,.result-level{font-size:12px}.friend-manage-since{font-size:10px}.btn-remove-friend,.btn-add-result,.btn-send-request{padding:8px 14px;font-size:12px}.input-search,.input-player-id{padding:12px 14px;font-size:14px}.friends-manage-list,.add-friend-panel{max-height:350px}}@media (max-width: 479px){.add-friends-full-layout{grid-template-columns:1fr;gap:12px;padding:12px}.add-friends-col-header h3{font-size:15px;padding:14px 16px}.friend-manage-item,.search-result-item{flex-direction:column;align-items:flex-start;gap:10px;padding:10px}.friend-manage-actions{width:100%;flex-direction:column}.friend-manage-actions .btn-message,.friend-manage-actions .btn-remove-friend,.btn-remove-friend,.btn-add-result{width:100%;text-align:center}.btn-send-request{width:100%;padding:12px;margin-top:8px}.input-player-id{width:100%}.add-friend-form{flex-direction:column;gap:10px}}.friends-manage-list::-webkit-scrollbar,.add-friend-panel::-webkit-scrollbar,.search-results::-webkit-scrollbar{width:10px}.friends-manage-list::-webkit-scrollbar-track,.add-friend-panel::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.friends-manage-list::-webkit-scrollbar-thumb,.add-friend-panel::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#daa520,#b8860b);border-radius:5px}.friends-manage-list::-webkit-scrollbar-thumb:hover,.add-friend-panel::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,gold,#daa520)}.requests-container{background:#00000080;border:3px solid #4a3821;border-radius:12px;padding:20px;margin-bottom:24px}.requests-container-title{margin:0 0 16px;font-size:18px;color:gold;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.8);padding-bottom:12px;border-bottom:2px solid rgba(218,165,32,.3)}.subsection-title{display:flex;align-items:center;gap:8px;font-size:14px;color:#daa520;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:12px;padding:8px 12px;background:#daa5201a}.subsection-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));border-radius:6px;border-left:3px solid #daa520}.requests-section,.group-invites-section{margin-bottom:16px}.requests-section:last-child,.group-invites-section:last-child{margin-bottom:0}.no-requests-state{text-align:center;padding:32px 20px;color:#666}.no-requests-icon{font-size:48px;margin-bottom:12px;opacity:.5}.no-requests-text{font-size:15px;color:#888;font-weight:700;margin-bottom:8px}.no-requests-hint{font-size:13px;color:#666;font-style:italic}.requests-list{display:flex;flex-direction:column;gap:10px}.request-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#00000080,#14141480);border:2px solid #4a3821;border-radius:10px;transition:all .3s ease;animation:slideInRight .3s ease}.request-item:hover{background:linear-gradient(135deg,#daa52026,#b8860b26);border-color:#daa520;transform:translate(4px);box-shadow:0 4px 12px #daa52033}.request-info{display:flex;flex-direction:column;gap:4px}.request-name{font-size:16px;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5)}.request-level{font-size:14px;color:#daa520;font-weight:600}.request-date{font-size:12px;color:#888;font-style:italic}.request-meta{font-size:13px;color:#aaa;margin-top:4px}.request-actions{display:flex;gap:8px}.btn-accept,.btn-decline{padding:8px 16px;border:2px solid;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-accept{background:linear-gradient(135deg,#0a0,#080);border-color:#0f0;color:#fff}.btn-accept:hover{background:linear-gradient(135deg,#0f0,#0c0);transform:translateY(-2px);box-shadow:0 4px 12px #0f06}.btn-decline{background:linear-gradient(135deg,#a00,#800);border-color:red;color:#fff}.btn-decline:hover{background:linear-gradient(135deg,red,#c00);transform:translateY(-2px);box-shadow:0 4px 12px #f006}.btn-accept:active,.btn-decline:active{transform:translateY(0)}.tab-icon{width:50px;height:50px;margin-right:10px;vertical-align:middle;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));transition:transform .2s ease}.social-tab-horizontal:hover .tab-icon{transform:scale(1.08)}.panel-header-icon{width:70px;height:70px;margin-right:14px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7))}.panel-header-social{display:flex;align-items:center}.col-header-icon{width:50px;height:50px;margin-right:12px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.add-friends-col-header{display:flex;align-items:center}.section-icon{width:50px;height:50px;margin-right:10px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.requests-container-title{display:flex;align-items:center}.instruction-header{display:flex;align-items:center;margin-bottom:12px}.instruction-icon{width:50px;height:50px;margin-right:12px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.inbox-type-icon{width:50px;height:50px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.inbox-item-icon{position:relative;display:flex;align-items:center;justify-content:center}.admin-badge-mini-icon{position:absolute;top:-8px;right:-8px;width:28px;height:28px;filter:drop-shadow(0 3px 6px rgba(255,215,0,.9));animation:crownGlow 2s ease infinite}@keyframes crownGlow{0%,to{filter:drop-shadow(0 2px 4px rgba(255,215,0,.6))}50%{filter:drop-shadow(0 2px 8px rgba(255,215,0,1))}}.closed-icon-mini{width:24px;height:24px;margin-left:8px;opacity:.7;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.empty-icon-img,.no-conv-icon-img,.no-requests-icon-img{width:120px;height:120px;margin:0 auto 20px;opacity:.4;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6));display:block}.admin-tag{display:inline-flex;align-items:center;margin-left:8px}.admin-tag img{width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(255,215,0,.8))}@media (max-width: 768px){.tab-icon{width:40px;height:40px;margin-right:8px}.panel-header-icon{width:56px;height:56px;margin-right:12px}.col-header-icon,.section-icon{width:40px;height:40px;margin-right:10px}.empty-icon-img,.no-conv-icon-img,.no-requests-icon-img{width:90px;height:90px}.admin-badge-mini-icon{width:22px;height:22px}.closed-icon-mini{width:20px;height:20px}}@media (max-width: 480px){.tab-icon{width:36px;height:36px;margin-right:6px}.panel-header-icon{width:50px;height:50px;margin-right:10px}.col-header-icon,.section-icon{width:36px;height:36px;margin-right:8px}.empty-icon-img,.no-conv-icon-img,.no-requests-icon-img{width:80px;height:80px}}.social-dm-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:socialDmOverlayFadeIn .2s ease-out;padding:20px;box-sizing:border-box}@keyframes socialDmOverlayFadeIn{0%{opacity:0}to{opacity:1}}.social-dm-modal-content{background:linear-gradient(180deg,#654321,#3e2a1a);border:5px solid #daa520;border-radius:16px;max-width:480px;width:calc(100% - 40px);box-shadow:0 20px 60px #000000e6,0 0 30px #daa52026;animation:socialDmModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 80px)}@keyframes socialDmModalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.social-dm-modal-header{background:linear-gradient(180deg,#8b5a2b,#5d3a1a);padding:1.2rem 1.5rem;border-radius:12px 12px 0 0;border-bottom:3px solid rgba(255,200,100,.4);box-shadow:inset 0 1px #ffc86433;position:relative;flex-shrink:0}.social-dm-modal-title-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.social-dm-modal-icon{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.social-dm-modal-header h3{margin:0;font-size:1.5rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.5);font-family:Impact,sans-serif;letter-spacing:.5px}.social-dm-modal-header p{margin:0;font-size:.85rem;color:#ffedccb3;text-align:center}.social-dm-modal-close-btn{position:absolute;top:12px;right:12px;background:#0000004d;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.3rem;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease;font-weight:700;display:flex;align-items:center;justify-content:center}.social-dm-modal-close-btn:hover{background:#0009;transform:scale(1.1) rotate(90deg)}.social-dm-modal-body{padding:0;flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#8b5a2b #2a1a0e}.social-dm-modal-body::-webkit-scrollbar{width:8px}.social-dm-modal-body::-webkit-scrollbar-track{background:#2a1a0e;border-radius:4px}.social-dm-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5a2b,#5d3a1a);border-radius:4px;border:1px solid #3e2a1a}.social-dm-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a0704a,#6d4822)}.social-dm-modal-empty{padding:2rem 1.5rem;text-align:center;color:#aaa}.social-dm-modal-empty-icon{width:64px;height:64px;object-fit:contain;margin-bottom:12px;opacity:.7;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.social-dm-modal-empty p{margin:0;font-size:.95rem;color:#ffedcc99}.social-dm-modal-list{display:flex;flex-direction:column;padding:12px;gap:8px}.social-dm-modal-friend{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#00000059;border:2px solid #8b4513;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);gap:12px}.social-dm-modal-friend:hover{background:#8b45134d;border-color:#daa520;transform:translate(3px);box-shadow:0 2px 12px #daa52026}.social-dm-modal-friend-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.social-dm-modal-friend-name{font-weight:700;color:gold;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-dm-modal-friend-level{font-size:.8rem;color:#4caf50;font-weight:600}.social-dm-modal-friend-since{font-size:.75rem;color:#999;font-style:italic}.social-dm-modal-msg-btn{background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;border:2px solid #2e7d32;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.85rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;min-height:44px;min-width:100px;justify-content:center}.social-dm-modal-msg-btn:hover{background:linear-gradient(180deg,#66bb6a,#4caf50);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.social-dm-modal-msg-btn:active{transform:scale(.95);box-shadow:inset 0 2px 4px #0000004d}.social-dm-modal-footer{padding:1rem 1.5rem;border-top:3px solid rgba(218,165,32,.3);background:#0003;border-radius:0 0 12px 12px;display:flex;justify-content:center;flex-shrink:0}.social-dm-modal-footer-btn{background:linear-gradient(180deg,#555,#333);border:2px solid #666;color:#ccc;padding:.7rem 2rem;font-size:.95rem;font-weight:700;border-radius:8px;cursor:pointer;will-change:transform,box-shadow;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;min-height:44px}.social-dm-modal-footer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006;color:#fff;border-color:#888}.social-dm-modal-footer-btn:active{transform:translateY(0)}@media (max-width: 320px){.social-dm-modal-overlay{padding:10px}.social-dm-modal-content{border-width:3px;border-radius:12px;width:calc(100% - 20px)}.social-dm-modal-header{padding:1rem}.social-dm-modal-header h3{font-size:1.2rem}.social-dm-modal-icon{width:24px;height:24px}.social-dm-modal-close-btn{width:32px;height:32px;min-width:32px;min-height:32px;font-size:1.1rem}.social-dm-modal-friend{padding:10px;flex-direction:column;align-items:stretch}.social-dm-modal-msg-btn{width:100%}.social-dm-modal-footer{padding:.8rem 1rem}}@media (min-width: 321px) and (max-width: 480px){.social-dm-modal-content{border-width:4px;width:calc(100% - 30px)}.social-dm-modal-header h3{font-size:1.3rem}.social-dm-modal-friend{padding:10px 12px}}@media (min-width: 481px) and (max-width: 768px){.social-dm-modal-content{max-width:440px}}@media (min-width: 1200px){.social-dm-modal-content{max-width:500px}.social-dm-modal-header h3{font-size:1.6rem}.social-dm-modal-icon{width:36px;height:36px}}@media (prefers-reduced-motion: reduce){.social-dm-modal-overlay,.social-dm-modal-content{animation:none}.social-dm-modal-close-btn,.social-dm-modal-friend,.social-dm-modal-msg-btn,.social-dm-modal-footer-btn{transition:none}}.social-remove-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;animation:socialRemoveOverlayFadeIn .2s ease-out;padding:20px;box-sizing:border-box}@keyframes socialRemoveOverlayFadeIn{0%{opacity:0}to{opacity:1}}.social-remove-modal-content{background:linear-gradient(180deg,#654321,#3e2a1a);border:5px solid #b33a3a;border-radius:16px;max-width:460px;width:calc(100% - 40px);box-shadow:0 20px 60px #000000e6,0 0 30px #b33a3a33;animation:socialRemoveModalSlideIn .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes socialRemoveModalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.social-remove-modal-header{background:linear-gradient(180deg,#8b3a3a,#5d2020);padding:1.2rem 1.5rem;border-radius:12px 12px 0 0;border-bottom:3px solid rgba(255,150,150,.25);display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 1px #ff969626}.social-remove-modal-header h3{margin:0;font-size:1.5rem;color:#fcc;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.5);font-family:Impact,sans-serif;letter-spacing:.5px}.social-remove-close-btn{background:#0000004d;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;font-weight:700;display:flex;align-items:center;justify-content:center}.social-remove-close-btn:hover:not(:disabled){background:#0009;transform:scale(1.1) rotate(90deg)}.social-remove-close-btn:disabled{opacity:.5;cursor:not-allowed}.social-remove-modal-body{padding:2rem 1.5rem;color:#ffedcc;text-align:center}.social-remove-warning{font-size:1.2rem;margin:0 0 1.5rem;color:#fcc;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.6)}.social-remove-preview{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:1.5rem auto;padding:1.2rem 1.5rem;background:#0006;border:3px solid #8b4513;border-radius:12px;max-width:280px}.social-remove-icon{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.social-remove-details{text-align:left}.social-remove-name{font-size:1.3rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.6)}.social-remove-permanent-warning{font-size:.95rem;color:#e6a832;margin:1.5rem 0 0;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.6);opacity:.95}.social-remove-modal-footer{padding:1.2rem 1.5rem;border-top:3px solid rgba(139,69,19,.3);display:flex;justify-content:space-between;gap:1rem;background:#0003;border-radius:0 0 12px 12px}.social-remove-btn-cancel{flex:1;background:linear-gradient(180deg,#4caf50,#388e3c);border:3px solid #2e7d32;color:#fff;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;will-change:transform,box-shadow;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px #1b5e20,0 6px 12px #0006;min-height:48px}.social-remove-btn-cancel:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #1b5e20,0 8px 16px #00000080}.social-remove-btn-cancel:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px #1b5e20,0 4px 8px #0006}.social-remove-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.social-remove-btn-confirm{flex:1;background:linear-gradient(180deg,#8b3a3a,#5d2020);border:3px solid #b33a3a;color:#fcc;padding:.9rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;will-change:transform,box-shadow;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;box-shadow:0 4px #3a1010,0 6px 12px #0006;min-height:48px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.social-remove-btn-confirm:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #3a1010,0 8px 16px #00000080;background:linear-gradient(180deg,#a04a4a,#6d2828)}.social-remove-btn-confirm:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px #3a1010,0 4px 8px #0006}.social-remove-btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 320px){.social-remove-modal-overlay{padding:10px}.social-remove-modal-content{border-width:3px;border-radius:12px;width:calc(100% - 20px)}.social-remove-modal-header{padding:1rem}.social-remove-modal-header h3{font-size:1.2rem}.social-remove-close-btn{width:36px;height:36px;min-width:36px;min-height:36px;font-size:1.2rem}.social-remove-modal-body{padding:1.2rem 1rem}.social-remove-warning{font-size:1rem}.social-remove-preview{padding:.8rem 1rem;gap:.8rem}.social-remove-icon{width:40px;height:40px}.social-remove-name{font-size:1.1rem}.social-remove-permanent-warning{font-size:.85rem}.social-remove-modal-footer{padding:1rem;flex-direction:column;gap:.8rem}.social-remove-btn-cancel,.social-remove-btn-confirm{font-size:1rem;padding:.8rem 1rem}}@media (min-width: 321px) and (max-width: 480px){.social-remove-modal-content{border-width:4px;width:calc(100% - 30px)}.social-remove-modal-header h3{font-size:1.3rem}.social-remove-modal-body{padding:1.5rem 1.2rem}}@media (min-width: 481px) and (max-width: 768px){.social-remove-modal-content{max-width:420px}}@media (min-width: 1200px){.social-remove-modal-content{max-width:500px}.social-remove-modal-header h3{font-size:1.6rem}.social-remove-icon{width:60px;height:60px}}@media (prefers-reduced-motion: reduce){.social-remove-modal-overlay,.social-remove-modal-content{animation:none}.social-remove-close-btn,.social-remove-btn-cancel,.social-remove-btn-confirm{transition:none}}.lb-rewards-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:clamp(.5rem,2vw,1.5rem);animation:lb-overlay-fade-in .25s ease-out}@keyframes lb-overlay-fade-in{0%{opacity:0}to{opacity:1}}.lb-rewards-modal{background:linear-gradient(180deg,#1a1612,#0d0b09,#1a1612);border:2px solid #8B6914;border-radius:clamp(8px,1.5vw,16px);width:100%;max-width:clamp(350px,90vw,900px);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 60px #8b691466,inset 0 1px #ffd7001a,inset 0 -2px #0000004d;animation:lb-modal-slide-in .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@keyframes lb-modal-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.lb-rewards-modal:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:1}.lb-rewards-header{padding:clamp(1rem,3vw,1.5rem);background:linear-gradient(180deg,#8b69144d,#8b69141a);border-bottom:1px solid rgba(139,105,20,.4);text-align:center;position:relative;z-index:2}.lb-rewards-title-row{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1rem);margin-bottom:.5rem}.lb-rewards-crown{width:clamp(28px,5vw,40px);height:clamp(28px,5vw,40px);filter:drop-shadow(0 0 8px rgba(255,215,0,.6));animation:lb-crown-float 3s ease-in-out infinite}.lb-rewards-crown.flipped{transform:scaleX(-1);animation-delay:-1.5s}@keyframes lb-crown-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.lb-rewards-crown.flipped{animation-name:lb-crown-float-flipped}@keyframes lb-crown-float-flipped{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-4px)}}.lb-rewards-title{font-family:Cinzel,Times New Roman,serif;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.5);letter-spacing:.15em;margin:0}.lb-rewards-subtitle{font-size:clamp(.75rem,2vw,.875rem);color:#b8a066;margin:0}.lb-rewards-close{position:absolute;top:clamp(.5rem,2vw,1rem);right:clamp(.5rem,2vw,1rem);width:clamp(28px,4vw,36px);height:clamp(28px,4vw,36px);background:#8b69144d;border:1px solid #8B6914;border-radius:50%;color:gold;font-size:clamp(.875rem,2vw,1rem);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.lb-rewards-close:hover{background:#8b691480;transform:rotate(90deg) scale(1.1);box-shadow:0 0 15px #ffd70066}.lb-rewards-tabs{display:flex;gap:clamp(.5rem,2vw,1rem);padding:clamp(.75rem,2vw,1rem);background:#0000004d;border-bottom:1px solid rgba(139,105,20,.3);z-index:2;position:relative}.lb-rewards-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.5rem,2vw,.75rem);background:linear-gradient(180deg,#2a2215,#1a1510);border:1px solid rgba(139,105,20,.3);border-radius:8px;color:#b8a066;font-size:clamp(.75rem,2vw,.875rem);font-weight:600;cursor:pointer;transition:all .2s ease}.lb-rewards-tab:hover{background:linear-gradient(180deg,#3a3020,#2a2015);border-color:#8b691480}.lb-rewards-tab.active{background:linear-gradient(180deg,#4a3a20,#3a2a15);border-color:gold;color:gold;box-shadow:0 0 15px #ffd70033,inset 0 1px #ffffff1a}.lb-tab-icon{width:clamp(18px,3vw,24px);height:clamp(18px,3vw,24px);opacity:.8}.lb-rewards-tab.active .lb-tab-icon{opacity:1;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.lb-rewards-content{flex:1;overflow-y:auto;padding:clamp(.75rem,2vw,1.25rem);z-index:2;position:relative;scrollbar-width:thin;scrollbar-color:#8B6914 transparent}.lb-rewards-content::-webkit-scrollbar{width:8px}.lb-rewards-content::-webkit-scrollbar-track{background:transparent}.lb-rewards-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b6914,#5a4510);border-radius:4px}.lb-rewards-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:#b8a066}.lb-rewards-spinner{width:40px;height:40px;border:3px solid rgba(139,105,20,.3);border-top-color:gold;border-radius:50%;animation:lb-spin .8s linear infinite}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-rewards-error{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#ff6b6b;font-size:.875rem}.lb-rewards-list{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem)}.lb-reward-section{background:#0000004d;border:1px solid rgba(139,105,20,.3);border-radius:12px;padding:clamp(.75rem,2vw,1.25rem)}.lb-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(.75rem,2vw,1rem);padding-bottom:.75rem;border-bottom:1px solid rgba(139,105,20,.2)}.lb-section-title{font-family:Cinzel,serif;font-size:clamp(.9rem,2.5vw,1.125rem);font-weight:600;color:gold;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.5)}.lb-period-badge{padding:.25rem .75rem;border-radius:20px;font-size:clamp(.65rem,1.5vw,.75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.lb-period-badge.weekly{background:linear-gradient(135deg,#2e7d32,#1b5e20);border:1px solid #4CAF50;color:#a5d6a7}.lb-period-badge.monthly{background:linear-gradient(135deg,#6a1b9a,#4a148c);border:1px solid #9C27B0;color:#ce93d8}.lb-period-badge.all-time{background:linear-gradient(135deg,#b71c1c,#8b0000);border:1px solid #F44336;color:#ef9a9a}.lb-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.5rem,1.5vw,.75rem)}.lb-tier-card{background:linear-gradient(180deg,#1f1a14,#151210);border:1px solid rgba(139,105,20,.3);border-radius:10px;padding:clamp(.6rem,1.5vw,.85rem);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:clamp(160px,22vw,200px);display:flex;flex-direction:column}.lb-tier-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.05),transparent);transition:left .5s ease;pointer-events:none}.lb-tier-card:hover:before{left:100%}.lb-tier-card:hover{transform:translateY(-3px) scale(1.02);border-color:#ffd70080;box-shadow:0 8px 25px #0006,0 0 20px #ffd7001a}.lb-tier-card.expanded{grid-column:1 / -1;background:linear-gradient(180deg,#2a2218,#1a1510)}.lb-tier-card.rank-badge-gold{border-color:gold;background:linear-gradient(180deg,#ffd70026,#8b69141a,#151210)}.lb-tier-card.rank-badge-silver{border-color:silver;background:linear-gradient(180deg,#c0c0c01f,#64646414,#151210)}.lb-tier-card.rank-badge-bronze{border-color:#cd7f32;background:linear-gradient(180deg,#cd7f321f,#8b5a2b14,#151210)}.lb-tier-rank{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}.rank-medal-icon{width:clamp(20px,4vw,28px);height:clamp(20px,4vw,28px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.lb-error-icon{width:clamp(18px,3vw,24px);height:clamp(18px,3vw,24px);opacity:.9}.rank-text{font-size:clamp(.7rem,1.8vw,.8rem);font-weight:700;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.5)}.lb-tier-preview{display:flex;flex-direction:column;gap:clamp(.25rem,.8vw,.4rem);margin-bottom:.5rem;padding-left:0}.preview-item{display:flex;align-items:center;gap:clamp(.3rem,.8vw,.5rem);padding:0;background:transparent;border:none;border-radius:0;font-size:clamp(.65rem,1.6vw,.75rem);font-weight:600;color:#b8a066}.preview-icon{width:clamp(28px,5vw,36px);height:clamp(28px,5vw,36px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));flex-shrink:0}.lb-rewards-modal .preview-item img{background:linear-gradient(135deg,#0f0c0899,#050300b3)!important;border:1px solid rgba(60,55,45,.5)!important}.preview-item.guild-xp{color:#ce93d8}.preview-item.items{color:#90caf9}.lb-tier-expand-hint{font-size:clamp(.55rem,1.3vw,.65rem);color:#b8a06699;text-align:center;margin-top:auto;padding-top:.35rem}.lb-tier-card:hover .lb-tier-expand-hint{color:gold}.lb-tier-details{margin-top:.75rem;animation:lb-details-expand .3s ease-out}@keyframes lb-details-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.details-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,105,20,.5) 50%,transparent 100%);margin-bottom:.75rem}.details-section{margin-bottom:.75rem}.details-section:last-child{margin-bottom:0}.details-label{font-size:clamp(.65rem,1.5vw,.75rem);font-weight:600;color:#b8a066;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.details-rewards{display:flex;flex-wrap:wrap;gap:.5rem}.detail-reward{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:#0006;border:1px solid rgba(139,105,20,.3);border-radius:6px}.detail-icon{width:clamp(18px,3vw,24px);height:clamp(18px,3vw,24px)}.detail-value{font-size:clamp(.8rem,2vw,.9rem);font-weight:700;color:gold}.detail-name{font-size:clamp(.6rem,1.5vw,.7rem);color:#888}.no-rewards{font-size:clamp(.65rem,1.5vw,.75rem);color:#666;font-style:italic}.details-items{display:flex;flex-direction:column;gap:.35rem}.detail-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:#5a96c81a;border:1px solid rgba(90,150,200,.3);border-radius:6px}.item-name{flex:1;font-size:clamp(.7rem,1.8vw,.8rem);color:#90caf9}.lb-rewards-modal .item-quantity{position:static!important;font-size:clamp(.7rem,1.8vw,.8rem);font-weight:600;color:gold}.item-chance{font-size:clamp(.55rem,1.3vw,.65rem);color:#ff9800;font-style:italic}.lb-rewards-footer{padding:clamp(.75rem,2vw,1rem);background:#0006;border-top:1px solid rgba(139,105,20,.3);z-index:2;position:relative}.lb-rewards-note{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:clamp(.6rem,1.5vw,.7rem);color:#888;margin:0;text-align:center}.note-icon{width:clamp(14px,2vw,18px);height:clamp(14px,2vw,18px);opacity:.6}@media (min-width: 1920px){.lb-rewards-modal{max-width:1100px}.lb-tier-grid{grid-template-columns:repeat(5,1fr);gap:1rem}.lb-tier-card{min-height:220px;padding:1rem}.preview-icon{width:42px;height:42px}.lb-rewards-title{font-size:2rem}}@media (min-width: 1200px) and (max-width: 1919px){.lb-tier-grid{grid-template-columns:repeat(4,1fr)}.lb-tier-card{min-height:190px}}@media (min-width: 900px) and (max-width: 1199px){.lb-tier-grid{grid-template-columns:repeat(4,1fr)}.lb-tier-card{min-height:180px}}@media (min-width: 768px) and (max-width: 899px){.lb-rewards-modal{max-width:95vw}.lb-tier-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.lb-tier-card{min-height:165px;padding:.65rem}.preview-icon{width:32px;height:32px}}@media (min-width: 600px) and (max-width: 767px){.lb-rewards-modal{max-width:95vw;max-height:92vh}.lb-tier-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.lb-tier-card{min-height:155px;padding:.6rem}.lb-tier-card.expanded{grid-column:1 / -1}.preview-icon{width:30px;height:30px}.lb-rewards-tabs{gap:.5rem}.lb-rewards-tab{padding:.65rem;font-size:.8rem}.lb-section-header{flex-direction:column;align-items:flex-start}}@media (min-width: 480px) and (max-width: 599px){.lb-rewards-overlay{padding:.5rem}.lb-rewards-modal{max-width:98vw;max-height:94vh}.lb-rewards-header{padding:.85rem}.lb-tier-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.lb-tier-card{min-height:145px;padding:.55rem}.lb-tier-card.expanded{grid-column:1 / -1}.preview-icon{width:26px;height:26px}.preview-item{font-size:.65rem}.lb-rewards-tabs{flex-direction:row;gap:.4rem}.lb-rewards-tab{padding:.6rem .5rem;font-size:.75rem}.lb-tab-icon{width:18px;height:18px}}@media (min-width: 400px) and (max-width: 479px){.lb-rewards-overlay{padding:.35rem}.lb-rewards-modal{max-width:100vw;max-height:95vh;border-radius:10px}.lb-rewards-header{padding:.75rem}.lb-rewards-title{font-size:1.1rem;letter-spacing:.1em}.lb-rewards-crown{width:24px;height:24px}.lb-tier-grid{grid-template-columns:repeat(2,1fr);gap:.35rem}.lb-tier-card{min-height:135px;padding:.5rem;border-radius:8px}.lb-tier-card.expanded{grid-column:1 / -1;min-height:auto}.preview-icon{width:24px;height:24px}.preview-item{font-size:.6rem;gap:.25rem}.lb-tier-preview{gap:.2rem}.rank-medal-icon{width:18px;height:18px}.rank-text{font-size:.65rem}.lb-tier-expand-hint{font-size:.5rem}.lb-rewards-tabs{flex-direction:column;gap:.35rem;padding:.6rem}.lb-rewards-tab{padding:.65rem;font-size:.75rem}.lb-section-header{flex-direction:column;align-items:flex-start;gap:.4rem}.lb-section-title{font-size:.85rem}.lb-period-badge{font-size:.6rem;padding:.2rem .5rem}.lb-rewards-content{padding:.6rem}.lb-reward-section{padding:.6rem;border-radius:10px}.lb-rewards-footer{padding:.6rem}.lb-rewards-note{font-size:.55rem}.note-icon{width:14px;height:14px}}@media (max-width: 399px){.lb-rewards-overlay{padding:.25rem}.lb-rewards-modal{max-width:100vw;max-height:96vh;border-radius:8px;border-width:1px}.lb-rewards-header{padding:.6rem}.lb-rewards-title-row{gap:.25rem}.lb-rewards-title{font-size:1rem;letter-spacing:.08em}.lb-rewards-subtitle{font-size:.65rem}.lb-rewards-crown{width:20px;height:20px}.lb-rewards-close{width:26px;height:26px;top:.4rem;right:.4rem}.lb-tier-grid{grid-template-columns:1fr 1fr;gap:.3rem}.lb-tier-card{min-height:125px;padding:.45rem;border-radius:6px}.lb-tier-card.expanded{grid-column:1 / -1;min-height:auto}.preview-icon{width:22px;height:22px}.preview-item{font-size:.55rem;gap:.2rem}.lb-tier-preview{gap:.15rem}.rank-medal-icon{width:16px;height:16px}.rank-text{font-size:.6rem}.lb-tier-rank{margin-bottom:.35rem}.lb-tier-expand-hint{font-size:.45rem}.lb-rewards-tabs{flex-direction:column;gap:.3rem;padding:.5rem}.lb-rewards-tab{padding:.55rem;font-size:.7rem}.lb-tab-icon{width:16px;height:16px}.lb-section-header{flex-direction:column;align-items:flex-start;gap:.3rem;margin-bottom:.5rem;padding-bottom:.5rem}.lb-section-title{font-size:.8rem}.lb-period-badge{font-size:.55rem;padding:.15rem .4rem}.lb-rewards-content{padding:.5rem}.lb-rewards-list{gap:1rem}.lb-reward-section{padding:.5rem;border-radius:8px}.lb-rewards-footer{padding:.5rem}.lb-rewards-note{font-size:.5rem;gap:.3rem}.note-icon{width:12px;height:12px}.lb-tier-details{margin-top:.5rem}.details-label{font-size:.6rem;margin-bottom:.35rem}.details-rewards{gap:.35rem}.detail-reward{padding:.25rem .4rem}.detail-icon{width:16px;height:16px}.detail-value{font-size:.7rem}.detail-name{font-size:.55rem}.detail-item{padding:.25rem .4rem}.item-name,.item-quantity{font-size:.65rem}.item-chance{font-size:.5rem}}@media (hover: none) and (pointer: coarse){.lb-tier-card:hover{transform:none;box-shadow:none}.lb-tier-card:hover .lb-tier-expand-hint{color:#b8a06699}.lb-tier-card:hover:before{left:-100%}.lb-tier-card:active{transform:scale(.98);background:linear-gradient(180deg,#2a2218,#1a1510);transition:transform .1s ease}.lb-rewards-tab:active{transform:scale(.98);background:linear-gradient(180deg,#4a3a20,#3a2a15)}.lb-rewards-close:hover{transform:none}.lb-rewards-close:active{transform:scale(.95);background:#8b691499}.lb-tier-card{min-height:clamp(140px,35vw,180px)}.lb-rewards-close{min-width:36px;min-height:36px}.lb-rewards-tab{min-height:48px}}@media (max-height: 500px) and (orientation: landscape){.lb-rewards-modal{max-height:95vh}.lb-rewards-header{padding:.5rem}.lb-rewards-title{font-size:1rem}.lb-rewards-crown{width:22px;height:22px}.lb-tier-grid{grid-template-columns:repeat(4,1fr)}.lb-tier-card{min-height:120px;padding:.4rem}.lb-rewards-footer{padding:.4rem}}@media (prefers-reduced-motion: reduce){.lb-rewards-overlay,.lb-rewards-modal,.lb-tier-card,.lb-tier-card:before,.lb-rewards-crown,.lb-rewards-close,.lb-tier-details,.lb-rewards-spinner{animation:none!important;transition:none!important}.lb-tier-card:hover{transform:none}}.verification-banner{position:relative;width:100%;z-index:100;background:linear-gradient(135deg,#fd7e14fa,#dc3545f2);border-bottom:3px solid rgba(139,0,0,.5);box-shadow:0 4px 20px #0006,0 0 30px #fd7e144d;animation:bannerSlideDown .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.verification-banner-content{display:flex;align-items:center;justify-content:center;gap:15px;padding:12px 20px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.verification-banner-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.verification-banner-text{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.verification-banner-message{color:#fff;font-size:.95rem;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.verification-banner-timer{background:#00000040;padding:4px 12px;border-radius:20px;color:gold;font-weight:700;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap}.verification-banner-actions{display:flex;align-items:center;gap:10px}.verification-banner-resend{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:2px solid rgba(255,255,255,.3);padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 10px #4caf5066;white-space:nowrap}.verification-banner-resend:hover:not(:disabled){background:linear-gradient(135deg,#5cc761,#4caf50);transform:translateY(-2px);box-shadow:0 4px 15px #4caf5080}.verification-banner-resend:disabled{opacity:.7;cursor:not-allowed}.verification-banner-resend-message{color:#fff;font-size:.85rem;font-weight:600;padding:6px 12px;background:#0003;border-radius:12px}.verification-banner-dismiss{background:#ffffff26;color:#fff;border:none;width:28px;height:28px;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.verification-banner-dismiss:hover{background:#ffffff4d;transform:rotate(90deg)}@media (max-width: 768px){.verification-banner-content{padding:10px 15px;gap:10px}.verification-banner-icon{width:24px;height:24px}.verification-banner-message{font-size:.85rem}.verification-banner-timer{font-size:.8rem;padding:3px 10px}.verification-banner-resend{font-size:.8rem;padding:5px 12px}}@media (max-width: 480px){.verification-banner-content{flex-direction:column;gap:8px;padding:10px}.verification-banner-text{text-align:center}.verification-banner-actions{width:100%;justify-content:center}}.game-layout{height:100%;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);display:flex;flex-direction:column;overflow:hidden}.game-layout.mission-bg-easy{background:linear-gradient(180deg,#0009,#000c),url(/assets/images/Backgrounds/DarkForest.png) center/cover}.game-layout.mission-bg-medium{background:linear-gradient(180deg,#0009,#000c),url(/assets/images/Backgrounds/AbandonedMines.png) center/cover}.game-layout.mission-bg-hard{background:linear-gradient(180deg,#0009,#000c),url(/assets/images/Backgrounds/WildernessDark.png) center/cover}.game-header{background:linear-gradient(135deg,rgba(255,215,0,.15) 0%,transparent 50%,rgba(255,140,0,.15) 100%),linear-gradient(180deg,#ff9800,#ff8c00,orange);border-bottom:4px solid #b8860b;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 16px #000000b3,0 3px 8px #00000080,inset 0 1px #fff3;height:80px;overflow:visible;isolation:isolate;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform}.game-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 50%,rgba(255,215,0,.03) 0%,transparent 60%);pointer-events:none;z-index:0;opacity:.5}.game-header:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);pointer-events:none;z-index:1}.game-logo{height:60px;object-fit:contain;margin:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));animation:logoFloat 3s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.game-logo:hover{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 6px 12px rgba(0,0,0,.7))}.view-toggle{display:flex;gap:1rem;position:relative;z-index:2}.view-btn{padding:.75rem 1.5rem;font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;font-family:Impact,sans-serif;background:linear-gradient(135deg,#4caf50,#45a049,#388e3c);border:3px solid #2e7d32;border-radius:10px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #00000080,0 2px 4px #0000004d,inset 0 1px #ffffff26;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:visible;will-change:transform}.view-btn:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1;border-radius:10px}.view-btn:hover:after{transform:translate(-50%,-50%) scale(1.5);opacity:1}.view-btn:hover{transform:translateY(-5px) scale(1.05);background:linear-gradient(135deg,#66bb6a,#5cbf60,#4caf50);border-color:#66bb6a;box-shadow:0 8px 16px #0009,0 4px 8px #0006,0 0 25px #4caf5080,inset 0 1px #fff3}.view-btn:active{transform:translateY(-2px) scale(1.03);box-shadow:0 3px 6px #00000080,inset 0 1px #ffffff1a}.view-btn.active{background:linear-gradient(135deg,gold,#ffed4e,#ffc107);color:#2d2d2d;text-shadow:0 1px 2px rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.3);border-color:#d4af37;transform:translateY(2px) scale(1);box-shadow:0 2px 4px #00000080,0 0 20px #ffd70099,inset 0 2px 4px #0003;animation:activeButtonPulse 2.5s ease-in-out infinite}@keyframes activeButtonPulse{0%,to{box-shadow:0 2px 4px #00000080,0 0 20px #ffd70099,inset 0 2px 4px #0003}50%{box-shadow:0 2px 4px #00000080,0 0 35px #ffd700cc,inset 0 2px 4px #0003}}.view-btn.active:hover{transform:translateY(0) scale(1.02);background:linear-gradient(135deg,#ffe44e,#fff176,#ffd54f);box-shadow:0 4px 8px #0009,0 0 30px #ffd700cc,inset 0 2px 4px #00000026}.view-btn .btn-icon{width:24px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7));transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.view-btn:hover .btn-icon{transform:scale(1.1);filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}.view-btn:has(.notification-badge){overflow:visible}.notification-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#f44,#f33,#c00);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:900;font-family:Impact,sans-serif;border:2px solid #8b0000;min-width:20px;text-align:center;animation:notificationPulse 2s ease-in-out infinite;box-shadow:0 3px 6px #000000b3,0 0 12px #f449;z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes notificationPulse{0%,to{transform:scale(1);box-shadow:0 3px 6px #000000b3,0 0 12px #f449}50%{transform:scale(1.15);box-shadow:0 4px 8px #000c,0 0 20px #ff4444e6}}.notification-badge:hover{transform:scale(1.2);box-shadow:0 4px 8px #000c,0 0 18px #ff4444e6}.notification-indicator{position:absolute;top:-6px;right:-6px;padding:.15rem .4rem;border-radius:10px;font-size:.7rem;font-weight:900;font-family:Impact,sans-serif;min-width:18px;text-align:center;box-shadow:0 2px 4px #000000b3,0 0 8px #0006;z-index:10;animation:subtlePulse 2.5s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes subtlePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.92}}.notification-indicator:hover{transform:scale(1.15)}.notification-indicator-missions{background:linear-gradient(135deg,#4caf50,#45a049,#388e3c);color:#fff;border:2px solid #2e7d32;text-shadow:0 1px 2px rgba(0,0,0,.8)}.notification-indicator-missions:hover{box-shadow:0 3px 6px #000c,0 0 15px #4caf50b3}.notification-indicator-farm{background:linear-gradient(135deg,gold,#ffed4e,#ffb300);color:#2d2d2d;border:2px solid #d4af37;text-shadow:0 1px 2px rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.3)}.notification-indicator-farm:hover{box-shadow:0 3px 6px #000c,0 0 15px #ffd700b3}.notification-indicator-crafting{background:linear-gradient(135deg,#ff9800,#ff8c00,#f57c00);color:#fff;border:2px solid #e65100;text-shadow:0 1px 2px rgba(0,0,0,.8)}.notification-indicator-crafting:hover{box-shadow:0 3px 6px #000c,0 0 15px #ff9800b3}.notification-indicator-pets{background:linear-gradient(135deg,#9c27b0,#ba68c8,#7b1fa2);color:#fff;border:2px solid #6a1b9a;text-shadow:0 1px 2px rgba(0,0,0,.8)}.notification-indicator-pets:hover{box-shadow:0 3px 6px #000c,0 0 15px #9c27b0b3}.notification-indicator-worldmap{background:linear-gradient(135deg,#00bcd4,#26c6da,#0097a7);color:#fff;border:2px solid #00838f;text-shadow:0 1px 2px rgba(0,0,0,.8)}.notification-indicator-worldmap:hover{box-shadow:0 3px 6px #000c,0 0 15px #00bcd4b3}.game-content{flex:1;min-height:0;padding:2rem;overflow-y:auto;overflow-x:hidden;max-width:100vw;box-sizing:border-box}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);color:gold;font-size:2rem;font-weight:900;font-family:Impact,sans-serif;text-shadow:0 4px 8px rgba(0,0,0,.9),0 0 30px rgba(255,215,0,.5)}@media (max-width: 1400px){.game-header{padding:.75rem 1rem;height:auto;min-height:70px}.game-logo{height:50px}.view-toggle{gap:.5rem}.view-btn{padding:.6rem 1rem;font-size:.95rem}.game-content{padding:1.5rem}.notification-indicator{font-size:.65rem;padding:.12rem .35rem;min-width:16px}}@media (max-width: 1024px){.game-header{flex-direction:column;gap:1rem;padding:1rem;height:auto}.game-logo{height:45px}.view-toggle{width:100%;flex-wrap:wrap;justify-content:center}.view-btn{flex:1 1 calc(33.333% - .5rem);min-width:120px;padding:.6rem .8rem;font-size:.9rem}.game-content{padding:1rem}}@media (max-width: 768px){.game-header{padding:.75rem .5rem}.game-logo{height:40px}.view-toggle{gap:.4rem}.view-btn{flex:1 1 calc(50% - .4rem);min-width:100px;padding:.5rem .6rem;font-size:.85rem;border-width:2px}.game-content{padding:.75rem}.loading-screen{font-size:1.5rem;padding:1rem}.notification-indicator{font-size:.6rem;padding:.1rem .3rem;min-width:14px;top:-4px;right:-4px}.notification-badge{font-size:.7rem;padding:.15rem .4rem;top:-6px;right:-6px}}@media (max-width: 480px){.game-header{padding:.5rem .25rem}.game-logo{height:35px}.view-toggle{gap:.3rem}.view-btn{flex:1 1 calc(50% - .3rem);min-width:80px;padding:.5rem .4rem;font-size:.75rem;min-height:44px}.game-content{padding:.5rem}.loading-screen{font-size:1.2rem}}@media (max-width: 360px){.game-header{padding:.5rem .25rem}.view-btn{font-size:.7rem;padding:.4rem .3rem}}@-moz-document url-prefix(){.game-header{background:linear-gradient(135deg,rgba(230,195,0,.15) 0%,transparent 50%,rgba(230,125,0,.15) 100%),linear-gradient(180deg,#e68a00,#e67e00,#e69500)}.notification-indicator-crafting:hover{box-shadow:0 3px 6px #000c,0 0 15px #e68700b3}}body.ftue-active .modal-overlay,body.ftue-active .modal-content,body.ftue-active .storage-modal,body.ftue-active .premium-modal,body.ftue-active .pet-detail-view,body.ftue-active .healing-pool-container,body.ftue-active .item-tooltip,body.ftue-active .upgrade-modal-overlay,body.ftue-active .upgrade-modal{z-index:9999!important}body.ftue-active .recipe-details-panel{display:none!important}body.ftue-active.ftue-recipe-select-step .recipe-details-panel{display:block!important;z-index:100!important}body.ftue-active.ftue-recipe-start-step .recipe-details-panel{display:block!important;z-index:9999!important}.ftue-overlay{position:fixed;inset:0;background:#000000d9;z-index:9998;animation:ftueOverlayFadeIn .4s ease-out;pointer-events:none}@keyframes ftueOverlayFadeIn{0%{opacity:0}to{opacity:1}}.ftue-spotlight{position:fixed;background:transparent;border:4px solid #ffd700;border-radius:12px;box-shadow:0 0 0 9999px #000000d9,0 0 30px 10px #ffd70099,inset 0 0 20px #ffd7004d;z-index:10000;pointer-events:none;animation:spotlightPulse 2s ease-in-out infinite;transform:translateZ(0);backface-visibility:hidden}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 9999px #000000d9,0 0 30px 10px #ffd70099,inset 0 0 20px #ffd7004d}50%{box-shadow:0 0 0 9999px #000000d9,0 0 40px 15px #ffd700cc,inset 0 0 30px #ffd70080}}.ftue-arrow{position:fixed;z-index:10001;pointer-events:none;filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}.ftue-arrow-down{width:8px;height:50px;background:linear-gradient(180deg,transparent 0%,#ffd700 30%,#ffd700 100%);border-radius:4px;transform:translate(-50%);animation:arrowBounceDown 1.5s ease-in-out infinite}.ftue-arrow-down:after{content:"";position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:25px solid #ffd700;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ftue-arrow-up{width:8px;height:50px;background:linear-gradient(0deg,transparent 0%,#ffd700 30%,#ffd700 100%);border-radius:4px;transform:translate(-50%);animation:arrowBounceUp 1.5s ease-in-out infinite}.ftue-arrow-up:after{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:25px solid #ffd700;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.3))}.ftue-arrow-left{width:50px;height:8px;background:linear-gradient(270deg,transparent 0%,#ffd700 30%,#ffd700 100%);border-radius:4px;transform:translateY(-50%);animation:arrowBounceLeft 1.5s ease-in-out infinite}.ftue-arrow-left:after{content:"";position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-right:25px solid #ffd700;filter:drop-shadow(-2px 0 4px rgba(0,0,0,.3))}.ftue-arrow-right{width:50px;height:8px;background:linear-gradient(90deg,transparent 0%,#ffd700 30%,#ffd700 100%);border-radius:4px;transform:translateY(-50%);animation:arrowBounceRight 1.5s ease-in-out infinite}.ftue-arrow-right:after{content:"";position:absolute;right:-18px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:25px solid #ffd700;filter:drop-shadow(2px 0 4px rgba(0,0,0,.3))}@keyframes arrowBounceDown{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(12px);opacity:.85}}@keyframes arrowBounceUp{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(-12px);opacity:.85}}@keyframes arrowBounceLeft{0%,to{transform:translateY(-50%) translate(0);opacity:1}50%{transform:translateY(-50%) translate(-12px);opacity:.85}}@keyframes arrowBounceRight{0%,to{transform:translateY(-50%) translate(0);opacity:1}50%{transform:translateY(-50%) translate(12px);opacity:.85}}.ftue-modal{position:fixed;max-width:600px;width:90%;background:linear-gradient(180deg,#654321,#3e2a1a);border:5px solid #ff8c00;border-radius:16px;padding:0;z-index:10003;box-shadow:0 20px 60px #000c,0 0 40px #ff8c0080,inset 0 2px #fff3;animation:ftueModalFadeIn .3s ease-out;pointer-events:all}@keyframes ftueModalFadeIn{0%{opacity:0}to{opacity:1}}.ftue-modal-center{top:50%;left:50%;transform:translate(-50%,-50%)}.ftue-modal-left{top:50%;left:20%;transform:translate(-50%,-50%)}.ftue-modal-right{top:50%;right:10%;transform:translateY(-50%)}.ftue-modal-top{top:15%;left:50%;transform:translate(-50%)}.ftue-modal-bottom{bottom:15%;left:50%;transform:translate(-50%)}.ftue-modal-header{background:linear-gradient(180deg,#ff8c00,#cc7000);padding:20px 25px;border-radius:12px 12px 0 0;border-bottom:3px solid #8b4513;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 1px #ffffff4d}.ftue-modal-header h2{margin:0;font-size:2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-family:Impact,sans-serif}.ftue-dismiss-btn{background:#0000004d;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:700}.ftue-dismiss-btn:hover{background:#f009;border-color:#ff6b6b;transform:scale(1.1)}.ftue-modal-content{padding:30px 25px;color:#ffedcc;font-size:1.1rem;line-height:1.8;max-height:400px;overflow-y:auto}.ftue-modal-content p{margin:0 0 15px;white-space:pre-line}.ftue-modal-content p:last-child{margin-bottom:0}.ftue-modal-content::-webkit-scrollbar{width:8px}.ftue-modal-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.ftue-modal-content::-webkit-scrollbar-thumb{background:#ff8c00;border-radius:4px}.ftue-modal-content::-webkit-scrollbar-thumb:hover{background:orange}.ftue-modal-footer{padding:20px 25px;border-top:3px solid rgba(255,140,0,.3);display:flex;justify-content:space-between;align-items:center;gap:15px;background:#0003;border-radius:0 0 12px 12px}.ftue-skip-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.ftue-skip-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.ftue-next-btn{background:linear-gradient(180deg,#4caf50,#388e3c);border:3px solid #2e7d32;color:#fff;padding:14px 32px;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;box-shadow:0 4px #1b5e20,0 6px 12px #0006;position:relative;overflow:hidden}.ftue-next-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.ftue-next-btn:hover{transform:translateY(-3px);box-shadow:0 6px #1b5e20,0 8px 16px #00000080}.ftue-next-btn:hover:before{left:100%}.ftue-next-btn:active{transform:translateY(-1px);box-shadow:0 2px #1b5e20,0 4px 8px #0006}.ftue-progress{position:absolute;bottom:-42px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1e1e28f2,#141419fa);padding:10px 20px;border-radius:25px;border:2px solid rgba(255,140,0,.6);box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff1a,0 0 20px #ff8c0026;backdrop-filter:blur(8px)}.ftue-progress-text{display:flex;align-items:center;gap:8px;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.9)}.ftue-section-icon{font-size:1.1rem;filter:drop-shadow(0 0 3px rgba(255,215,0,.5))}.ftue-section-name{color:gold;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ftue-section-count{color:#ffffffbf;font-size:.85rem;font-weight:600;padding-left:8px;border-left:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.ftue-modal{max-width:95%;width:95%}.ftue-modal-header h2{font-size:1.5rem}.ftue-modal-content{font-size:1rem;padding:20px 15px;max-height:300px}.ftue-modal-footer{flex-direction:column;gap:10px}.ftue-skip-btn,.ftue-next-btn{width:100%}.ftue-modal-center,.ftue-modal-left,.ftue-modal-right,.ftue-modal-top,.ftue-modal-bottom{inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.ftue-highlight-glow{animation:glowPulse 2s ease-in-out infinite;position:relative;z-index:9999}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ffd70099}50%{box-shadow:0 0 40px gold}}.ftue-pulse-btn{position:relative;z-index:10000;pointer-events:auto!important;animation:buttonPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:0 0 #ffd700b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #ffd70000}}.ftue-tooltip{position:absolute;background:linear-gradient(180deg,#654321,#3e2a1a);border:3px solid #ff8c00;border-radius:8px;padding:12px 16px;color:#ffedcc;font-size:.95rem;max-width:250px;z-index:10002;box-shadow:0 8px 20px #0009;pointer-events:none;animation:tooltipFadeIn .3s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ftue-modal *,.ftue-overlay,.ftue-spotlight,.ftue-arrow{transition:opacity .3s ease,transform .3s ease}@media (max-width: 1024px){.ftue-modal{max-width:550px;width:85%}.ftue-modal-header h2{font-size:1.6rem}.ftue-modal-content{font-size:1rem}}@media (max-width: 768px){.ftue-modal{max-width:500px;width:90%}.ftue-modal-header h2{font-size:1.4rem}.ftue-modal-content{font-size:.95rem;padding:1.2rem}.ftue-modal-content p{font-size:.95rem}.ftue-next-btn,.ftue-skip-btn{padding:.7rem 1.2rem;font-size:.95rem;min-height:44px}.ftue-dismiss-btn{width:35px;height:35px;font-size:1.3rem}.ftue-arrow-down,.ftue-arrow-up{height:40px;width:6px}.ftue-arrow-left,.ftue-arrow-right{width:40px;height:6px}.ftue-spotlight{border-width:3px}}@media (max-width: 600px){.ftue-modal{max-width:95%;width:95%;padding:0}.ftue-modal-header{padding:1rem}.ftue-modal-header h2{font-size:1.2rem}.ftue-modal-content{font-size:.9rem;padding:1rem;max-height:50vh;overflow-y:auto}.ftue-modal-content p{font-size:.9rem;margin:.4rem 0}.ftue-modal-footer{padding:.8rem 1rem;gap:.6rem}.ftue-next-btn,.ftue-skip-btn{padding:.6rem 1rem;font-size:.9rem;min-height:48px}.ftue-dismiss-btn{width:32px;height:32px;font-size:1.2rem}.ftue-progress{padding:6px 12px;bottom:-38px}.ftue-progress-text{gap:6px}.ftue-section-icon{font-size:.95rem}.ftue-section-name{font-size:.8rem}.ftue-section-count{font-size:.75rem;padding-left:6px}.ftue-arrow-down,.ftue-arrow-up{height:30px;width:5px}.ftue-arrow-left,.ftue-arrow-right{width:30px;height:5px}.ftue-spotlight{border-width:2px}.ftue-modal-left,.ftue-modal-right,.ftue-modal-top,.ftue-modal-bottom{inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important}}@media (max-width: 480px){.ftue-modal{max-width:95%;width:95%}.ftue-modal-header{padding:.8rem}.ftue-modal-header h2{font-size:1.1rem}.ftue-modal-content{font-size:.85rem;padding:.8rem;max-height:45vh}.ftue-modal-content p{font-size:.85rem;margin:.3rem 0}.ftue-modal-footer{padding:.6rem .8rem;flex-direction:column;gap:.5rem}.ftue-next-btn,.ftue-skip-btn{width:100%;padding:.7rem;font-size:.85rem}.ftue-dismiss-btn{width:30px;height:30px;font-size:1.1rem}.ftue-progress{padding:5px 10px;bottom:-35px}.ftue-progress-text{gap:5px}.ftue-section-icon{font-size:.85rem}.ftue-section-name{font-size:.7rem}.ftue-section-count{font-size:.65rem;padding-left:5px}.ftue-arrow-down,.ftue-arrow-up{height:25px;width:4px}.ftue-arrow-left,.ftue-arrow-right{width:25px;height:4px}.ftue-arrow-down:after,.ftue-arrow-up:after{border-left-width:12px;border-right-width:12px;border-top-width:16px;border-bottom-width:16px}.ftue-arrow-left:after,.ftue-arrow-right:after{border-top-width:12px;border-bottom-width:12px;border-left-width:16px;border-right-width:16px}}@media (max-width: 360px){.ftue-modal-header h2{font-size:1rem}.ftue-modal-content{font-size:.8rem;padding:.6rem}.ftue-modal-content p{font-size:.8rem}.ftue-next-btn,.ftue-skip-btn{font-size:.8rem;padding:.6rem}}.celebration-effects-layer{position:fixed;inset:0;z-index:99999;pointer-events:none;overflow:hidden}.celebration-effect-container{position:absolute;transform:translate(-50%,-50%);width:0;height:0;pointer-events:none}.celebration-particle{position:absolute;pointer-events:none;will-change:transform,opacity;animation-fill-mode:forwards}.celebration-burst-goldBurst{position:absolute;width:100px;height:100px;left:-50px;top:-50px;background:radial-gradient(circle,rgba(255,215,0,.9) 0%,rgba(255,180,50,.6) 30%,rgba(255,140,0,.3) 60%,transparent 80%);border-radius:50%;animation:goldBurstExpand .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes goldBurstExpand{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.8}to{transform:scale(2);opacity:0}}.celebration-gold-coin{width:24px;height:24px;background:linear-gradient(135deg,gold,#ffb700,orange);border:2px solid #cc9900;border-radius:50%;box-shadow:inset 0 -2px 4px #0000004d,inset 0 2px 4px #ffffff80,0 0 10px #ffd70099;animation:goldCoinBurst var(--particle-duration, 1s) var(--particle-delay, 0ms) cubic-bezier(.25,.46,.45,.94) forwards}.celebration-gold-coin:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);background:linear-gradient(135deg,#fd4,#fa0);border-radius:50%;border:1px solid #cc8800}@keyframes goldCoinBurst{0%{opacity:0;transform:rotate(0) translate(0) translateY(0) scale(.3)}20%{opacity:1;transform:rotate(calc(var(--particle-rotation, 360deg) * .2)) translate(calc(cos(var(--particle-angle, 0deg)) * var(--particle-distance, 60px) * .3)) translateY(calc(sin(var(--particle-angle, 0deg)) * var(--particle-distance, 60px) * .3)) scale(1)}to{opacity:0;transform:rotate(var(--particle-rotation, 360deg)) translate(calc(cos(var(--particle-angle, 0deg)) * var(--particle-distance, 60px))) translateY(calc(sin(var(--particle-angle, 0deg)) * var(--particle-distance, 60px) + 40px)) scale(.6)}}.celebration-gold-sparkle{width:calc(8px * var(--particle-size, 1));height:calc(8px * var(--particle-size, 1));background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,230,150,.9) 30%,rgba(255,200,50,.5) 60%,transparent 100%);border-radius:50%;box-shadow:0 0 6px #ffd700e6,0 0 12px #ffb40080;animation:goldSparkle var(--particle-duration, .7s) var(--particle-delay, 0ms) cubic-bezier(.34,1.56,.64,1) forwards}@keyframes goldSparkle{0%{opacity:0;transform:translate(0) translateY(0) scale(0)}30%{opacity:1;transform:translate(calc(cos(var(--particle-angle, 0deg)) * var(--particle-distance, 50px) * .4)) translateY(calc(sin(var(--particle-angle, 0deg)) * var(--particle-distance, 50px) * .4)) scale(1.5)}to{opacity:0;transform:translate(calc(cos(var(--particle-angle, 0deg)) * var(--particle-distance, 50px))) translateY(calc(sin(var(--particle-angle, 0deg)) * var(--particle-distance, 50px))) scale(.3)}}.celebration-gold-glint{width:4px;height:16px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.9) 40%,rgba(255,215,0,1) 50%,rgba(255,255,255,.9) 60%,transparent 100%);border-radius:2px;box-shadow:0 0 8px #ffd700cc;animation:goldGlint var(--particle-duration, .5s) var(--particle-delay, 0ms) ease-out forwards;transform-origin:center center}@keyframes goldGlint{0%{opacity:0;transform:rotate(var(--particle-angle, 0deg)) translateY(0) scaleY(0)}30%{opacity:1;transform:rotate(var(--particle-angle, 0deg)) translateY(calc(var(--particle-distance, 40px) * -.5)) scaleY(1)}to{opacity:0;transform:rotate(var(--particle-angle, 0deg)) translateY(calc(var(--particle-distance, 40px) * -1)) scaleY(.3)}}.celebration-burst-magicSwirl{position:absolute;width:80px;height:80px;left:-40px;top:-40px;background:radial-gradient(circle,rgba(180,100,255,.8) 0%,rgba(138,43,226,.5) 40%,rgba(75,0,130,.2) 70%,transparent 100%);border-radius:50%;animation:magicBurstExpand .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes magicBurstExpand{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(90deg);opacity:.7}to{transform:scale(1.8) rotate(180deg);opacity:0}}.celebration-magic-orb{width:calc(16px * var(--particle-size, 1));height:calc(16px * var(--particle-size, 1));background:radial-gradient(circle,rgba(230,180,255,1) 0%,rgba(180,100,255,.9) 40%,rgba(138,43,226,.6) 70%,transparent 100%);border-radius:50%;box-shadow:0 0 10px #b464ffcc,0 0 20px #8a2be280,0 0 30px #4b00824d;animation:magicOrbSpiral var(--particle-duration, 1.4s) var(--particle-delay, 0ms) cubic-bezier(.25,.46,.45,.94) forwards}@keyframes magicOrbSpiral{0%{opacity:0;transform:rotate(var(--particle-start-angle, 0deg)) translate(10px) translateY(0) scale(.3)}20%{opacity:1;transform:rotate(calc(var(--particle-start-angle, 0deg) + 72deg)) translate(25px) translateY(-30px) scale(1)}50%{opacity:.9;transform:rotate(calc(var(--particle-start-angle, 0deg) + 180deg)) translate(35px) translateY(-80px) scale(.9)}80%{opacity:.5;transform:rotate(calc(var(--particle-start-angle, 0deg) + 288deg)) translate(20px) translateY(-130px) scale(.7)}to{opacity:0;transform:rotate(calc(var(--particle-start-angle, 0deg) + 360deg * var(--particle-spiral-turns, 1))) translate(5px) translateY(-180px) scale(.4)}}.celebration-magic-dust{width:calc(6px * var(--particle-size, 1));height:calc(6px * var(--particle-size, 1));background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(200,150,255,.6) 50%,transparent 100%);border-radius:50%;box-shadow:0 0 4px #b464ff99;animation:magicDustFloat var(--particle-duration, 1.2s) var(--particle-delay, 0ms) ease-out forwards}@keyframes magicDustFloat{0%{opacity:0;transform:translate(var(--particle-x-offset, 0px)) translateY(0) scale(.5)}30%{opacity:.8;transform:translate(calc(var(--particle-x-offset, 0px) * 1.2)) translateY(-40px) scale(1)}to{opacity:0;transform:translate(calc(var(--particle-x-offset, 0px) * .5)) translateY(-140px) scale(.6)}}.celebration-magic-trail{width:3px;height:30px;background:linear-gradient(to top,transparent 0%,rgba(180,100,255,.8) 30%,rgba(230,180,255,1) 50%,rgba(180,100,255,.8) 70%,transparent 100%);border-radius:2px;box-shadow:0 0 8px #8a2be299;transform-origin:bottom center;animation:magicTrailShoot var(--particle-duration, .9s) var(--particle-delay, 0ms) cubic-bezier(.34,1.56,.64,1) forwards}@keyframes magicTrailShoot{0%{opacity:0;transform:rotate(calc(var(--particle-angle, 0deg) - 90deg)) translateY(0) scaleY(0)}30%{opacity:1;transform:rotate(calc(var(--particle-angle, 0deg) - 90deg)) translateY(-30px) scaleY(1)}to{opacity:0;transform:rotate(calc(var(--particle-angle, 0deg) - 90deg)) translateY(-100px) scaleY(.5)}}.celebration-burst-starShower{position:absolute;width:90px;height:90px;left:-45px;top:-45px;background:radial-gradient(circle,rgba(255,255,200,.9) 0%,rgba(255,230,100,.5) 40%,rgba(255,200,50,.2) 70%,transparent 100%);border-radius:50%;animation:starBurstExpand .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes starBurstExpand{0%{transform:scale(0);opacity:1}60%{transform:scale(1.4);opacity:.7}to{transform:scale(1.8);opacity:0}}.celebration-star-large{width:calc(20px * var(--particle-size, 1));height:calc(20px * var(--particle-size, 1));background:linear-gradient(135deg,#fff9c4,#ffeb3b,#ffc107);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);box-shadow:0 0 10px #ffeb3bcc,0 0 20px #ffc10780;animation:starLargeFall var(--particle-duration, 1.6s) var(--particle-delay, 0ms) cubic-bezier(.25,.46,.45,.94) forwards}@keyframes starLargeFall{0%{opacity:0;transform:translate(var(--particle-x-offset, 0px)) translateY(-50px) rotate(var(--particle-rotation, 0deg)) scale(.3)}20%{opacity:1;transform:translate(calc(var(--particle-x-offset, 0px) * .8)) translateY(-20px) rotate(calc(var(--particle-rotation, 0deg) + 45deg)) scale(1)}80%{opacity:.8;transform:translate(calc(var(--particle-x-offset, 0px) * .3)) translateY(80px) rotate(calc(var(--particle-rotation, 0deg) + 180deg)) scale(.9)}to{opacity:0;transform:translate(0) translateY(140px) rotate(calc(var(--particle-rotation, 0deg) + 270deg)) scale(.5)}}.celebration-star-small{width:calc(10px * var(--particle-size, 1));height:calc(10px * var(--particle-size, 1));background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,250,200,.8) 40%,rgba(255,235,59,.4) 70%,transparent 100%);border-radius:50%;box-shadow:0 0 6px #ffffffe6,0 0 12px #ffeb3b99;animation:starSmallTwinkle var(--particle-duration, 1.2s) var(--particle-delay, 0ms) ease-in-out forwards}@keyframes starSmallTwinkle{0%{opacity:0;transform:translate(var(--particle-x-offset, 0px)) translateY(-30px) scale(0)}20%{opacity:1;transform:translate(calc(var(--particle-x-offset, 0px) * .9)) translateY(0) scale(1.2)}40%{opacity:.6;transform:translate(calc(var(--particle-x-offset, 0px) * .7)) translateY(30px) scale(.8)}60%{opacity:1;transform:translate(calc(var(--particle-x-offset, 0px) * .5)) translateY(60px) scale(1)}to{opacity:0;transform:translate(calc(var(--particle-x-offset, 0px) * .2)) translateY(120px) scale(.4)}}.celebration-star-trail{width:3px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,250,200,.8) 30%,rgba(255,235,59,.3) 70%,transparent 100%);border-radius:2px;box-shadow:0 0 6px #fffc,0 0 12px #ffeb3b66;transform-origin:top center;animation:starTrailShoot var(--particle-duration, .7s) var(--particle-delay, 0ms) cubic-bezier(.25,.46,.45,.94) forwards}@keyframes starTrailShoot{0%{opacity:0;transform:translate(var(--particle-start-x, 0px)) rotate(calc(var(--particle-angle, 90deg))) translateY(0) scaleY(0)}30%{opacity:1;transform:translate(calc(var(--particle-start-x, 0px) + 20px)) rotate(calc(var(--particle-angle, 90deg))) translateY(40px) scaleY(1)}to{opacity:0;transform:translate(calc(var(--particle-start-x, 0px) + 60px)) rotate(calc(var(--particle-angle, 90deg))) translateY(120px) scaleY(.3)}}.celebration-burst-energyPulse{position:absolute;width:60px;height:60px;left:-30px;top:-30px;background:radial-gradient(circle,rgba(100,200,255,.9) 0%,rgba(50,150,255,.6) 40%,rgba(0,100,255,.3) 70%,transparent 100%);border-radius:50%;animation:energyBurstFlash .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes energyBurstFlash{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.9}to{transform:scale(.5);opacity:0}}.celebration-energy-ring{position:absolute;width:40px;height:40px;left:-20px;top:-20px;border:3px solid rgba(100,200,255,.8);border-radius:50%;box-shadow:0 0 10px #64c8ff99,0 0 20px #3296ff4d,inset 0 0 10px #64c8ff33;animation:energyRingExpand var(--particle-duration, .9s) var(--particle-delay, 0ms) cubic-bezier(.25,.46,.45,.94) forwards}@keyframes energyRingExpand{0%{transform:scale(0);opacity:1;border-width:4px}50%{transform:scale(2);opacity:.7;border-width:2px}to{transform:scale(4);opacity:0;border-width:1px}}.celebration-energy-bolt{width:4px;height:var(--particle-length, 40px);background:linear-gradient(to top,transparent 0%,rgba(100,200,255,.6) 20%,rgba(150,220,255,1) 50%,rgba(100,200,255,.6) 80%,transparent 100%);border-radius:2px;box-shadow:0 0 8px #64c8ffcc,0 0 16px #3296ff66;transform-origin:bottom center;animation:energyBoltShoot var(--particle-duration, .7s) var(--particle-delay, 0ms) cubic-bezier(.34,1.56,.64,1) forwards}@keyframes energyBoltShoot{0%{opacity:0;transform:rotate(calc(var(--particle-angle, 0deg) - 90deg)) translateY(0) scaleY(0)}30%{opacity:1;transform:rotate(calc(var(--particle-angle, 0deg) - 90deg)) translateY(-40px) scaleY(1)}to{opacity:0;transform:rotate(calc(var(--particle-angle, 0deg) - 90deg)) translateY(-100px) scaleY(.5)}}.celebration-energy-spark{width:6px;height:6px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(150,220,255,.9) 40%,rgba(100,200,255,.4) 70%,transparent 100%);border-radius:50%;box-shadow:0 0 4px #ffffffe6,0 0 8px #64c8ff99;animation:energySparkFly var(--particle-duration, .5s) var(--particle-delay, 0ms) cubic-bezier(.34,1.56,.64,1) forwards}@keyframes energySparkFly{0%{opacity:0;transform:translate(0) translateY(0) scale(0)}30%{opacity:1;transform:translate(calc(cos(var(--particle-angle, 0deg)) * var(--particle-distance, 50px) * .4)) translateY(calc(sin(var(--particle-angle, 0deg)) * var(--particle-distance, 50px) * .4)) scale(1.5)}to{opacity:0;transform:translate(calc(cos(var(--particle-angle, 0deg)) * var(--particle-distance, 50px))) translateY(calc(sin(var(--particle-angle, 0deg)) * var(--particle-distance, 50px))) scale(.3)}}.celebration-burst-confettiBurst{position:absolute;width:80px;height:80px;left:-40px;top:-40px;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,230,150,.5) 40%,rgba(255,200,100,.2) 70%,transparent 100%);border-radius:50%;animation:confettiBurstPop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes confettiBurstPop{0%{transform:scale(0);opacity:1}50%{transform:scale(1.8);opacity:.8}to{transform:scale(2.5);opacity:0}}.celebration-confetti-square{width:10px;height:10px;background:var(--particle-color, #ff6b6b);border-radius:2px;box-shadow:0 2px 4px #0003;animation:confettiSquareFall var(--particle-duration, 2s) var(--particle-delay, 0ms) cubic-bezier(.25,.46,.45,.94) forwards}@keyframes confettiSquareFall{0%{opacity:1;transform:translate(0) translateY(0) rotateX(0) rotateY(0) rotate(0) scale(0)}15%{opacity:1;transform:translate(calc(cos(var(--particle-angle, 0deg)) * var(--particle-distance, 80px) * .4)) translateY(calc(sin(var(--particle-angle, 0deg)) * var(--particle-distance, 80px) * .3 - 30px)) rotateX(calc(var(--particle-rotation-x, 0deg) * .2)) rotateY(calc(var(--particle-rotation-y, 0deg) * .2)) rotate(calc(var(--particle-rotation-z, 0deg) * .2)) scale(1)}to{opacity:0;transform:translate(calc(cos(var(--particle-angle, 0deg)) * var(--particle-distance, 80px))) translateY(calc(sin(var(--particle-angle, 0deg)) * var(--particle-distance, 80px) + 150px)) rotateX(var(--particle-rotation-x, 360deg)) rotateY(var(--particle-rotation-y, 360deg)) rotate(var(--particle-rotation-z, 360deg)) scale(.5)}}.celebration-confetti-rect{width:8px;height:14px;background:var(--particle-color, #ffd93d);border-radius:1px;box-shadow:0 2px 4px #0003;animation:confettiRectFall var(--particle-duration, 2.2s) var(--particle-delay, 0ms) cubic-bezier(.25,.46,.45,.94) forwards}@keyframes confettiRectFall{0%{opacity:1;transform:translate(0) translateY(0) rotateX(0) rotateY(0) rotate(0) scale(0)}15%{opacity:1;transform:translate(calc(cos(var(--particle-angle, 0deg)) * var(--particle-distance, 80px) * .4)) translateY(calc(sin(var(--particle-angle, 0deg)) * var(--particle-distance, 80px) * .3 - 40px)) rotateX(calc(var(--particle-rotation-x, 0deg) * .2)) rotateY(calc(var(--particle-rotation-y, 0deg) * .2)) rotate(calc(var(--particle-rotation-z, 0deg) * .2)) scale(1)}to{opacity:0;transform:translate(calc(cos(var(--particle-angle, 0deg)) * var(--particle-distance, 80px))) translateY(calc(sin(var(--particle-angle, 0deg)) * var(--particle-distance, 80px) + 180px)) rotateX(var(--particle-rotation-x, 720deg)) rotateY(var(--particle-rotation-y, 720deg)) rotate(var(--particle-rotation-z, 720deg)) scale(.4)}}.celebration-confetti-streamer{width:4px;height:25px;background:linear-gradient(to bottom,var(--particle-color, #6bcb77) 0%,transparent 100%);border-radius:2px;transform-origin:top center;animation:confettiStreamerWave var(--particle-duration, 2.5s) var(--particle-delay, 0ms) ease-in-out forwards}@keyframes confettiStreamerWave{0%{opacity:1;transform:rotate(calc(var(--particle-angle, 0deg) - 90deg)) translateY(0) scaleY(0)}15%{opacity:1;transform:rotate(calc(var(--particle-angle, 0deg) - 90deg + 10deg)) translateY(-40px) scaleY(1)}40%{transform:rotate(calc(var(--particle-angle, 0deg) - 90deg - 15deg)) translateY(-20px) scaleY(1)}60%{transform:rotate(calc(var(--particle-angle, 0deg) - 90deg + 10deg)) translateY(40px) scaleY(.9)}to{opacity:0;transform:rotate(calc(var(--particle-angle, 0deg) - 90deg - 5deg)) translateY(160px) scaleY(.5)}}@media (max-width: 1024px){.celebration-burst-goldBurst,.celebration-burst-magicSwirl,.celebration-burst-starShower,.celebration-burst-confettiBurst{transform:scale(.85)}.celebration-burst-energyPulse{transform:scale(.8)}.celebration-gold-coin{width:20px;height:20px}.celebration-star-large{width:calc(16px * var(--particle-size, 1));height:calc(16px * var(--particle-size, 1))}}@media (max-width: 600px){.celebration-burst-goldBurst,.celebration-burst-magicSwirl,.celebration-burst-starShower,.celebration-burst-confettiBurst{transform:scale(.7)}.celebration-burst-energyPulse{transform:scale(.65)}.celebration-gold-coin{width:16px;height:16px}.celebration-star-large{width:calc(14px * var(--particle-size, 1));height:calc(14px * var(--particle-size, 1))}.celebration-confetti-square{width:8px;height:8px}.celebration-confetti-rect{width:6px;height:10px}}@media (max-width: 360px){.celebration-burst-goldBurst,.celebration-burst-magicSwirl,.celebration-burst-starShower,.celebration-burst-confettiBurst,.celebration-burst-energyPulse{transform:scale(.55)}}.celebration-reward-icons{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none;z-index:10}.celebration-reward-icon{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden;transform:translate(calc(-50% + var(--reward-x-offset, 0px))) translateY(0) scale(.3);opacity:0;animation:rewardIconFloatAAA 2s var(--reward-delay, 0ms) cubic-bezier(.22,.61,.36,1) forwards}.celebration-reward-icon-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.5)) drop-shadow(0 0 15px rgba(255,215,0,.6)) drop-shadow(0 0 25px rgba(255,180,0,.3));transition:filter .1s ease}.celebration-reward-icon-label{font-size:15px;font-weight:900;font-family:Segoe UI Black,Arial Black,Impact,sans-serif;color:#fff;background:linear-gradient(135deg,gold,#fa0,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(-1px -1px 0 #000) drop-shadow(1px -1px 0 #000) drop-shadow(-1px 1px 0 #000) drop-shadow(1px 1px 0 #000) drop-shadow(0 0 10px rgba(0,0,0,.9)) drop-shadow(0 0 20px rgba(255,180,0,.5));white-space:nowrap;letter-spacing:1px;text-transform:uppercase;animation:labelPop .4s var(--reward-delay, 0ms) cubic-bezier(.34,1.56,.64,1) forwards;opacity:0;transform:scale(0)}@keyframes labelPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes rewardIconFloatAAA{0%{opacity:0;transform:translate(calc(-50% + var(--reward-x-offset, 0px))) translateY(15px) scale(.2) rotate(-5deg)}8%{opacity:1;transform:translate(calc(-50% + var(--reward-x-offset, 0px))) translateY(-10px) scale(1.25) rotate(3deg)}16%{transform:translate(calc(-50% + var(--reward-x-offset, 0px))) translateY(-25px) scale(1.15) rotate(-2deg)}25%{transform:translate(calc(-50% + var(--reward-x-offset, 0px))) translateY(-45px) scale(1.2) rotate(1deg)}40%{opacity:1;transform:translate(calc(-50% + var(--reward-x-offset, 0px))) translateY(-70px) scale(1.15) rotate(-1deg)}60%{opacity:1;transform:translate(calc(-50% + var(--reward-x-offset, 0px))) translateY(-95px) scale(1.1) rotate(0)}80%{opacity:.8;transform:translate(calc(-50% + var(--reward-x-offset, 0px))) translateY(-115px) scale(1) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--reward-x-offset, 0px))) translateY(-140px) scale(.9) rotate(0)}}.celebration-reward-icon:before{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;transform:translate(-50%,-60%);background:radial-gradient(circle,rgba(255,215,0,.4) 0%,rgba(255,180,0,.2) 30%,rgba(255,150,0,.1) 50%,transparent 70%);border-radius:50%;pointer-events:none;animation:rewardGlowPulseAAA 1s ease-out forwards;animation-delay:var(--reward-delay, 0ms);z-index:-1}.celebration-reward-icon:after{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%,-55%);border:2px solid rgba(255,215,0,.6);border-radius:50%;pointer-events:none;opacity:0;animation:rewardRingPop .6s ease-out forwards;animation-delay:calc(var(--reward-delay, 0ms) + .1s);z-index:-1}@keyframes rewardGlowPulseAAA{0%{opacity:0;transform:translate(-50%,-60%) scale(.2)}25%{opacity:1;transform:translate(-50%,-60%) scale(1)}60%{opacity:.6;transform:translate(-50%,-80%) scale(1.3)}to{opacity:0;transform:translate(-50%,-100%) scale(1.8)}}@keyframes rewardRingPop{0%{opacity:0;transform:translate(-50%,-55%) scale(.5);border-width:3px}30%{opacity:1;transform:translate(-50%,-55%) scale(1);border-width:2px}to{opacity:0;transform:translate(-50%,-55%) scale(2);border-width:1px}}@media (min-width: 1440px){.celebration-reward-icon-img{width:40px;height:40px}.celebration-reward-icon-label{font-size:18px;letter-spacing:1.5px}.celebration-reward-icon:before{width:90px;height:90px}.celebration-reward-icon:after{width:65px;height:65px}}@media (max-width: 1024px){.celebration-reward-icon-img{width:28px;height:28px}.celebration-reward-icon-label{font-size:13px;letter-spacing:.8px}.celebration-reward-icon:before{width:55px;height:55px}.celebration-reward-icon:after{width:40px;height:40px}}@media (max-width: 600px){.celebration-reward-icon-img{width:26px;height:26px}.celebration-reward-icon-label{font-size:12px;letter-spacing:.5px}.celebration-reward-icon:before{width:50px;height:50px}.celebration-reward-icon:after{width:35px;height:35px}.celebration-reward-icon{animation-duration:1.6s}}@media (max-width: 360px){.celebration-reward-icon-img{width:24px;height:24px}.celebration-reward-icon-label{font-size:11px;letter-spacing:.3px}.celebration-reward-icon:before{width:45px;height:45px}.celebration-reward-icon:after{width:32px;height:32px}}@media (prefers-reduced-motion: reduce){.celebration-effects-layer,.celebration-effect-container,.celebration-particle,.celebration-burst-goldBurst,.celebration-burst-magicSwirl,.celebration-burst-starShower,.celebration-burst-energyPulse,.celebration-burst-confettiBurst,.celebration-reward-icons,.celebration-reward-icon{animation:none!important;display:none}}.timeout-banner{position:fixed;top:0;left:0;right:0;z-index:10000;background:linear-gradient(135deg,#b71c1c,#d32f2f,#c62828);box-shadow:0 4px 20px #b71c1c80;border-bottom:3px solid #ff5252;animation:timeoutBannerSlide .3s ease-out}@keyframes timeoutBannerSlide{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.timeout-banner-content{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px;max-width:800px;margin:0 auto}.timeout-banner-icon{font-size:48px;animation:timeoutPulse 2s ease-in-out infinite}@keyframes timeoutPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timeout-banner-text{flex:1;text-align:center}.timeout-banner-text h3{margin:0 0 8px;font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);text-transform:uppercase;letter-spacing:1px}.timeout-banner-text p{margin:0 0 8px;font-size:14px;color:#ffffffe6}.timeout-banner-countdown{font-size:32px;font-weight:700;color:#ffeb3b;text-shadow:0 2px 8px rgba(0,0,0,.5);font-family:Courier New,monospace;letter-spacing:2px;padding:8px 16px;background:#0000004d;border-radius:8px;display:inline-block;margin:8px 0}.timeout-banner-support{font-size:12px;color:#ffffffb3;margin-top:8px!important}.timeout-banner-dismiss{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fffc;cursor:pointer;transition:all .2s ease}.timeout-banner-dismiss:hover{background:#fff3;border-color:#ffffff80;color:#fff;transform:scale(1.1)}@media (max-width: 600px){.timeout-banner-content{flex-direction:column;padding:12px 16px;gap:12px}.timeout-banner-icon{font-size:36px}.timeout-banner-text h3{font-size:16px}.timeout-banner-text p{font-size:12px}.timeout-banner-countdown{font-size:24px;padding:6px 12px}.timeout-banner-dismiss{position:absolute;top:8px;right:8px;width:28px;height:28px;font-size:14px}}.verify-email-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;background:linear-gradient(135deg,#1a3a1a,#2d5016 25%,#4a7c2e 75%,#5a8c3e)}.verify-background-layer{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(0,0,0,.5) 100%),radial-gradient(ellipse at 20% 30%,rgba(138,43,226,.18) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,140,0,.15) 0%,transparent 50%);animation:verifyBackgroundBreathing 20s ease-in-out infinite;z-index:1}@keyframes verifyBackgroundBreathing{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.verify-particles{position:absolute;inset:0;pointer-events:none;z-index:2}.verify-particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#ffd700 0%,#ffa500 40%,transparent 70%);border-radius:50%;box-shadow:0 0 12px gold,0 0 6px #fff;animation:verifyParticleFloat 18s ease-in-out infinite}.verify-particle.particle-1{top:100%;left:10%;animation-delay:0s}.verify-particle.particle-2{top:100%;left:20%;animation-delay:2s}.verify-particle.particle-3{top:100%;left:30%;animation-delay:4s}.verify-particle.particle-4{top:100%;left:40%;animation-delay:6s}.verify-particle.particle-5{top:100%;left:50%;animation-delay:8s}.verify-particle.particle-6{top:100%;left:60%;animation-delay:10s}.verify-particle.particle-7{top:100%;left:70%;animation-delay:12s}.verify-particle.particle-8{top:100%;left:80%;animation-delay:14s}.verify-particle.particle-9{top:100%;left:15%;animation-delay:3s}.verify-particle.particle-10{top:100%;left:85%;animation-delay:7s}@keyframes verifyParticleFloat{0%{transform:translateY(0);opacity:0}5%{opacity:.8}95%{opacity:.3}to{transform:translateY(-100vh);opacity:0}}.verify-container{position:relative;z-index:5;text-align:center;width:100%;max-width:520px;animation:verifyContainerSlideUp .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes verifyContainerSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.verify-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.verify-mascot{height:90px;filter:drop-shadow(4px 4px 10px rgba(0,0,0,.8));animation:verifyMascotBounce 3s ease-in-out infinite}.verify-logo{height:110px;filter:drop-shadow(4px 4px 10px rgba(0,0,0,.9))}@keyframes verifyMascotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.verify-panel{position:relative;background:linear-gradient(180deg,#ff8c00fa,#ffa500fa);backdrop-filter:blur(20px);border:4px solid rgba(139,69,19,.9);border-radius:24px;padding:2.5rem;box-shadow:0 25px 70px #000000bf,0 0 50px #ff8c0066,inset 0 -2px 25px #ffd70040;animation:verifyPanelEntrance .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes verifyPanelEntrance{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.verify-loading{padding:1.5rem}.loading-spinner-large{width:70px;height:70px;border:5px solid rgba(139,69,19,.2);border-top-color:gold;border-radius:50%;animation:verifySpin 1s linear infinite;margin:0 auto 1.5rem}@keyframes verifySpin{to{transform:rotate(360deg)}}.verify-loading h2{color:#2d2d2d;font-size:1.6rem;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(255,255,255,.5)}.verify-loading p{color:#4d4d4d;font-size:1.05rem}.verify-success-panel{background:linear-gradient(180deg,#28a745f2,#208637f2);border-color:#196428e6;box-shadow:0 25px 70px #000000bf,0 0 60px #28a74580,inset 0 -2px 25px #64ff6433}.success-animation{position:relative;width:120px;height:120px;margin:0 auto 1.5rem}.success-circle{position:absolute;inset:0;background:linear-gradient(135deg,#fff,#e8f5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #0000004d,0 0 30px #ffffff80,inset 0 -3px 15px #0000001a;animation:circleGrow .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes circleGrow{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-checkmark{font-size:4rem;color:#28a745;font-weight:700;animation:checkmarkDraw .5s ease-out .3s both;text-shadow:2px 2px 4px rgba(0,0,0,.2)}@keyframes checkmarkDraw{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.success-particles{position:absolute;top:50%;left:50%;width:100%;height:100%;pointer-events:none}.success-particle{position:absolute;width:10px;height:10px;border-radius:50%;animation:particleExplode 1s ease-out forwards}.success-particle.sp-1{background:gold;animation-delay:.3s}.success-particle.sp-2{background:#ff6b6b;animation-delay:.35s}.success-particle.sp-3{background:#4ecdc4;animation-delay:.4s}.success-particle.sp-4{background:#45b7d1;animation-delay:.45s}.success-particle.sp-5{background:#96ceb4;animation-delay:.5s}.success-particle.sp-6{background:#ffeaa7;animation-delay:.55s}.success-particle.sp-7{background:#dfe6e9;animation-delay:.6s}.success-particle.sp-8{background:#a29bfe;animation-delay:.65s}.success-particle.sp-9{background:#fd79a8;animation-delay:.7s}.success-particle.sp-10{background:#00b894;animation-delay:.75s}.success-particle.sp-11{background:#e17055;animation-delay:.8s}.success-particle.sp-12{background:#74b9ff;animation-delay:.85s}@keyframes particleExplode{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px))) scale(0);opacity:0}}.success-particle.sp-1{--x: -80px;--y: -60px}.success-particle.sp-2{--x: 80px;--y: -60px}.success-particle.sp-3{--x: -60px;--y: 80px}.success-particle.sp-4{--x: 60px;--y: 80px}.success-particle.sp-5{--x: -90px;--y: 0px}.success-particle.sp-6{--x: 90px;--y: 0px}.success-particle.sp-7{--x: 0px;--y: -90px}.success-particle.sp-8{--x: 0px;--y: 90px}.success-particle.sp-9{--x: -70px;--y: -70px}.success-particle.sp-10{--x: 70px;--y: -70px}.success-particle.sp-11{--x: -70px;--y: 70px}.success-particle.sp-12{--x: 70px;--y: 70px}.verify-success-title{color:#fff;font-size:2rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.4);animation:titleBounce .6s ease-out .5s both}@keyframes titleBounce{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.verify-success-message{color:#fffffff2;font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6;animation:messageFadeIn .5s ease-out .7s both}@keyframes messageFadeIn{0%{opacity:0}to{opacity:1}}.redirect-countdown{background:#00000026;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem}.redirect-countdown p{color:#ffffffe6;font-size:.95rem;margin-bottom:.75rem}.countdown-number{font-size:1.3rem;font-weight:800;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.countdown-bar{height:6px;background:#0003;border-radius:3px;overflow:hidden}.countdown-fill{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:3px;transition:width 1s linear;box-shadow:0 0 10px #ffd70080}.verify-error-panel{background:linear-gradient(180deg,#ff8c00fa,#ffa500fa)}.error-icon-large{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));animation:verifyErrorShake .5s ease-out}@keyframes verifyErrorShake{0%,to{transform:translate(0)}20%{transform:translate(-15px)}40%{transform:translate(15px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.verify-error-panel h2{color:#2d2d2d;font-size:1.6rem;margin-bottom:.75rem}.error-description{color:#4d4d4d;font-size:1.05rem;margin-bottom:1.5rem;line-height:1.6}.error-options{background:#ffffff4d;border-radius:12px;padding:1.25rem}.error-options>p{color:#2d2d2d;font-weight:600;margin-bottom:1rem}.error-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.verify-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border:3px solid rgba(139,69,19,.8);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#4caf50,#45a049,#3d8b40);color:#fff;box-shadow:0 6px 25px #4caf5080;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.verify-success-panel .verify-btn-primary{background:linear-gradient(135deg,gold,orange);color:#2d2d2d;text-shadow:1px 1px 2px rgba(255,255,255,.5);box-shadow:0 6px 25px #ffa50080}.verify-btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 35px #4caf5099}.verify-success-panel .verify-btn-primary:hover{box-shadow:0 10px 35px #ffa50099}.verify-btn-primary .btn-icon-img{width:35px;height:35px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.verify-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.5rem;font-size:1rem;font-weight:700;border:3px solid rgba(139,69,19,.6);border-radius:12px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#e0e0e0,#ccc);color:#333}.verify-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.already-verified-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.verify-panel h2{color:#2d2d2d;font-size:1.6rem;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(255,255,255,.5)}.verify-panel p{color:#4d4d4d;font-size:1.05rem;margin-bottom:1rem}@media (max-width: 599px){.verify-email-page{padding:1rem}.verify-panel{padding:1.5rem}.verify-mascot{height:70px}.verify-logo{height:90px}.success-animation{width:100px;height:100px}.success-checkmark{font-size:3rem}.verify-success-title{font-size:1.6rem}.error-buttons{flex-direction:column}}@-moz-document url-prefix(){.verify-panel,.verify-error-panel{background:linear-gradient(180deg,#e67d00fa,#e69600fa)}}.reset-password-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-x:hidden;overflow-y:auto;background:linear-gradient(135deg,#1a3a1a,#2d5016 25%,#4a7c2e 75%,#5a8c3e)}.reset-background-layer{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(0,0,0,.5) 100%),radial-gradient(ellipse at 20% 30%,rgba(138,43,226,.18) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,140,0,.15) 0%,transparent 50%);animation:resetBackgroundBreathing 20s ease-in-out infinite;z-index:1}@keyframes resetBackgroundBreathing{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.reset-particles{position:absolute;inset:0;pointer-events:none;z-index:2}.reset-particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#ffd700 0%,#ffa500 40%,transparent 70%);border-radius:50%;box-shadow:0 0 12px gold,0 0 6px #fff;animation:resetParticleFloat 15s ease-in-out infinite}.reset-particle.particle-1{top:100%;left:15%;animation-delay:0s}.reset-particle.particle-2{top:100%;left:30%;animation-delay:2s}.reset-particle.particle-3{top:100%;left:45%;animation-delay:4s}.reset-particle.particle-4{top:100%;left:60%;animation-delay:6s}.reset-particle.particle-5{top:100%;left:75%;animation-delay:8s}.reset-particle.particle-6{top:100%;left:85%;animation-delay:10s}.reset-particle.particle-7{top:100%;left:20%;animation-delay:3s}.reset-particle.particle-8{top:100%;left:70%;animation-delay:7s}@keyframes resetParticleFloat{0%{transform:translateY(0);opacity:0}5%{opacity:.8}95%{opacity:.3}to{transform:translateY(-100vh);opacity:0}}.reset-container{position:relative;z-index:5;text-align:center;width:100%;max-width:500px;animation:resetContainerSlideUp .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes resetContainerSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.reset-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.reset-mascot{height:80px;filter:drop-shadow(4px 4px 10px rgba(0,0,0,.8));animation:resetMascotBounce 3s ease-in-out infinite}.reset-logo{height:100px;filter:drop-shadow(4px 4px 10px rgba(0,0,0,.9))}@keyframes resetMascotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.reset-panel{position:relative;background:linear-gradient(180deg,#ff8c00fa,#ffa500fa);backdrop-filter:blur(20px);border:4px solid rgba(139,69,19,.9);border-radius:24px;padding:2.5rem;box-shadow:0 25px 70px #000000bf,0 0 50px #ff8c0066,inset 0 -2px 25px #ffd70040;animation:resetPanelEntrance .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes resetPanelEntrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reset-panel .corner-decoration{position:absolute;width:40px;height:40px;pointer-events:none;opacity:.3}.reset-panel .corner-top-left{top:-2px;left:-2px;border-top:4px solid #ffd700;border-left:4px solid #ffd700;border-top-left-radius:24px}.reset-panel .corner-top-right{top:-2px;right:-2px;border-top:4px solid #ffd700;border-right:4px solid #ffd700;border-top-right-radius:24px}.reset-panel .corner-bottom-left{bottom:-2px;left:-2px;border-bottom:4px solid #ffd700;border-left:4px solid #ffd700;border-bottom-left-radius:24px}.reset-panel .corner-bottom-right{bottom:-2px;right:-2px;border-bottom:4px solid #ffd700;border-right:4px solid #ffd700;border-bottom-right-radius:24px}.reset-title{display:flex;align-items:center;justify-content:center;gap:12px;color:#2d2d2d;margin-bottom:1rem;font-size:1.8rem;font-weight:800;text-shadow:2px 2px 4px rgba(255,255,255,.5)}.reset-title .title-icon{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.reset-username{background:#fff6;padding:10px 20px;border-radius:10px;margin-bottom:1.5rem;color:#2d2d2d;font-size:1.05rem}.reset-username strong{color:#1a5a1a}.reset-form{display:flex;flex-direction:column;gap:1.2rem}.reset-form .form-group{text-align:left}.reset-form .form-group label{display:flex;align-items:center;gap:8px;color:#2d2d2d;font-weight:700;margin-bottom:.6rem;font-size:1.05rem}.reset-form .label-icon-img{width:35px;height:35px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.reset-form .password-input-wrapper{position:relative;display:flex;align-items:center}.reset-form .password-input-wrapper input{width:100%;padding:.9rem 50px .9rem 1rem;border:3px solid rgba(139,69,19,.7);border-radius:12px;font-size:1rem;background:#fffffff7;transition:all .3s ease}.reset-form .password-input-wrapper input:focus{outline:none;border-color:gold;box-shadow:0 0 0 4px #ffd70059}.reset-form .password-input-wrapper input.password-match{border-color:#28a745;box-shadow:0 0 0 3px #28a74533}.reset-form .password-input-wrapper input.password-mismatch{border-color:#dc3545;box-shadow:0 0 0 3px #dc354533}.reset-form .password-toggle{position:absolute;right:10px;background:#0000000d;border:none;font-size:1.3em;cursor:pointer;padding:5px 10px;opacity:.75;transition:all .25s ease;border-radius:8px}.reset-form .password-toggle:hover{opacity:1;background:#0000001f;transform:scale(1.1)}.reset-form .password-strength-container{margin-top:12px}.reset-form .password-strength-bar{height:6px;background:#0003;border-radius:3px;overflow:hidden;margin-bottom:8px}.reset-form .password-strength-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.reset-form .password-strength-label{font-size:.85rem;font-weight:700;text-align:center;margin-bottom:8px}.reset-form .password-requirements{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.reset-form .password-requirements span{font-size:.75rem;padding:4px 10px;border-radius:12px;background:#00000026;color:#666;transition:all .3s ease;border:2px solid transparent}.reset-form .password-requirements span.met{background:#28a74533;color:#28a745;border-color:#28a74566}.reset-form .password-requirement-notice{margin-top:10px;padding:8px 14px;background:#dc354526;border:2px solid rgba(220,53,69,.5);border-radius:10px;color:#dc3545;font-size:.85rem;font-weight:600;text-align:center;animation:resetNoticeAppear .3s ease-out}@keyframes resetNoticeAppear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.btn-tooltip-wrapper{position:relative;display:block;width:100%}.btn-tooltip-wrapper .reset-btn-primary{display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto}.btn-tooltip-wrapper.has-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) scale(.9);padding:12px 18px;background:linear-gradient(135deg,#232323fa,#141414fa);color:#fff;font-size:.9rem;font-weight:600;white-space:nowrap;border-radius:12px;border:2px solid rgba(220,53,69,.7);box-shadow:0 10px 30px #0009,0 0 20px #dc354566,inset 0 1px #ffffff26;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1000;text-shadow:1px 1px 3px rgba(0,0,0,.7);letter-spacing:.3px}.btn-tooltip-wrapper.has-tooltip:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#232323fa;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1000;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.btn-tooltip-wrapper.has-tooltip:hover:after,.btn-tooltip-wrapper.has-tooltip:hover:before{opacity:1;visibility:visible}.btn-tooltip-wrapper.has-tooltip:hover:after{transform:translate(-50%) scale(1)}@media (max-width: 479px){.btn-tooltip-wrapper.has-tooltip:after{font-size:.8rem;padding:10px 14px;max-width:260px;white-space:normal;text-align:center}}.reset-form .password-match-indicator{margin-top:8px;font-size:.85rem;font-weight:600;text-align:center;padding:6px 12px;border-radius:8px}.reset-form .password-match-indicator.match{background:#28a74533;color:#28a745;border:2px solid rgba(40,167,69,.4)}.reset-form .password-match-indicator.no-match{background:#dc354533;color:#dc3545;border:2px solid rgba(220,53,69,.4)}.reset-form .error-message,.reset-panel .error-message{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#dc3545f5,#8b0000f5);color:#fff;padding:1rem;border-radius:12px;font-weight:600;border:3px solid rgba(139,0,0,.9);animation:resetErrorShake .5s ease-in-out}@keyframes resetErrorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.reset-btn-primary{display:flex;align-items:center;justify-content:center;gap:12px;padding:1.1rem 1.5rem;font-size:1.1rem;font-weight:700;border:3px solid rgba(139,69,19,.8);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#4caf50,#45a049,#3d8b40);color:#fff;box-shadow:0 6px 25px #4caf5080;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.reset-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#51cf66,#4caf50,#45a049);transform:translateY(-4px) scale(1.02);box-shadow:0 10px 35px #4caf5099}.reset-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.reset-btn-primary .btn-icon-img{width:35px;height:35px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.reset-btn-primary .loading-spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:resetSpin .7s linear infinite}@keyframes resetSpin{to{transform:rotate(360deg)}}.reset-loading{text-align:center;padding:2rem}.loading-spinner-large{width:60px;height:60px;border:5px solid rgba(139,69,19,.2);border-top-color:gold;border-radius:50%;animation:resetSpin 1s linear infinite;margin:0 auto 1.5rem}.reset-loading p{color:#2d2d2d;font-size:1.1rem;font-weight:600}.reset-invalid{text-align:center;padding:1rem}.invalid-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.reset-invalid h2{color:#2d2d2d;font-size:1.6rem;margin-bottom:1rem}.reset-invalid p{color:#4d4d4d;margin-bottom:1.5rem;line-height:1.6}.reset-success{text-align:center;padding:1rem}.success-icon-large{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));animation:resetSuccessPop .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes resetSuccessPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.reset-success h2{color:#1a5a1a;font-size:1.6rem;margin-bottom:1rem}.reset-success p{color:#2d2d2d;margin-bottom:1.5rem;line-height:1.6}@media (max-width: 599px){.reset-password-page{padding:1rem}.reset-panel{padding:1.5rem}.reset-title{font-size:1.4rem}.reset-title .title-icon{width:45px;height:45px}.reset-mascot{height:60px}.reset-logo{height:80px}}@-moz-document url-prefix(){.reset-panel{background:linear-gradient(180deg,#e67d00fa,#e69600fa)}}