.terms-conditions-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2.5vw,26px);background:radial-gradient(circle at 50% 10%,rgba(200,168,78,.16) 0%,transparent 34%),#000000c7;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:terms-conditions-overlay-in .22s ease-out}.terms-conditions-modal-overlay--account-lock{z-index:12060;background:radial-gradient(ellipse at 50% 43%,#39ff142e,#0064001f 36%,#0000 62%),radial-gradient(circle at 50% 48%,rgba(200,168,78,.13) 0%,rgba(200,168,78,.05) 24%,transparent 48%),radial-gradient(ellipse at 28% 18%,rgba(80,200,120,.12) 0%,transparent 34%),radial-gradient(ellipse at 78% 74%,rgba(35,145,62,.11) 0%,transparent 36%),linear-gradient(135deg,#020a03,#061507 34%,#0a2009 58%,#020602);box-shadow:inset 0 0 140px #000000ad,inset 0 0 220px #39ff140d}.terms-conditions-modal-overlay--account-lock:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0%,transparent 38%,rgba(0,0,0,.48) 100%),radial-gradient(ellipse at 50% 42%,rgba(57,255,20,.08) 0%,transparent 44%);opacity:.92}@keyframes terms-conditions-overlay-in{0%{opacity:0}to{opacity:1}}.terms-conditions-modal{position:relative;display:flex;flex-direction:column;width:min(94vw,900px);max-height:min(900px,calc(100dvh - 20px));overflow:hidden;color:#f5e6c8;background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.15) 0%,transparent 42%),linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:20px;box-shadow:0 24px 70px #000000ad,0 0 36px #c8a84e3d,inset 0 1px #ffd70029,inset 0 -1px #0000009e;outline:none;animation:terms-conditions-modal-in .28s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}@keyframes terms-conditions-modal-in{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.terms-conditions-modal:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 28%),radial-gradient(circle at 50% 0%,rgba(255,215,0,.12) 0%,transparent 48%);z-index:0}.terms-conditions-modal:after{content:"";position:absolute;top:14px;bottom:14px;right:10px;width:3px;border-radius:999px;background:linear-gradient(180deg,transparent 0%,rgba(255,215,0,.56) 18%,rgba(255,244,168,.86) 50%,rgba(255,215,0,.5) 82%,transparent 100%);box-shadow:0 0 16px #ffd7006b,0 0 28px #c8a84e3d;opacity:.62;pointer-events:none;z-index:2}.terms-conditions-modal>*{position:relative;z-index:1}.terms-conditions-modal-header{flex:0 0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(16px,2.4vw,24px);align-items:center;padding:clamp(22px,4.5vw,36px) clamp(22px,5vw,40px);background:linear-gradient(135deg,#37281cfa,#2d2016fa 52%,#322419fa);border-bottom:2px solid rgba(139,69,19,.62);box-shadow:inset 0 2px #8b451357,inset 0 -1px #0000006b,0 3px 12px #0000006b}.terms-conditions-modal-emblem{display:grid;place-items:center;width:clamp(52px,10vw,70px);height:clamp(52px,10vw,70px);border:1px solid rgba(255,215,0,.6);border-radius:50%;color:#f0d060;font-size:clamp(1.9rem,6vw,2.7rem);font-weight:900;background:radial-gradient(circle,#ffd7002e,#8a6a2e1f 52%,#1a1207cc);box-shadow:0 0 24px #c8a84e57,0 0 42px #ffd70029,inset 0 1px #ffffff2e,inset 0 -2px 8px #0000006b}.terms-conditions-modal-header h2{margin:0;color:#f0d060;font-size:clamp(1.2rem,4vw,1.85rem);line-height:1.2;font-weight:900;letter-spacing:clamp(1px,.35vw,2.4px);text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.92),0 0 18px rgba(212,175,55,.5)}.terms-conditions-modal-header p{margin:8px 0 0;color:#d4c4a0;font-size:clamp(.86rem,1.7vw,.98rem);line-height:1.45}.terms-conditions-modal-close{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid rgba(200,168,78,.42);border-radius:50%;color:#f5e6c8;background:#1a1207b8;font-size:1.35rem;font-weight:900;cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);will-change:transform}.terms-conditions-modal-close:hover{transform:rotate(90deg) scale(1.08);box-shadow:0 0 18px #ffd70047}.terms-conditions-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:clamp(24px,4.8vw,42px);scroll-behavior:smooth;scrollbar-gutter:stable;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.07) 0%,transparent 42%),linear-gradient(135deg,#19120cb8,#140f0aeb)}.terms-conditions-modal-body::-webkit-scrollbar{width:12px}.terms-conditions-modal-body::-webkit-scrollbar-track{background:#1a120780;border-radius:999px}.terms-conditions-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e8c84e,#8a6a2e);border:3px solid rgba(26,18,7,.72);border-radius:999px}.terms-conditions-markdown{color:#f5e6c8;max-width:78ch;margin:0 auto}.terms-conditions-markdown h2,.terms-conditions-markdown h3{margin:1.55rem 0 .75rem;color:#ffd86f;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.72)}.terms-conditions-markdown h2:first-child{margin-top:0}.terms-conditions-markdown p,.terms-conditions-markdown li{color:#ead9b5;font-size:clamp(.9rem,1.75vw,1rem);line-height:1.72}.terms-conditions-markdown ul{margin:.35rem 0 1rem;padding-left:1.35rem}.terms-conditions-loading-copy{padding:1rem;border:1px solid rgba(235,92,75,.48);border-radius:12px;color:#ffb09f;background:#54201661;font-weight:800;text-align:center}.terms-conditions-modal-footer{flex:0 0 auto;display:flex;justify-content:flex-end;gap:12px;padding:clamp(18px,3.5vw,28px) clamp(22px,5vw,40px);border-top:2px solid rgba(139,69,19,.62);background:#1a1207e0}.terms-conditions-modal-btn-primary,.terms-conditions-modal-btn-secondary{position:relative;min-height:44px;min-width:160px;overflow:hidden;border-radius:12px;border:1px solid rgba(255,215,0,.58);padding:.8rem 1.25rem;font-weight:900;letter-spacing:.6px;cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);will-change:transform}.terms-conditions-modal-btn-primary:before,.terms-conditions-modal-btn-secondary:before,.terms-conditions-inline-link:before{content:"";position:absolute;top:0;left:-120%;width:72%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.34) 50%,transparent 100%);transform:skew(-18deg);transition:left .52s cubic-bezier(.4,0,.2,1)}.terms-conditions-modal-btn-primary{color:#1a1207;background:linear-gradient(180deg,#e8c84e,#c8a84e 48%,#8a6a2e);box-shadow:0 5px 18px #ffd70047,inset 0 1px #ffffff57}.terms-conditions-modal-btn-secondary{color:#f5e6c8;background:#1a1207cc}.terms-conditions-modal-btn-primary:hover:not(:disabled),.terms-conditions-modal-btn-secondary:hover:not(:disabled){transform:translateY(-3px) scale(1.03);box-shadow:0 10px 26px #ffd70057,0 0 18px #ffd70033}.terms-conditions-modal-btn-primary:hover:not(:disabled):before,.terms-conditions-modal-btn-secondary:hover:not(:disabled):before{left:140%}.terms-conditions-modal-btn-primary:disabled,.terms-conditions-modal-btn-secondary:disabled{cursor:not-allowed;opacity:.55}.terms-conditions-local-bypass-label,.terms-conditions-acknowledgement-label{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:12px;border:1px solid rgba(200,168,78,.28);border-radius:12px;background:#1a12079e;color:#ead9b5;font-weight:750;line-height:1.45}.terms-conditions-purchase-acknowledgement{display:grid;gap:10px;padding:14px;border:1px solid rgba(200,168,78,.32);border-radius:14px;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.08) 0%,transparent 50%),#1a1207b3;box-shadow:inset 0 1px #c8a84e1f}.terms-conditions-account-lock .terms-conditions-modal-body{display:grid;gap:clamp(16px,2.5vw,22px)}.terms-conditions-lock-review-card{position:relative;display:grid;gap:clamp(12px,2vw,16px);padding:clamp(14px,2.6vw,20px);overflow:hidden;border:1px solid rgba(255,215,0,.34);border-radius:16px;background:radial-gradient(circle at 12% 0%,rgba(255,215,0,.12) 0%,transparent 38%),linear-gradient(135deg,#2a1e10db,#140d06eb);box-shadow:0 10px 28px #00000047,inset 0 1px #ffd70029}.terms-conditions-lock-review-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 22%,transparent 42%);opacity:.8}.terms-conditions-lock-step-row{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(10px,2vw,14px)}.terms-conditions-lock-step-row p{margin:0;color:#ead9b5;font-size:clamp(.86rem,1.65vw,.96rem);font-weight:800;line-height:1.45}.terms-conditions-lock-step-badge{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:34px;padding:.35rem .65rem;border:1px solid rgba(255,215,0,.46);border-radius:999px;color:#1a1207;background:linear-gradient(180deg,#f6dc73,#c8a84e);font-size:.78rem;font-weight:950;letter-spacing:.7px;text-shadow:none;box-shadow:0 0 18px #ffd70033,inset 0 1px #ffffff57}.terms-conditions-lock-step-badge.is-complete{color:#ecffd8;border-color:#96dc6e94;background:linear-gradient(180deg,#40702aeb,#224418f5);text-shadow:0 0 10px rgba(150,220,110,.36)}.terms-conditions-review-terms-button{position:relative;z-index:1;justify-self:start}.terms-conditions-review-terms-button.needs-review{color:#1a1207;background:linear-gradient(180deg,#f5dd72,#d5b64d 48%,#9c7b2d);box-shadow:0 8px 22px #ffd70047,0 0 22px #ffd7002e,inset 0 1px #ffffff57;animation:terms-conditions-review-pulse 1.85s ease-in-out infinite}@keyframes terms-conditions-review-pulse{0%,to{box-shadow:0 8px 22px #ffd70042,0 0 18px #ffd70029,inset 0 1px #ffffff57}50%{box-shadow:0 10px 28px #ffd70061,0 0 30px #ffd70042,inset 0 1px #ffffff6b}}.terms-conditions-lock-acknowledgement{position:relative;transition:border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.terms-conditions-lock-acknowledgement.is-locked{cursor:not-allowed;color:#ead9b5ad;border-color:#7e662f6b;background:linear-gradient(135deg,#241b1085,#0e0a06c7);box-shadow:inset 0 1px #ffd7000f}.terms-conditions-lock-acknowledgement.is-locked:after{content:"Review required";position:absolute;top:-10px;right:14px;padding:.22rem .55rem;border:1px solid rgba(255,215,0,.34);border-radius:999px;color:#d8bd68;background:#1a1207f5;font-size:.68rem;font-weight:950;letter-spacing:.7px;text-transform:uppercase;box-shadow:0 0 12px #0000005c}.terms-conditions-lock-acknowledgement.is-locked input{cursor:not-allowed;opacity:.38;filter:grayscale(1)}.terms-conditions-lock-acknowledgement.is-unlocked{border-color:#96dc6e80;background:radial-gradient(circle at 10% 0%,rgba(150,220,110,.12) 0%,transparent 48%),#1a1207b8;box-shadow:0 0 20px #96dc6e1f,inset 0 1px #c8ffa01a}.terms-conditions-purchase-summary{margin:0;color:#d4c4a0;font-size:clamp(.82rem,1.55vw,.92rem);line-height:1.55}.terms-conditions-inline-link{position:relative;overflow:hidden;border:0;padding:0;color:#ffd86f;background:transparent;font:inherit;font-weight:900;text-decoration:underline;cursor:pointer}.terms-conditions-inline-link:hover{color:#fff1a6;text-shadow:0 0 12px rgba(255,215,0,.48)}@media (max-width: 640px){.terms-conditions-modal-header{grid-template-columns:minmax(0,1fr) auto}.terms-conditions-modal-emblem{display:none}.terms-conditions-modal-footer{justify-content:stretch}.terms-conditions-modal-btn-primary,.terms-conditions-modal-btn-secondary{width:100%}}@media (max-width: 420px){.terms-conditions-modal-overlay{padding:6px}.terms-conditions-modal{width:100%;max-height:calc(100dvh - 12px);border-radius:16px}}@media (prefers-reduced-motion: reduce){.terms-conditions-modal-overlay,.terms-conditions-modal{animation:none}.terms-conditions-modal-close,.terms-conditions-modal-btn-primary,.terms-conditions-modal-btn-secondary,.terms-conditions-lock-acknowledgement{transition:none}.terms-conditions-review-terms-button.needs-review{animation:none}.terms-conditions-modal-close:hover,.terms-conditions-modal-btn-primary:hover:not(:disabled),.terms-conditions-modal-btn-secondary:hover:not(:disabled){transform:none}}.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:clamp(150px,12vw,220px);width:auto;max-width:min(92vw,780px);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:hover:not(:disabled) .btn-icon-img{transform:scale(1.12) rotate(4deg);filter:drop-shadow(0 3px 6px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(255,215,0,.45))}.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:calc(100% + 6px);left:50%;transform:translate(-50%);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:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) 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:radial-gradient(ellipse at top left,#6b3fa08c,#2d1b6961 34%,#060312f5 78%),radial-gradient(circle at 82% 20%,rgba(0,191,255,.18) 0%,transparent 32%),linear-gradient(145deg,#140928fa,#070412fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(203,166,255,.78);border-radius:18px;padding:22px;box-shadow:0 18px 48px #000000d1,0 0 34px #8a2be294,0 0 70px #00bfff2e,inset 0 1px #ffffff3d,inset 0 -14px 28px #00000052;z-index:10000;pointer-events:none;animation:tooltipSlideDown .3s cubic-bezier(.68,-.55,.265,1.55);word-wrap:break-word;overflow:hidden;isolation:isolate}.feature-tooltip:after{content:"";position:absolute;top:0;left:0;width:36%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 20%,rgba(255,255,255,.24) 50%,rgba(0,191,255,.1) 72%,transparent 100%);transform:translate(0) skew(-18deg);animation:tooltipRailGlare 3.4s ease-in-out infinite;pointer-events:none;z-index:0}.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)}}@keyframes tooltipRailGlare{0%,45%{transform:translate(0) skew(-18deg);opacity:0}58%{opacity:1}82%,to{transform:translate(180%) skew(-18deg);opacity:0}}.feature-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:12px solid transparent;border-bottom-color:#cba6ffe6;filter:drop-shadow(0 -2px 5px rgba(138,43,226,.55)) drop-shadow(0 -4px 12px rgba(0,191,255,.18))}.tooltip-bottom:before{content:"";position:absolute;top:100%;bottom:auto;left:50%;transform:translate(-50%);border:12px solid transparent;border-top-color:#cba6ffe6;border-bottom-color:transparent;filter:drop-shadow(0 2px 5px rgba(138,43,226,.55)) drop-shadow(0 4px 12px rgba(0,191,255,.18))}.feature-tooltip h4{display:flex;align-items:center;gap:10px;color:#ffeb8a;font-size:1.2em;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 18px rgba(255,215,0,.42);border-bottom:1px solid rgba(203,166,255,.42);padding-bottom:10px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;letter-spacing:.03em;position:relative;z-index:1}.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,.48)) drop-shadow(0 0 22px rgba(0,191,255,.2));flex-shrink:0}.feature-tooltip p{color:#e8dbff;font-size:.95em;line-height:1.6;margin-bottom:15px;text-shadow:0 1px 3px rgba(0,0,0,.7);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;position:relative;z-index:1}.tooltip-stats{display:grid;gap:6px}.tooltip-stats div{background:linear-gradient(135deg,#ffffff14,#8a2be229),#0b071eb8;border:1px solid rgba(203,166,255,.28);border-left:3px solid rgba(0,191,255,.78);padding:7px 11px;border-radius:8px;color:#9dffcf;font-size:.9em;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.75);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;box-shadow:inset 0 1px #ffffff1a,0 4px 14px #0000003d;position:relative;z-index:1}.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:240px}.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:200px}.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:170px}.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:145px}.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:125px}.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:105px}.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,.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:90px}.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,.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:76px}.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}}.legal-terms-register-block{display:grid;gap:.65rem;padding:.85rem;border:1px solid rgba(255,215,0,.26);border-radius:14px;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.08) 0%,transparent 58%),#140f0a85;box-shadow:inset 0 1px #ffd7001f}.legal-terms-register-label{display:flex;align-items:flex-start;gap:.7rem;min-height:44px;color:#ffffffe6;font-size:clamp(.82rem,1.7vw,.94rem);font-weight:700;line-height:1.45;text-align:left}.legal-terms-register-label input{width:20px;height:20px;margin-top:.15rem;accent-color:#ffd700;flex:0 0 auto}.legal-terms-register-link{border:0;padding:0;color:gold;background:transparent;font:inherit;font-weight:900;text-decoration:underline;cursor:pointer;text-shadow:0 0 10px rgba(255,215,0,.35)}.legal-terms-register-link:hover:not(:disabled){color:#fff4a8}.legal-terms-register-link:disabled{cursor:not-allowed;opacity:.55}@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:radial-gradient(ellipse at top,rgba(200,168,78,.12) 0%,transparent 58%),linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;padding:0;box-shadow:0 20px 60px #00000080,0 0 30px #c8a84e33,inset 0 1px #c8a84e26;overflow:visible;min-height:600px;height:auto;display:flex;flex-direction:column}.inventory-panel-header{background:linear-gradient(180deg,#3a2a15fa,#1a1207fa);padding:.75rem .5rem;border-bottom:1px solid rgba(200,168,78,.35);border-radius:14px 14px 0 0;box-shadow:inset 0 1px #c8a84e2e,0 2px 10px #00000073;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;min-height:50px;position:relative;overflow:hidden}.inventory-panel-header:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.16) 0%,transparent 64%);pointer-events:none}.inventory-panel-header>*{position:relative;z-index:1}.inventory-title{display:flex;align-items:center;justify-content:center;gap:.35rem;text-align:center;min-width:0;overflow:hidden}.inventory-title-text{color:#f5e6c8;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 8px rgba(0,0,0,.9),0 0 18px rgba(200,168,78,.35);white-space:nowrap}.inventory-count{font-size:clamp(.7rem,2vw,.9rem);color:#d4c4a0;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;background:linear-gradient(180deg,#1a120775,#0d0a0494);scroll-behavior:smooth}.inventory-grid::-webkit-scrollbar{width:8px}.inventory-grid::-webkit-scrollbar-track{background:#1a120799;border-radius:8px}.inventory-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:8px}.inventory-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e)}.inventory-slot{aspect-ratio:1;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;user-select:none;will-change:transform,box-shadow,border-color;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.inventory-slot:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,rgba(200,168,78,.12) 0%,transparent 70%),linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.04) 44%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.04) 56%,transparent 62%,transparent 100%);background-size:100% 100%,260% 100%;background-position:center,-180% 0;background-repeat:no-repeat,no-repeat;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.inventory-slot>*{position:relative;z-index:3}.inventory-slot.has-item{cursor:grab}.inventory-slot.has-item:active{cursor:grabbing}.inventory-slot:hover{transform:translateY(-5px) scale(1.02) translateZ(0);border-color:#c8a84e;background:linear-gradient(145deg,#3a2a15,#2a1f10);box-shadow:inset 0 1px #c8a84e4d,0 8px 24px #0006,0 0 15px #c8a84e4d;z-index:1001}.inventory-slot:hover:before{opacity:1;animation:inventorySlotGlareSweep .85s ease-in-out both}@keyframes inventorySlotGlareSweep{0%{opacity:0;background-position:center,-180% 0}14%{opacity:1}78%{opacity:1;background-position:center,150% 0}to{opacity:0;background-position:center,180% 0}}.inventory-slot.dragging{opacity:.5;transform:scale(.95) translateZ(0);border-color:#ffd7004d}.inventory-slot.drag-over{border-color:#4caf50e6;background:linear-gradient(145deg,#23462deb,#14281cfa);box-shadow:0 0 20px #4caf506b,inset 0 1px #4caf502e;transform:scale(1.05) translateZ(0)}.inventory-slot.cross-drag-over{border-color:#4caf50e6;background:linear-gradient(145deg,#23462deb,#14281cfa);box-shadow:0 0 20px #4caf5080,inset 0 1px #4caf502e;transform:scale(1.05) translateZ(0)}.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}.item-image{max-width:80%;max-height:80%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.75));pointer-events:none;user-select:none;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease;position:relative;z-index:3;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.inventory-slot:hover .item-image{transform:scale(1.1) translateZ(0);filter:drop-shadow(0 4px 10px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(200,168,78,.24))}.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:#0d0a0452;display:flex;align-items:center;justify-content:center;border-radius:10px}.empty-slot-text{color:#d4c4a073;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-grid{scroll-behavior:auto}.inventory-panel,.inventory-slot,.inventory-slot:before,.item-image,.trash-can,.trash-dont-ask-checkmark{transition:none}.stack-warning,.reward-box-item:after,.inventory-slot:hover:before,.reward-box-modal-image,.trash-can.active,.trash-can.trash-shaking{animation:none}.inventory-floating-notification{animation:fadeInOutSimple 2s ease-out forwards}@keyframes fadeInOutSimple{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}}:is(.mission-area-easy,.mission-area-medium,.mission-area-hard) .mission-right-panel .inventory-panel,.swamp-city .swamp-city-right-panel .inventory-panel{min-height:0;height:fit-content}:is(.mission-area-easy,.mission-area-medium,.mission-area-hard) .mission-right-panel .inventory-grid,.swamp-city .swamp-city-right-panel .inventory-grid{flex:0 0 auto;overflow:visible}@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:radial-gradient(ellipse at top,rgba(200,168,78,.12) 0%,transparent 58%),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;overflow:hidden;color:#f5e6c8}.pdv-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:linear-gradient(180deg,#3a2a15fa,#1a1207fa);border-bottom:1px solid rgba(200,168,78,.35);box-shadow:inset 0 1px #c8a84e2e,0 2px 10px #00000073;position:relative;overflow:hidden}.pdv-header:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.16) 0%,transparent 64%);pointer-events:none;z-index:0}.pdv-header>*{position:relative;z-index:1}.pdv-back-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:10px;color:#d4c4a0;font-family:Impact,sans-serif;font-size:.85rem;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;overflow:hidden;position:relative;touch-action:manipulation;will-change:transform}.pdv-back-btn:hover{background:linear-gradient(145deg,#3a2a15,#2a1f10);border-color:#c8a84e;color:#f5e6c8;transform:translate(-3px) translateY(-2px);box-shadow:inset 0 1px #c8a84e4d,0 8px 18px #0000006b,0 0 15px #c8a84e47}.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:#f5e6c8;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 18px rgba(200,168,78,.4)}.pdv-close-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:10px;color:#c8a84e;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;will-change:transform}.pdv-close-btn:hover{background:linear-gradient(145deg,#3a2a15,#2a1f10);border-color:#c8a84e;color:#f0d060;transform:rotate(90deg) scale(1.12);box-shadow:inset 0 1px #c8a84e4d,0 0 18px #c8a84e61,0 8px 18px #0000006b}.pdv-content{padding:1.5rem;background:linear-gradient(180deg,#1a120775,#0d0a0494);scroll-behavior:smooth}.pdv-container::-webkit-scrollbar,.pdv-content::-webkit-scrollbar{width:8px}.pdv-container::-webkit-scrollbar-track,.pdv-content::-webkit-scrollbar-track{background:#1a120799;border-radius:8px}.pdv-container::-webkit-scrollbar-thumb,.pdv-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:8px}.pdv-container::-webkit-scrollbar-thumb:hover,.pdv-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e)}.pdv-pet-card{position:relative;display:flex;gap:1.5rem;margin-bottom:1rem;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;padding:1rem;box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-pet-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 42%,rgba(200,168,78,.12) 0%,transparent 64%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.pdv-pet-card:after{content:none}.pdv-pet-card:hover{border-color:#c8a84e;box-shadow:inset 0 1px #c8a84e4d,0 8px 24px #0006,0 0 15px #c8a84e47}.pdv-pet-card:hover:before{opacity:1}.pdv-pet-card>*{position:relative;z-index:2}.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:#faa;background:linear-gradient(145deg,#371410f5,#200c0afa);border:1px solid rgba(255,99,71,.45);border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:inset 0 1px #ff78751f,0 3px 10px #00000052}.pdv-dismiss-btn:hover:not(.disabled){color:#fff;background:linear-gradient(145deg,#5a1c14,#37120e);border-color:#ff7875d9;transform:translateY(-3px) scale(1.03);box-shadow:inset 0 1px #ff787533,0 0 16px #ff634759,0 6px 14px #00000075}.pdv-dismiss-btn.disabled{color:#7f6d5a;background:linear-gradient(145deg,#1a1207bf,#0d0a04e6);border-color:#8a6a2e52;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,.72)) drop-shadow(0 0 14px rgba(200,168,78,.16));transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease;cursor:pointer;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-pet-image:hover{transform:scale(1.12) translateZ(0);filter:drop-shadow(0 6px 16px rgba(0,0,0,.82)) drop-shadow(0 0 18px rgba(200,168,78,.32))}.pdv-pet-info{flex:1;display:flex;flex-direction:column;color:#f5e6c8;min-width:0;padding-right:70px}.pdv-pet-name{margin:0 0 .6rem;color:#f5e6c8;font-size:1.8rem;font-family:Impact,sans-serif;letter-spacing:1.5px;text-shadow:0 0 20px rgba(200,168,78,.32),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(145deg,#2a1f10eb,#1a1207fa);border-radius:8px;border:1px solid rgba(138,106,46,.55);box-shadow:0 3px 8px #0006,inset 0 1px #c8a84e1f;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-detail-item:hover{border-color:#c8a84ed1;transform:translateY(-3px) scale(1.01) translateZ(0);box-shadow:0 5px 12px #00000080,0 0 15px #c8a84e38,inset 0 1px #c8a84e2e}.pdv-detail-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(200,168,78,.65) 50%,transparent 100%);opacity:0;transition:opacity .25s ease}.pdv-detail-item:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.035) 44%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.035) 56%,transparent 62%,transparent 100%);background-size:260% 100%;background-position:-180% 0;background-repeat:no-repeat;border-radius:inherit;opacity:0;pointer-events:none}.pdv-detail-item:hover:before{opacity:1}.pdv-detail-item:hover:after{animation:pdvContainedGlareSweep .85s ease-in-out both}.pdv-detail-label{font-size:.6rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#b8a588;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pdv-detail-value{font-size:1rem;font-weight:800;color:#f5e6c8;text-shadow:0 0 8px rgba(255,255,255,.1),0 2px 4px rgba(0,0,0,.6)}.pdv-level-value{color:#f0d060;text-shadow:0 0 12px rgba(200,168,78,.42),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:#f0d060}.pdv-section{background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;padding:1rem;margin-bottom:.6rem;box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.1) 0%,transparent 66%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.pdv-section:after{content:none}.pdv-section>*{position:relative;z-index:2}.pdv-section:last-child{margin-bottom:0}.pdv-section:hover{border-color:#c8a84e;transform:translateY(-2px) translateZ(0);box-shadow:inset 0 1px #c8a84e4d,0 8px 24px #0006,0 0 15px #c8a84e38}.pdv-section:hover:before{opacity:1}@keyframes pdvContainedGlareSweep{0%{opacity:0;background-position:-180% 0}14%{opacity:1}78%{opacity:1;background-position:150% 0}to{opacity:0;background-position:180% 0}}.pdv-section-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;padding-bottom:.6rem;border-bottom:1px solid rgba(200,168,78,.28)}.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;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-section-title{margin:0;font-family:Impact,sans-serif;font-size:1rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#f5e6c8;text-shadow:0 2px 6px rgba(0,0,0,.86),0 0 14px rgba(200,168,78,.3);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,#c8a84e29,#8a6a2e1f);border:1px solid rgba(200,168,78,.34);color:#d4c4a0}.pdv-section-count{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border:1px solid #e8c84e;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(145deg,#2a1f10d1,#1a1207f0);border:1px solid rgba(138,106,46,.55);border-radius:10px;cursor:not-allowed;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:80px;box-shadow:inset 0 1px #c8a84e1a,0 3px 8px #00000047;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-equip-slot:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.035) 44%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.035) 56%,transparent 62%,transparent 100%);background-size:260% 100%;background-position:-180% 0;background-repeat:no-repeat;border-radius:inherit;opacity:0;pointer-events:none}.pdv-equip-slot:hover:before{animation:pdvContainedGlareSweep .85s ease-in-out both}.pdv-equip-slot>*{position:relative;z-index:1}.pdv-equip-slot:hover{background:linear-gradient(145deg,#3a2a15e0,#2a1f10fa);border-color:#c8a84eb8;transform:translateY(-3px) translateZ(0);box-shadow:inset 0 1px #c8a84e2e,0 0 14px #c8a84e33,0 6px 14px #00000061}.pdv-weapon-slot{border-color:#c8a84e8c}.pdv-weapon-slot:hover{border-color:#c8a84e;box-shadow:inset 0 1px #c8a84e2e,0 0 16px #c8a84e40,0 6px 14px #00000061}.pdv-armor-slot{border-color:#69c0ff5c}.pdv-armor-slot:hover{border-color:#69c0ff9e;box-shadow:inset 0 1px #c8a84e24,0 0 14px #69c0ff33,0 6px 14px #00000061}.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;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.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:#b8a588}.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(145deg,#2a1f10d1,#1a1207f0);border:1px dashed rgba(200,168,78,.42);border-radius:10px;cursor:not-allowed;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #c8a84e1a,0 3px 8px #00000047;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-carry-slot:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.035) 44%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.035) 56%,transparent 62%,transparent 100%);background-size:260% 100%;background-position:-180% 0;background-repeat:no-repeat;border-radius:inherit;opacity:0;pointer-events:none}.pdv-carry-slot:hover:before{animation:pdvContainedGlareSweep .85s ease-in-out both}.pdv-carry-slot>*{position:relative;z-index:1}.pdv-carry-slot:hover{background:linear-gradient(145deg,#3a2a15e0,#2a1f10fa);border-color:#c8a84eb8;transform:translateY(-3px) translateZ(0);box-shadow:inset 0 1px #c8a84e2e,0 0 14px #c8a84e33,0 6px 14px #00000061}.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:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid rgba(138,106,46,.48);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:inset 0 1px #c8a84e1f,0 3px 8px #00000047;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-consumable-slot-disabled{cursor:not-allowed;opacity:.6;background:linear-gradient(145deg,#1a1207bf,#0d0a04e6)}.pdv-consumable-slot:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.05) 44%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.05) 56%,transparent 62%,transparent 100%);background-size:260% 100%;background-position:-180% 0;background-repeat:no-repeat;opacity:0;z-index:3;pointer-events:none}.pdv-consumable-slot:hover:before{animation:pdvContainedGlareSweep .85s ease-in-out both}.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(200,168,78,.24) 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(-5px) scale(1.04) translateZ(0);background:linear-gradient(145deg,#3a2a15,#2a1f10);border-color:#c8a84e;box-shadow:inset 0 1px #c8a84e3d,0 0 14px #c8a84e3d,0 7px 16px #0006;z-index:100}.pdv-consumable-slot-disabled:hover{transform:none;background:linear-gradient(145deg,#1a1207bf,#0d0a04e6);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;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-consumable-slot:hover .pdv-consumable-image{transform:scale(1.08) translateZ(0)}.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:1px;right:3px;padding:0;font-size:clamp(.52rem,1.4vw,.68rem);font-weight:900;font-family:Impact,Arial Black,sans-serif;color:#f0d060;background:none;border:none;border-radius:0;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);line-height:1;pointer-events:none;user-select:none;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,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:10px;box-shadow:0 8px 24px #000c,0 0 18px #c8a84e38,inset 0 1px #c8a84e24;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:#c8a84e}.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:#f0d060;margin-bottom:.4rem}.pdv-tooltip-desc{font-size:.75rem;color:#d4c4a0;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:#b8a588;font-style:italic;border-top:1px solid rgba(200,168,78,.28);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:#8f8068}.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,#e8c84e,#c8a84e,#8a6a2e);border:1px solid #e8c84e;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(145deg,#2a1f10eb,#1a1207fa);border-radius:10px;border:1px solid rgba(138,106,46,.48);box-shadow:0 4px 12px #00000080,inset 0 1px #c8a84e1f;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-stat-row:hover{border-color:#c8a84eb3;transform:translate(3px) translateY(-2px) translateZ(0);box-shadow:0 6px 16px #0009,0 0 14px #c8a84e2e,inset 0 1px #c8a84e2e}.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:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.035) 44%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.035) 56%,transparent 62%,transparent 100%);background-size:260% 100%;background-position:-180% 0;background-repeat:no-repeat;border-radius:inherit;opacity:0;pointer-events:none;z-index:1}.pdv-stat-row:hover:after{animation:pdvContainedGlareSweep .85s ease-in-out both}.pdv-stat-row>*{position:relative;z-index:2}.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:#f5e6c8;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,#0d0a04e6,#080603f5);border-radius:7px;overflow:hidden;border:1px solid rgba(200,168,78,.26);box-shadow:inset 0 3px 8px #000c,inset 0 1px #000000e6,0 1px #c8a84e14;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;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-stat-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.05) 44%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.05) 56%,transparent 62%,transparent 100%);background-size:260% 100%;background-position:-180% 0;background-repeat:no-repeat;opacity:0;pointer-events:none}.pdv-stat-btn:hover:before{animation:pdvContainedGlareSweep .85s ease-in-out both}.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) translateZ(0);box-shadow:0 6px #135200,0 0 25px #52c41a99,0 10px 20px #00000080,inset 0 1px #ffffff4d}.pdv-stat-btn:active{transform:translateY(0) translateZ(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;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.pdv-bulk-alloc-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.05) 44%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.05) 56%,transparent 62%,transparent 100%);background-size:260% 100%;background-position:-180% 0;background-repeat:no-repeat;opacity:0;pointer-events:none}.pdv-bulk-alloc-btn:hover:before{animation:pdvContainedGlareSweep .85s ease-in-out both}.pdv-bulk-alloc-btn:active{transform:translateY(0) translateZ(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) translateZ(0);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) translateZ(0);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) translateZ(0);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) translateZ(0);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:#f0d060;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 12px rgba(200,168,78,.35)}.pdv-xp-numbers{font-size:.9rem;font-weight:700;color:#d4c4a0}.pdv-xp-bar-container{position:relative}.pdv-xp-bar-bg{height:24px;background:linear-gradient(180deg,#1a1207,#0d0a04);border:1px solid rgba(200,168,78,.45);border-radius:12px;overflow:hidden;box-shadow:inset 0 4px 8px #0009,0 1px #c8a84e14}.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:radial-gradient(circle at 50% 30%,rgba(200,168,78,.12) 0%,transparent 42%),#000000c2;display:flex;align-items:center;justify-content:center;z-index:2000;animation:pdv-modal-fade-in .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes pdv-modal-fade-in{0%{opacity:0}to{opacity:1}}.pdv-dismiss-modal{background:linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000008c,0 0 30px #c8a84e33,inset 0 1px #c8a84e26;animation:pdv-modal-slide-in .3s cubic-bezier(.4,0,.2,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,#3a2a15fa,#1a1207fa);border-radius:12px 12px 0 0;border-bottom:1px solid rgba(200,168,78,.35)}.pdv-dismiss-modal-header h3{margin:0;font-family:Impact,sans-serif;font-size:1.3rem;color:#f5e6c8;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 16px rgba(200,168,78,.3)}.pdv-dismiss-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:50%;color:#c8a84e;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:44px;min-height:44px}.pdv-dismiss-modal-close:hover:not(:disabled){background:linear-gradient(145deg,#3a2a15,#2a1f10);border-color:#c8a84e;color:#f0d060;transform:rotate(90deg) scale(1.1);box-shadow:0 0 16px #c8a84e4d}.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:#f0d060;margin:0 0 1rem}.pdv-dismiss-preview{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:linear-gradient(145deg,#2a1f10e6,#1a1207fa);border:1px solid rgba(200,168,78,.32);border-radius:10px;margin-bottom:1rem}.pdv-dismiss-pet-image{width:60px;height:60px;object-fit:contain;background:#1a1207;border:1px solid rgba(200,168,78,.45);border-radius:8px;padding:4px}.pdv-dismiss-pet-info{text-align:left}.pdv-dismiss-pet-name{font-size:1.2rem;font-weight:700;color:#f0d060;margin-bottom:.2rem}.pdv-dismiss-pet-details{font-size:.85rem;color:#d4c4a0}.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:1px solid rgba(200,168,78,.28);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:radial-gradient(circle at 50% 30%,rgba(200,168,78,.12) 0%,transparent 42%),#000000c2;display:flex;align-items:center;justify-content:center;z-index:2000;animation:pdv-modal-fade-in .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.pdv-bulk-alloc-modal{background:linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;max-width:360px;width:90%;box-shadow:0 20px 60px #0000008c,0 0 30px #c8a84e33,inset 0 1px #c8a84e26;animation:pdv-modal-slide-in .3s cubic-bezier(.4,0,.2,1)}.pdv-bulk-alloc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:linear-gradient(180deg,#3a2a15fa,#1a1207fa);border-radius:12px 12px 0 0;border-bottom:1px solid rgba(200,168,78,.35)}.pdv-bulk-alloc-modal-header h3{margin:0;font-family:Impact,sans-serif;font-size:1.1rem;letter-spacing:1px;color:#f5e6c8;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 16px rgba(200,168,78,.3)}.pdv-bulk-alloc-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:50%;color:#c8a84e;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:44px;min-height:44px}.pdv-bulk-alloc-modal-close:hover:not(:disabled){background:linear-gradient(145deg,#3a2a15,#2a1f10);border-color:#c8a84e;color:#f0d060;transform:rotate(90deg) scale(1.1);box-shadow:0 0 16px #c8a84e4d}.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:#f5e6c8;margin:0 0 .8rem}.pdv-bulk-alloc-question strong{color:#f0d060;font-size:1.1rem}.pdv-bulk-alloc-stat-preview{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1rem;background:linear-gradient(145deg,#2a1f10e6,#1a1207fa);border:1px 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:1px solid rgba(200,168,78,.45);border-radius:4px;background:linear-gradient(145deg,#2a1f10,#1a1207);position:relative;flex-shrink:0;transition:all .3s ease}.pdv-bulk-alloc-dont-ask-checkbox:checked+.pdv-bulk-alloc-dont-ask-checkmark{background:linear-gradient(180deg,#e8c84e,#c8a84e);border-color:#e8c84e;box-shadow:0 0 10px #c8a84e66}.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:#b8a588;transition:color .2s ease}.pdv-bulk-alloc-dont-ask-label:hover .pdv-bulk-alloc-dont-ask-text{color:#f5e6c8}.pdv-bulk-alloc-modal-footer{display:flex;gap:.8rem;padding:.8rem 1.2rem;border-top:1px solid rgba(200,168,78,.28);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 .3s cubic-bezier(.4,0,.2,1);min-height:44px;position:relative;overflow:hidden}.pdv-bulk-alloc-cancel-btn{background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;color:#d4c4a0;box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d}.pdv-bulk-alloc-cancel-btn:hover:not(:disabled){background:linear-gradient(145deg,#3a2a15,#2a1f10);border-color:#c8a84e;color:#f5e6c8;transform:translateY(-3px) scale(1.02);box-shadow:inset 0 1px #c8a84e4d,0 0 15px #c8a84e47,0 7px 16px #0006}.pdv-bulk-alloc-confirm-btn{background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%),linear-gradient(180deg,#e8c84e,#c8a84e,#8a6a2e);border:1px solid #e8c84e;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,#f0d060,#e8c84e,#c8a84e);transform:translateY(-3px) scale(1.02);box-shadow:0 5px #8a6a2e,0 0 20px #c8a84e6b,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:0}.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-slot:before,.pdv-consumable-image,.pdv-stat-btn,.pdv-stat-btn:before,.pdv-bulk-alloc-btn,.pdv-bulk-alloc-btn:before,.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,.pdv-section:before,.pdv-section:after,.pdv-pet-card:before,.pdv-pet-card:after,.pdv-detail-item:after,.pdv-equip-slot:before,.pdv-carry-slot:before,.pdv-stat-row:after{transition:none}.pdv-xp-bar-shine,.pdv-stat-bar:after,.pdv-detail-item:hover:after,.pdv-equip-slot:hover:before,.pdv-carry-slot:hover:before,.pdv-stat-row:hover:after,.pdv-consumable-slot:hover:before,.pdv-stat-btn:hover:before,.pdv-bulk-alloc-btn:hover:before{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:radial-gradient(ellipse at top,rgba(200,168,78,.12) 0%,transparent 58%),linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;padding:0;box-shadow:0 20px 60px #00000080,0 0 30px #c8a84e33,inset 0 1px #c8a84e26;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:linear-gradient(180deg,#3a2a15fa,#1a1207fa);padding:1rem;text-align:center;font-size:1.5rem;font-weight:700;color:#f5e6c8;border-bottom:1px solid rgba(200,168,78,.35);text-transform:uppercase;font-family:Impact,sans-serif;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 18px rgba(200,168,78,.35);box-shadow:inset 0 1px #c8a84e2e,0 2px 10px #00000073;position:relative;overflow:hidden}.pet-panel-header:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.16) 0%,transparent 64%);pointer-events:none}.pet-slots{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:linear-gradient(180deg,#1a120775,#0d0a0494);flex:1;overflow-y:auto;scroll-behavior:smooth}.pet-slots::-webkit-scrollbar{width:8px}.pet-slots::-webkit-scrollbar-track{background:#1a120799;border-radius:8px}.pet-slots::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:8px}.pet-slots::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e)}.pet-panel .pet-slot{background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;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 1px #c8a84e2e,0 4px 12px #0000004d;position:relative;overflow:hidden;will-change:transform,box-shadow,border-color,opacity;backface-visibility:hidden}.pet-panel .pet-slot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(200,168,78,.12) 0%,transparent 70%);border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.pet-panel .pet-slot:after{content:"";position:absolute;top:0;left:0;width:38%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-120%);pointer-events:none;z-index:2}.pet-panel .pet-slot>*{position:relative;z-index:3}.pet-panel .pet-slot.can-drag{cursor:grab}.pet-panel .pet-slot.can-drag:active{cursor:grabbing}.pet-panel .pet-slot.busy-pet{cursor:grab}.pet-panel .pet-slot.busy-pet:active{cursor:grabbing}.pet-panel .pet-slot.dragging{opacity:.5;transform:scale(.98);border-color:#ffd7004d}.pet-panel .pet-slot.drag-over{border-color:#4caf50e6;background:linear-gradient(145deg,#23462deb,#14281cfa);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-panel .pet-slot.has-pet: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}.pet-panel .pet-slot.has-pet:hover:before{opacity:1}.pet-panel .pet-slot.has-pet:hover:after{animation:petPanelGlareSweep .7s ease-out}@keyframes petPanelGlareSweep{0%{transform:translate(-120%)}to{transform:translate(420%)}}.pet-panel .pet-slot.on-mission{background:linear-gradient(145deg,#484848eb,#2a2a2afa);opacity:.7}.pet-panel .pet-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.pet-panel .pet-name{font-size:1.2rem;font-weight:700;color:#f5e6c8;flex:0 0 auto;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(200,168,78,.28)}.pet-panel .pet-info-image{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease}.pet-panel .pet-slot.has-pet:hover .pet-info-image{transform:scale(1.12);filter:drop-shadow(0 3px 8px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(200,168,78,.28))}.pet-panel .pet-level{font-size:1.1rem;font-weight:700;color:#c8a84e;margin-left:auto;text-shadow:0 1px 3px rgba(0,0,0,.9)}.pet-panel .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:linear-gradient(145deg,#1a1207db,#0d0a04eb);padding:.35rem .3rem;border-radius:6px;border:1px solid rgba(200,168,78,.3);white-space:nowrap;overflow:hidden;min-width:0;box-shadow:inset 0 1px #c8a84e14}.pet-panel .stat-label{color:#d4c4a0;font-size:.85rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);flex-shrink:0}.pet-panel .stat-value{color:#f0d060;font-size:.9rem;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis}.pet-panel .click-hint{text-align:center;color:#c8a84e;font-size:.9rem;font-weight:700;font-style:italic;margin-top:.5rem;padding:.35rem;background:#c8a84e14;border-radius:6px;border:1px dashed rgba(200,168,78,.45);text-shadow:0 1px 2px rgba(0,0,0,.8)}.pet-panel .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}.pet-panel .mission-indicator.healing{background:linear-gradient(135deg,#2196f3,#1565c0);border-color:#0d47a1}.pet-panel .mission-indicator.breeding{background:linear-gradient(135deg,#8a2be2,#9b59b6);border-color:#6a1b9a}.pet-panel .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}.pet-panel .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-panel .pet-xp-bar{position:relative;height:20px;background:linear-gradient(180deg,#1a1207,#0d0a04);border:1px solid rgba(200,168,78,.45);border-radius:10px;overflow:hidden}.pet-panel .xp-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.pet-panel .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)}.pet-panel .empty-pet-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;color:#7f8c8d;font-weight:700}.pet-panel .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-panel .pet-slot{padding:.75rem;border-width:2px}.pet-panel .pet-name{font-size:1.1rem}.pet-panel .pet-level{font-size:1rem}.pet-panel .pet-stats-mini{gap:.6rem}.pet-panel .stat-label{font-size:.95rem}.pet-panel .stat-value{font-size:1.05rem}.pet-panel .click-hint{font-size:.85rem}.pet-panel .mission-indicator{font-size:.75rem;padding:.2rem .6rem}.pet-panel .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-panel .pet-slot{padding:.6rem;min-height:80px}.pet-panel .pet-name{font-size:1rem}.pet-panel .pet-level{font-size:.95rem}.pet-panel .pet-stats-mini{gap:.5rem}.pet-panel .stat-label{font-size:.9rem}.pet-panel .stat-value{font-size:1rem}.pet-panel .click-hint{font-size:.8rem}.pet-panel .mission-indicator{font-size:.7rem;padding:.2rem .5rem;top:.75rem;right:.75rem}.pet-panel .pet-xp-bar{height:18px}.pet-panel .xp-text{font-size:.75rem}.pet-panel .empty-pet-slot{min-height:80px}.pet-panel .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-panel .pet-slot{padding:.5rem}.pet-panel .pet-info{gap:.5rem}.pet-panel .pet-name{font-size:.95rem}.pet-panel .pet-info-image{width:32px;height:32px}.pet-panel .pet-level{font-size:.9rem}.pet-panel .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}.pet-panel .click-hint{font-size:.75rem}.pet-panel .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}.pet-panel .mission-indicator.guild-bank{max-width:100%}.pet-panel .pet-xp-bar{height:16px}.pet-panel .xp-text{font-size:.7rem}}@media (max-width: 360px){.pet-panel{min-height:300px}.pet-panel-header{padding:.4rem;font-size:.8rem}.pet-panel .pet-name{font-size:.85rem}.pet-panel .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}.pet-panel .mission-indicator{font-size:.5rem;padding:.1rem .2rem;margin:-.1rem auto .25rem}}@media (prefers-reduced-motion: reduce){.pet-slots{scroll-behavior:auto}.pet-panel,.pet-panel .pet-slot,.pet-panel .pet-slot:before,.pet-panel .pet-info-image,.pet-panel .stat-item,.pet-panel .click-hint{transition:none}.pet-panel .pet-slot.has-pet:hover:after,.pet-panel .skill-points-badge{animation:none}}.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-purchase-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2.4vw,24px);background:radial-gradient(circle at 50% 12%,rgba(200,168,78,.14) 0%,transparent 34%),#000000c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:token-purchase-overlay-fade .25s ease-out}@keyframes token-purchase-overlay-fade{0%{opacity:0}to{opacity:1}}.token-purchase-modal{position:relative;display:flex;flex-direction:column;width:min(94vw,560px);max-height:min(760px,calc(100vh - 20px));max-height:min(760px,calc(100dvh - 20px));overflow:hidden;overscroll-behavior:contain;color:#f5e6c8;background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.14) 0%,transparent 42%),linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:18px;box-shadow:0 22px 64px #0000009e,0 0 34px #c8a84e3d,inset 0 1px #ffd70029,inset 0 -1px #0009;animation:token-purchase-modal-in .3s cubic-bezier(.4,0,.2,1);scroll-behavior:smooth;will-change:transform,opacity}@keyframes token-purchase-modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.token-purchase-modal:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 28%),radial-gradient(circle at 50% 0%,rgba(255,215,0,.12) 0%,transparent 48%);opacity:.82;z-index:0}.token-purchase-modal>*{position:relative;z-index:1}.token-purchase-modal-header{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(22px,5vw,34px) clamp(54px,7vw,70px) clamp(20px,4vw,30px);text-align:center;background:linear-gradient(135deg,#37281cfa,#2d2016fa 52%,#322419fa);border-bottom:2px solid rgba(139,69,19,.62);box-shadow:inset 0 2px #8b451357,inset 0 -1px #0000006b,0 3px 12px #0000006b}.token-purchase-modal-header-processing{background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.14) 0%,transparent 55%),linear-gradient(135deg,#3a2a16fa,#2a1c10fa)}.token-purchase-modal-header-success{background:radial-gradient(circle at 50% 0%,rgba(125,190,92,.14) 0%,transparent 54%),linear-gradient(135deg,#2d361bfa,#181e10fa)}.token-purchase-modal-header-error{background:radial-gradient(circle at 50% 0%,rgba(235,92,75,.14) 0%,transparent 54%),linear-gradient(135deg,#3a1e16fa,#23120efa)}.token-purchase-modal-icon-frame{display:flex;align-items:center;justify-content:center;width:clamp(56px,12vw,70px);height:clamp(56px,12vw,70px);color:#f0d060;font-size:clamp(2rem,7vw,2.8rem);font-weight:900;line-height:1;background:radial-gradient(circle,#ffd7002e,#8a6a2e1f 52%,#1a1207cc);border:1px solid rgba(200,168,78,.42);border-radius:50%;box-shadow:0 0 24px #c8a84e47,inset 0 1px #ffffff29,inset 0 -2px #0006;animation:token-purchase-icon-float 2.8s ease-in-out infinite}.token-purchase-modal-icon-frame-processing{animation:token-purchase-icon-float 2.8s ease-in-out infinite,token-purchase-processing-icon-glow 1.6s ease-in-out infinite}.token-purchase-modal-icon-frame-success{color:#b8f28f;border-color:#7dbe5c8c;text-shadow:0 0 16px rgba(125,190,92,.7);box-shadow:0 0 24px #7dbe5c47,inset 0 1px #ffffff24;animation:token-purchase-success-pop .6s cubic-bezier(.4,0,.2,1)}.token-purchase-modal-icon-frame-error{color:#ff9a86;border-color:#eb5c4b8c;text-shadow:0 0 16px rgba(235,92,75,.7);box-shadow:0 0 24px #eb5c4b40,inset 0 1px #ffffff1f;animation:token-purchase-error-shake .5s ease-out}.token-purchase-modal-icon{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.78))}@keyframes token-purchase-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes token-purchase-processing-icon-glow{0%,to{box-shadow:0 0 22px #c8a84e47,inset 0 1px #ffffff29}50%{box-shadow:0 0 36px #ffd70094,inset 0 1px #ffffff3d}}@keyframes token-purchase-success-pop{0%{transform:scale(.72);opacity:0}65%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@keyframes token-purchase-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.token-purchase-modal-title{max-width:100%;margin:0;color:#f0d060;font-size:clamp(1.35rem,4.8vw,1.85rem);font-weight:900;letter-spacing:clamp(1.6px,.55vw,3px);line-height:1.25;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 8px rgba(0,0,0,.92),0 0 18px rgba(212,175,55,.5)}.token-purchase-modal-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(14px,2.8vw,20px);padding:clamp(18px,4vw,30px) clamp(18px,5vw,34px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;background:linear-gradient(135deg,#19120cb8,#140f0ae6)}.token-purchase-modal-body{scrollbar-width:thin;scrollbar-color:rgba(200,168,78,.82) rgba(26,18,7,.18)}.token-purchase-modal-body::-webkit-scrollbar{width:8px}.token-purchase-modal-body::-webkit-scrollbar-track{margin-block:14px;background:linear-gradient(180deg,transparent 0%,rgba(26,18,7,.24) 14%,rgba(26,18,7,.24) 86%,transparent 100%);border-radius:999px}.token-purchase-modal-body::-webkit-scrollbar-thumb{min-height:42px;background:linear-gradient(180deg,#ffd86ff5,#c8a84eeb 52%,#8a6a2eeb);border:2px solid rgba(18,12,6,.72);border-radius:999px;box-shadow:0 0 10px #c8a84e57,inset 0 1px #ffffff52}.token-purchase-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff0a6,#e8c84e 48%,#c8a84e)}.token-purchase-item{text-align:center}.token-purchase-item-label,.token-purchase-cost-label,.token-purchase-hash-label{color:#d4af37;font-size:clamp(.72rem,2vw,.82rem);font-weight:900;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.9)}.token-purchase-item-value{margin-top:8px;color:#f5e6c8;font-size:clamp(1.1rem,4vw,1.45rem);font-weight:800;line-height:1.25;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 14px rgba(200,168,78,.24)}.token-purchase-cost,.token-purchase-processing-details,.token-purchase-transaction-hash,.token-purchase-error-hint{position:relative;overflow:hidden;padding:clamp(18px,4vw,24px);background:linear-gradient(145deg,#2a1f10f5,#1a1207fa);border:1px solid #8a6a2e;border-radius:14px;box-shadow:inset 0 1px #c8a84e33,0 5px 16px #00000061}.token-purchase-cost:before,.token-purchase-processing-details:before,.token-purchase-transaction-hash:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.12) 0%,transparent 62%)}.token-purchase-cost{text-align:center}.token-purchase-cost-value{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:10px 0 6px}.token-purchase-cost-amount{max-width:min(100%,18ch);color:#ffd86f;font-size:clamp(1.65rem,7vw,3rem);font-weight:950;line-height:1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 22px rgba(255,215,0,.72);animation:token-purchase-amount-pulse 2.4s ease-in-out infinite}.token-purchase-cost-token{color:#f5e6c8;font-size:clamp(1.08rem,4vw,1.5rem);font-weight:900;letter-spacing:1px;text-shadow:0 1px 6px rgba(0,0,0,.85)}.token-purchase-payment-icons{display:inline-flex;align-items:center;justify-content:center;gap:clamp(3px,1vw,5px);min-width:clamp(30px,8vw,42px)}.token-purchase-payment-icon{width:clamp(22px,5.8vw,30px);height:clamp(22px,5.8vw,30px);object-fit:contain;border-radius:50%;filter:drop-shadow(0 2px 5px rgba(0,0,0,.85)) drop-shadow(0 0 8px rgba(255,215,0,.18))}.token-purchase-payment-icon-token{margin-left:clamp(-7px,-1.6vw,-4px);background:#1a1207b8;box-shadow:0 0 0 2px #1a1207c7}.token-purchase-cost-gas{color:#d4af37;font-size:clamp(.82rem,2.6vw,.95rem);font-style:italic;font-weight:700;opacity:.9}.token-purchase-usd-estimate{color:#f5e6c8;font-size:clamp(.98rem,3vw,1.12rem);font-weight:900;letter-spacing:.4px;text-shadow:0 0 14px rgba(245,230,200,.22)}.token-purchase-option-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}.token-purchase-option-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid rgba(255,215,0,.42);border-radius:10px;background:linear-gradient(135deg,#2d1f10e6,#1a1208f2);color:#f9d96c;font-weight:800;letter-spacing:.8px;cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .25s ease;will-change:transform}.token-purchase-option-icon{width:20px;height:20px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.78))}.token-purchase-option-btn:hover,.token-purchase-option-btn.active{transform:translateY(-2px) scale(1.03);border-color:gold;box-shadow:0 8px 22px #ffd70042}@keyframes token-purchase-amount-pulse{0%,to{text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 18px rgba(255,215,0,.54)}50%{text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 32px rgba(255,215,0,.9)}}.token-purchase-checking-balance,.token-purchase-balance-ok,.token-purchase-wallet-status,.token-purchase-insufficient-funds,.token-purchase-warning{box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:14px 16px;border-radius:12px;font-weight:800;line-height:1.35;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.85);box-shadow:inset 0 1px #ffffff14,0 3px 12px #00000047}.token-purchase-checking-balance{color:#f0d060;background:linear-gradient(145deg,#412d12d1,#20160af0);border:1px solid rgba(200,168,78,.42)}.token-purchase-check-spinner{width:22px;height:22px;flex:0 0 auto;border:3px solid rgba(200,168,78,.24);border-top-color:#ffd86f;border-radius:50%;animation:token-purchase-spin .75s linear infinite}.token-purchase-balance-ok{color:#b8f28f;background:linear-gradient(145deg,#2a462285,#182212eb);border:1px solid rgba(125,190,92,.52);animation:token-purchase-status-pop .35s ease-out}.token-purchase-wallet-status{flex-wrap:wrap;min-width:0}.token-purchase-wallet-status>span{min-width:0}.token-purchase-wallet-status>span:not(.token-purchase-check-icon):not(.token-purchase-status-mark){overflow-wrap:anywhere}.token-purchase-wallet-status-disconnected{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-items:start;column-gap:12px;min-height:64px;padding-block:10px;justify-content:space-between;text-align:left}.token-purchase-wallet-status-disconnected .token-purchase-wallet-connect-btn{justify-self:end}.token-purchase-wallet-status-connected{color:#b8f28f;background:linear-gradient(145deg,#2a462285,#182212eb);border:1px solid rgba(125,190,92,.52);animation:token-purchase-status-pop .35s ease-out}.token-purchase-wallet-status-disconnected{color:#ffb09f;background:linear-gradient(145deg,#54201694,#24120cf0);border:1px solid rgba(235,92,75,.55)}.token-purchase-wallet-connect-btn{box-sizing:border-box;flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;align-self:center;min-width:clamp(96px,24vw,122px);max-width:100%;min-height:38px;margin-block:2px;padding:7px 14px;border:1px solid rgba(255,215,0,.58);border-radius:10px;color:#1a1207;font-size:clamp(.78rem,2.4vw,.88rem);font-weight:950;line-height:1;letter-spacing:1px;background:linear-gradient(180deg,#ffec8efa,#c8a84ef0);box-shadow:0 4px 14px #ffd7003d,inset 0 1px #ffffff52;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);will-change:transform;white-space:nowrap}.token-purchase-wallet-connect-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03);box-shadow:0 8px 22px #ffd70057,0 0 18px #ffd70038,inset 0 1px #fff6}.token-purchase-wallet-connect-btn:disabled{cursor:wait;opacity:.72}.token-purchase-insufficient-funds{flex-direction:row;flex-wrap:wrap;color:#ffb09f;background:linear-gradient(145deg,#54201694,#24120cf0);border:1px solid rgba(235,92,75,.55);animation:token-purchase-error-shake .5s ease-out}.token-purchase-check-icon,.token-purchase-status-mark,.token-purchase-warning-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;border-radius:50%;font-size:1rem;font-weight:950}.token-purchase-check-icon{color:#15320f;background:linear-gradient(180deg,#b8f28f,#6cad50);box-shadow:0 0 14px #7dbe5c7a}.token-purchase-status-mark,.token-purchase-warning-mark{color:#1a1207;background:linear-gradient(180deg,#ffd86f,#c8a84e);box-shadow:0 0 14px #c8a84e70}.token-purchase-error-text{flex:1 1 180px;min-width:0;color:#ffb09f;font-size:clamp(.92rem,2.8vw,1rem);overflow-wrap:anywhere}.token-purchase-warning{align-items:flex-start;color:#f0d060;font-size:clamp(.82rem,2.6vw,.95rem);font-style:italic;background:linear-gradient(145deg,#3e2a128f,#1e140ae6);border:1px dashed rgba(200,168,78,.45)}@keyframes token-purchase-status-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.token-purchase-processing-animation{display:flex;flex-direction:column;align-items:center;gap:20px;padding:clamp(12px,3.5vw,22px) 0}.token-purchase-processing-spinner{position:relative;width:clamp(74px,18vw,96px);height:clamp(74px,18vw,96px);border:6px solid rgba(138,106,46,.26);border-top-color:#ffd86f;border-right-color:#c8a84e;border-radius:50%;animation:token-purchase-spin 1.05s linear infinite;box-shadow:0 0 32px #c8a84e5c,inset 0 0 16px #00000085}.token-purchase-processing-spinner:before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,#c8a84e29,#1a1207eb 68%);box-shadow:inset 0 1px #ffffff14}@keyframes token-purchase-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.token-purchase-processing-text{text-align:center}.token-purchase-processing-stage{margin-bottom:8px;color:#f0d060;font-size:clamp(.98rem,3.2vw,1.08rem);font-weight:800;line-height:1.35;text-shadow:0 1px 5px rgba(0,0,0,.9),0 0 12px rgba(200,168,78,.38);animation:token-purchase-processing-text-pulse 2s ease-in-out infinite}.token-purchase-processing-stage:nth-child(2){animation-delay:.35s}.token-purchase-processing-hint{margin-top:12px;color:#a08860;font-size:clamp(.82rem,2.6vw,.92rem);font-style:italic;font-weight:700}@keyframes token-purchase-processing-text-pulse{0%,to{opacity:.68}50%{opacity:1}}.token-purchase-processing-details{display:grid;gap:10px}.token-purchase-detail-row{display:grid;grid-template-columns:minmax(90px,auto) 1fr;align-items:center;gap:12px;min-height:50px;padding:10px 14px;color:#f5e6c8;background:#0c080475;border:1px solid rgba(138,106,46,.22);border-left:3px solid rgba(200,168,78,.68);border-radius:8px}.token-purchase-detail-row span:first-child{color:#d4c4a0;font-weight:800}.token-purchase-detail-row span:last-child{justify-self:end;min-width:0;color:#f0d060;font-weight:900;text-align:right;overflow-wrap:anywhere;text-shadow:0 0 10px rgba(200,168,78,.34)}.token-purchase-success-animation,.token-purchase-error-message{position:relative;padding:clamp(22px,5vw,34px) 12px;text-align:center}.token-purchase-success-burst{position:absolute;top:50%;left:50%;width:180px;height:180px;margin:-90px 0 0 -90px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(125,190,92,.32) 0%,transparent 70%);animation:token-purchase-success-burst-expand .7s ease-out}@keyframes token-purchase-success-burst-expand{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.85)}}.token-purchase-success-message{position:relative;z-index:1}.token-purchase-success-title,.token-purchase-error-title{margin-bottom:8px;color:#f0d060;font-size:clamp(1.16rem,4vw,1.45rem);font-weight:900;line-height:1.25;text-shadow:0 1px 5px rgba(0,0,0,.9),0 0 16px rgba(200,168,78,.42)}.token-purchase-success-subtitle,.token-purchase-error-details,.token-purchase-success-footer,.token-purchase-hash-hint{color:#d4c4a0;font-size:clamp(.88rem,2.8vw,1rem);line-height:1.45}.token-purchase-transaction-hash{text-align:center}.token-purchase-hash-value{margin:8px 0 4px;color:#f5e6c8;font-family:Courier New,monospace;font-size:clamp(.78rem,2.6vw,.95rem);font-weight:700;overflow-wrap:anywhere}.token-purchase-success-footer{text-align:center;font-style:italic}.token-purchase-error-title{color:#ffb09f;text-shadow:0 1px 5px rgba(0,0,0,.9),0 0 14px rgba(235,92,75,.42)}.token-purchase-error-hint{color:#f0d060;font-style:italic;text-align:center}.token-purchase-modal-actions{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,3vw,14px);padding:clamp(16px,4vw,24px) clamp(18px,5vw,34px) clamp(18px,4.5vw,28px);background:#0a070475;border-top:1px solid rgba(200,168,78,.2)}.token-purchase-modal-btn{position:relative;min-height:52px;padding:14px 18px;overflow:hidden;border:2px solid transparent;border-radius:12px;font-size:clamp(.88rem,2.8vw,1rem);font-weight:900;letter-spacing:1.5px;line-height:1.2;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.token-purchase-modal-btn:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%)}.token-purchase-modal-btn:hover:not(:disabled):before{animation:token-purchase-glare-sweep .6s ease-in-out}@keyframes token-purchase-glare-sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.token-purchase-modal-btn-cancel{color:#f4e4c1;background:linear-gradient(135deg,#462d19f2,#2d1e12);border-color:#8b4513b3;text-shadow:0 2px 4px rgba(0,0,0,.85);box-shadow:0 5px 15px #0000006b,inset 0 1px #ffffff1a}.token-purchase-modal-btn-confirm,.token-purchase-modal-btn-retry{color:#1a1207;background:linear-gradient(180deg,#e8c84e,#c8a84e 48%,#8a6a2e);border-color:#ffd700b3;text-shadow:0 1px 1px rgba(255,255,255,.18);box-shadow:0 5px 16px #c8a84e57,0 0 24px #c8a84e38,inset 0 1px #ffffff52,inset 0 -2px #5a3a156b}.token-purchase-modal-btn:hover:not(:disabled){transform:translate3d(0,-4px,0) scale(1.02)}.token-purchase-modal-btn-cancel:hover:not(:disabled){color:#ffd86f;border-color:#d4af37eb;box-shadow:0 0 22px #c8a84e47,0 8px 22px #00000085,inset 0 1px #ffd70029}.token-purchase-modal-btn-confirm:hover:not(:disabled),.token-purchase-modal-btn-retry:hover:not(:disabled){border-color:#ffeb78f5;box-shadow:0 8px 24px #c8a84e7a,0 0 34px #ffd70057,inset 0 1px #ffffff6b,inset 0 -2px #5a3a1570}.token-purchase-modal-btn:active:not(:disabled){transform:translate3d(0,-1px,0) scale(.99)}.token-purchase-modal-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:3px}.token-purchase-modal-btn:focus:not(:focus-visible){outline:none}.token-purchase-modal-btn.disabled,.token-purchase-modal-btn:disabled{cursor:not-allowed;opacity:.52;transform:none;filter:grayscale(.35);box-shadow:inset 0 1px #ffffff14}.token-purchase-modal-btn.disabled:before,.token-purchase-modal-btn:disabled:before{display:none}.token-purchase-modal-close{position:absolute;top:clamp(12px,3vw,18px);right:clamp(12px,3vw,18px);z-index:4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:#d4af37;background:linear-gradient(135deg,#3c2814eb,#28190ffa);border:2px solid rgba(139,69,19,.62);border-radius:50%;font-size:1.55rem;font-weight:900;line-height:1;cursor:pointer;overflow:hidden;box-shadow:0 4px 10px #00000094,inset 0 1px #ffd7001a;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1)}.token-purchase-modal-close:before{content:"";position:absolute;inset:-50%;pointer-events:none;background:radial-gradient(circle,rgba(255,215,0,.24) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.token-purchase-modal-close:hover{color:#ffd86f;border-color:#d4af37f2;background:linear-gradient(135deg,#503219,#3c2814);transform:rotate(90deg) scale(1.12);box-shadow:0 0 24px #d4af3780,0 6px 16px #000000bf,inset 0 1px #ffd7003d}.token-purchase-modal-close:hover:before{opacity:1}.token-purchase-modal-close:active{transform:rotate(90deg) scale(.98)}.token-purchase-modal-close:focus-visible{outline:2px solid #e8c84e;outline-offset:3px}.token-purchase-modal-close:focus:not(:focus-visible){outline:none}@media (max-width: 768px){.token-purchase-modal{width:min(96vw,540px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}}@media (max-height: 820px) and (min-width: 421px){.token-purchase-modal-overlay{padding-top:8px;padding-bottom:8px}.token-purchase-modal{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.token-purchase-modal-header{gap:8px;padding-top:20px;padding-bottom:18px}.token-purchase-modal-icon-frame{width:58px;height:58px}.token-purchase-modal-title{font-size:clamp(1.28rem,4.2vw,1.68rem);line-height:1.18}.token-purchase-modal-body{gap:14px;padding-top:18px;padding-bottom:18px}.token-purchase-item-value{margin-top:4px;font-size:clamp(1.06rem,3.4vw,1.32rem)}.token-purchase-cost,.token-purchase-processing-details,.token-purchase-transaction-hash,.token-purchase-error-hint{padding:16px}.token-purchase-cost-value{margin:6px 0 4px}.token-purchase-cost-amount{font-size:clamp(1.95rem,6.5vw,2.55rem)}.token-purchase-checking-balance,.token-purchase-balance-ok,.token-purchase-wallet-status,.token-purchase-insufficient-funds,.token-purchase-warning{min-height:50px;padding:11px 14px}.token-purchase-wallet-status-disconnected{min-height:64px;padding-block:10px}.token-purchase-modal-actions{padding-top:16px;padding-bottom:18px}}@media (max-width: 560px){.token-purchase-modal-header{padding-right:58px;padding-left:58px}.token-purchase-modal-actions{grid-template-columns:1fr}.token-purchase-modal-btn{width:100%}.token-purchase-detail-row{grid-template-columns:1fr;gap:4px;text-align:left}.token-purchase-detail-row span:last-child{justify-self:start;text-align:left}}@media (max-width: 420px){.token-purchase-modal-overlay{padding:8px}.token-purchase-modal{width:100%;max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px);border-radius:15px}.token-purchase-modal-header{gap:10px;padding:18px 54px}.token-purchase-modal-body{padding:16px 14px}.token-purchase-modal-actions{padding:14px}.token-purchase-checking-balance,.token-purchase-balance-ok,.token-purchase-wallet-status,.token-purchase-insufficient-funds,.token-purchase-warning{padding:12px}.token-purchase-wallet-status-disconnected{grid-template-columns:auto minmax(0,1fr) auto;min-height:64px;text-align:left}.token-purchase-wallet-connect-btn{min-height:38px;padding-inline:12px}.token-purchase-modal-close{top:10px;right:10px;width:40px;height:40px;font-size:1.35rem}}@media (max-width: 340px){.token-purchase-modal-header{padding-right:48px;padding-left:48px}.token-purchase-modal-title{letter-spacing:1.2px}.token-purchase-cost,.token-purchase-processing-details,.token-purchase-transaction-hash,.token-purchase-error-hint{padding:14px}.token-purchase-wallet-status-disconnected{grid-template-columns:auto minmax(0,1fr);row-gap:8px}.token-purchase-wallet-connect-btn{grid-column:1 / -1;justify-self:center;flex-basis:min(100%,180px)}}@media (prefers-reduced-motion: reduce){.token-purchase-modal-overlay,.token-purchase-modal,.token-purchase-modal-icon-frame,.token-purchase-modal-icon-frame-processing,.token-purchase-modal-icon-frame-success,.token-purchase-modal-icon-frame-error,.token-purchase-cost-amount,.token-purchase-check-spinner,.token-purchase-balance-ok,.token-purchase-insufficient-funds,.token-purchase-processing-spinner,.token-purchase-processing-stage,.token-purchase-success-burst,.token-purchase-modal-btn:hover:not(:disabled):before{animation:none!important}.token-purchase-modal,.token-purchase-modal-btn,.token-purchase-modal-close{transition:none!important;will-change:auto}.token-purchase-modal-btn:hover:not(:disabled),.token-purchase-modal-btn:active:not(:disabled),.token-purchase-modal-close:hover,.token-purchase-modal-close:active{transform:none}}@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}}@keyframes dna-nft-glare-sweep{0%{transform:translate(-120%)}to{transform:translate(420%)}}@keyframes dna-nft-modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dna-nft-status-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dna-nft-root{position:relative;display:flex;flex-direction:column;gap:clamp(.9rem,1.8vw,1.25rem);color:#f5e6c8}.dna-nft-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.6rem,1.4vw,.9rem);padding:clamp(.75rem,1.8vw,1rem);border:2px solid #c8a84e;border-radius:16px;background:radial-gradient(ellipse at top,rgba(200,168,78,.12) 0%,transparent 58%),linear-gradient(180deg,#3a2a15,#1a1207);box-shadow:0 18px 48px #0000006b,0 0 26px #c8a84e29,inset 0 1px #c8a84e29}.dna-nft-balance-chip,.dna-nft-wallet-chip,.dna-nft-mirror-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:fit-content;max-width:100%;padding:.55rem .95rem;border:1px solid rgba(200,168,78,.42);border-radius:999px;background:#1a120794;color:#f5e6c8;font-weight:800;font-size:clamp(.78rem,1.35vw,.9rem);white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8);box-shadow:inset 0 1px #c8a84e24,0 3px 10px #00000042}.dna-nft-wallet-connect-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:fit-content;max-width:100%;padding:.55rem .95rem;border:1px solid rgba(255,215,0,.58);border-radius:999px;color:#1a1207;background:linear-gradient(180deg,#e8c84e,#c8a84e 48%,#8a6a2e);font-weight:900;letter-spacing:.4px;cursor:pointer;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 14px #ffd7003d,inset 0 1px #ffffff52;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);will-change:transform}.dna-nft-wallet-connect-button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 22px #ffd70057,0 0 18px #ffd70038,inset 0 1px #fff6}.dna-nft-balance-chip{color:#ffd86f;text-shadow:0 0 12px rgba(255,215,0,.28),0 1px 3px rgba(0,0,0,.8)}.dna-nft-mirror-chip{color:#d4c4a0}.dna-nft-status-row{display:flex;justify-content:center;align-items:center;min-height:0}.dna-nft-empty-state,.dna-nft-error,.dna-nft-success{width:fit-content;max-width:min(100%,720px);padding:.8rem 1.05rem;border-radius:12px;background:#1a1207b8;border:1px solid rgba(200,168,78,.24);color:#d4c4a0;font-weight:700;text-align:center;line-height:1.4;box-shadow:inset 0 1px #c8a84e1a}.dna-nft-error{border-color:#eb5c4b94;color:#ffb09f;background:linear-gradient(145deg,#54201694,#24120cf0)}.dna-nft-success{border-color:#7dbe5c94;color:#b8f28f;background:linear-gradient(145deg,#2a462285,#182212eb);animation:dna-nft-status-in .25s ease-out}.dna-nft-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem);align-items:start}.dna-nft-panel{position:relative;overflow:hidden;min-width:0;padding:clamp(1rem,2vw,1.35rem);border:2px solid #c8a84e;border-radius:16px;background:radial-gradient(ellipse at top,rgba(200,168,78,.11) 0%,transparent 58%),linear-gradient(180deg,#3a2a15,#1a1207);box-shadow:0 20px 58px #00000070,0 0 26px #c8a84e24,inset 0 1px #c8a84e24}.dna-nft-panel--mint,.dna-nft-panel--burn{min-height:430px}.dna-nft-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.12) 0%,transparent 45%);opacity:0;transition:opacity .3s ease}.dna-nft-panel:hover:before{opacity:1}.dna-nft-panel-header{position:relative;z-index:1;margin-bottom:.9rem;text-align:left}.dna-nft-panel-header h3{margin:0 0 .35rem;color:#f5e6c8;font-size:clamp(1.16rem,2.2vw,1.45rem);font-weight:800;letter-spacing:.3px;text-shadow:0 2px 8px rgba(0,0,0,.78)}.dna-nft-panel-header p,.dna-nft-mirror-note{margin:0;color:#d4c4a0;font-size:clamp(.82rem,1.5vw,.92rem);line-height:1.45}.dna-nft-card-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,184px));justify-content:start;align-content:start;gap:clamp(.75rem,1.4vw,1rem);padding:6px}.dna-nft-card-grid--wallet,.dna-nft-card-grid--roster{min-height:342px}.dna-nft-wallet-frame{position:relative;z-index:1;max-height:390px;overflow-y:auto;overflow-x:hidden;padding-right:2px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(200,168,78,.82) rgba(26,18,7,.35)}.dna-nft-wallet-frame::-webkit-scrollbar{width:8px}.dna-nft-wallet-frame::-webkit-scrollbar-track{background:#1a120799;border-radius:8px}.dna-nft-wallet-frame::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:8px}.dna-nft-wallet-frame::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e)}.dna-nft-pet-card,.dna-nft-token-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.45rem;min-width:0;min-height:164px;padding:.78rem;overflow:hidden;border:1px solid #8a6a2e;border-radius:12px;color:#f5e6c8;background:linear-gradient(145deg,#2a1f10,#1a1207);box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.dna-nft-pet-card:before,.dna-nft-token-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,.1) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-120%);pointer-events:none;z-index:2}.dna-nft-pet-card:after,.dna-nft-token-card:after{content:"";position:absolute;top:50%;left:50%;width:125%;height:125%;background:radial-gradient(circle,rgba(200,168,78,.14) 0%,transparent 70%);opacity:0;transform:translate(-50%,-50%);transition:opacity .3s ease;pointer-events:none;z-index:1}.dna-nft-pet-card:hover,.dna-nft-token-card:hover,.dna-nft-pet-card--selected{transform:translate3d(0,-5px,0) scale(1.02);border-color:#c8a84e;background:linear-gradient(145deg,#3a2a15,#2a1f10);box-shadow:inset 0 1px #c8a84e4d,0 8px 24px #0006,0 0 16px #c8a84e52}.dna-nft-pet-card--busy,.dna-nft-pet-card--busy:hover{color:#b8ad96;cursor:not-allowed;background:linear-gradient(145deg,#2a2319d1,#120f0bf0),linear-gradient(180deg,#78787814,#00000029);border-color:#96825e75;box-shadow:inset 0 1px #dcc8a01a,0 4px 12px #0000005c;filter:grayscale(.58) saturate(.72);transform:translateZ(0)}.dna-nft-pet-card--busy:after{opacity:.42;background:radial-gradient(circle,rgba(190,170,130,.1) 0%,transparent 68%),linear-gradient(180deg,#14141438,#00000057)}.dna-nft-pet-card--busy:hover:before{animation:none}.dna-nft-pet-card--busy .dna-nft-card-image{opacity:.58;filter:grayscale(.68) drop-shadow(0 3px 8px rgba(0,0,0,.62))}.dna-nft-pet-card--busy:hover .dna-nft-card-image{transform:none}.dna-nft-busy-badge{position:absolute;top:.6rem;right:.55rem;z-index:4;max-width:calc(100% - 1.1rem);padding:.23rem .56rem;overflow:hidden;border:2px solid rgba(139,69,19,.86);border-radius:7px;color:#fff9e8;font-size:clamp(.58rem,1.2vw,.7rem);font-weight:950;letter-spacing:.35px;line-height:1.1;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.92),0 0 8px rgba(255,255,255,.16);white-space:nowrap;box-shadow:0 4px 12px #00000085,inset 0 1px #ffffff38}.dna-nft-busy-badge--mission{background:linear-gradient(135deg,#f44,#b71c1c);border-color:#8b4513}.dna-nft-busy-badge--healing{background:linear-gradient(135deg,#2196f3,#1565c0);border-color:#0d47a1}.dna-nft-busy-badge--breeding{background:linear-gradient(135deg,#8a2be2,#9b59b6);border-color:#6a1b9a}.dna-nft-busy-badge--guild-bank{background:linear-gradient(135deg,#ff8c00,#ff6f00);border-color:#e65100}.dna-nft-busy-badge--last-roster-pet{background:linear-gradient(135deg,#c8a84e,#8b6f1f);border-color:#6f5312}.dna-nft-pet-card:hover:before,.dna-nft-token-card:hover:before{animation:dna-nft-glare-sweep .6s ease-in-out}.dna-nft-pet-card:hover:after,.dna-nft-token-card:hover:after,.dna-nft-pet-card--selected:after{opacity:1}.dna-nft-pet-card:focus-visible,.dna-nft-token-card:focus-visible,.dna-nft-action-button:focus-visible,.dna-nft-secondary-button:focus-visible,.dna-nft-modal-close:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.dna-nft-card-image-wrap{position:relative;z-index:3;display:grid;place-items:center;width:100%;min-height:88px;padding:.45rem;border:1px solid rgba(200,168,78,.18);border-radius:10px;background:linear-gradient(145deg,#1a1207,#0d0a04);box-shadow:inset 0 2px 8px #0006}.dna-nft-card-image{width:min(84px,42vw);height:84px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.62));transition:transform .3s cubic-bezier(.4,0,.2,1)}.dna-nft-pet-card:hover .dna-nft-card-image,.dna-nft-token-card:hover .dna-nft-card-image{transform:scale(1.08)}.dna-nft-card-title,.dna-nft-card-meta{position:relative;z-index:3;display:block;width:100%;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.72)}.dna-nft-card-title{margin-top:.25rem;color:#f5e6c8;font-size:clamp(.82rem,1.5vw,.94rem);font-weight:800;line-height:1.2}.dna-nft-card-meta{color:#c8a84e;font-size:clamp(.72rem,1.25vw,.82rem);font-weight:700;line-height:1.25}.dna-nft-card-lock-reason{position:relative;z-index:3;display:block;width:100%;margin-top:.15rem;padding:.42rem .48rem;border:1px dashed rgba(200,168,78,.34);border-radius:8px;background:#1a12078a;color:#d4c4a0;font-size:clamp(.66rem,1.18vw,.76rem);font-style:italic;font-weight:800;line-height:1.25;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8)}.dna-nft-pet-card--busy .dna-nft-card-title{color:#d8ccb2}.dna-nft-pet-card--busy .dna-nft-card-meta{color:#b8a36e}.dna-nft-action-button,.dna-nft-secondary-button,.dna-nft-modal-close{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1rem;overflow:hidden;border:none;border-radius:10px;color:#1a1207;background:linear-gradient(180deg,#c8a84e,#8a6a2e);font-weight:900;letter-spacing:.3px;text-shadow:0 1px 1px rgba(255,255,255,.18);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff38;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.dna-nft-action-button:before,.dna-nft-secondary-button: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,.3) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-120%);pointer-events:none}.dna-nft-action-button:hover:not(:disabled),.dna-nft-secondary-button:hover:not(:disabled){transform:translate3d(0,-3px,0) scale(1.03);box-shadow:0 7px 18px #c8a84e66,inset 0 1px #ffffff52}.dna-nft-action-button:hover:not(:disabled):before,.dna-nft-secondary-button:hover:not(:disabled):before{animation:dna-nft-glare-sweep .6s ease-in-out}.dna-nft-secondary-button{min-width:82px;background:transparent;border:1px solid #8a6a2e;color:#d4c4a0;text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:inset 0 1px #c8a84e1a}.dna-nft-secondary-button:hover:not(:disabled){background:#c8a84e26;border-color:#c8a84e;color:#f5e6c8}.dna-nft-action-button:disabled,.dna-nft-secondary-button:disabled,.dna-nft-modal-close:disabled{cursor:not-allowed;opacity:.5;transform:none;filter:grayscale(.35)}.dna-nft-pagination{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.75rem}.dna-nft-page-indicator{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.45rem .85rem;border:1px solid rgba(200,168,78,.3);border-radius:999px;background:#1a12078c;color:#f0d060;font-size:.82rem;font-weight:800;white-space:nowrap}.dna-nft-modal-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2.4vw,24px);background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dna-nft-modal-card{position:relative;width:min(94vw,560px);max-height:min(760px,calc(100vh - 20px));max-height:min(760px,calc(100dvh - 20px));overflow-y:auto;overflow-x:hidden;padding:clamp(1.2rem,4vw,1.75rem);border:2px solid #c8a84e;border-radius:18px;color:#f5e6c8;background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.14) 0%,transparent 42%),linear-gradient(180deg,#3a2a15,#1a1207);box-shadow:0 22px 64px #0000009e,0 0 34px #c8a84e3d,inset 0 1px #ffd70029;animation:dna-nft-modal-in .3s cubic-bezier(.4,0,.2,1);scroll-behavior:smooth}.dna-nft-modal-card::-webkit-scrollbar{width:8px}.dna-nft-modal-card::-webkit-scrollbar-track{background:#1a120799;border-radius:0 16px 16px 0}.dna-nft-modal-card::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:4px}.dna-nft-modal-card h3{max-width:calc(100% - 56px);margin:0 0 1rem;color:#f5e6c8;font-size:clamp(1.25rem,4vw,1.6rem);font-weight:900;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.85)}.dna-nft-modal-close{position:absolute;top:.85rem;right:.85rem;width:44px;min-width:44px;padding:0;border-radius:50%;color:#d4af37;background:linear-gradient(135deg,#3c2814eb,#28190ffa);border:2px solid rgba(139,69,19,.62);font-size:1.55rem;line-height:1;text-shadow:none}.dna-nft-modal-close:hover:not(:disabled){color:#ffd86f;border-color:#d4af37f2;transform:rotate(90deg) scale(1.12) translateZ(0);box-shadow:0 0 24px #d4af3780,0 6px 16px #000000bf}.dna-nft-modal-preview{display:flex;align-items:center;gap:1rem;padding:.95rem;margin-bottom:1rem;border:1px solid #8a6a2e;border-radius:12px;background:linear-gradient(145deg,#2a1f10,#1a1207);box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d}.dna-nft-modal-preview img{width:82px;height:82px;object-fit:contain;padding:.5rem;border:1px solid rgba(200,168,78,.22);border-radius:10px;background:linear-gradient(145deg,#1a1207,#0d0a04);filter:drop-shadow(0 3px 8px rgba(0,0,0,.62))}.dna-nft-modal-preview div{display:grid;gap:.3rem;min-width:0}.dna-nft-modal-preview strong{color:#f5e6c8;font-size:1.05rem;line-height:1.2}.dna-nft-modal-preview span{color:#c8a84e;font-weight:700}.dna-nft-checklist{display:grid;gap:.65rem;margin:1rem 0 1.15rem}.dna-nft-check-item{padding:.75rem .9rem;border:1px solid rgba(200,168,78,.24);border-radius:10px;background:#1a12078c;color:#d4c4a0;font-weight:700;line-height:1.4}.dna-nft-check-item--blocked,.dna-nft-action-blocker{border-color:#eba24b9e;color:#ffd39a;background:radial-gradient(circle at 12% 18%,rgba(255,196,95,.14) 0%,transparent 44%),linear-gradient(145deg,#523012a3,#201309f0);box-shadow:inset 0 1px #ffe6aa29,0 0 16px #eba24b1f}.dna-nft-action-blocker{margin:-.35rem 0 1rem;padding:.78rem .95rem;border:1px solid rgba(235,162,75,.62);border-radius:12px;font-size:clamp(.84rem,2.6vw,.95rem);font-weight:850;line-height:1.42;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.88),0 0 12px rgba(235,162,75,.22)}.dna-nft-progress-shell,.dna-nft-result-shell{display:flex;flex-direction:column;align-items:center;gap:clamp(.9rem,2.4vw,1.35rem);padding:clamp(1rem,3vw,1.4rem) 0 .25rem;text-align:center}.dna-nft-progress-icon-frame,.dna-nft-result-icon{display:flex;align-items:center;justify-content:center;width:clamp(58px,12vw,72px);height:clamp(58px,12vw,72px);border:1px solid rgba(200,168,78,.48);border-radius:50%;background:radial-gradient(circle,#ffd70033,#8a6a2e1f 52%,#1a1207c7);box-shadow:0 0 24px #c8a84e47,inset 0 1px #ffffff29,inset 0 -2px #0006;animation:dna-nft-progress-float 2.8s ease-in-out infinite}.dna-nft-progress-icon{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.78))}.dna-nft-progress-title{margin:0;color:#f0d060;font-size:clamp(1.25rem,4.5vw,1.75rem);font-weight:900;letter-spacing:clamp(1.6px,.55vw,3px);line-height:1.25;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.92),0 0 18px rgba(212,175,55,.5)}.dna-nft-progress-animation{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:clamp(.8rem,3vw,1.2rem) 0}.dna-nft-progress-spinner{position:relative;width:clamp(74px,18vw,96px);height:clamp(74px,18vw,96px);border:6px solid rgba(138,106,46,.26);border-top-color:#ffd86f;border-right-color:#c8a84e;border-radius:50%;animation:dna-nft-progress-spin 1.05s linear infinite;box-shadow:0 0 32px #c8a84e5c,inset 0 0 16px #00000085}.dna-nft-progress-spinner:before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle,#c8a84e29,#1a1207eb 68%);box-shadow:inset 0 1px #ffffff14}.dna-nft-progress-stage{margin-bottom:.45rem;color:#f0d060;font-size:clamp(.98rem,3.2vw,1.08rem);font-weight:800;line-height:1.35;text-shadow:0 1px 5px rgba(0,0,0,.9),0 0 12px rgba(200,168,78,.38);animation:dna-nft-progress-text-pulse 2s ease-in-out infinite}.dna-nft-progress-stage:nth-child(2){animation-delay:.35s}.dna-nft-progress-hint{max-width:36rem;margin-top:.8rem;color:#a08860;font-size:clamp(.82rem,2.6vw,.92rem);font-style:italic;font-weight:700;line-height:1.45}.dna-nft-result-icon{color:#b8f28f;font-size:clamp(2rem,7vw,2.8rem);font-weight:950;animation:dna-nft-result-pop .6s cubic-bezier(.4,0,.2,1)}.dna-nft-result-shell--error .dna-nft-result-icon{color:#ffb09f;border-color:#eb5c4b8c;text-shadow:0 0 16px rgba(235,92,75,.7)}.dna-nft-result-title{color:#f0d060;font-size:clamp(1.16rem,4vw,1.45rem);font-weight:900;line-height:1.25;text-shadow:0 1px 5px rgba(0,0,0,.9),0 0 16px rgba(200,168,78,.42)}.dna-nft-result-message{max-width:36rem;color:#d4c4a0;font-size:clamp(.88rem,2.8vw,1rem);font-weight:700;line-height:1.45}@keyframes dna-nft-progress-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes dna-nft-progress-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dna-nft-progress-text-pulse{0%,to{opacity:.68}50%{opacity:1}}@keyframes dna-nft-result-pop{0%{transform:scale(.72);opacity:0}65%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@media (max-width: 1100px){.dna-nft-card-grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr))}}@media (max-width: 768px){.dna-nft-panels{grid-template-columns:1fr}.dna-nft-card-grid{grid-template-columns:repeat(auto-fill,minmax(148px,184px))}}@media (max-width: 560px){.dna-nft-toolbar{align-items:stretch;justify-content:flex-start}.dna-nft-balance-chip,.dna-nft-wallet-chip,.dna-nft-mirror-chip,.dna-nft-action-button{white-space:normal}.dna-nft-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.dna-nft-pagination{flex-wrap:wrap}.dna-nft-busy-badge{position:relative;top:auto;right:auto;align-self:center;max-width:100%;margin-bottom:.05rem;text-align:center}}@media (max-width: 420px){.dna-nft-toolbar{flex-direction:column}.dna-nft-card-grid{grid-template-columns:1fr}.dna-nft-modal-preview{flex-direction:column;text-align:center}}@media (prefers-reduced-motion: reduce){.dna-nft-panel,.dna-nft-pet-card,.dna-nft-token-card,.dna-nft-action-button,.dna-nft-secondary-button,.dna-nft-modal-card,.dna-nft-modal-close,.dna-nft-card-image,.dna-nft-status-row,.dna-nft-success{animation:none!important;transition-duration:.01ms!important}.dna-nft-pet-card:hover,.dna-nft-token-card:hover,.dna-nft-action-button:hover,.dna-nft-secondary-button:hover,.dna-nft-modal-close:hover{transform:none!important}.dna-nft-pet-card:hover:before,.dna-nft-token-card:hover:before,.dna-nft-action-button:hover:before,.dna-nft-secondary-button:hover:before{animation:none!important}.dna-nft-progress-icon-frame,.dna-nft-progress-spinner,.dna-nft-progress-stage,.dna-nft-result-icon{animation:none!important}}.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-card-genotype-content,.dna-card-genome-content{display:flex;flex-direction:column;gap:16px}.dna-card-genotype-row,.dna-card-genome-row{display:flex;flex-direction:column;gap:8px}.dna-card-genotype-label,.dna-card-genome-label{font-size:.65rem;font-weight:700;color:#9a8b78;text-transform:uppercase;letter-spacing:.8px}.dna-card-genotype-alleles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dna-card-allele-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid;border-radius:20px;font-size:.78rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;box-shadow:0 1px 4px #00000026}.dna-card-allele-badge:hover{transform:translateY(-2px) scale(1.04) translateZ(0);box-shadow:0 4px 10px #00000040,0 0 12px rgba(var(--dna-type-rgb),.15)}.dna-card-allele-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px #0000004d}.dna-card-allele-slot{font-size:.55rem;color:#807060;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:2px}.dna-card-allele-badge--latent{border-style:dashed}.dna-card-allele-badge--empty{border-color:#555;color:#666;background:#55555514;opacity:.6}.dna-card-allele-divider{color:#555;font-weight:300;font-size:.85rem;user-select:none}.dna-card-allele-divider--dashed{color:#444;opacity:.6}.dna-card-catalyst-badges{display:flex;flex-wrap:wrap;gap:8px}.dna-card-catalyst-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid rgba(74,56,33,.5);border-radius:16px;font-size:.75rem;font-weight:600;color:#e8e0d4;background:linear-gradient(135deg,#1e1c1880,#16141280);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;box-shadow:0 1px 4px #00000026}.dna-card-catalyst-pill--active{border-color:#4caf5066;box-shadow:0 1px 4px #00000026,inset 0 0 8px #4caf500f}.dna-card-catalyst-pill--carrier{opacity:.7;border-style:dashed}.dna-card-catalyst-pill:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 4px 10px #00000040,0 0 8px #ffa5001a}.dna-card-catalyst-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dna-card-catalyst-dot--active{background:#4caf50;box-shadow:0 0 6px #4caf5080}.dna-card-catalyst-dot--carrier{background:transparent;border:2px solid #888}.dna-card-catalyst-state{font-size:.55rem;color:#807060;text-transform:uppercase;letter-spacing:.3px}.dna-card-catalyst-none{font-size:.78rem;color:#666;font-style:italic}.dna-card-quality-pair{display:flex;gap:10px;flex-wrap:wrap}.dna-card-quality-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid;border-radius:20px;font-size:.78rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;box-shadow:0 1px 4px #00000026}.dna-card-quality-badge:hover{transform:translateY(-2px) scale(1.04) translateZ(0);box-shadow:0 4px 10px #00000040}.dna-card-quality-slot{font-size:.55rem;color:#807060;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:4px}.dna-card-cosmetic-pair{display:flex;gap:10px;flex-wrap:wrap}.dna-card-cosmetic-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(74,56,33,.4);border-radius:20px;font-size:.78rem;font-weight:600;color:#e8e0d4;background:linear-gradient(135deg,#1e1c1866,#16141266);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;box-shadow:0 1px 4px #00000026}.dna-card-cosmetic-badge:hover{transform:translateY(-2px) scale(1.04) translateZ(0);box-shadow:0 4px 10px #00000040}.dna-card-cosmetic-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px #0000004d}.dna-card-cosmetic-slot{font-size:.55rem;color:#807060;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:4px}.dna-card-stability-metrics{display:flex;gap:12px;flex-wrap:wrap}.dna-card-stability-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:linear-gradient(145deg,#1e1c1899,#16141299);border:1px solid rgba(74,56,33,.4);border-radius:10px;min-width:80px;box-shadow:0 1px 4px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-card-stability-badge:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 4px 10px #00000040}.dna-card-stability-name{font-size:.6rem;font-weight:700;color:#9a8b78;text-transform:uppercase;letter-spacing:.5px}.dna-card-stability-value{font-size:.85rem;font-weight:700;text-transform:capitalize;text-shadow:0 0 8px rgba(0,0,0,.3)}.dna-card-stability-meter{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 16px;background:linear-gradient(145deg,#1e1c1899,#16141299);border:1px solid rgba(74,56,33,.4);border-radius:10px;min-width:120px;flex:1;box-shadow:0 1px 4px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-card-stability-meter:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 4px 10px #00000040}.dna-card-meter-track{width:100%;height:8px;background:#222c;border-radius:4px;overflow:hidden;border:1px solid rgba(74,56,33,.2)}.dna-card-meter-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px #0003}.dna-card-meter-value{font-size:.7rem;font-weight:600;color:#e8e0d4}.dna-card-ancientstock-display{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dna-card-ancientstock-percent{font-size:1.3rem;font-weight:800;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3),0 1px 3px rgba(0,0,0,.5);letter-spacing:-.5px}.dna-card-mutation-badges{display:flex;gap:8px;flex-wrap:wrap}.dna-card-mutation-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:16px;font-size:.72rem;font-weight:600;border:1px solid;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;box-shadow:0 1px 4px #00000026}.dna-card-mutation-badge:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 4px 10px #00000040}.dna-card-mutation-badge--chance{color:#e8e0d4;border-color:#4a382180;background:linear-gradient(135deg,#1e1c1880,#16141280)}.dna-card-mutation-badge--severity{text-transform:capitalize}.dna-card-mutation-badge--minor{color:#4caf50;border-color:#4caf5066;background:#4caf501a}.dna-card-mutation-badge--moderate{color:#ffc107;border-color:#ffc10766;background:#ffc1071a}.dna-card-mutation-badge--radical{color:#dc3545;border-color:#dc354566;background:#dc35451a}.dna-card-threshold-badges{display:flex;gap:10px;flex-wrap:wrap}.dna-card-threshold-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid;border-radius:20px;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;box-shadow:0 1px 4px #00000026}.dna-card-threshold-badge:hover{transform:translateY(-2px) scale(1.04) translateZ(0);box-shadow:0 4px 10px #00000040}.dna-card-threshold-badge--met{background:#4caf5014}.dna-card-threshold-badge--unmet{background:#dc35450f;opacity:.7}.dna-card-threshold-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px #0000004d}.dna-card-threshold-status{font-size:.75rem;font-weight:700}.dna-card-bloodline-content{display:flex;flex-direction:column;gap:16px}.dna-card-bloodline-row{display:flex;flex-direction:column;gap:8px}.dna-card-bloodline-label{font-size:.65rem;font-weight:700;color:#9a8b78;text-transform:uppercase;letter-spacing:.8px}.dna-card-marker-badges{display:flex;flex-wrap:wrap;gap:10px}.dna-card-marker-badge{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:linear-gradient(145deg,#1e1c1899,#16141299);border:1px solid rgba(74,56,33,.4);border-left:3px solid;border-radius:3px 10px 10px 3px;min-width:130px;box-shadow:0 1px 4px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.dna-card-marker-badge:hover{transform:translateY(-2px) translate(2px) translateZ(0);box-shadow:0 4px 12px #00000040,0 0 10px rgba(var(--dna-type-rgb),.1)}.dna-card-marker-name{font-size:.82rem;font-weight:700;color:#e8e0d4;letter-spacing:.3px}.dna-card-marker-strength{display:flex;align-items:center;gap:3px}.dna-card-marker-pip{width:16px;height:8px;border-radius:2px;background:#333;border:1px solid #555;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-card-marker-pip--filled{box-shadow:0 0 4px #0000004d}.dna-card-marker-strength-text{font-size:.65rem;font-weight:600;color:#9a8b78;margin-left:6px}.dna-card-marker-none{font-size:.78rem;color:#666;font-style:italic}.dna-card-lineage-quote{padding:14px 16px;background:radial-gradient(circle at top right,rgba(139,0,0,.06) 0%,transparent 55%),linear-gradient(135deg,#4a382126,#1e1c184d);border:1px solid rgba(139,0,0,.2);border-left:3px solid #8B0000;border-radius:3px 10px 10px 3px;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff05;transition:all .3s cubic-bezier(.4,0,.2,1)}.dna-card-lineage-quote:hover{box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff08;border-color:#8b000059}.dna-card-lineage-text{font-size:.82rem;color:#e8e0d4;line-height:1.7;font-style:italic;margin:0}.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}.dna-card-genotype-content,.dna-card-genome-content{gap:14px}.dna-card-genotype-alleles{justify-content:center}.dna-card-stability-metrics{flex-direction:column}.dna-card-stability-meter{min-width:0}.dna-card-ancientstock-display,.dna-card-quality-pair,.dna-card-cosmetic-pair,.dna-card-threshold-badges,.dna-card-catalyst-badges,.dna-card-mutation-badges,.dna-card-marker-badges{justify-content:center}.dna-card-lineage-quote{padding:12px 14px}}@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}.dna-card-genotype-content,.dna-card-genome-content{gap:12px}.dna-card-allele-badge{padding:4px 9px;font-size:.72rem}.dna-card-allele-swatch{width:8px;height:8px}.dna-card-allele-divider{font-size:.75rem}.dna-card-catalyst-pill{padding:4px 9px;font-size:.7rem}.dna-card-quality-badge,.dna-card-cosmetic-badge{padding:4px 9px;font-size:.72rem}.dna-card-cosmetic-dot{width:8px;height:8px}.dna-card-stability-badge{padding:8px 12px;min-width:70px}.dna-card-stability-meter{padding:8px 12px;min-width:0}.dna-card-stability-value{font-size:.78rem}.dna-card-meter-track{height:6px}.dna-card-ancientstock-percent{font-size:1.1rem}.dna-card-mutation-badge{padding:4px 9px;font-size:.68rem}.dna-card-threshold-badge{padding:4px 9px;font-size:.7rem}.dna-card-threshold-dot{width:8px;height:8px}.dna-card-bloodline-content{gap:12px}.dna-card-marker-badge{padding:8px 12px;min-width:110px}.dna-card-marker-name{font-size:.75rem}.dna-card-marker-pip{width:14px;height:7px}.dna-card-marker-strength-text{font-size:.6rem}.dna-card-lineage-quote{padding:10px 12px}.dna-card-lineage-text{font-size:.78rem;line-height:1.6}}@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}.dna-card-genotype-content,.dna-card-genome-content{gap:10px}.dna-card-genotype-row,.dna-card-genome-row{gap:6px}.dna-card-allele-badge{padding:3px 7px;font-size:.68rem;gap:4px}.dna-card-quality-badge,.dna-card-cosmetic-badge{padding:3px 7px;font-size:.68rem}.dna-card-catalyst-pill,.dna-card-mutation-badge,.dna-card-threshold-badge{padding:3px 7px;font-size:.65rem}.dna-card-allele-slot,.dna-card-quality-slot,.dna-card-cosmetic-slot{font-size:.5rem}.dna-card-stability-badge,.dna-card-stability-meter{padding:6px 10px}.dna-card-stability-name{font-size:.55rem}.dna-card-stability-value{font-size:.72rem}.dna-card-meter-value{font-size:.6rem}.dna-card-ancientstock-percent{font-size:1rem}.dna-card-ancientstock-display,.dna-card-bloodline-content{gap:10px}.dna-card-bloodline-row{gap:6px}.dna-card-marker-badge{padding:6px 10px;min-width:100px;gap:4px}.dna-card-marker-name{font-size:.7rem}.dna-card-marker-pip{width:12px;height:6px}.dna-card-marker-strength-text{font-size:.55rem}.dna-card-lineage-quote{padding:8px 10px}.dna-card-lineage-text{font-size:.72rem;line-height:1.55}}@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}.dna-card-genotype-content,.dna-card-genome-content{gap:8px}.dna-card-genotype-row,.dna-card-genome-row{gap:5px}.dna-card-genotype-label,.dna-card-genome-label{font-size:.58rem;letter-spacing:.5px}.dna-card-genotype-alleles{gap:4px}.dna-card-allele-badge{padding:3px 6px;font-size:.62rem;border-width:1px}.dna-card-allele-swatch{width:6px;height:6px}.dna-card-allele-divider{font-size:.65rem}.dna-card-quality-pair,.dna-card-cosmetic-pair,.dna-card-threshold-badges,.dna-card-catalyst-badges,.dna-card-mutation-badges{gap:6px}.dna-card-stability-metrics{gap:8px}.dna-card-stability-badge{padding:5px 8px;min-width:60px}.dna-card-stability-meter{padding:5px 8px}.dna-card-meter-track{height:5px}.dna-card-ancientstock-percent{font-size:.9rem}.dna-card-bloodline-content{gap:8px}.dna-card-bloodline-row{gap:5px}.dna-card-bloodline-label{font-size:.58rem}.dna-card-marker-badges{gap:6px}.dna-card-marker-badge{padding:5px 8px;min-width:90px;border-left-width:2px}.dna-card-marker-name{font-size:.65rem}.dna-card-marker-pip{width:10px;height:5px}.dna-card-lineage-quote{padding:7px 9px;border-left-width:2px}.dna-card-lineage-text{font-size:.68rem;line-height:1.5}}.dna-family-tree-section{position:relative;margin-top:24px;padding:20px;background:radial-gradient(circle at top right,rgba(255,215,0,.08) 0%,transparent 42%),linear-gradient(135deg,#2c1c0aeb,#100a04f5);border:2px solid rgba(200,168,78,.28);border-radius:16px;box-shadow:0 14px 28px #0000007a,0 6px 14px #00000057,inset 0 1px #ffffff14,inset 0 0 28px #ffd70008;overflow:visible}.dna-family-tree-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 36%);pointer-events:none}.dna-family-tree-header{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(200,168,78,.18)}.dna-family-tree-icon-img{width:22px;height:22px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.dna-family-tree-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#d9b55f;text-shadow:0 2px 6px rgba(0,0,0,.55)}.dna-family-tree-loading,.dna-family-tree-empty{position:relative;z-index:1}.dna-family-tree-loading{padding:36px 16px;text-align:center;color:#d9b55fd1;font-style:italic}.dna-family-tree-error{position:relative;z-index:1;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(220,83,73,.34);border-radius:12px;background:linear-gradient(135deg,#5c1a18cc,#2c0c0ce0);color:#ffe1db;font-size:.82rem;line-height:1.55;box-shadow:inset 0 1px #ffffff0f}.dna-family-tree-empty{padding:42px 20px;text-align:center}.dna-family-tree-empty-icon-img{width:50px;height:50px;object-fit:contain;margin-bottom:12px;opacity:.78;filter:drop-shadow(0 5px 12px rgba(0,0,0,.45))}.dna-family-tree-empty-title{margin-bottom:8px;font-size:1.08rem;font-weight:700;color:#e7c87a;text-shadow:0 2px 6px rgba(0,0,0,.45)}.dna-family-tree-empty-text{max-width:420px;margin:0 auto;font-size:.86rem;line-height:1.6;color:#e8e0d4d1}.dna-family-tree-viewport{position:relative;z-index:1;border-radius:12px;overflow:visible;background:linear-gradient(180deg,#0d08044d,#0d080429);border:1px solid rgba(200,168,78,.12)}.dna-family-tree-viewport:before,.dna-family-tree-viewport:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:2}.dna-family-tree-viewport:before{left:0;background:linear-gradient(to right,rgba(16,10,4,.9),transparent);opacity:.28}.dna-family-tree-viewport:after{right:0;background:linear-gradient(to left,rgba(16,10,4,.96),transparent);opacity:.9}.dna-family-tree-scroll-container{position:relative;overflow-x:auto;overflow-y:hidden;padding:24px 12px 44px;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(217,181,95,.55) rgba(0,0,0,.18)}.dna-family-tree-scroll-container::-webkit-scrollbar{height:10px}.dna-family-tree-scroll-container::-webkit-scrollbar-track{background:#00000042;border-radius:999px}.dna-family-tree-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ffd700b3,#b8860bb3);border-radius:999px;border:1px solid rgba(139,69,19,.75)}.dna-family-tree-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#ffd700e6,#daa520e6)}.dna-family-tree-chart{--dna-tree-node-width: 160px;--dna-tree-node-height: 62px;--dna-tree-slot-height: 76px;--dna-tree-node-sprite: 42px;--dna-tree-label-height: 28px;--dna-tree-connector-width: 32px;display:flex;align-items:flex-start;gap:0;min-width:max-content}.dna-family-tree-generation-group{display:flex;align-items:flex-start}.dna-family-tree-generation{display:flex;flex-direction:column;align-items:stretch;width:var(--dna-tree-node-width);min-width:var(--dna-tree-node-width);flex-shrink:0}.dna-family-tree-gen-label{display:flex;align-items:flex-end;justify-content:center;height:var(--dna-tree-label-height);padding-bottom:6px;font-size:.66rem;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:#d9b55f9e;white-space:nowrap}.dna-family-tree-column{position:relative;width:100%;height:calc(var(--tree-total-slots, 1) * var(--dna-tree-slot-height))}.dna-family-tree-connector{position:relative;width:var(--dna-tree-connector-width);height:calc(var(--tree-total-slots, 1) * var(--dna-tree-slot-height));margin-top:var(--dna-tree-label-height);flex-shrink:0;filter:drop-shadow(0 0 3px rgba(255,215,0,.18))}.dna-family-tree-connector-svg{position:absolute;inset:0;width:100%;height:100%}.dna-family-tree-connector-line{fill:none;stroke:#d9b55f8c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dna-family-tree-node{position:absolute;left:0;right:0;top:calc(var(--node-slot-y, .5) * var(--dna-tree-slot-height) - var(--dna-tree-node-height) / 2);isolation:isolate;display:flex;align-items:center;gap:10px;height:var(--dna-tree-node-height);min-height:var(--dna-tree-node-height);padding:8px 11px;box-sizing:border-box;border:1px solid rgba(217,181,95,.28);border-radius:12px;background:linear-gradient(135deg,#422a12eb,#1b1107fa);box-shadow:0 6px 14px #00000057,inset 0 1px #ffffff14,inset 0 -8px 18px #00000029;cursor:pointer;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1);overflow:visible;outline:none;will-change:transform,box-shadow;backface-visibility:hidden;-webkit-backface-visibility:hidden;z-index:1}.dna-family-tree-node-fx{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}.dna-family-tree-node-fx:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.11) 0%,transparent 42%);opacity:.5}.dna-family-tree-node-fx:after{content:"";position:absolute;top:0;left:-110%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);opacity:0;pointer-events:none;transition:left .45s ease,opacity .3s ease}.dna-family-tree-node-sprite,.dna-family-tree-node-info{position:relative;z-index:1}.dna-family-tree-node:hover,.dna-family-tree-node:focus-visible,.dna-family-tree-node:focus-within{transform:translate3d(0,-4px,0);border-color:var(--node-rarity-glow, #d9b55f);box-shadow:0 14px 22px #00000070,0 0 0 1px color-mix(in srgb,var(--node-rarity-glow, #d9b55f) 28%,transparent),inset 0 1px #ffffff1f;z-index:6}.dna-family-tree-node:hover .dna-family-tree-node-fx:after,.dna-family-tree-node:focus-visible .dna-family-tree-node-fx:after,.dna-family-tree-node:focus-within .dna-family-tree-node-fx:after{left:110%;opacity:1}.dna-family-tree-node-current{border-color:#ffd70075;background:radial-gradient(circle at top right,rgba(255,215,0,.12) 0%,transparent 40%),linear-gradient(135deg,#4e3614f2,#201508fa);box-shadow:0 8px 18px #00000061,0 0 0 1px #ffd7002e,inset 0 1px #ffffff1a}.dna-family-tree-node-sprite{width:var(--dna-tree-node-sprite);height:var(--dna-tree-node-sprite);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:visible}.dna-family-tree-node-image{width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6));transition:transform .28s cubic-bezier(.4,0,.2,1),filter .28s cubic-bezier(.4,0,.2,1)}.dna-family-tree-node:hover .dna-family-tree-node-image,.dna-family-tree-node:focus-visible .dna-family-tree-node-image,.dna-family-tree-node:focus-within .dna-family-tree-node-image{transform:none;filter:drop-shadow(0 5px 12px rgba(0,0,0,.64))}.dna-family-tree-node-info{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;min-width:0;overflow:hidden;gap:1px}.dna-family-tree-node-name-row,.dna-family-tree-tooltip-name-row{display:flex;align-items:center;gap:5px;min-width:0}.dna-family-tree-node-name{font-size:.76rem;line-height:1.15;font-weight:700;color:#efe4d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto;text-shadow:0 1px 3px rgba(0,0,0,.46)}.dna-family-tree-node-name--male,.dna-family-tree-tooltip-name--male{color:#4da6ff;text-shadow:0 0 6px rgba(77,166,255,.28),0 1px 3px rgba(0,0,0,.46)}.dna-family-tree-node-name--female,.dna-family-tree-tooltip-name--female{color:#ff6eb4;text-shadow:0 0 6px rgba(255,110,180,.28),0 1px 3px rgba(0,0,0,.46)}.dna-family-tree-gender-icon{flex-shrink:0;font-size:.72rem;font-weight:700;line-height:1}.dna-family-tree-gender-icon--male{color:#4da6ff;text-shadow:0 0 6px rgba(77,166,255,.4)}.dna-family-tree-gender-icon--female{color:#ff6eb4;text-shadow:0 0 6px rgba(255,110,180,.4)}.dna-family-tree-gender-icon--neutral{color:#e8e0d48c}.dna-family-tree-node-species{font-size:.6rem;line-height:1.2;color:#e8e0d4ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dna-family-tree-node-badges{display:flex;align-items:baseline;flex-wrap:nowrap;gap:6px;margin-top:2px;min-width:0}.dna-family-tree-node-type{font-size:.55rem;line-height:1.2;font-weight:700;letter-spacing:.55px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}.dna-family-tree-node-gen{font-size:.55rem;line-height:1.2;font-weight:600;color:#d9b55fc7;white-space:nowrap;flex:0 0 auto}.dna-family-tree-node-tooltip{min-width:min(220px,calc(100vw - 32px));max-width:min(280px,calc(100vw - 32px));padding:14px 16px;border:2px solid rgba(217,181,95,.34);border-left:3px solid var(--node-type-color, #d9b55f);border-radius:6px 14px 14px;background:radial-gradient(circle at top right,rgba(255,215,0,.12) 0%,transparent 42%),linear-gradient(180deg,#22180cfa,#0c0804fa);box-shadow:0 18px 34px #0000009e,0 0 0 1px #ffd70014,inset 0 1px #ffffff14;pointer-events:none;z-index:1400}.dna-family-tree-node-tooltip--floating{position:fixed;opacity:1;visibility:visible}.dna-family-tree-node-tooltip:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 36%);pointer-events:none}.dna-family-tree-node-tooltip:after{content:"";position:absolute;border:9px solid transparent}.dna-family-tree-node-tooltip[data-tooltip-vertical=below]{transform-origin:top center}.dna-family-tree-node-tooltip[data-tooltip-vertical=below]:after{bottom:100%;border-bottom-color:#261b0dfa}.dna-family-tree-node-tooltip[data-tooltip-vertical=above]{transform-origin:bottom center;border-radius:14px 14px 14px 6px}.dna-family-tree-node-tooltip[data-tooltip-vertical=above]:after{top:100%;border-top-color:#120c06fa}.dna-family-tree-node-tooltip:after{left:var(--dna-tooltip-arrow-left, 32px);transform:translate(-50%)}.dna-family-tree-tooltip-header{position:relative;z-index:1;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(217,181,95,.18)}.dna-family-tree-tooltip-name{margin-bottom:4px;font-size:.9rem;font-weight:700;color:#ffd86f;text-shadow:0 2px 5px rgba(0,0,0,.55)}.dna-family-tree-tooltip-species{font-size:.72rem;line-height:1.5;color:#e8e0d4d1}.dna-family-tree-tooltip-badges{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.dna-family-tree-tooltip-badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,#3c2c12e6,#191208eb);border:1px solid rgba(217,181,95,.22);box-shadow:inset 0 1px #ffffff0f;color:#f0e6d4;font-size:.63rem;font-weight:700;letter-spacing:.35px;text-transform:uppercase}.dna-family-tree-tooltip-badge--type{color:var(--tooltip-badge-colour, #ffd86f);border-color:color-mix(in srgb,var(--tooltip-badge-colour, #ffd86f) 34%,rgba(217,181,95,.22))}.dna-family-tree-tooltip-badge--quality{color:var(--tooltip-quality-colour, #ffd8a1);border-color:color-mix(in srgb,var(--tooltip-quality-colour, #ffd8a1) 34%,rgba(217,181,95,.22));background:linear-gradient(135deg,color-mix(in srgb,var(--tooltip-quality-colour, #ffd8a1) 14%,rgba(60,44,18,.9)),#191208eb)}.dna-family-tree-tooltip-section,.dna-family-tree-tooltip-dna-row{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.dna-family-tree-tooltip-label{font-size:.58rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#d9b55fb8}.dna-family-tree-tooltip-trait-list{display:flex;flex-wrap:wrap;gap:6px}.dna-family-tree-tooltip-trait-pill{min-width:0;display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid rgba(217,181,95,.18);border-left:3px solid var(--trait-pill-colour, #d9b55f);border-radius:4px 10px 10px 4px;background:linear-gradient(135deg,#302410d9,#150f07eb);box-shadow:inset 0 1px #ffffff0a}.dna-family-tree-tooltip-trait-family{font-size:.55rem;font-weight:700;letter-spacing:.55px;text-transform:uppercase;color:var(--trait-pill-colour, #d9b55f)}.dna-family-tree-tooltip-trait-name{font-size:.68rem;line-height:1.45;color:#f0e6d4}.dna-family-tree-tooltip-dna{margin-top:0;font-size:.68rem;line-height:1.5;color:#e8e0d4db;font-family:monospace;word-break:break-all}@media (min-width: 1600px){.dna-family-tree-chart{--dna-tree-node-width: 176px;--dna-tree-node-height: 66px;--dna-tree-slot-height: 82px;--dna-tree-node-sprite: 46px}.dna-family-tree-node-name{font-size:.8rem}}@media (max-width: 1024px){.dna-family-tree-chart{--dna-tree-node-width: 150px;--dna-tree-node-height: 60px;--dna-tree-slot-height: 72px;--dna-tree-node-sprite: 40px}}@media (max-width: 768px){.dna-family-tree-section{padding:16px}.dna-family-tree-scroll-container{padding:22px 10px 40px}.dna-family-tree-chart{--dna-tree-node-width: 138px;--dna-tree-node-height: 58px;--dna-tree-slot-height: 70px;--dna-tree-node-sprite: 38px;--dna-tree-label-height: 26px;--dna-tree-connector-width: 28px}.dna-family-tree-node{padding:7px 9px;gap:8px}.dna-family-tree-node-name{font-size:.7rem}.dna-family-tree-node-species{font-size:.57rem}.dna-family-tree-node-type,.dna-family-tree-node-gen{font-size:.52rem}.dna-family-tree-node-tooltip{min-width:198px;max-width:238px;padding:12px 14px}.dna-family-tree-tooltip-trait-name{font-size:.64rem}}@media (max-width: 480px){.dna-family-tree-section{margin-top:20px;padding:14px}.dna-family-tree-scroll-container{padding:18px 10px 36px}.dna-family-tree-chart{--dna-tree-node-width: 118px;--dna-tree-node-height: 50px;--dna-tree-slot-height: 62px;--dna-tree-node-sprite: 32px;--dna-tree-label-height: 24px;--dna-tree-connector-width: 24px}.dna-family-tree-node{gap:6px;padding:6px 7px}.dna-family-tree-node-species{display:none}.dna-family-tree-node-name{font-size:.66rem}.dna-family-tree-node-type,.dna-family-tree-node-gen{font-size:.5rem}.dna-family-tree-node-tooltip{min-width:min(180px,calc(100vw - 24px));max-width:min(210px,calc(100vw - 24px));padding:11px 12px}.dna-family-tree-tooltip-badges{gap:5px}.dna-family-tree-tooltip-badge{padding:4px 7px;font-size:.58rem}.dna-family-tree-tooltip-trait-pill{padding:5px 6px}.dna-family-tree-tooltip-trait-family{font-size:.52rem}.dna-family-tree-tooltip-trait-name{font-size:.62rem}}@media (max-width: 360px){.dna-family-tree-chart{--dna-tree-node-width: 108px;--dna-tree-node-height: 46px;--dna-tree-slot-height: 58px;--dna-tree-node-sprite: 28px;--dna-tree-label-height: 22px;--dna-tree-connector-width: 20px}.dna-family-tree-node{gap:5px;padding:5px 6px}.dna-family-tree-node-name{font-size:.62rem}.dna-family-tree-node-type,.dna-family-tree-node-gen{font-size:.48rem;letter-spacing:.35px}}@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,.dna-family-tree-section,.dna-family-tree-node,.dna-family-tree-node-tooltip{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}.storage-panel{background:radial-gradient(ellipse at top,rgba(200,168,78,.12) 0%,transparent 58%),linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;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;scroll-behavior:smooth;box-shadow:0 20px 60px #00000080,0 0 30px #c8a84e33,inset 0 1px #c8a84e26}.storage-header{text-align:center;margin-bottom:20px;border-bottom:1px solid rgba(200,168,78,.28);padding-bottom:15px}.storage-header h3{margin:0 0 10px;color:#f5e6c8;font-size:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 16px rgba(200,168,78,.35)}.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:#d4c4a0;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.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;scroll-behavior:smooth}.storage-panel::-webkit-scrollbar,.storage-grid::-webkit-scrollbar{width:8px}.storage-panel::-webkit-scrollbar-track,.storage-grid::-webkit-scrollbar-track{background:#1a120799;border-radius:8px}.storage-panel::-webkit-scrollbar-thumb,.storage-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:8px}.storage-panel::-webkit-scrollbar-thumb:hover,.storage-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e)}.pet-storage-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.storage-slot{aspect-ratio:1;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;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:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;will-change:transform,box-shadow,border-color;backface-visibility:hidden}.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;inset:0;background:radial-gradient(circle,rgba(200,168,78,.12) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.storage-slot:after{content:"";position:absolute;top:0;left:0;width:42%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-120%);pointer-events:none;z-index:2}.storage-slot:hover:before{opacity:1}.storage-slot:hover:after{animation:storageSlotGlareSweep .7s ease-out}.storage-slot>*{position:relative;z-index:3}@keyframes storageSlotGlareSweep{0%{transform:translate(-120%)}to{transform:translate(420%)}}.storage-slot.pet-slot{aspect-ratio:initial;min-height:210px;padding:14px}.storage-slot.unlocked{border-color:#8a6a2e;cursor:pointer}.storage-slot.locked{border-color:#65432199;cursor:not-allowed;opacity:.5;filter:grayscale(.3)}.storage-slot.selected{border-color:#e8c84e;background:linear-gradient(145deg,#3a2a15,#2a1f10);box-shadow:inset 0 1px #c8a84e4d,0 8px 24px #00000073,0 0 22px #c8a84e66;transform:translateY(-3px) scale(1.06)}.storage-slot:hover.unlocked{border-color:#c8a84e;background:linear-gradient(145deg,#3a2a15,#2a1f10);box-shadow:inset 0 1px #c8a84e4d,0 8px 24px #0006,0 0 15px #c8a84e52;transform:translateY(-5px) scale(1.03)}.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}}@media (prefers-reduced-motion: reduce){.storage-panel,.storage-grid{scroll-behavior:auto}.storage-slot,.storage-slot:before,.storage-slot img,.locked-content,.unlock-slot-icon,.lock-icon img{transition:none}.storage-slot:hover:after,.unlock-slot-icon,.lock-icon img,.unlock-status,.inventory-count-badge,.premium-badge{animation:none}}.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-token-icon-strip{display:inline-flex;align-items:center;flex:0 0 auto;min-width:64px}.unlock-storage-token-icon-strip .unlock-storage-cost-icon{width:clamp(20px,4vw,24px);height:clamp(20px,4vw,24px);border-radius:50%;background:#1a1207b8;box-shadow:0 0 0 2px #1a1207b3}.unlock-storage-token-icon-strip .unlock-storage-cost-icon+.unlock-storage-cost-icon{margin-left:-7px}.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:#f4e4c1;text-shadow:0 1px 4px rgba(0,0,0,.9)}.unlock-storage-method.token .unlock-storage-cost-item.premium-cost .unlock-storage-cost-text{color:#f4e4c1;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 10px rgba(255,255,255,.18)}.unlock-storage-method.traditional .unlock-storage-cost-item.premium-cost{background:linear-gradient(135deg,#281c14f2,#1e160f);border-color:#8b45138c}.unlock-storage-method.traditional .unlock-storage-cost-item.premium-cost .unlock-storage-cost-text{color:#f0d060;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 12px rgba(212,175,55,.35)}.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}.unlock-storage-cost-item,.unlock-storage-cost-text{white-space:normal}}@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;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:item-storage-overlay-fade .25s ease-out}@keyframes item-storage-overlay-fade{0%{opacity:0}to{opacity:1}}.item-storage-modal-content{position:relative;width:92vw;max-width:760px;max-height:88vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;color:#f5e6c8;box-shadow:0 20px 60px #00000080,0 0 30px #c8a84e33,inset 0 1px #c8a84e26;animation:item-storage-modal-in .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;scroll-behavior:smooth}@keyframes item-storage-modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.item-storage-modal-content::-webkit-scrollbar{width:8px}.item-storage-modal-content::-webkit-scrollbar-track{background:#1a120799;border-radius:0 16px 16px 0}.item-storage-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:4px}.item-storage-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e)}.item-storage-modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid rgba(200,168,78,.2)}.item-storage-modal-header h4{flex:1;min-width:0;margin:0;color:#f5e6c8;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-storage-count-badge{flex-shrink:0;padding:4px 12px;background:#c8a84e24;border:1px solid rgba(200,168,78,.35);border-radius:999px;color:#c8a84e;font-size:.78rem;font-weight:700;letter-spacing:.4px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-storage-close-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:none;border:none;color:#c8a84e;font-size:1.75rem;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-storage-close-btn:hover{transform:rotate(90deg) scale(1.15);color:#f0d060}.item-storage-close-btn:active{transform:rotate(90deg) scale(1.05)}.item-storage-close-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px;border-radius:8px}.item-storage-close-btn:focus:not(:focus-visible){outline:none}.item-storage-preview{padding:16px 22px 18px}.item-storage-preview-item{display:flex;align-items:center;gap:18px;padding:16px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #c8a84e33,0 4px 12px #0000004d}.item-storage-preview-item:hover{border-color:#c8a84e;box-shadow:inset 0 1px #c8a84e4d,0 6px 16px #0006,0 0 14px #c8a84e40}.item-storage-preview-item img{width:84px;height:84px;flex-shrink:0;padding:10px;background:linear-gradient(145deg,#1a1207,#0d0a04);border:1px solid rgba(200,168,78,.22);border-radius:10px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));box-shadow:inset 0 1px #c8a84e26;transition:transform .3s cubic-bezier(.4,0,.2,1)}.item-storage-preview-item:hover img{transform:scale(1.04)}.item-storage-preview-details{flex:1;min-width:0}.item-storage-preview-details h5{margin:0 0 8px;color:#f5e6c8;font-size:clamp(1rem,2vw,1.22rem);font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-storage-quantity-badge{display:inline-block;margin:0;padding:4px 12px;background:linear-gradient(180deg,#c8a84e38,#8a6a2e38);border:1px solid rgba(200,168,78,.45);border-radius:999px;color:#f0d060;font-size:.82rem;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 1px #c8a84e33,0 2px 6px #00000040}.item-storage-genetics-info{margin-top:12px;padding:12px 14px;background:linear-gradient(145deg,#8a2be21a,#4b008224);border:1px solid rgba(138,43,226,.35);border-left:3px solid #8a2be2;border-radius:10px;box-shadow:inset 0 1px #8a2be22e,0 2px 8px #00000040}.item-storage-genetics-label{color:orchid;font-size:.78rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-align:center;margin-bottom:8px;text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 10px rgba(218,112,214,.35)}.item-storage-parent-info{margin:5px 0;padding:6px 10px;background:#8a2be224;border-left:2px solid #ba55d3;border-radius:6px;color:#f0d0f5;font-size:.82rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-storage-senior-bonus{margin-top:10px;padding:6px 12px;background:linear-gradient(135deg,#ffd70033,#d4af372e);border:1px solid rgba(255,215,0,.45);border-radius:8px;color:#ffd86f;font-size:.82rem;font-weight:700;letter-spacing:.3px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 1px #ffd70033,0 2px 6px #00000040}.item-storage-action-buttons{display:flex;gap:10px;padding:6px 22px 18px}.item-storage-action-btn{position:relative;flex:1;min-height:48px;padding:12px 18px;border:none;border-radius:10px;background:linear-gradient(180deg,#c8a84e,#8a6a2e);color:#1a1207;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 1px rgba(0,0,0,.15);cursor:pointer;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff38}.item-storage-action-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,.25) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%);pointer-events:none}.item-storage-action-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 18px #c8a84e66,inset 0 1px #ffffff52}.item-storage-action-btn:hover:not(:disabled):before{animation:item-storage-glare-sweep .6s ease-in-out}.item-storage-action-btn:active:not(:disabled){transform:scale(.99)}.item-storage-action-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.item-storage-action-btn:focus:not(:focus-visible){outline:none}@keyframes item-storage-glare-sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.item-storage-btn-deposit{box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff38,inset 0 -3px #8a5e2e8c}.item-storage-btn-withdraw{box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff38,inset 0 -3px #4caf508c}.item-storage-section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid rgba(200,168,78,.2)}.item-storage-section-header h5{margin:0;color:#c8a84e;font-size:clamp(.95rem,1.8vw,1.12rem);font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-storage-btn-back{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;background:transparent;border:1px solid #8a6a2e;border-radius:8px;color:#d4c4a0;font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-storage-btn-back:hover{background:#c8a84e26;border-color:#c8a84e;color:#f5e6c8;transform:translate(-2px)}.item-storage-btn-back:active{transform:translate(-1px) scale(.98)}.item-storage-btn-back:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.item-storage-btn-back:focus:not(:focus-visible){outline:none}.item-storage-deposit-section{padding:14px 22px 22px}.item-storage-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;margin-top:14px}.item-storage-item-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 10px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.item-storage-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,.1) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-100%);pointer-events:none;z-index:2}.item-storage-item-card:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(200,168,78,.14) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.item-storage-item-card:hover{transform:translate3d(0,-5px,0) scale(1.02);border-color:#c8a84e;background:linear-gradient(145deg,#3a2a15,#2a1f10);box-shadow:inset 0 1px #c8a84e4d,0 8px 22px #0006,0 0 14px #c8a84e4d}.item-storage-item-card:hover:before{animation:item-storage-glare-sweep .6s ease-in-out}.item-storage-item-card:hover:after{opacity:1}.item-storage-item-card:active{transform:translate3d(0,-2px,0) scale(1.01)}.item-storage-item-card:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.item-storage-item-card img{position:relative;z-index:3;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5));transition:transform .3s cubic-bezier(.4,0,.2,1)}.item-storage-item-card:hover img{transform:scale(1.08)}.item-storage-item-card-name{position:relative;z-index:3;color:#f5e6c8;font-size:.85rem;font-weight:600;line-height:1.25;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.5);word-break:break-word}.item-storage-item-quantity-badge{position:absolute;top:6px;right:6px;z-index:4;padding:3px 8px;background:linear-gradient(180deg,#e8c84e,#c8a84e);border:1px solid rgba(0,0,0,.25);border-radius:999px;color:#1a1207;font-size:.72rem;font-weight:800;letter-spacing:.3px;text-shadow:0 1px 1px rgba(255,255,255,.2);box-shadow:0 2px 6px #0006,inset 0 1px #ffffff4d;pointer-events:none}.item-storage-item-card.item-not-storable{opacity:.55;cursor:not-allowed;filter:grayscale(60%);border-color:#78787880}.item-storage-item-card.item-not-storable:before,.item-storage-item-card.item-not-storable:after{display:none}.item-storage-item-card.item-not-storable:hover{transform:none;background:linear-gradient(145deg,#2a1f10,#1a1207);border-color:#78787880;box-shadow:inset 0 1px #c8a84e1f,0 4px 12px #0000004d}.item-storage-item-card.item-not-storable:hover img{transform:none}.item-not-storable-badge{position:absolute;bottom:6px;left:50%;transform:translate(-50%);z-index:4;padding:2px 8px;background:#787878d9;border:1px solid rgba(200,168,78,.4);border-radius:4px;color:#f5e6c8;font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:0 2px 6px #0006}.item-storage-empty-message{grid-column:1 / -1;padding:28px 20px;background:#1a120766;border:1px dashed rgba(200,168,78,.25);border-radius:10px;color:#a08860;font-style:italic;font-size:.9rem;text-align:center}.item-storage-quantity-section{padding:14px 22px 22px}.item-storage-selected-preview{display:flex;align-items:center;gap:18px;padding:16px;margin-bottom:16px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;box-shadow:inset 0 1px #c8a84e33,0 4px 12px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-storage-selected-preview:hover{border-color:#c8a84e;box-shadow:inset 0 1px #c8a84e4d,0 6px 16px #0006,0 0 14px #c8a84e38}.item-storage-selected-preview img{width:92px;height:92px;flex-shrink:0;padding:10px;background:linear-gradient(145deg,#1a1207,#0d0a04);border:1px solid rgba(200,168,78,.22);border-radius:10px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));box-shadow:inset 0 1px #c8a84e26}.item-storage-item-info{flex:1;min-width:0}.item-storage-item-info h6{margin:0 0 6px;color:#f5e6c8;font-size:clamp(1rem,1.8vw,1.18rem);font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-storage-available-qty{margin:0;color:#c8a84e;font-size:.88rem;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-storage-quantity-controls{padding:16px;margin-bottom:16px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d}.item-storage-quantity-controls label{display:block;margin-bottom:12px;color:#c8a84e;font-size:.85rem;font-weight:700;letter-spacing:.3px;text-align:center;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-storage-quantity-input-group{display:flex;align-items:center;gap:10px;margin-bottom:14px}.item-storage-qty-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:0;background:transparent;border:1px solid #8a6a2e;border-radius:10px;color:#c8a84e;font-size:1.4rem;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-storage-qty-btn:hover:not(:disabled){background:#c8a84e26;border-color:#c8a84e;color:#f0d060;transform:scale(1.08)}.item-storage-qty-btn:active:not(:disabled){transform:scale(.95)}.item-storage-qty-btn:disabled{cursor:not-allowed;opacity:.35;filter:grayscale(.5)}.item-storage-qty-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.item-storage-qty-btn:focus:not(:focus-visible){outline:none}.item-storage-qty-input{flex:1;min-width:0;height:44px;padding:8px 12px;background:#0a080499;border:1px solid #8a6a2e;border-radius:10px;color:#f0d060;font-size:1.2rem;font-weight:700;text-align:center;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 6px #0006;-moz-appearance:textfield}.item-storage-qty-input::-webkit-outer-spin-button,.item-storage-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.item-storage-qty-input:focus{outline:none;border-color:#e8c84e;color:#ffd86f;box-shadow:inset 0 2px 6px #0006,0 0 14px #c8a84e59}.item-storage-btn-max{flex-shrink:0;height:44px;padding:0 16px;background:linear-gradient(180deg,#c8a84e,#8a6a2e);border:none;border-radius:10px;color:#1a1207;font-size:.85rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.15);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px #00000040,inset 0 1px #ffffff40}.item-storage-btn-max:hover{transform:scale(1.05);box-shadow:0 4px 14px #c8a84e66,inset 0 1px #ffffff59}.item-storage-btn-max:active{transform:scale(.98)}.item-storage-btn-max:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.item-storage-btn-max:focus:not(:focus-visible){outline:none}.item-storage-quantity-slider{width:100%;height:8px;margin:6px 0;padding:0;background:linear-gradient(90deg,#8a6a2e66,#c8a84e4d);border:1px solid rgba(200,168,78,.25);border-radius:999px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:inset 0 2px 4px #00000080;touch-action:manipulation}.item-storage-quantity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#f0d060,#c8a84e,#8a6a2e);border:2px solid rgba(26,18,7,.5);cursor:grab;box-shadow:0 3px 10px #00000080,0 0 12px #c8a84e66,inset 0 1px #ffffff59;transition:all .25s cubic-bezier(.4,0,.2,1)}.item-storage-quantity-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 14px #0000008c,0 0 18px #c8a84e99,inset 0 1px #ffffff73}.item-storage-quantity-slider::-webkit-slider-thumb:active{transform:scale(1.08);cursor:grabbing}.item-storage-quantity-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#f0d060,#c8a84e,#8a6a2e);border:2px solid rgba(26,18,7,.5);cursor:grab;box-shadow:0 3px 10px #00000080,0 0 12px #c8a84e66,inset 0 1px #ffffff59;transition:all .25s cubic-bezier(.4,0,.2,1)}.item-storage-quantity-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 14px #0000008c,0 0 18px #c8a84e99,inset 0 1px #ffffff73}.item-storage-quantity-slider::-moz-range-thumb:active{transform:scale(1.08);cursor:grabbing}.item-storage-quantity-slider:focus-visible{outline:2px solid #e8c84e;outline-offset:4px;border-radius:999px}.item-storage-slider-labels{display:flex;justify-content:space-between;align-items:center;margin-top:6px;color:#a08860;font-size:.8rem;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.item-storage-current-value{padding:2px 12px;background:#c8a84e24;border:1px solid rgba(200,168,78,.35);border-radius:999px;color:#f0d060;font-size:.95rem;font-weight:800;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 8px rgba(200,168,78,.4);animation:item-storage-current-pulse 2.2s ease-in-out infinite}@keyframes item-storage-current-pulse{0%,to{box-shadow:inset 0 1px #c8a84e2e;text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 8px rgba(200,168,78,.4)}50%{box-shadow:inset 0 1px #c8a84e47,0 0 12px #c8a84e40;text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 14px rgba(200,168,78,.65)}}.item-storage-btn-confirm{position:relative;width:100%;min-height:52px;padding:14px 20px;border:none;border-radius:10px;background:linear-gradient(180deg,#c8a84e,#8a6a2e);color:#1a1207;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 1px rgba(0,0,0,.15);cursor:pointer;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff40}.item-storage-btn-confirm: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,.3) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%);pointer-events:none}.item-storage-btn-confirm:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 18px #c8a84e6b,inset 0 1px #ffffff59}.item-storage-btn-confirm:hover:not(:disabled):before{animation:item-storage-glare-sweep .6s ease-in-out}.item-storage-btn-confirm:active:not(:disabled){transform:scale(.99)}.item-storage-btn-confirm:disabled{cursor:not-allowed;opacity:.5;transform:none}.item-storage-btn-confirm:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.item-storage-btn-confirm:focus:not(:focus-visible){outline:none}.item-storage-btn-confirm.deposit{box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff40,inset 0 -3px #8a5e2e8c}.item-storage-btn-confirm.withdraw{box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff40,inset 0 -3px #4caf508c}.item-storage-keyboard-hints{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:12px 22px 18px;border-top:1px solid rgba(200,168,78,.15)}.item-storage-keyboard-hints span{padding:4px 12px;background:#1a12078c;border:1px solid rgba(200,168,78,.25);border-radius:999px;color:#a08860;font-size:.74rem;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 1200px){.item-storage-modal-content{max-width:720px}}@media (max-width: 1024px){.item-storage-modal-content{max-width:680px}.item-storage-item-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}}@media (max-width: 768px){.item-storage-modal-content{max-width:620px}.item-storage-modal-header{padding:16px 20px}.item-storage-preview{padding:14px 20px 16px}.item-storage-preview-item{gap:14px;padding:14px}.item-storage-preview-item img{width:74px;height:74px}.item-storage-action-buttons{padding:6px 20px 16px}.item-storage-section-header{padding:12px 20px}.item-storage-deposit-section,.item-storage-quantity-section{padding:12px 20px 18px}.item-storage-item-grid{grid-template-columns:repeat(auto-fill,minmax(114px,1fr))}.item-storage-selected-preview img{width:82px;height:82px}.item-storage-keyboard-hints{padding:10px 20px 16px}}@media (max-width: 600px){.item-storage-modal-overlay{padding:10px}.item-storage-modal-content{width:100%;max-height:92vh}.item-storage-modal-header{padding:14px 16px}.item-storage-modal-header h4{font-size:1rem}.item-storage-count-badge{font-size:.72rem;padding:3px 10px}.item-storage-preview{padding:12px 16px 14px}.item-storage-preview-item{flex-direction:column;text-align:center;padding:14px;gap:12px}.item-storage-preview-item img{width:76px;height:76px}.item-storage-preview-details h5{font-size:1rem}.item-storage-action-buttons{flex-direction:column;padding:6px 16px 14px;gap:8px}.item-storage-action-btn{flex:none;width:100%;padding:11px 14px;min-height:46px;font-size:.9rem}.item-storage-section-header{padding:10px 16px;gap:8px}.item-storage-section-header h5{font-size:.95rem}.item-storage-deposit-section,.item-storage-quantity-section{padding:10px 16px 16px}.item-storage-item-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px}.item-storage-item-card{padding:10px 8px}.item-storage-item-card img{width:56px;height:56px}.item-storage-item-card-name{font-size:.8rem}.item-storage-selected-preview{flex-direction:column;text-align:center;padding:14px;gap:12px}.item-storage-selected-preview img{width:82px;height:82px}.item-storage-item-info h6{font-size:1rem}.item-storage-quantity-controls{padding:14px}.item-storage-qty-btn{width:44px;height:44px;font-size:1.3rem}.item-storage-qty-input{height:44px;font-size:1.1rem}.item-storage-btn-max{height:44px;padding:0 14px;font-size:.8rem}.item-storage-btn-confirm{font-size:.92rem;padding:12px 16px;min-height:48px}.item-storage-keyboard-hints{padding:10px 16px 14px;gap:8px}.item-storage-keyboard-hints span{font-size:.7rem;padding:3px 10px}}@media (max-width: 480px){.item-storage-modal-header{padding:12px 14px}.item-storage-modal-header h4{font-size:.96rem}.item-storage-preview{padding:10px 14px 12px}.item-storage-preview-item img{width:70px;height:70px}.item-storage-action-buttons{padding:6px 14px 12px}.item-storage-item-grid{grid-template-columns:repeat(3,1fr);gap:8px}.item-storage-item-card{padding:9px 7px}.item-storage-item-card img{width:50px;height:50px}.item-storage-item-card-name{font-size:.74rem;line-height:1.2}.item-storage-item-quantity-badge{top:4px;right:4px;padding:2px 6px;font-size:.66rem}.item-storage-btn-back{font-size:.78rem;padding:6px 12px;min-height:40px}.item-storage-quantity-controls{padding:12px}.item-storage-quantity-input-group{gap:8px}.item-storage-btn-max{padding:0 12px;font-size:.74rem;letter-spacing:.5px}}@media (max-width: 360px){.item-storage-modal-overlay{padding:6px}.item-storage-modal-header{padding:10px 12px}.item-storage-modal-header h4{font-size:.9rem}.item-storage-preview{padding:10px 12px}.item-storage-preview-item img{width:62px;height:62px}.item-storage-action-buttons{padding:6px 12px 12px}.item-storage-action-btn{font-size:.82rem;padding:10px 12px;min-height:44px;letter-spacing:.5px}.item-storage-item-grid{grid-template-columns:repeat(3,1fr);gap:6px}.item-storage-item-card{padding:8px 6px}.item-storage-item-card img{width:44px;height:44px}.item-storage-item-card-name{font-size:.7rem}.item-storage-btn-confirm{font-size:.85rem;padding:11px 14px;letter-spacing:.4px}.item-storage-qty-input{font-size:1rem}}@media (prefers-reduced-motion: reduce){.item-storage-modal-overlay,.item-storage-modal-content,.item-storage-action-btn,.item-storage-btn-confirm,.item-storage-btn-back,.item-storage-btn-max,.item-storage-qty-btn,.item-storage-close-btn,.item-storage-item-card,.item-storage-preview-item,.item-storage-selected-preview,.item-storage-quantity-slider::-webkit-slider-thumb,.item-storage-quantity-slider::-moz-range-thumb,.item-storage-current-value{animation:none!important;transition-duration:.01ms!important}.item-storage-action-btn:before,.item-storage-btn-confirm:before,.item-storage-item-card:before{animation:none!important}.item-storage-item-card:hover,.item-storage-preview-item:hover,.item-storage-action-btn:hover,.item-storage-btn-confirm:hover,.item-storage-btn-max:hover,.item-storage-qty-btn:hover,.item-storage-close-btn:hover{transform:none!important}}.pet-storage-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:pet-storage-overlay-fade .25s ease-out}@keyframes pet-storage-overlay-fade{0%{opacity:0}to{opacity:1}}.pet-storage-modal-content{position:relative;width:92vw;max-width:720px;max-height:88vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;color:#f5e6c8;box-shadow:0 20px 60px #00000080,0 0 30px #c8a84e33,inset 0 1px #c8a84e26;animation:pet-storage-modal-in .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;scroll-behavior:smooth}@keyframes pet-storage-modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.pet-storage-modal-content::-webkit-scrollbar{width:8px}.pet-storage-modal-content::-webkit-scrollbar-track{background:#1a120799;border-radius:0 16px 16px 0}.pet-storage-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:4px}.pet-storage-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e)}.pet-storage-modal-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid rgba(200,168,78,.2)}.pet-storage-modal-header h4{margin:0;color:#f5e6c8;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-close-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:none;border:none;color:#c8a84e;font-size:1.75rem;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-storage-close-btn:hover{transform:rotate(90deg) scale(1.15);color:#f0d060}.pet-storage-close-btn:active{transform:rotate(90deg) scale(1.05)}.pet-storage-close-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px;border-radius:8px}.pet-storage-close-btn:focus:not(:focus-visible){outline:none}.pet-storage-preview{padding:16px 22px 18px}.pet-storage-preview-pet{display:flex;align-items:center;gap:18px;padding:16px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #c8a84e33,0 4px 12px #0000004d}.pet-storage-preview-pet:hover{border-color:#c8a84e;box-shadow:inset 0 1px #c8a84e4d,0 6px 16px #0006,0 0 14px #c8a84e40}.pet-storage-preview-pet img{width:84px;height:84px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));transition:transform .3s cubic-bezier(.4,0,.2,1)}.pet-storage-preview-pet:hover img{transform:scale(1.05)}.pet-storage-preview-details{flex:1;min-width:0}.pet-storage-preview-details h5{margin:0 0 8px;color:#f5e6c8;font-size:clamp(1rem,2vw,1.22rem);font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-level-badge{display:inline-block;margin:0 0 10px;padding:4px 12px;background:linear-gradient(180deg,#3a8ddb,#2b6fb2);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff26}.pet-storage-stats-preview{display:flex;flex-wrap:wrap;gap:8px;color:#f5e6c8;font-size:.85rem;font-weight:600}.pet-storage-stats-preview span{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#1a120773;border:1px solid rgba(200,168,78,.22);border-radius:999px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-action-buttons{display:flex;flex-direction:column;gap:10px;padding:6px 22px 18px}.pet-storage-action-btn{position:relative;width:100%;min-height:48px;padding:12px 18px;border:none;border-radius:10px;background:linear-gradient(180deg,#c8a84e,#8a6a2e);color:#1a1207;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 1px rgba(0,0,0,.15);cursor:pointer;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff38}.pet-storage-action-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,.25) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%);pointer-events:none}.pet-storage-action-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 18px #c8a84e66,inset 0 1px #ffffff52}.pet-storage-action-btn:hover:not(:disabled):before{animation:pet-storage-glare-sweep .6s ease-in-out}.pet-storage-action-btn:active:not(:disabled){transform:scale(.99)}.pet-storage-action-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.pet-storage-action-btn:focus:not(:focus-visible){outline:none}@keyframes pet-storage-glare-sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.pet-storage-btn-deposit{box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff38,inset 0 -3px #8a5e2e8c}.pet-storage-btn-withdraw{box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff38,inset 0 -3px #4caf508c}.pet-storage-btn-swap{box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff38,inset 0 -3px #ff98008c}.pet-storage-roster-full-hint{margin:8px 0 0;padding:10px 14px;background:#c8a84e14;border:1px solid rgba(200,168,78,.25);border-left:3px solid #c8a84e;border-radius:8px;color:#d4c4a0;font-size:.82rem;font-weight:500;line-height:1.4;text-align:center}.pet-storage-section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid rgba(200,168,78,.2)}.pet-storage-section-header h5{margin:0;color:#c8a84e;font-size:clamp(.95rem,1.8vw,1.12rem);font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-btn-back{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;background:transparent;border:1px solid #8a6a2e;border-radius:8px;color:#d4c4a0;font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-storage-btn-back:hover{background:#c8a84e26;border-color:#c8a84e;color:#f5e6c8;transform:translate(-2px)}.pet-storage-btn-back:active{transform:translate(-1px) scale(.98)}.pet-storage-btn-back:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.pet-storage-btn-back:focus:not(:focus-visible){outline:none}.pet-storage-deposit-section{padding:14px 22px 22px}.pet-storage-pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:14px}.pet-storage-pet-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 12px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pet-storage-pet-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,.1) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-100%);pointer-events:none;z-index:2}.pet-storage-pet-card:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(200,168,78,.14) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.pet-storage-pet-card:hover{transform:translate3d(0,-5px,0) scale(1.02);border-color:#c8a84e;background:linear-gradient(145deg,#3a2a15,#2a1f10);box-shadow:inset 0 1px #c8a84e4d,0 8px 22px #0006,0 0 14px #c8a84e4d}.pet-storage-pet-card:hover:before{animation:pet-storage-glare-sweep .6s ease-in-out}.pet-storage-pet-card:hover:after{opacity:1}.pet-storage-pet-card:active{transform:translate3d(0,-2px,0) scale(1.01)}.pet-storage-pet-card:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.pet-storage-pet-card img{position:relative;z-index:3;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5));transition:transform .3s cubic-bezier(.4,0,.2,1)}.pet-storage-pet-card:hover img{transform:scale(1.08)}.pet-storage-pet-card-name{position:relative;z-index:3;font-size:.9rem;font-weight:700;color:#f5e6c8;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-pet-card-name.gender-male{color:#4da6ff;text-shadow:0 0 8px rgba(77,166,255,.3),0 1px 2px rgba(0,0,0,.5)}.pet-storage-pet-card-name.gender-female{color:#ff6eb4;text-shadow:0 0 8px rgba(255,110,180,.3),0 1px 2px rgba(0,0,0,.5)}.pet-storage-pet-card-name.gender-neutral{color:#d4c4a0}.pet-storage-pet-card-level{position:relative;z-index:3;font-size:.74rem;color:#5dade2;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-pet-card-type{position:relative;z-index:3;font-size:.72rem;color:#c8a84e;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-pet-card-stats{position:relative;z-index:3;display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:.72rem;color:#e8e0d4;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-empty-message{grid-column:1 / -1;padding:28px 20px;background:#1a120766;border:1px dashed rgba(200,168,78,.25);border-radius:10px;color:#a08860;font-style:italic;font-size:.9rem;text-align:center}.pet-storage-quantity-section{padding:14px 22px 22px}.pet-storage-selected-preview{display:flex;align-items:center;gap:18px;padding:16px;margin-bottom:18px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;box-shadow:inset 0 1px #c8a84e33,0 4px 12px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-storage-selected-preview:hover{border-color:#c8a84e;box-shadow:inset 0 1px #c8a84e47,0 6px 16px #0006,0 0 14px #c8a84e33}.pet-storage-selected-preview img{width:96px;height:96px;flex-shrink:0;padding:10px;background:linear-gradient(145deg,#1a1207,#0d0a04);border:1px solid rgba(200,168,78,.2);border-radius:10px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));box-shadow:inset 0 1px #c8a84e26}.pet-storage-info-detailed{flex:1;min-width:0}.pet-storage-info-detailed h6{margin:0 0 8px;color:#f5e6c8;font-size:clamp(1rem,1.8vw,1.18rem);font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.pet-storage-stat-box{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;background:#1a120780;border:1px solid rgba(200,168,78,.18);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-storage-stat-box:hover{background:#1a1207a6;border-color:#c8a84e59;box-shadow:0 0 8px #c8a84e2e}.pet-storage-stat-label{color:#a08860;font-size:.72rem;font-weight:600}.pet-storage-stat-value{color:#f5e6c8;font-size:.82rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-swap-preview{display:flex;flex-direction:column;gap:10px;padding:14px;margin:14px 22px 0;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d}.pet-storage-swap-label{color:#c8a84e;font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-swap-pet{display:flex;align-items:center;gap:12px}.pet-storage-swap-pet img{width:60px;height:60px;padding:6px;background:linear-gradient(145deg,#1a1207,#0d0a04);border:1px solid rgba(200,168,78,.22);border-radius:10px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.pet-storage-swap-pet .pet-name{font-size:.95rem;font-weight:700;color:#f5e6c8;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-swap-pet .pet-name.gender-male{color:#4da6ff;text-shadow:0 0 8px rgba(77,166,255,.3),0 1px 2px rgba(0,0,0,.5)}.pet-storage-swap-pet .pet-name.gender-female{color:#ff6eb4;text-shadow:0 0 8px rgba(255,110,180,.3),0 1px 2px rgba(0,0,0,.5)}.pet-storage-swap-pet .pet-level{margin-left:auto;font-size:.78rem;color:#5dade2;font-weight:700}.pet-storage-swap-divider{margin:14px 22px 8px;text-align:center}.pet-storage-swap-divider span{display:inline-block;padding:6px 18px;background:linear-gradient(180deg,#c8a84e2e,#8a6a2e2e);border:1px solid rgba(200,168,78,.35);border-radius:999px;color:#c8a84e;font-size:.78rem;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-swap-confirmation{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;padding:14px;margin:0 0 18px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:12px;box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d}.pet-storage-swap-pet-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#1a120780;border:1px solid rgba(200,168,78,.2);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pet-storage-swap-pet-preview.to-roster{border-color:#4caf5073;background:linear-gradient(145deg,#2e502e59,#1a120799)}.pet-storage-swap-pet-preview.to-storage{border-color:#ff980073;background:linear-gradient(145deg,#503c1a59,#1a120799)}.pet-storage-swap-pet-preview .swap-direction-label{padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.pet-storage-swap-pet-preview.to-roster .swap-direction-label{background:#4caf5033;border:1px solid rgba(76,175,80,.45);color:#a5d6a7}.pet-storage-swap-pet-preview.to-storage .swap-direction-label{background:#ff980033;border:1px solid rgba(255,152,0,.45);color:#ffcc80}.pet-storage-swap-pet-preview img{width:68px;height:68px;padding:6px;background:linear-gradient(145deg,#1a1207,#0d0a04);border:1px solid rgba(200,168,78,.2);border-radius:10px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.pet-storage-swap-pet-preview .pet-info{text-align:center}.pet-storage-swap-pet-preview .pet-info h6{margin:0 0 2px;color:#f5e6c8;font-size:.92rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pet-storage-swap-pet-preview .pet-info h6.gender-male{color:#4da6ff;text-shadow:0 0 8px rgba(77,166,255,.3),0 1px 2px rgba(0,0,0,.5)}.pet-storage-swap-pet-preview .pet-info h6.gender-female{color:#ff6eb4;text-shadow:0 0 8px rgba(255,110,180,.3),0 1px 2px rgba(0,0,0,.5)}.pet-storage-swap-pet-preview .pet-info p{margin:0;color:#a08860;font-size:.76rem}.pet-storage-swap-arrows{display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#c8a84e;text-shadow:0 0 10px rgba(200,168,78,.5)}.pet-storage-swap-arrows span{display:inline-block}.pet-storage-btn-confirm{position:relative;width:100%;min-height:52px;padding:14px 20px;border:none;border-radius:10px;background:linear-gradient(180deg,#c8a84e,#8a6a2e);color:#1a1207;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 1px rgba(0,0,0,.15);cursor:pointer;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff40}.pet-storage-btn-confirm: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,.3) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%);pointer-events:none}.pet-storage-btn-confirm:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 18px #c8a84e6b,inset 0 1px #ffffff59}.pet-storage-btn-confirm:hover:not(:disabled):before{animation:pet-storage-glare-sweep .6s ease-in-out}.pet-storage-btn-confirm:active:not(:disabled){transform:scale(.99)}.pet-storage-btn-confirm:disabled{cursor:not-allowed;opacity:.5;transform:none}.pet-storage-btn-confirm:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.pet-storage-btn-confirm:focus:not(:focus-visible){outline:none}.pet-storage-btn-confirm.deposit{box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff40,inset 0 -3px #8a5e2e8c}.pet-storage-btn-confirm.withdraw{box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff40,inset 0 -3px #4caf508c}.pet-storage-btn-confirm.swap{box-shadow:0 4px 14px #0000004d,inset 0 1px #ffffff40,inset 0 -3px #ff98008c}.pet-storage-keyboard-hints{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:12px 22px 18px;border-top:1px solid rgba(200,168,78,.15)}.pet-storage-keyboard-hints span{padding:4px 12px;background:#1a12078c;border:1px solid rgba(200,168,78,.25);border-radius:999px;color:#a08860;font-size:.74rem;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 1200px){.pet-storage-modal-content{max-width:680px}}@media (max-width: 1024px){.pet-storage-modal-content{max-width:640px}.pet-storage-pet-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:10px}}@media (max-width: 768px){.pet-storage-modal-content{max-width:600px}.pet-storage-modal-header{padding:16px 20px}.pet-storage-preview{padding:14px 20px 16px}.pet-storage-preview-pet{gap:14px;padding:14px}.pet-storage-preview-pet img{width:74px;height:74px}.pet-storage-action-buttons{padding:6px 20px 16px}.pet-storage-section-header{padding:12px 20px}.pet-storage-deposit-section,.pet-storage-quantity-section{padding:12px 20px 18px}.pet-storage-pet-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.pet-storage-selected-preview img{width:84px;height:84px}.pet-storage-swap-preview{margin:12px 20px 0}.pet-storage-swap-divider{margin:12px 20px 8px}.pet-storage-keyboard-hints{padding:10px 20px 16px}}@media (max-width: 600px){.pet-storage-modal-overlay{padding:10px}.pet-storage-modal-content{width:100%;max-height:92vh}.pet-storage-modal-header{padding:14px 16px}.pet-storage-modal-header h4{font-size:1rem}.pet-storage-preview{padding:12px 16px 14px}.pet-storage-preview-pet{flex-direction:column;text-align:center;padding:14px}.pet-storage-preview-pet img{width:74px;height:74px}.pet-storage-preview-details{text-align:center}.pet-storage-preview-details h5{font-size:1rem}.pet-storage-stats-preview{justify-content:center;font-size:.8rem}.pet-storage-action-buttons{padding:6px 16px 14px;gap:8px}.pet-storage-action-btn{padding:11px 14px;min-height:46px;font-size:.9rem}.pet-storage-section-header{padding:10px 16px;gap:8px}.pet-storage-section-header h5{font-size:.95rem}.pet-storage-deposit-section,.pet-storage-quantity-section{padding:10px 16px 16px}.pet-storage-pet-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px}.pet-storage-pet-card{padding:12px 10px;gap:5px}.pet-storage-pet-card img{width:56px;height:56px}.pet-storage-pet-card-name{font-size:.84rem}.pet-storage-selected-preview{flex-direction:column;text-align:center;padding:14px;gap:12px}.pet-storage-selected-preview img{width:84px;height:84px}.pet-storage-info-detailed h6{font-size:1rem}.pet-storage-stats-grid{grid-template-columns:1fr}.pet-storage-swap-preview{margin:12px 16px 0;padding:12px}.pet-storage-swap-divider{margin:12px 16px 8px}.pet-storage-swap-pet img{width:56px;height:56px}.pet-storage-swap-confirmation{grid-template-columns:1fr;gap:10px;padding:12px}.pet-storage-swap-arrows{transform:rotate(90deg);padding:6px 0}.pet-storage-btn-confirm{font-size:.92rem;padding:12px 16px;min-height:48px}.pet-storage-keyboard-hints{padding:10px 16px 14px;gap:8px}.pet-storage-keyboard-hints span{font-size:.7rem;padding:3px 10px}}@media (max-width: 480px){.pet-storage-modal-header{padding:12px 14px}.pet-storage-modal-header h4{font-size:.96rem}.pet-storage-preview{padding:10px 14px 12px}.pet-storage-preview-pet img{width:66px;height:66px}.pet-storage-action-buttons{padding:6px 14px 12px}.pet-storage-pet-grid{grid-template-columns:repeat(2,1fr);gap:8px}.pet-storage-pet-card{padding:10px 8px}.pet-storage-pet-card img{width:50px;height:50px}.pet-storage-btn-back{font-size:.78rem;padding:6px 12px;min-height:40px}.pet-storage-swap-preview{margin:10px 14px 0}.pet-storage-swap-divider{margin:10px 14px 6px}}@media (max-width: 360px){.pet-storage-modal-overlay{padding:6px}.pet-storage-modal-header{padding:10px 12px}.pet-storage-modal-header h4{font-size:.9rem}.pet-storage-preview{padding:10px 12px}.pet-storage-preview-pet img{width:60px;height:60px}.pet-storage-action-buttons{padding:6px 12px 12px}.pet-storage-action-btn{font-size:.82rem;padding:10px 12px;min-height:44px;letter-spacing:.5px}.pet-storage-pet-grid{gap:6px}.pet-storage-pet-card{padding:9px 6px}.pet-storage-pet-card img{width:46px;height:46px}.pet-storage-pet-card-name{font-size:.78rem}.pet-storage-btn-confirm{font-size:.85rem;padding:11px 14px;letter-spacing:.4px}}@media (prefers-reduced-motion: reduce){.pet-storage-modal-overlay,.pet-storage-modal-content,.pet-storage-action-btn,.pet-storage-btn-confirm,.pet-storage-btn-back,.pet-storage-close-btn,.pet-storage-pet-card,.pet-storage-preview-pet,.pet-storage-selected-preview,.pet-storage-stat-box,.pet-storage-swap-pet-preview{animation:none!important;transition-duration:.01ms!important}.pet-storage-action-btn:before,.pet-storage-btn-confirm:before,.pet-storage-pet-card:before{animation:none!important}.pet-storage-pet-card:hover,.pet-storage-preview-pet:hover,.pet-storage-action-btn:hover,.pet-storage-btn-confirm:hover,.pet-storage-close-btn:hover{transform:none!important}}@keyframes qp-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes qp-modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes qp-glare-sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes qp-bar-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes qp-ready-pulse{0%,to{box-shadow:0 4px 14px #0000004d,0 0 14px #c8a84e59,inset 0 1px #ffffff47}50%{box-shadow:0 4px 16px #00000059,0 0 24px #ffd7008c,inset 0 1px #ffffff61}}@keyframes qp-in-progress-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quests-panel{display:flex;flex-direction:column;gap:14px;padding:16px 18px 24px;color:#f5e6c8}.quests-panel .quests-panel-header{padding:0 0 12px;border-bottom:1px solid rgba(200,168,78,.2);text-align:center}.quests-panel .quests-panel-header h3{display:inline-flex;align-items:center;gap:10px;margin:0 0 4px;color:#c8a84e;font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:800;letter-spacing:1.4px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5)}.quests-panel .quests-panel-header .panel-header-icon{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.quests-panel .quests-panel-header p{margin:0;color:#a08860;font-size:.82rem;font-style:italic;letter-spacing:.3px}.quests-panel .quest-section{display:flex;flex-direction:column;gap:8px;padding:0;margin:0;background:none;border:none}.quests-panel .quest-section-title{display:inline-flex;align-items:center;gap:8px;margin:0;padding:2px 0 4px 10px;border-left:3px solid #c8a84e;color:#e8c84e;font-size:.82rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5)}.quests-panel .quest-section.quest-section-new-adventure .quest-section-title{border-left-color:#6ab87c;color:#b8e6c1;text-shadow:0 0 8px rgba(76,175,80,.3),0 1px 2px rgba(0,0,0,.5)}.quests-panel .quest-list-compact{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.quests-panel .quest-card-compact{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 16px;min-height:88px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-left:3px solid #8a6a2e;border-radius:12px;overflow:hidden;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.quests-panel .quest-card-compact: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,.12) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-100%);pointer-events:none;z-index:2}.quests-panel .quest-card-compact:after{content:"";position:absolute;top:50%;left:50%;width:140%;height:140%;background:radial-gradient(circle,rgba(200,168,78,.12) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.quests-panel .quest-card-compact:hover{transform:translate3d(0,-3px,0) scale(1.01);border-color:#c8a84e;border-left-color:#e8c84e;background:linear-gradient(145deg,#3a2a15,#2a1f10);box-shadow:inset 0 1px #c8a84e4d,0 8px 22px #0006,0 0 16px #c8a84e47}.quests-panel .quest-card-compact:hover:before{animation:qp-glare-sweep .7s ease-in-out}.quests-panel .quest-card-compact:hover:after{opacity:1}.quests-panel .quest-card-compact:active{transform:translate3d(0,-1px,0) scale(1.005)}.quests-panel .quest-card-compact.completed{border-left-color:#e8c84e;background:linear-gradient(145deg,#332614,#1d140a)}.quests-panel .quest-card-compact.completed:hover{background:linear-gradient(145deg,#40301a,#2a1f10)}.quests-panel .quest-card-compact[data-quest-type=ftue]{border-left-color:#6ab87c}.quests-panel .quest-card-compact[data-quest-type=daily]{border-left-color:#5dade2}.quests-panel .quest-card-compact[data-quest-type=weekly]{border-left-color:#b088f0}.quests-panel .quest-card-compact.completed[data-quest-type]{border-left-color:#e8c84e}.quests-panel .quest-compact-header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px}.quests-panel .quest-name-compact{flex:1;min-width:0;color:#f5e6c8;font-size:.95rem;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quests-panel .quest-progress-compact{flex-shrink:0;padding:2px 10px;background:#1a12078c;border:1px solid rgba(200,168,78,.25);border-radius:999px;color:#c8a84e;font-size:.78rem;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.quests-panel .quest-card-compact.completed .quest-progress-compact{background:#c8a84e2e;border-color:#e8c84e8c;color:#ffd86f;text-shadow:0 0 8px rgba(255,215,0,.35),0 1px 2px rgba(0,0,0,.5)}.quests-panel .quest-progress-bar-compact{position:relative;z-index:3;width:100%;height:8px;padding:0;background:#0a0804a6;border:1px solid rgba(200,168,78,.18);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.quests-panel .quest-progress-fill-compact{position:relative;height:100%;border-radius:999px;background-image:linear-gradient(100deg,#fff0,#ffffff59,#fff0),linear-gradient(180deg,#6ab87c,#4a7c59);background-size:200% 100%,100% 100%;background-repeat:no-repeat;transition:width .5s cubic-bezier(.4,0,.2,1);animation:qp-bar-shimmer 2.8s linear infinite;box-shadow:0 0 6px #6ab87c73,inset 0 1px #ffffff47}.quests-panel .quest-card-compact.completed .quest-progress-fill-compact{background-image:linear-gradient(100deg,#fff0,#ffffff73,#fff0),linear-gradient(180deg,#f0d060,#c8a84e,#8a6a2e);animation:qp-bar-shimmer 1.6s linear infinite;box-shadow:0 0 10px #ffd7008c,inset 0 1px #ffffff59}.quests-panel .quest-compact-footer{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.quests-panel .quest-rewards-compact{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.quests-panel .reward-item-compact{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:#1a120780;border:1px solid rgba(200,168,78,.22);border-radius:999px;color:#f0d060;font-size:.8rem;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .2s cubic-bezier(.4,0,.2,1)}.quests-panel .quest-card-compact:hover .reward-item-compact{background:#1a1207b3;border-color:#c8a84e66}.quests-panel .reward-icon-compact{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.quests-panel .reward-icon-compact.reward-icon-items{width:18px;height:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)) drop-shadow(0 0 3px rgba(200,168,78,.45))}.quests-panel .quest-claim-btn-compact{position:relative;padding:7px 16px;min-height:36px;background:linear-gradient(180deg,#c8a84e,#8a6a2e);border:none;border-radius:8px;color:#1a1207;font-size:.82rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.15);cursor:pointer;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .25s cubic-bezier(.4,0,.2,1);animation:qp-ready-pulse 2s ease-in-out infinite}.quests-panel .quest-claim-btn-compact: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,.3) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%);pointer-events:none}.quests-panel .quest-claim-btn-compact:hover:not(:disabled){transform:scale(1.04)}.quests-panel .quest-claim-btn-compact:hover:not(:disabled):before{animation:qp-glare-sweep .6s ease-in-out}.quests-panel .quest-claim-btn-compact:active:not(:disabled){transform:scale(.98)}.quests-panel .quest-claim-btn-compact:disabled{cursor:not-allowed;opacity:.6;animation:none;transform:none}.quests-panel .quest-claim-btn-compact:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.quests-panel .quest-claim-btn-compact:focus:not(:focus-visible){outline:none}.quests-panel .no-quests-compact{padding:24px 18px;background:#1a120766;border:1px dashed rgba(200,168,78,.25);border-radius:12px;text-align:center}.quests-panel .no-quests-compact p{margin:0 0 4px;color:#d4c4a0;font-size:.92rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.quests-panel .no-quests-compact .hint{margin:6px 0 0;color:#a08860;font-size:.82rem;font-style:italic;font-weight:400}.quests-panel .quest-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:qp-overlay-fade .25s ease-out}.quests-panel .quest-modal-content{position:relative;width:92vw;max-width:560px;max-height:88vh;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;color:#f5e6c8;box-shadow:0 20px 60px #00000080,0 0 30px #c8a84e33,inset 0 1px #c8a84e26;animation:qp-modal-in .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;scroll-behavior:smooth}.quest-modal-content::-webkit-scrollbar{width:8px}.quest-modal-content::-webkit-scrollbar-track{background:#1a120799;border-radius:0 16px 16px 0}.quest-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:4px}.quest-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e)}.quest-modal-content .quest-modal-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid rgba(200,168,78,.2)}.quest-modal-content .quest-modal-header h3{flex:1;min-width:0;margin:0;color:#f5e6c8;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis}.quest-modal-content .quest-modal-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:none;border:none;color:#c8a84e;font-size:1.75rem;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.quest-modal-content .quest-modal-close:hover{transform:rotate(90deg) scale(1.15);color:#f0d060}.quest-modal-content .quest-modal-close:active{transform:rotate(90deg) scale(1.05)}.quest-modal-content .quest-modal-close:focus-visible{outline:2px solid #e8c84e;outline-offset:2px;border-radius:8px}.quest-modal-content .quest-modal-close:focus:not(:focus-visible){outline:none}.quest-modal-content .quest-modal-type{display:inline-block;margin:14px 22px 0;padding:5px 14px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5);background:linear-gradient(180deg,#c8a84e40,#8a6a2e40);border:1px solid rgba(200,168,78,.45);color:#c8a84e;box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff1a}.quest-modal-content .quest-modal-type[data-quest-type=ftue]{background:linear-gradient(180deg,#4caf5059,#2e7d324d);border-color:#81c7848c;color:#b8e6c1;text-shadow:0 0 8px rgba(76,175,80,.4),0 1px 2px rgba(0,0,0,.5)}.quest-modal-content .quest-modal-type[data-quest-type=daily]{background:linear-gradient(180deg,#5dade259,#3478be4d);border-color:#85c1f08c;color:#bfe1f5;text-shadow:0 0 8px rgba(93,173,226,.4),0 1px 2px rgba(0,0,0,.5)}.quest-modal-content .quest-modal-type[data-quest-type=weekly]{background:linear-gradient(180deg,#b088f059,#8050dc4d);border-color:#cbaaff8c;color:#ddc7ff;text-shadow:0 0 8px rgba(176,136,240,.4),0 1px 2px rgba(0,0,0,.5)}.quest-modal-content .quest-modal-description{margin:12px 22px 0;padding:14px 16px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-left:3px solid #c8a84e;border-radius:10px;color:#e8e0d4;font-size:.92rem;font-weight:500;line-height:1.5;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.45);box-shadow:inset 0 1px #c8a84e26,0 3px 10px #0000004d}.quest-modal-content .quest-modal-progress{padding:14px 22px 0}.quest-modal-content .quest-modal-progress-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}.quest-modal-content .quest-modal-progress-header span:first-child{color:#c8a84e;font-size:.85rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5)}.quest-modal-content .quest-modal-progress-text{color:#f0d060;font-size:1.25rem;font-weight:800;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 10px rgba(200,168,78,.3)}.quest-modal-content .quest-progress-bar{position:relative;width:100%;height:12px;padding:0;background:#0a0804a6;border:1px solid rgba(200,168,78,.2);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 6px #0000008c}.quest-modal-content .quest-progress-fill{position:relative;height:100%;border-radius:999px;background-image:linear-gradient(100deg,#fff0,#fff6,#fff0),linear-gradient(180deg,#6ab87c,#4a7c59);background-size:200% 100%,100% 100%;background-repeat:no-repeat;transition:width .5s cubic-bezier(.4,0,.2,1);animation:qp-bar-shimmer 2.8s linear infinite;box-shadow:0 0 8px #6ab87c80,inset 0 1px #ffffff52}.quest-modal-content .quest-modal-rewards{padding:14px 22px 0}.quest-modal-content .quest-modal-rewards h4{margin:0 0 10px;color:#c8a84e;font-size:.85rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5)}.quest-modal-content .quest-modal-reward-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.quest-modal-content .quest-modal-reward-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:10px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #c8a84e2e,0 3px 8px #0000004d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.quest-modal-content .quest-modal-reward-item: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,.1) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-100%);pointer-events:none}.quest-modal-content .quest-modal-reward-item:hover{transform:translate3d(0,-2px,0);border-color:#c8a84e;box-shadow:inset 0 1px #c8a84e47,0 5px 14px #0006,0 0 10px #c8a84e38}.quest-modal-content .quest-modal-reward-item:hover:before{animation:qp-glare-sweep .6s ease-in-out}.quest-modal-content .quest-modal-reward-item .reward-icon{flex-shrink:0;width:32px;height:32px;padding:3px;background:linear-gradient(145deg,#1a1207,#0d0a04);border:1px solid rgba(200,168,78,.25);border-radius:8px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.quest-modal-content .quest-modal-reward-item span{flex:1;min-width:0;color:#f5e6c8;font-size:.92rem;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-modal-content .quest-modal-claim-btn{position:relative;display:block;width:calc(100% - 44px);margin:18px 22px 22px;padding:15px 22px;min-height:56px;background:linear-gradient(180deg,#c8a84e,#8a6a2e);border:none;border-radius:12px;color:#1a1207;font-size:1.05rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.15);cursor:pointer;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);animation:qp-ready-pulse 2s ease-in-out infinite}.quest-modal-content .quest-modal-claim-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,.35) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%);pointer-events:none}.quest-modal-content .quest-modal-claim-btn:hover:not(:disabled){transform:scale(1.02)}.quest-modal-content .quest-modal-claim-btn:hover:not(:disabled):before{animation:qp-glare-sweep .6s ease-in-out}.quest-modal-content .quest-modal-claim-btn:active:not(:disabled){transform:scale(.99)}.quest-modal-content .quest-modal-claim-btn:disabled{cursor:not-allowed;opacity:.6;animation:none;transform:none}.quest-modal-content .quest-modal-claim-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.quest-modal-content .quest-modal-claim-btn:focus:not(:focus-visible){outline:none}.quest-modal-content .quest-modal-in-progress{display:flex;flex-direction:column;align-items:center;gap:6px;margin:18px 22px 22px;padding:16px 18px;background:linear-gradient(145deg,#3c2d16d9,#1e160ae6);border:1px solid rgba(200,168,78,.45);border-radius:12px;text-align:center;box-shadow:inset 0 1px #c8a84e33,0 4px 12px #0000004d}.quest-modal-content .quest-modal-in-progress span{display:inline-flex;align-items:center;gap:8px;color:#f0d060;font-size:1rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 10px rgba(200,168,78,.35)}.quest-modal-content .quest-modal-in-progress span:first-letter{display:inline-block;animation:qp-in-progress-spin 3.5s linear infinite;transform-origin:50% 55%}.quest-modal-content .quest-modal-in-progress p{margin:0;color:#d4c4a0;font-size:.85rem;font-style:italic;font-weight:500;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 1200px){.quest-modal-content{max-width:520px}}@media (max-width: 1024px){.quests-panel{padding:14px 16px 22px}.quest-modal-content{max-width:500px}.quest-modal-content .quest-modal-reward-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.quests-panel{padding:12px 14px 20px;gap:12px}.quests-panel .quests-panel-header h3{font-size:1.15rem;gap:8px}.quests-panel .quests-panel-header .panel-header-icon{width:24px;height:24px}.quests-panel .quests-panel-header p{font-size:.78rem}.quests-panel .quest-section-title{font-size:.76rem}.quests-panel .quest-list-compact{gap:8px}.quests-panel .quest-card-compact{padding:12px 14px;min-height:82px}.quests-panel .quest-name-compact{font-size:.9rem}.quests-panel .quest-progress-compact{font-size:.74rem;padding:2px 8px}.quests-panel .reward-item-compact{font-size:.76rem;padding:3px 8px}.quests-panel .quest-claim-btn-compact{padding:7px 14px;font-size:.78rem;min-height:40px}.quest-modal-content{max-width:92vw}.quest-modal-content .quest-modal-header{padding:16px 18px}.quest-modal-content .quest-modal-type{margin:12px 18px 0}.quest-modal-content .quest-modal-description{margin:10px 18px 0;padding:12px 14px;font-size:.88rem}.quest-modal-content .quest-modal-progress,.quest-modal-content .quest-modal-rewards{padding:12px 18px 0}.quest-modal-content .quest-modal-reward-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.quest-modal-content .quest-modal-claim-btn{width:calc(100% - 36px);margin:16px 18px 18px;padding:14px 20px;min-height:52px;font-size:1rem}.quest-modal-content .quest-modal-in-progress{margin:16px 18px 18px;padding:14px 16px}}@media (max-width: 600px){.quest-modal-overlay{padding:10px}.quest-modal-content{width:100%;max-height:92vh}.quest-modal-content .quest-modal-header{padding:14px 16px}.quest-modal-content .quest-modal-header h3{font-size:1.1rem}.quest-modal-content .quest-modal-close{min-width:40px;min-height:40px;font-size:1.55rem}.quest-modal-content .quest-modal-type{margin:10px 16px 0;padding:4px 12px;font-size:.72rem}.quest-modal-content .quest-modal-description{margin:10px 16px 0;padding:11px 13px;font-size:.85rem}.quest-modal-content .quest-modal-progress{padding:10px 16px 0}.quest-modal-content .quest-modal-progress-header span:first-child{font-size:.78rem}.quest-modal-content .quest-modal-progress-text{font-size:1.1rem}.quest-modal-content .quest-progress-bar{height:10px}.quest-modal-content .quest-modal-rewards{padding:10px 16px 0}.quest-modal-content .quest-modal-rewards h4{font-size:.78rem}.quest-modal-content .quest-modal-reward-list{grid-template-columns:1fr;gap:8px}.quest-modal-content .quest-modal-reward-item{padding:9px 12px}.quest-modal-content .quest-modal-reward-item .reward-icon{width:28px;height:28px}.quest-modal-content .quest-modal-reward-item span{font-size:.88rem}.quest-modal-content .quest-modal-claim-btn{width:calc(100% - 32px);margin:14px 16px 16px;padding:13px 18px;min-height:48px;font-size:.95rem;letter-spacing:.8px}.quest-modal-content .quest-modal-in-progress{margin:14px 16px 16px;padding:12px 14px}.quest-modal-content .quest-modal-in-progress span{font-size:.92rem}.quest-modal-content .quest-modal-in-progress p{font-size:.8rem}.quests-panel .quest-card-compact{padding:11px 13px;min-height:82px;gap:7px}.quests-panel .quest-compact-footer{gap:8px}.quests-panel .quest-claim-btn-compact{min-height:44px;padding:10px 16px;font-size:.82rem}}@media (max-width: 480px){.quests-panel{padding:10px 12px 16px}.quests-panel .quests-panel-header h3{font-size:1.05rem}.quests-panel .quests-panel-header .panel-header-icon{width:22px;height:22px}.quests-panel .quests-panel-header p{font-size:.74rem}.quests-panel .quest-card-compact{padding:10px 12px}.quests-panel .quest-name-compact{font-size:.85rem}.quests-panel .reward-item-compact{font-size:.72rem;padding:2px 7px;gap:3px}.quests-panel .reward-icon-compact{width:14px;height:14px}.quests-panel .reward-icon-compact.reward-icon-items{width:16px;height:16px}.quest-modal-content .quest-modal-header{padding:12px 14px}.quest-modal-content .quest-modal-header h3{font-size:1.02rem}.quest-modal-content .quest-modal-description{font-size:.82rem;padding:10px 12px}.quest-modal-content .quest-modal-claim-btn{font-size:.9rem;padding:12px 16px;letter-spacing:.6px}}@media (max-width: 360px){.quest-modal-overlay{padding:6px}.quests-panel{padding:8px 10px 14px}.quests-panel .quest-card-compact{padding:9px 11px;min-height:76px;gap:6px}.quests-panel .quest-name-compact{font-size:.82rem}.quests-panel .quest-progress-compact{font-size:.7rem;padding:2px 7px}.quests-panel .quest-compact-footer{gap:6px}.quests-panel .quest-claim-btn-compact{font-size:.76rem;padding:10px 14px;min-height:44px;letter-spacing:.4px}.quest-modal-content .quest-modal-header{padding:10px 12px}.quest-modal-content .quest-modal-header h3{font-size:.95rem}.quest-modal-content .quest-modal-type{margin:8px 12px 0;padding:3px 10px;font-size:.68rem}.quest-modal-content .quest-modal-description{margin:8px 12px 0;padding:9px 11px;font-size:.8rem}.quest-modal-content .quest-modal-progress,.quest-modal-content .quest-modal-rewards{padding:8px 12px 0}.quest-modal-content .quest-modal-claim-btn{width:calc(100% - 24px);margin:12px 12px 14px;padding:11px 14px;min-height:46px;font-size:.86rem;letter-spacing:.4px}.quest-modal-content .quest-modal-in-progress{margin:12px 12px 14px;padding:11px 13px}}@media (prefers-reduced-motion: reduce){.quests-panel .quest-card-compact,.quests-panel .quest-card-compact:before,.quests-panel .quest-card-compact:after,.quests-panel .quest-progress-fill-compact,.quests-panel .quest-claim-btn-compact,.quests-panel .quest-claim-btn-compact:before,.quest-modal-overlay,.quest-modal-content,.quest-modal-content .quest-modal-close,.quest-modal-content .quest-progress-fill,.quest-modal-content .quest-modal-reward-item,.quest-modal-content .quest-modal-reward-item:before,.quest-modal-content .quest-modal-claim-btn,.quest-modal-content .quest-modal-claim-btn:before,.quest-modal-content .quest-modal-in-progress span:first-letter{animation:none!important;transition-duration:.01ms!important}.quests-panel .quest-card-compact:hover,.quests-panel .quest-claim-btn-compact:hover,.quest-modal-content .quest-modal-close:hover,.quest-modal-content .quest-modal-reward-item:hover,.quest-modal-content .quest-modal-claim-btn:hover{transform:none!important}}.farm-area{max-width:1400px;margin:0 auto;width:100%;overflow-x:hidden}.farm-welcome{background:radial-gradient(ellipse at 18% 0%,rgba(200,168,78,.16) 0%,transparent 44%),linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;padding:1.25rem;margin-bottom:2rem;box-shadow:0 20px 60px #00000080,0 0 30px #c8a84e33,inset 0 1px #c8a84e26;display:grid;grid-template-areas:"title stats logout" "wallet wallet wallet";grid-template-columns:1fr auto auto;gap:1rem;align-items:center;position:relative;overflow:visible}.farm-welcome:before{content:"";position:absolute;top:0;left:0;width:36%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-120%);pointer-events:none}.farm-welcome:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 50%,rgba(200,168,78,.11) 0%,transparent 58%);opacity:0;transition:opacity .35s ease;pointer-events:none}.farm-welcome:hover:before{animation:farmWelcomeGlareSweep .8s ease-out}.farm-welcome:hover:after{opacity:1}.farm-welcome>*{position:relative;z-index:1}@keyframes farmWelcomeGlareSweep{0%{transform:translate(-120%)}to{transform:translate(420%)}}.farm-welcome h2{grid-area:title;color:#f5e6c8;font-size:1.8rem;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 18px rgba(200,168,78,.35)}.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}.farm-area .panel-toggle{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.farm-area .toggle-btn{flex:1;padding:12px 20px;font-size:1rem;font-weight:700;border:1px solid #8a6a2e;border-radius:8px;background:linear-gradient(145deg,#2a1f10,#1a1207);color:#d4c4a0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;will-change:transform}.farm-area .toggle-btn:before{content:"";position:absolute;top:0;left:0;width:42%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.04) 40%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-120%);pointer-events:none}.farm-area .toggle-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(200,168,78,.13) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.farm-area .toggle-btn:hover{background:linear-gradient(145deg,#3a2a15,#2a1f10);border-color:#c8a84e;color:#f5e6c8;transform:translateY(-4px) scale(1.02);box-shadow:inset 0 1px #c8a84e47,0 8px 24px #0006,0 0 15px #c8a84e4d}.farm-area .toggle-btn:hover:before{animation:farmToggleGlareSweep .7s ease-out}.farm-area .toggle-btn:hover:after{opacity:1}.farm-area .toggle-btn.active{background:linear-gradient(180deg,#e8c84e,#c8a84e);color:#1a1207;border-color:#e8c84e;box-shadow:0 8px 20px #00000073,0 0 18px #c8a84e47,inset 0 1px #ffffff47;text-shadow:0 1px 1px rgba(255,255,255,.15)}.farm-area .toggle-btn.active:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 24px #0000008c,0 0 24px #e8c84e6b,inset 0 1px #ffffff59}.farm-area .toggle-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:2px}.farm-area .toggle-btn:focus:not(:focus-visible){outline:none}@keyframes farmToggleGlareSweep{0%{transform:translate(-120%)}to{transform:translate(420%)}}.farm-area .toggle-btn{position:relative}.farm-area .toggle-notification-badge{position:absolute;top:4px;right:6px;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}.farm-area .panel-toggle{gap:.35rem}.farm-area .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}.farm-area .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){.farm-welcome,.farm-welcome:after,.farm-area .toggle-btn,.farm-area .toggle-btn:after{transition:none}.farm-welcome:hover:before,.farm-area .toggle-btn:hover:before,.farm-area .toggle-notification-badge{animation:none}.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:radial-gradient(circle at 50% 30%,rgba(200,168,78,.12) 0%,transparent 42%),#000000b8;backdrop-filter:blur(6px);-webkit-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:radial-gradient(ellipse at top,rgba(200,168,78,.12) 0%,transparent 58%),linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:16px;padding:0;min-width:450px;max-width:600px;max-height:90vh;overflow-y:auto;overflow-x:hidden;color:#f5e6c8;position:relative;box-shadow:0 20px 60px #00000080,0 0 30px #c8a84e33,inset 0 1px #c8a84e26;animation:farmModalSlideIn .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity;scroll-behavior:smooth}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#1a120799;border-radius:0 16px 16px 0}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e)}@keyframes farmModalSlideIn{0%{transform:translateY(-40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-content h2{margin:0;padding:22px 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(180deg,#3a2a15fa,#1a1207fa);border-bottom:1px solid rgba(200,168,78,.35);border-radius:14px 14px 0 0;box-shadow:inset 0 1px #c8a84e2e,0 2px 10px #00000073}.no-seeds{text-align:center;padding:32px 30px 26px;color:#f4e4c1}.no-seeds p{margin:10px 0;font-size:1.1rem;color:#d4af37}.no-seeds .hint{font-size:.95rem;color:#d4c4a0;font-style:italic;background:#c8a84e1a;border-left-color:#c8a84e}.seed-selection p{margin:0 0 15px;padding:22px 25px 0;font-size:1.1rem;color:#d4c4a0;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.seed-list{display:flex;flex-direction:column;gap:12px;max-height:350px;overflow-y:auto;margin:0 25px 20px;padding:15px;background:linear-gradient(180deg,#1a120799,#0d0a04b8);border:1px solid rgba(200,168,78,.22);border-radius:12px;box-shadow:inset 0 2px 10px #00000073;scroll-behavior:smooth}.seed-item{background:linear-gradient(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;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:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;position:relative;overflow:hidden;will-change:transform,box-shadow,border-color;backface-visibility:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.seed-item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(200,168,78,.12) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.seed-item: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,.1) 50%,rgba(255,255,255,.04) 60%,transparent 100%);transform:translate(-120%);pointer-events:none;z-index:2}.seed-item>*{position:relative;z-index:3}.seed-item:hover{border-color:#c8a84e;background:linear-gradient(145deg,#3a2a15,#2a1f10);transform:translateY(-5px) scale(1.02);box-shadow:inset 0 1px #c8a84e4d,0 8px 24px #0006,0 0 15px #c8a84e4d}.seed-item:hover:before{opacity:1}.seed-item:hover:after{animation:farmSeedGlareSweep .7s ease-out}.seed-item.locked{cursor:not-allowed;opacity:.62;filter:grayscale(.25)}.seed-item.locked:hover{transform:none;border-color:#8a6a2eb3;box-shadow:inset 0 1px #c8a84e24,0 4px 12px #0000004d}.seed-item.locked:hover:before{opacity:0}.seed-item.locked:hover:after{animation:none}@keyframes farmSeedGlareSweep{0%{transform:translate(-120%)}to{transform:translate(420%)}}.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(0 3px 8px rgba(0,0,0,.75));transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease}.seed-item:hover .seed-image{transform:scale(1.1);filter:drop-shadow(0 4px 10px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(200,168,78,.24))}.seed-info{flex:1}.seed-name{font-size:1.2rem;font-weight:700;color:#f5e6c8;margin-bottom:5px;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(200,168,78,.28)}.seed-quantity{font-size:.9rem;color:#c8a84e;margin-bottom:8px;font-weight:700}.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);position:relative;overflow:hidden;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;will-change:transform}.btn-harvest:before,.btn-water:before,.btn-close: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}.btn-harvest:hover:before,.btn-water:hover:before,.btn-close:hover:before{left:100%}.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;transform:translateY(-3px) scale(1.02)}.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%;max-height:85vh;overflow-y:auto}.farm-plot-modal-content{padding:0}.modal-content h2{padding:18px 22px;font-size:1.35rem}.seed-list{margin:0 16px 18px;padding:12px}.seed-item{padding:12px;gap:12px;min-height:72px}.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}.btn-close{width:calc(100% - 32px);margin:0 16px 18px}}@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}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-content,.seed-list{scroll-behavior:auto}.modal-overlay,.modal-content,.seed-item,.seed-item:before,.seed-image,.btn-harvest,.btn-water,.btn-close,.modal-progress-fill{transition:none}.modal-overlay,.modal-content,.seed-item:hover:after,.crop-image.growing,.crop-image.ready,.farm-plot.ready,.harvest-image,.modal-crop-image{animation:none}}.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-unlock-btn{width:100%;padding:.65rem 1rem;margin-top:.35rem;font-family:Cinzel,serif;font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff7d6;background:linear-gradient(180deg,#bf7c23f2,#8b4513fa);border:2px solid rgba(255,191,73,.55);border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff2e}.ranch-unlock-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 18px #ffa00059,0 0 22px #ffbf4938}.ranch-unlock-btn:disabled{background:linear-gradient(180deg,#64646480,#3c3c3c99);border-color:#6464644d;color:#fff6;cursor:not-allowed;box-shadow:none}.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.75rem;width:100%;margin-top:20px;animation:farm-tab-content-fade-in .4s ease-out}.fishing-section,.shell-fishing-section{position:relative;background:linear-gradient(180deg,#3d2817f2,#2a1810e6);border-radius:14px;border:2px solid rgba(139,69,19,.6);padding:1.25rem;box-shadow:0 10px 28px #00000059,inset 0 1px #ffd7001a}.shell-fishing-section{border-color:#c7974380;box-shadow:0 10px 32px #00000061,inset 0 1px #fff0c814}.fishing-section-header,.shell-fishing-section-header{display:flex;flex-direction:column;align-items:center;gap:.55rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid rgba(139,69,19,.32);text-align:center}.shell-fishing-section-header{border-bottom-color:#d6b05c47}.fishing-section-icon{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45));transform:translateZ(0);backface-visibility:hidden}.fishing-section-header h2,.shell-fishing-section-header h2{margin:0;font-family:Impact,sans-serif;font-size:1.45rem;letter-spacing:2px;text-transform:uppercase;color:#ffd977;text-shadow:0 0 12px rgba(255,215,0,.28),0 2px 6px rgba(0,0,0,.8)}.fishing-section-header p,.shell-fishing-section-header p{max-width:820px;margin:0;color:#f3d4a4;font-size:.92rem;line-height:1.55;text-shadow:0 2px 4px rgba(0,0,0,.72)}.fishing-section-grid,.shell-fishing-slots-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.fishing-slot,.shell-fishing-slot{position:relative;min-height:260px;background:linear-gradient(135deg,#4a2e1af5,#2e1c12fa);border-radius:12px;padding:1rem;border:2px solid rgba(137,88,38,.72);overflow:hidden;transform:translateZ(0);backface-visibility:hidden;will-change:transform,box-shadow;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #0000003d,inset 0 1px #ffffff0f}.fishing-slot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top center,#ffdf8024,#ffdf8000 58%),linear-gradient(180deg,#ffffff0d,#fff0 22%);opacity:.9;pointer-events:none}.shell-fishing-slot:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top center,#ffdf8024,#ffdf8000 58%),linear-gradient(180deg,#ffffff0d,#fff0 22%);opacity:.9;pointer-events:none}.fishing-slot:after{content:"";position:absolute;inset:auto -20% -55%;height:140px;background:radial-gradient(circle,#ffad332e,#ffad3300 72%);opacity:0;transition:opacity .28s ease;pointer-events:none}.shell-fishing-slot:after{content:"";position:absolute;inset:auto -20% -55%;height:140px;background:radial-gradient(circle,#ffad332e,#ffad3300 72%);opacity:0;transition:opacity .28s ease;pointer-events:none}.fishing-slot:hover,.shell-fishing-slot:hover{transform:translateY(-5px) scale(1.015);border-color:#ffc86be6;box-shadow:0 16px 30px #00000057,0 0 26px #ffb4502e}.fishing-slot:hover:after{opacity:1}.shell-fishing-slot:hover:after{opacity:1}.shell-fishing-slot--basic{border-color:#b37e46d6}.shell-fishing-slot--advanced{border-color:#cea256e0}.shell-fishing-slot--ready{box-shadow:0 14px 28px #00000052,0 0 28px #4caf502e}.shell-fishing-slot--pearl-ready{border-color:#fff2d6f2;box-shadow:0 16px 32px #00000057,0 0 34px #fff0d661,0 0 18px #ffd46f47}.fishing-slot-number{position:absolute;top:.7rem;left:.9rem;z-index:2;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffe9bcb8}.fishing-slot-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.7rem;width:100%;padding-top:1.3rem;text-align:center}.fishing-spot-image{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));transform:translateZ(0);backface-visibility:hidden;transition:transform .28s cubic-bezier(.4,0,.2,1),filter .28s ease}.fishing-slot:hover .fishing-spot-image,.shell-fishing-slot:hover .fishing-spot-image{transform:translateY(-2px) scale(1.12);filter:drop-shadow(0 8px 18px rgba(255,204,122,.24))}.fishing-slot-status{font-family:Impact,sans-serif;font-size:.98rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff8e1;text-shadow:0 2px 6px rgba(0,0,0,.78)}.fishing-slot-status.locked{color:#9f9f9f}.fishing-slot-status.fishing{color:#ffe16b;animation:text-pulse 2s ease-in-out infinite}.fishing-slot-status.ready{color:#9dffb4;text-shadow:0 0 14px rgba(112,255,169,.42),0 2px 6px rgba(0,0,0,.78);animation:text-pulse 1.5s ease-in-out infinite}.fishing-slot-hint,.shell-fishing-bonus-preview{width:100%;color:#efd2a9;font-size:.8rem;line-height:1.45;text-shadow:0 1px 3px rgba(0,0,0,.72)}.shell-fishing-bonus-preview{color:#ffe5aa;font-weight:600}.fishing-slot-timer{font-family:Roboto Mono,monospace;font-size:1.18rem;font-weight:700;color:#ffeb3b;text-shadow:0 2px 4px rgba(0,0,0,.8)}.fishing-slot-yield{font-family:Impact,sans-serif;font-size:1.28rem;letter-spacing:.04em;color:#b7ff93;text-shadow:0 0 12px rgba(111,255,163,.26),0 2px 4px rgba(0,0,0,.8)}.fishing-cost-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;width:100%}.fishing-cost-pill{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;min-height:32px;padding:.38rem .65rem;border-radius:999px;border:1px solid rgba(255,214,138,.28);background:#1c110b8f;color:#fff7dd;font-size:.74rem;line-height:1.2}.shell-fishing-cost-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.shell-fishing-cost-pill{display:inline-flex;align-items:center;justify-content:center;gap:.34rem;min-height:34px;padding:.4rem .72rem;border-radius:999px;border:1px solid rgba(255,225,169,.3);background:linear-gradient(180deg,#2a170feb,#1b0f0ae6);color:#fff5da;font-size:.75rem;line-height:1.2;box-shadow:inset 0 1px #ffffff0f,0 3px 8px #00000038}.shell-fishing-tier-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:.32rem .68rem;border-radius:999px;border:1px solid rgba(255,229,168,.38);background:linear-gradient(180deg,#ffdd8f2e,#7a4e2242);color:#fff0c8;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.shell-fishing-bonus-badge{position:absolute;top:.8rem;right:.8rem;z-index:3;display:inline-flex;align-items:center;gap:.34rem;min-height:30px;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:linear-gradient(135deg,#fffbf2f0,#ead7ffdb);color:#5b4514;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 16px #fff5de42,0 0 24px #ffffff29}.fishing-lock-image{width:52px;height:52px;object-fit:contain;opacity:.6;filter:grayscale(50%)}.fishing-slot.locked,.shell-fishing-slot--locked{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-color:#444;opacity:.84;cursor:not-allowed}.fishing-slot.locked:before{background:#00000052}.shell-fishing-slot--locked:before{background:#00000052}.fishing-cast-btn,.fishing-unlock-btn,.fishing-reel-btn,.shell-fishing-claim-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.42rem;width:100%;min-height:44px;padding:.72rem .95rem;margin-top:auto;border-radius:10px;font-family:Cinzel,serif;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;overflow:hidden;text-align:center;line-height:1.35;transform:translateZ(0);backface-visibility:hidden;will-change:transform,box-shadow;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),border-color .28s ease}.fishing-cast-btn:before,.fishing-unlock-btn:before,.fishing-reel-btn:before,.shell-fishing-claim-btn:before{content:"";position:absolute;top:0;left:-120%;width:120%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.24) 48%,transparent 100%);transition:left .45s ease}.fishing-cast-btn:not(:disabled):hover:before,.fishing-unlock-btn:not(:disabled):hover:before,.fishing-reel-btn:not(:disabled):hover:before,.shell-fishing-claim-btn:not(:disabled):hover:before{left:120%}.fishing-cast-btn{color:#231507;background:linear-gradient(180deg,#ffd977,#ffbe44 42%,#df920e);border:2px solid rgba(255,214,112,.82);box-shadow:0 8px 16px #0000003d,inset 0 1px #ffffff42}.fishing-unlock-btn{color:#fff5db;background:linear-gradient(180deg,#d6992ef2,#a16207fa);border:2px solid rgba(255,212,111,.55);box-shadow:0 8px 16px #00000040,inset 0 1px #ffffff29}.fishing-reel-btn,.shell-fishing-claim-btn{color:#fff;background:linear-gradient(180deg,#4caf50eb,#2f854afa);border:2px solid rgba(143,243,164,.55);text-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:0 8px 18px #1348263d,0 0 16px #4dff8e1f;animation:fishing-reel-pulse 1.6s ease-in-out infinite}.shell-fishing-slot--pearl-ready .shell-fishing-claim-btn{background:linear-gradient(180deg,#5ec47af5,#429e79fa 44%,#487abef0);border-color:#fffcf2c2;box-shadow:0 10px 22px #13482642,0 0 24px #fff9e547}.fishing-cast-btn:not(:disabled):hover,.fishing-unlock-btn:not(:disabled):hover,.fishing-reel-btn:not(:disabled):hover,.shell-fishing-claim-btn:not(:disabled):hover{transform:translateY(-3px) scale(1.015)}.fishing-cast-btn:not(:disabled):hover{box-shadow:0 10px 22px #df920e47,0 0 24px #ffcc5c2e}.fishing-unlock-btn:not(:disabled):hover{box-shadow:0 10px 22px #ffc1073d,0 0 24px #ffe49a2e}.fishing-reel-btn:not(:disabled):hover,.shell-fishing-claim-btn:not(:disabled):hover{box-shadow:0 10px 22px #3db05d3d,0 0 24px #7affab2e}.fishing-cast-btn:disabled,.fishing-unlock-btn:disabled,.fishing-reel-btn:disabled,.shell-fishing-claim-btn:disabled{background:linear-gradient(180deg,#64646480,#3c3c3c99);border-color:#6464644d;color:#fff6;cursor:not-allowed;box-shadow:none;text-shadow:none}@keyframes fishing-reel-pulse{0%,to{box-shadow:0 8px 18px #1348263d,0 0 12px #4dff8e1f}50%{box-shadow:0 10px 22px #13482647,0 0 22px #7affab33}}@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-section-grid,.shell-fishing-slots-grid{grid-template-columns:1fr;gap:.75rem}.ranch-slot,.fishing-slot,.shell-fishing-slot{min-height:220px}.ranch-feed-btn,.ranch-collect-btn,.ranch-unlock-btn,.fishing-cast-btn,.fishing-unlock-btn,.fishing-reel-btn,.shell-fishing-claim-btn{min-height:44px;font-size:.75rem}.ranch-section-header h2,.fishing-section-header h2,.shell-fishing-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-section-grid,.shell-fishing-slots-grid{grid-template-columns:repeat(2,1fr)}.ranch-feed-btn,.ranch-collect-btn,.ranch-unlock-btn,.fishing-cast-btn,.fishing-unlock-btn,.fishing-reel-btn,.shell-fishing-claim-btn{min-height:44px}}@media (min-width: 769px) and (max-width: 1200px){.ranch-slots-grid,.fishing-section-grid,.shell-fishing-slots-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1500px){.fishing-section-grid,.shell-fishing-slots-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.ranch-collect-btn,.fishing-reel-btn,.shell-fishing-claim-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,.shell-fishing-slot:hover,.ranch-feed-btn:hover,.ranch-collect-btn:hover,.fishing-cast-btn:hover,.fishing-reel-btn:hover,.shell-fishing-claim-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-section-grid,.shell-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,.fishing-section-header h2,.shell-fishing-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,.fishing-section,.shell-fishing-section{padding:1rem}.ranch-slots-grid,.fishing-section-grid,.shell-fishing-slots-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.ranch-slot,.fishing-slot,.shell-fishing-slot{padding:.75rem}.ranch-animal-image{width:48px;height:48px}.fishing-spot-image{width:44px;height:44px}.ranch-feed-btn,.ranch-unlock-btn,.fishing-cast-btn,.shell-fishing-claim-btn{padding:.5rem .75rem;font-size:.75rem}.fishing-cost-pill,.shell-fishing-cost-pill{font-size:.7rem}}@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,.fishing-section-header p,.shell-fishing-section-header p{font-size:.8rem}.ranch-slot-status,.fishing-slot-status{font-size:.75rem}.ranch-slot-hint,.fishing-slot-hint,.shell-fishing-bonus-preview{font-size:.7rem}.shell-fishing-bonus-badge{top:.65rem;right:.65rem;padding:.3rem .5rem;font-size:.65rem}}@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-section-grid,.shell-fishing-slots-grid{grid-template-columns:1fr}.ranch-animal-image{width:44px;height:44px}.fishing-spot-image{width:40px;height:40px}.ranch-feed-btn,.ranch-unlock-btn,.fishing-cast-btn,.shell-fishing-claim-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,.shell-fishing-slot,.ranch-animal-image,.fishing-spot-image,.ranch-feed-btn,.ranch-unlock-btn,.fishing-cast-btn,.fishing-reel-btn,.shell-fishing-claim-btn{transition:none}.farm-tab-btn:before,.ranch-feed-btn:before,.fishing-cast-btn:before,.fishing-reel-btn:before,.shell-fishing-claim-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:clamp(8px,1vw,12px);flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;max-width:min(460px,48%);z-index:2}.guide-action-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;min-width:clamp(142px,12vw,178px);padding:10px 16px;font-size:clamp(.78rem,.9vw,.95rem);font-weight:900;letter-spacing:.65px;text-transform:uppercase;border:3px solid;border-radius:10px;cursor:pointer;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.82);box-shadow:0 6px 12px #00000061,inset 0 1px #ffffff1f;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.guide-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.18),transparent);animation:guideActionShimmer 3s ease-in-out infinite;pointer-events:none}@keyframes guideActionShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.guide-action-btn>*{position:relative;z-index:1}.guide-action-icon{width:26px;height:26px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.72));transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease}.guide-action-btn:hover{transform:translateY(-3px) scale(1.02) translateZ(0)}.guide-action-btn:hover .guide-action-icon{transform:scale(1.1) translateZ(0)}.guide-action-btn:active{transform:translateY(-1px) scale(1.01) translateZ(0)}.reset-tutorial-btn{background:linear-gradient(135deg,#1a1028,#0d081a);border-color:#6b5b95}.reset-tutorial-btn:hover{background:linear-gradient(135deg,#2a1a3a,#1a0a28);border-color:#9370db;box-shadow:0 8px 16px #00000070,0 0 20px #8a2be266,inset 0 1px #ffffff24}.reset-tutorial-btn .guide-action-icon{filter:drop-shadow(0 2px 5px rgba(0,0,0,.72)) drop-shadow(0 0 6px rgba(138,43,226,.55))}.repair-account-btn{background:linear-gradient(135deg,#2d1f10,#1a1208);border-color:#8b6914}.repair-account-btn:hover{background:linear-gradient(135deg,#3d2f18,#2a2010);border-color:gold;box-shadow:0 8px 16px #00000070,0 0 20px #ffd70052,inset 0 1px #ffffff24}.repair-account-btn .guide-action-icon{filter:drop-shadow(0 2px 5px rgba(0,0,0,.72)) drop-shadow(0 0 6px rgba(255,215,0,.5))}@media (prefers-reduced-motion: reduce){.guide-action-btn,.guide-action-icon{transition:none;will-change:auto}.guide-action-btn:before{animation:none}.guide-action-btn:hover,.guide-action-btn:active,.guide-action-btn:hover .guide-action-icon{transform:none}}.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}.item-use-guide-box{position:relative;overflow:hidden;margin-top:30px;background:radial-gradient(circle at 12% 0%,rgba(255,215,0,.12) 0%,transparent 42%),linear-gradient(145deg,#3a2a16f0,#1a1207fa);border-color:#c8a84e94;box-shadow:0 8px 24px #0000005c,0 0 18px #c8a84e29,inset 0 1px #ffd7001f}.item-use-guide-box:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 30%),radial-gradient(circle at 80% 20%,rgba(255,140,0,.1) 0%,transparent 36%)}.item-use-guide-box>*{position:relative;z-index:1}.item-use-guide-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding-bottom:18px;border-bottom:2px solid rgba(200,168,78,.26)}.item-use-guide-icon{width:clamp(56px,9vw,74px);height:clamp(56px,9vw,74px);padding:8px;object-fit:contain;background:radial-gradient(circle,#ffd70029,#1a1207bd 68%);border:1px solid rgba(200,168,78,.4);border-radius:16px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.72));box-shadow:inset 0 1px #ffffff1f,0 0 16px #c8a84e2e}.item-use-guide-header h3{margin:0 0 6px;color:gold;text-shadow:0 2px 5px rgba(0,0,0,.9),0 0 14px rgba(255,215,0,.28)}.item-use-guide-header p{margin:0;color:#ffedcc;font-size:clamp(.98rem,2vw,1.08rem);line-height:1.55}.item-use-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.item-use-step{display:grid;grid-template-columns:auto 1fr;gap:12px;min-height:100%;padding:16px;background:#00000057;border:2px solid rgba(255,140,0,.28);border-radius:12px;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.item-use-step:hover{transform:translate3d(0,-5px,0) scale(1.015);border-color:#ffd70094;box-shadow:0 8px 20px #00000061,0 0 16px #ff8c0038}.item-use-step-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;color:#1a1207;background:linear-gradient(180deg,#ffd86f,#c8a84e);border:1px solid rgba(255,215,0,.7);border-radius:50%;font-weight:900;box-shadow:0 0 12px #ffd70047,inset 0 1px #ffffff4d}.item-use-step h4{margin:0 0 6px;color:gold;font-size:clamp(1rem,2vw,1.18rem)}.item-use-step p{margin:0;color:#ffedcce0;font-size:.95rem;line-height:1.5}.item-use-guardrail{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;color:#f0d060;background:linear-gradient(145deg,#3e2a129e,#1e140ae6);border:1px dashed rgba(200,168,78,.5);border-radius:12px;font-style:italic;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.85)}.item-use-guardrail-icon{width:26px;height:26px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.75))}@media (max-width: 1024px){.item-use-flow{grid-template-columns:1fr}}@media (max-width: 600px){.item-use-guide-header{grid-template-columns:1fr;justify-items:center;text-align:center}.item-use-step{padding:14px}.item-use-guardrail{align-items:flex-start}}@media (prefers-reduced-motion: reduce){.item-use-step,.item-use-step:hover{transform:none;transition:none;will-change:auto}}.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}.blockchain-guide-section{--blockchain-accent: #3fd7ff;--blockchain-accent-strong: #77e7ff;--blockchain-gold: #ffd700;--blockchain-panel: rgba(0, 0, 0, .34)}.blockchain-guide-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:stretch;gap:clamp(16px,2vw,24px);margin-bottom:24px;padding:clamp(18px,3vw,28px);background:radial-gradient(circle at 12% 0%,rgba(63,215,255,.16) 0%,transparent 42%),radial-gradient(circle at 88% 18%,rgba(255,215,0,.12) 0%,transparent 36%),linear-gradient(145deg,#182c3aeb,#161008fa);border:2px solid rgba(63,215,255,.34);border-radius:14px;box-shadow:0 10px 28px #00000061,0 0 24px #3fd7ff1f,inset 0 1px #ffffff14}.blockchain-guide-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 32%),radial-gradient(circle at 50% 100%,rgba(255,140,0,.1) 0%,transparent 44%)}.blockchain-guide-hero>*{position:relative;z-index:1}.blockchain-guide-eyebrow{margin:0 0 8px;color:var(--blockchain-accent-strong);font-size:clamp(.78rem,1.4vw,.9rem);font-weight:900;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 12px rgba(63,215,255,.28)}.blockchain-guide-hero h3{margin:0 0 10px;color:var(--blockchain-gold);text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 16px rgba(255,215,0,.22)}.blockchain-guide-hero p{margin:0;color:#ffedcceb;font-size:clamp(.98rem,1.8vw,1.08rem);line-height:1.62}.blockchain-guide-hero-card{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:100%;padding:18px;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.14) 0%,transparent 62%),#00000057;border:1px solid rgba(255,215,0,.35);border-radius:12px;box-shadow:inset 0 1px #ffffff1a,0 0 16px #ffd7001a}.blockchain-guide-hero-card strong{color:var(--blockchain-gold);font-size:clamp(1rem,2vw,1.2rem);text-transform:uppercase;letter-spacing:.6px}.blockchain-guide-hero-card span{color:#ffedccd6;font-size:.95rem;line-height:1.5}.blockchain-guide-callout{display:flex;align-items:flex-start;gap:14px;margin:18px 0 24px;padding:16px 18px;background:linear-gradient(145deg,#14313e8c,#160f07e6);border:1px solid rgba(63,215,255,.35);border-left:4px solid var(--blockchain-accent);border-radius:12px;color:#ffedcce6;box-shadow:0 6px 18px #00000042,inset 0 1px #ffffff0f}.blockchain-guide-callout--privacy{border-color:#ffd70057;border-left-color:var(--blockchain-gold);background:linear-gradient(145deg,#44320e8f,#160f07e6)}.blockchain-guide-callout p{margin:0;line-height:1.6}.blockchain-guide-callout-icon{width:30px;height:30px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.75)) drop-shadow(0 0 8px rgba(63,215,255,.22))}.blockchain-guide-toc{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:28px;padding:18px;background:#00000052;border:2px solid rgba(63,215,255,.24);border-radius:12px}.blockchain-guide-toc-title{grid-column:1 / -1;margin:0 0 2px;color:var(--blockchain-gold);font-size:1.05rem;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.blockchain-guide-toc-item{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;color:#ffedcce0;background:linear-gradient(145deg,#3fd7ff17,#0000003d);border:1px solid rgba(63,215,255,.22);border-radius:10px;cursor:pointer;text-align:left;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.blockchain-guide-toc-item:hover{transform:translate3d(0,-4px,0) scale(1.015);color:var(--blockchain-gold);border-color:#ffd7008a;box-shadow:0 8px 18px #00000057,0 0 18px #3fd7ff2e}.blockchain-guide-toc-item span{color:var(--blockchain-accent-strong);font-weight:900}.blockchain-guide-topic{position:relative;overflow:hidden;margin-bottom:26px;padding:clamp(18px,2.5vw,26px);background:radial-gradient(circle at 0% 0%,rgba(63,215,255,.08) 0%,transparent 38%),var(--blockchain-panel);border:2px solid rgba(63,215,255,.22);border-radius:12px;scroll-margin-top:20px;box-shadow:inset 0 1px #ffffff0d,0 6px 18px #0000003d}.blockchain-guide-topic:hover{border-color:#3fd7ff6b}.blockchain-guide-topic-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(63,215,255,.18)}.blockchain-guide-topic-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;color:#06151c;background:linear-gradient(180deg,#77e7ff,#28a9d8);border:1px solid rgba(119,231,255,.72);border-radius:50%;font-weight:900;box-shadow:0 0 14px #3fd7ff47,inset 0 1px #ffffff5c}.blockchain-guide-topic-heading h3{margin:0;color:var(--blockchain-accent-strong);text-shadow:0 2px 5px rgba(0,0,0,.9),0 0 12px rgba(63,215,255,.22)}.blockchain-guide-links-grid,.blockchain-guide-card-grid,.blockchain-guide-compare-grid{display:grid;gap:14px;margin-top:16px}.blockchain-guide-links-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.blockchain-guide-card-grid,.blockchain-guide-compare-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.blockchain-guide-link-card,.blockchain-guide-info-card,.blockchain-guide-compare-card{position:relative;overflow:hidden;min-height:100%;padding:16px;background:linear-gradient(145deg,#081e2ab3,#00000057);border:2px solid rgba(63,215,255,.24);border-radius:12px;box-shadow:inset 0 1px #ffffff0f,0 6px 16px #00000042}.blockchain-guide-link-card{display:flex;flex-direction:column;gap:8px;min-height:210px;color:inherit;text-decoration:none;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.blockchain-guide-link-card:before,.blockchain-guide-info-card:before,.blockchain-guide-compare-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.16) 0%,transparent 50%),linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 34%);transition:opacity .35s cubic-bezier(.4,0,.2,1)}.blockchain-guide-link-card:hover{transform:translate3d(0,-5px,0) scale(1.018);border-color:#ffd70094;box-shadow:0 12px 24px #0000005c,0 0 22px #3fd7ff33,inset 0 1px #ffffff1a}.blockchain-guide-link-card:hover:before,.blockchain-guide-info-card:hover:before,.blockchain-guide-compare-card:hover:before{opacity:1}.blockchain-guide-link-card>*,.blockchain-guide-info-card>*,.blockchain-guide-compare-card>*{position:relative;z-index:1}.blockchain-guide-link-category{align-self:flex-start;padding:4px 10px;color:#06151c;background:linear-gradient(180deg,#77e7ff,#28a9d8);border-radius:999px;font-size:.76rem;font-weight:900;letter-spacing:.35px;text-transform:uppercase}.blockchain-guide-link-card strong,.blockchain-guide-info-card h4,.blockchain-guide-compare-card h4{margin:0;color:var(--blockchain-gold);font-size:clamp(1.05rem,2vw,1.2rem);text-shadow:0 2px 5px rgba(0,0,0,.82)}.blockchain-guide-info-card h4,.blockchain-guide-compare-card h4{margin-bottom:8px}.blockchain-guide-link-card p,.blockchain-guide-info-card p,.blockchain-guide-compare-card p{margin:0;color:#ffedccdb;line-height:1.55}.blockchain-guide-link-new-tab{margin-top:auto;padding-top:10px;color:var(--blockchain-accent-strong);font-size:.84rem;font-weight:900;border-top:1px solid rgba(63,215,255,.18)}.blockchain-guide-info-card{transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.blockchain-guide-info-card:hover,.blockchain-guide-compare-card:hover{transform:translate3d(0,-4px,0) scale(1.012);border-color:#3fd7ff70;box-shadow:0 10px 20px #00000057,0 0 16px #3fd7ff26}.blockchain-guide-compare-card--safe{border-color:#4caf5070;background:linear-gradient(145deg,#184e2457,#00000057)}.blockchain-guide-compare-card--private{border-color:#f4433670;background:linear-gradient(145deg,#5b1e1957,#00000057)}.blockchain-guide-flow{display:flex;align-items:center;justify-content:center;gap:0;margin:22px 0 4px;flex-wrap:wrap}.blockchain-guide-flow-box{min-width:170px;padding:14px 18px;text-align:center;background:#00000061;border:2px solid rgba(63,215,255,.28);border-radius:10px}.blockchain-guide-flow-box strong{display:block;color:var(--blockchain-accent-strong);font-size:.88rem;text-transform:uppercase;margin-bottom:4px}.blockchain-guide-flow-box span{color:#ffedccd1;font-size:.84rem}.blockchain-guide-flow-arrow{flex:0 0 auto;padding:0 8px;color:var(--blockchain-gold);font-size:1.6rem;font-weight:900;text-shadow:0 0 10px rgba(255,215,0,.28)}.blockchain-guide-table td:first-child{color:var(--blockchain-gold);font-weight:900}.blockchain-guide-checklist li{padding:8px 0}.blockchain-guide-checklist li::marker{color:var(--blockchain-accent-strong)}@media (max-width: 900px){.blockchain-guide-hero{grid-template-columns:1fr}}@media (max-width: 768px){.blockchain-guide-toc,.blockchain-guide-links-grid,.blockchain-guide-card-grid,.blockchain-guide-compare-grid{grid-template-columns:1fr}.blockchain-guide-topic-heading{align-items:flex-start}.blockchain-guide-flow{flex-direction:column;gap:8px}.blockchain-guide-flow-arrow{transform:rotate(90deg);padding:0}}@media (max-width: 480px){.blockchain-guide-hero,.blockchain-guide-topic,.blockchain-guide-callout{padding:14px}.blockchain-guide-topic-number{width:28px;height:28px;font-size:.82rem}.blockchain-guide-link-card{min-height:auto}}@media (prefers-reduced-motion: reduce){.blockchain-guide-toc-item,.blockchain-guide-link-card,.blockchain-guide-info-card,.blockchain-guide-compare-card{transition:none;will-change:auto}.blockchain-guide-toc-item:hover,.blockchain-guide-link-card:hover,.blockchain-guide-info-card:hover,.blockchain-guide-compare-card:hover{transform:none}}@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}.guide-action-btn{width:100%;max-width:250px}.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;max-width:100%}.guide-action-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}.guide-action-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}.guide-action-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{background:linear-gradient(135deg,#3c3c3ceb,#222222f5);border-color:#ffd70038;color:#ffedcc7a;opacity:.86;cursor:not-allowed;box-shadow:none}.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-title-hint{display:block;color:#888;font-size:.75rem;margin-top:.4rem;font-style:italic}.profile-preview-save-guard{display:flex;align-items:flex-start;gap:.6rem;margin-top:.75rem;padding:.75rem .85rem;background:radial-gradient(circle at 8% 0%,rgba(255,215,0,.12) 0%,transparent 45%),linear-gradient(135deg,#22180ae0,#0c0a08f0);border:1px solid rgba(255,215,0,.35);border-radius:10px;color:#f0d060;font-size:.75rem;font-weight:700;line-height:1.45;text-shadow:0 1px 3px rgba(0,0,0,.85);box-shadow:0 4px 12px #00000047,inset 0 1px #ffffff14}.preview-save-guard-icon{width:18px;height:18px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.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{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:.88;cursor:pointer;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.06) 0%,transparent 58%),#00000061;border-color:#ffd7003d;border-style:dashed;filter:none}.editor-option-button.locked:hover{background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.12) 0%,transparent 62%),#8b451347;border-color:#ffd7008c;box-shadow:0 6px 15px #0006,0 0 14px #ffd70024}.editor-option-button.locked.selected{background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.16) 0%,transparent 62%),linear-gradient(135deg,#8b451380,#64320a80);border-color:gold;border-style:solid;box-shadow:0 0 20px #ffd70052,inset 0 1px #ffffff14}.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}.option-preview-only-badge{position:absolute;left:4px;bottom:4px;padding:.16rem .38rem;border:1px solid rgba(255,215,0,.42);border-radius:4px;background:#1a1207db;color:gold;font-size:.52rem;font-weight:900;letter-spacing:.4px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}.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}}.profile-age-restricted-friend-status{border-color:#ffd54f8c;background:radial-gradient(circle at top left,rgba(255,213,79,.18),transparent 36%),linear-gradient(135deg,#372b12e6,#171410f0);color:#ffe58a;text-shadow:0 2px 8px rgba(255,213,79,.24)}.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}}.guild-panel-tab--locked{min-height:44px;opacity:.52;cursor:not-allowed;filter:saturate(.72);transform:translateZ(0);transition:opacity .4s cubic-bezier(.4,0,.2,1),filter .4s cubic-bezier(.4,0,.2,1)}.guild-panel-tab--locked:hover{transform:translateZ(0);box-shadow:none}@media (prefers-reduced-motion: reduce){.guild-panel-tab--locked{transition:none}}.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;overflow-x:hidden;scrollbar-gutter:stable;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;min-width:0;transition:background .2s ease,box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover:not(.leaderboard-header-row){box-shadow:inset 4px 0 #ffd70061,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;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-username-text{color:#fff;font-size:inherit;font-weight:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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;min-width:0}.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-list{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.leaderboard-row{min-width:560px}.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:box-shadow,border-color,background;transition:box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1)}.clickable-guild-row:hover{border-color:gold;background:linear-gradient(135deg,#ffd7001f,#8b451329),#1a1a1a;box-shadow:inset 4px 0 #ffd70099,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}}.leaderboard-age-masked-notice{margin:0 0 1rem;padding:.85rem 1rem;border:1px solid rgba(255,213,79,.5);border-radius:14px;background:radial-gradient(circle at left,rgba(255,213,79,.18),transparent 34%),linear-gradient(135deg,#2d230feb,#141210f5);color:#ffe58a;font-weight:800;text-align:center;text-shadow:0 2px 10px rgba(255,213,79,.25);box-shadow:0 10px 24px #0000003d,inset 0 1px #ffffff1f}.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{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%)}.no-message-icon-img{width:clamp(120px,18vw,180px);height:clamp(120px,18vw,180px);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;max-width:380px;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}.wallet-chain-icon{width:24px;height:24px;object-fit:contain;border-radius:50%;margin-left:-12px;background:#1a1207c7;box-shadow:0 0 0 2px #1a1207d1,0 0 10px #ffd70042;filter:drop-shadow(0 2px 5px rgba(0,0,0,.82));animation:float 3s ease-in-out infinite;animation-delay:.18s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.wallet-label,.wallet-chain-status{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}.wallet-chain-status{white-space:nowrap}@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:nowrap;width:100%}.wallet-address{flex:1 1 auto;min-width:0;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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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-address-mismatch{color:#ffcf8a;border-color:#ff9800bf;background:linear-gradient(135deg,#582d1299,#341b0cb8);box-shadow:0 3px 12px #00000073,0 0 18px #ff98002e,inset 0 1px 2px #ffd7001f}.wallet-display-mismatch{gap:6px}.wallet-display-mismatch .wallet-icon-label{margin-bottom:4px}.wallet-display-mismatch .wallet-copy-btn{flex:0 0 auto;padding-inline:16px}.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;min-height:44px;will-change:transform}.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-secondary-actions{display:flex;gap:8px;flex-wrap:wrap}.wallet-secondary-btn{min-height:36px;padding:7px 12px;border:1px solid rgba(255,215,0,.45);border-radius:8px;background:#2d1f10b8;color:#f7d77b;font-size:11px;font-weight:700;letter-spacing:.8px;cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .25s ease;will-change:transform}.wallet-secondary-btn:hover{transform:translateY(-2px) scale(1.02);border-color:gold;box-shadow:0 6px 18px #ffd70038}.wallet-mismatch-panel{display:flex;flex-direction:column;gap:2px;width:100%;padding:7px 10px;background:linear-gradient(135deg,#582d128c,#201209db);border:1px solid rgba(255,152,0,.52);border-radius:8px;color:#f7d77b;font-size:10.5px;line-height:1.25;box-shadow:0 3px 10px #00000052,inset 0 1px #ffd7001f}.wallet-mismatch-panel strong{color:gold;font-size:10px;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.7)}.wallet-mismatch-panel span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-mismatch-action-text{color:#ffedccb8;font-style:italic}.wallet-deposit-hint{font-size:11px;color:#d4a76a;font-style:italic;opacity:.75;padding-left:4px;margin-top:-4px}.wallet-deposit-hint-action{font-size:12px;font-weight:700;letter-spacing:.8px;color:gold;font-style:normal;opacity:.95;text-shadow:0 1px 3px rgba(0,0,0,.82)}@media (max-width: 768px){.wallet-display{max-width:100%}.wallet-address-container{flex-wrap:wrap}.wallet-icon-label{flex-wrap:wrap;row-gap:4px}.wallet-address{font-size:14px;min-width:100%;white-space:normal;overflow-wrap:anywhere}.wallet-copy-btn{width:100%;justify-content:center}.wallet-secondary-btn{flex:1 1 140px;min-height:44px}.wallet-mismatch-panel span{white-space:normal;overflow-wrap:anywhere}}@media (prefers-reduced-motion: reduce){.wallet-display,.wallet-icon,.wallet-label,.wallet-copy-btn:before{animation:none}.wallet-address:hover,.wallet-copy-btn:hover,.wallet-secondary-btn:hover{transform:none}.wallet-chain-icon{animation:none}}.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:clamp(1.25rem,3vw,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{flex:0 1 380px;width:min(380px,100%);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}}.social-age-verification-card{position:relative;flex:0 1 clamp(520px,48vw,690px);width:min(690px,100%);overflow:hidden;border:2px solid rgba(255,213,79,.55);border-radius:12px;padding:clamp(.46rem,.8vw,.62rem) clamp(.8rem,1.35vw,1.1rem);background:radial-gradient(circle at top left,rgba(255,213,79,.22),transparent 34%),linear-gradient(135deg,#372b12f0,#161412f5);box-shadow:0 8px 22px #00000059,inset 0 1px #ffffff29;transform:translateZ(0)}.social-age-verification-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(255,237,135,.2),transparent 42%);opacity:.78}.social-age-verification-title{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:.45rem;margin:0 0 .22rem;color:#ffe58a;font-weight:900;font-size:clamp(.72rem,1vw,.86rem);letter-spacing:.055em;text-transform:uppercase;text-shadow:0 2px 10px rgba(255,213,79,.32)}.social-age-verification-title .player-id-icon{width:22px;height:22px}.social-header .social-age-verification-legal-copy,.social-header .social-age-verification-helper-copy{position:relative;z-index:1;margin:.18rem 0;color:#ffeaa6;font-size:clamp(.68rem,.82vw,.78rem);line-height:1.18}.social-header .social-age-verification-helper-copy{color:#ffffffd1;font-size:clamp(.64rem,.78vw,.74rem)}.social-age-verification-action{position:relative;z-index:1;min-height:28px;width:100%;margin-top:.24rem;border:1px solid rgba(255,213,79,.55);border-radius:999px;background:linear-gradient(135deg,#ffd54f38,#6f521499);color:#ffe58a;font-weight:900;font-size:clamp(.66rem,.78vw,.76rem);letter-spacing:.065em;text-transform:uppercase;cursor:not-allowed;opacity:.82;transform:translateZ(0);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.social-age-verification-action:not(:disabled){cursor:pointer}.social-age-verification-action:not(:disabled):hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 24px #ffd54f47}.social-tab-horizontal--locked{min-height:44px;opacity:.52;cursor:not-allowed;filter:saturate(.7);transform:translateZ(0)}.age-verification-callback-page,.age-verification-cancelled-page{width:min(560px,calc(100% - 2rem));margin:12vh auto}@media (max-width: 640px){.social-age-verification-card{flex-basis:100%;width:100%;padding:clamp(.85rem,3vw,1rem)}.social-age-verification-action{min-height:44px;width:100%}}@media (prefers-reduced-motion: reduce){.social-age-verification-action,.social-tab-horizontal--locked{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:radial-gradient(circle at 50% 0%,rgba(255,215,0,.08),transparent 42%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 100%);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:radial-gradient(ellipse at 12% 50%,rgba(200,168,78,.18) 0%,transparent 46%),radial-gradient(ellipse at 88% 50%,rgba(138,106,46,.14) 0%,transparent 48%),linear-gradient(180deg,#3a2a15,#1a1207);border-bottom:2px solid #c8a84e;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 60px #0000007a,0 0 30px #c8a84e2e,inset 0 1px #c8a84e2e;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(200,168,78,.08) 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(245,230,200,.32) 50%,transparent 100%);pointer-events:none;z-index:1}.game-logo{height:72px;width:auto;max-width:360px;object-fit:contain;flex:0 0 auto;margin:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.72)) drop-shadow(0 0 10px rgba(200,168,78,.22));animation:logoFloat 3s ease-in-out infinite;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.game-logo:hover{transform:translateY(-3px) scale(1.04) translateZ(0);filter:drop-shadow(0 6px 12px rgba(0,0,0,.78)) drop-shadow(0 0 16px rgba(200,168,78,.34))}.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(145deg,#2a1f10,#1a1207);border:1px solid #8a6a2e;border-radius:10px;color:#d4c4a0;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:inset 0 1px #c8a84e2e,0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:visible;will-change:transform;backface-visibility:hidden}.view-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.04) 44%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.04) 56%,transparent 62%,transparent 100%);background-size:260% 100%;background-position:-180% 0;background-repeat:no-repeat;border-radius:inherit;opacity:0;pointer-events:none;z-index:1}.view-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(200,168,78,.18) 0%,transparent 70%);opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1;border-radius:inherit}.view-btn:hover:after{opacity:1}.view-btn:hover:before{animation:gameNavGlareSweep .85s ease-in-out both}@keyframes gameNavGlareSweep{0%{opacity:0;background-position:-180% 0}14%{opacity:1}78%{opacity:1;background-position:150% 0}to{opacity:0;background-position:180% 0}}.view-btn:hover{transform:translateY(-5px) scale(1.05);background:linear-gradient(145deg,#3a2a15,#2a1f10);border-color:#c8a84e;color:#f5e6c8;box-shadow:0 8px 16px #0009,0 4px 8px #0006,0 0 20px #c8a84e57,inset 0 1px #c8a84e4d}.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(180deg,#e8c84e,#c8a84e);color:#1a1207;text-shadow:0 1px 2px rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.3);border-color:#e8c84e;transform:translateY(2px) scale(1);box-shadow:0 2px 4px #00000080,0 0 20px #c8a84e8c,inset 0 1px #ffffff47;animation:activeButtonPulse 2.5s ease-in-out infinite}@keyframes activeButtonPulse{0%,to{box-shadow:0 2px 4px #00000080,0 0 20px #c8a84e8c,inset 0 1px #ffffff47}50%{box-shadow:0 2px 4px #00000080,0 0 32px #e8c84ebf,inset 0 1px #ffffff57}}.view-btn.active:hover{transform:translateY(0) scale(1.02);background:linear-gradient(180deg,#f0d060,#d8b856);box-shadow:0 4px 8px #0009,0 0 30px #e8c84ebd,inset 0 1px #ffffff52}.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;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.view-btn:hover .btn-icon{transform:scale(1.1) translateZ(0);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;scrollbar-width:thin;scrollbar-color:rgba(200,168,78,.82) rgba(26,18,7,.6)}.game-content::-webkit-scrollbar{width:10px}.game-content::-webkit-scrollbar-track{background:#1a120799;border-radius:8px}.game-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border-radius:8px;border:2px solid rgba(26,18,7,.72)}.game-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e)}.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:68px;max-width:335px}.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:64px;max-width:315px}.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:58px;max-width:285px}.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:50px;max-width:245px}.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:radial-gradient(ellipse at 12% 50%,rgba(200,168,78,.18) 0%,transparent 46%),radial-gradient(ellipse at 88% 50%,rgba(138,106,46,.14) 0%,transparent 48%),linear-gradient(180deg,#3a2a15,#1a1207)}.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;z-index:9998;animation:ftueOverlayFadeIn .4s ease-out;pointer-events:none}.ftue-overlay-solid{background:radial-gradient(circle at 50% 12%,rgba(200,168,78,.12) 0%,transparent 34%),#000000d1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.ftue-overlay-with-spotlight{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}@keyframes ftueOverlayFadeIn{0%{opacity:0}to{opacity:1}}.ftue-spotlight{position:fixed;background:transparent;border:3px solid #e8c84e;border-radius:18px;box-shadow:0 0 0 9999px #000000d1,0 0 34px 9px #c8a84e80,inset 0 0 24px #ffd86f38;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 #000000d1,0 0 34px 9px #c8a84e80,inset 0 0 24px #ffd86f38}50%{box-shadow:0 0 0 9999px #000000d1,0 0 46px 13px #ffd86fb8,inset 0 0 32px #ffd86f5c}}.ftue-arrow{position:fixed;z-index:10001;pointer-events:none;filter:drop-shadow(0 0 20px rgba(232,200,78,.8))}.ftue-arrow-down{width:8px;height:50px;background:linear-gradient(180deg,transparent 0%,#e8c84e 30%,#ffd86f 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 #ffd86f;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ftue-arrow-up{width:8px;height:50px;background:linear-gradient(0deg,transparent 0%,#e8c84e 30%,#ffd86f 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 #ffd86f;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.3))}.ftue-arrow-left{width:50px;height:8px;background:linear-gradient(270deg,transparent 0%,#e8c84e 30%,#ffd86f 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 #ffd86f;filter:drop-shadow(-2px 0 4px rgba(0,0,0,.3))}.ftue-arrow-right{width:50px;height:8px;background:linear-gradient(90deg,transparent 0%,#e8c84e 30%,#ffd86f 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 #ffd86f;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;display:flex;flex-direction:column;max-width:620px;width:min(94vw,620px);max-height:min(760px,calc(100vh - 78px));max-height:min(760px,calc(100dvh - 78px));color:#f5e6c8;background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.14) 0%,transparent 42%),linear-gradient(180deg,#3a2a15,#1a1207);border:2px solid #c8a84e;border-radius:18px;padding:0;z-index:10003;box-shadow:0 22px 64px #000000b8,0 0 34px #c8a84e42,inset 0 1px #ffd70029,inset 0 -1px #0009;animation:ftueModalFadeIn .3s ease-out;pointer-events:all;overflow:visible;scroll-behavior:smooth;will-change:opacity}.ftue-modal:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 28%),radial-gradient(circle at 50% 0%,rgba(255,215,0,.12) 0%,transparent 48%);opacity:.82;z-index:0}.ftue-modal>*{position:relative;z-index:1}@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(135deg,#37281cfa,#2d2016fa 52%,#322419fa);padding:clamp(18px,4vw,26px) clamp(58px,8vw,74px) clamp(16px,3.2vw,22px) clamp(20px,4vw,28px);border-radius:16px 16px 0 0;border-bottom:2px solid rgba(139,69,19,.62);display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:inset 0 2px #8b451357,inset 0 -1px #0000006b,0 3px 12px #0000006b}.ftue-modal-title-wrap{display:flex;align-items:center;min-width:0;gap:clamp(12px,3vw,18px)}.ftue-modal-icon-frame{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(46px,10vw,62px);height:clamp(46px,10vw,62px);background:radial-gradient(circle,#ffd7002e,#8a6a2e1f 52%,#1a1207cc);border:1px solid rgba(200,168,78,.42);border-radius:50%;box-shadow:0 0 24px #c8a84e47,inset 0 1px #ffffff29,inset 0 -2px #0006;animation:ftueIconFloat 2.8s ease-in-out infinite}.ftue-modal-icon{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.78))}@keyframes ftueIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ftue-modal-header h2{margin:0;color:#f0d060;font-size:clamp(1.35rem,4.5vw,1.95rem);font-weight:900;letter-spacing:clamp(1.1px,.4vw,2.6px);line-height:1.18;text-transform:uppercase;text-wrap:balance;text-shadow:0 2px 8px rgba(0,0,0,.92),0 0 18px rgba(212,175,55,.5);font-family:Impact,system-ui,sans-serif}.ftue-dismiss-btn{position:absolute;top:clamp(12px,3vw,18px);right:clamp(12px,3vw,18px);background:linear-gradient(135deg,#3c2814eb,#28190ffa);border:2px solid rgba(139,69,19,.62);color:#d4af37;font-size:1.55rem;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);font-weight:900;box-shadow:0 4px 10px #00000094,inset 0 1px #ffd7001a}.ftue-dismiss-btn:before{content:"";position:absolute;inset:-50%;pointer-events:none;background:radial-gradient(circle,rgba(255,215,0,.24) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.ftue-dismiss-btn:hover{color:#ffd86f;border-color:#d4af37f2;background:linear-gradient(135deg,#503219,#3c2814);transform:rotate(90deg) scale(1.12);box-shadow:0 0 24px #d4af3780,0 6px 16px #000000bf,inset 0 1px #ffd7003d}.ftue-dismiss-btn:hover:before{opacity:1}.ftue-modal-content{flex:1 1 auto;min-height:0;padding:clamp(18px,4vw,30px) clamp(18px,5vw,34px);color:#f5e6c8;font-size:clamp(.98rem,2.5vw,1.08rem);line-height:1.72;max-height:clamp(240px,48vh,440px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;background:linear-gradient(135deg,#19120cb8,#140f0ae6);scrollbar-width:thin;scrollbar-color:rgba(200,168,78,.82) rgba(26,18,7,.18)}.ftue-modal-content p{margin:0 0 15px;white-space:pre-line;text-shadow:0 2px 6px rgba(0,0,0,.62)}.ftue-modal-content p:last-child{margin-bottom:0}.ftue-modal-content::-webkit-scrollbar{width:8px}.ftue-modal-content::-webkit-scrollbar-track{margin-block:14px;background:linear-gradient(180deg,transparent 0%,rgba(26,18,7,.24) 14%,rgba(26,18,7,.24) 86%,transparent 100%);border-radius:999px}.ftue-modal-content::-webkit-scrollbar-thumb{min-height:42px;background:linear-gradient(180deg,#ffd86ff5,#c8a84eeb 52%,#8a6a2eeb);border:2px solid rgba(18,12,6,.72);border-radius:999px;box-shadow:0 0 10px #c8a84e57,inset 0 1px #ffffff52}.ftue-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff0a6,#e8c84e 48%,#c8a84e)}.ftue-inline-image{width:40px;height:40px;margin:0 6px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 3px 6px rgba(0,0,0,.7))}.ftue-modal-footer{padding:clamp(16px,4vw,24px) clamp(18px,5vw,34px) clamp(18px,4.5vw,28px);border-top:1px solid rgba(200,168,78,.2);display:flex;justify-content:space-between;align-items:center;gap:clamp(10px,3vw,14px);background:#0a070475;border-radius:0 0 16px 16px}.ftue-skip-btn{position:relative;min-height:52px;overflow:hidden;background:linear-gradient(135deg,#462d19f2,#2d1e12);border:2px solid rgba(139,69,19,.7);color:#f4e4c1;padding:14px 24px;font-size:clamp(.88rem,2.8vw,1rem);font-weight:900;letter-spacing:1.3px;border-radius:12px;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.85);box-shadow:0 5px 15px #0000006b,inset 0 1px #ffffff1a;touch-action:manipulation;-webkit-tap-highlight-color:transparent;will-change:transform;backface-visibility:hidden}.ftue-skip-btn:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%)}.ftue-skip-btn:hover{color:#ffd86f;border-color:#d4af37eb;transform:translate3d(0,-4px,0) scale(1.02);box-shadow:0 0 22px #c8a84e47,0 8px 22px #00000085,inset 0 1px #ffd70029}.ftue-skip-btn:hover:before{animation:ftueButtonGlareSweep .6s ease-in-out}.ftue-next-btn{position:relative;min-height:52px;overflow:hidden;background:linear-gradient(180deg,#e8c84e,#c8a84e 48%,#8a6a2e);border:2px solid rgba(255,215,0,.7);color:#1a1207;padding:14px 32px;font-size:clamp(.92rem,2.8vw,1.05rem);font-weight:900;letter-spacing:1.5px;border-radius:12px;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;text-shadow:0 1px 1px rgba(255,255,255,.18);box-shadow:0 5px 16px #c8a84e57,0 0 24px #c8a84e38,inset 0 1px #ffffff52,inset 0 -2px #5a3a156b;touch-action:manipulation;-webkit-tap-highlight-color:transparent;will-change:transform;backface-visibility:hidden}.ftue-next-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.32) 50%,rgba(255,255,255,.1) 60%,transparent 100%);transform:translate(-100%)}.ftue-next-btn:hover{transform:translate3d(0,-4px,0) scale(1.02);border-color:#ffeb78f5;box-shadow:0 8px 24px #c8a84e7a,0 0 34px #ffd70057,inset 0 1px #ffffff6b,inset 0 -2px #5a3a1570}.ftue-next-btn:hover:before{animation:ftueButtonGlareSweep .6s ease-in-out}.ftue-next-btn:active{transform:translate3d(0,-1px,0) scale(.99)}.ftue-skip-btn:focus-visible,.ftue-next-btn:focus-visible,.ftue-dismiss-btn:focus-visible{outline:2px solid #e8c84e;outline-offset:3px}.ftue-skip-btn:focus:not(:focus-visible),.ftue-next-btn:focus:not(:focus-visible),.ftue-dismiss-btn:focus:not(:focus-visible){outline:none}@keyframes ftueButtonGlareSweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.ftue-progress{position:absolute;bottom:-42px;left:50%;transform:translate(-50%);background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.14) 0%,transparent 55%),linear-gradient(135deg,#2a1f10f5,#1a1207fa);padding:10px 20px;border-radius:25px;border:1px solid rgba(200,168,78,.76);box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff1a,0 0 20px #c8a84e29;backdrop-filter:blur(8px);-webkit-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{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,215,0,.45))}.ftue-section-name{color:#f0d060;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-boosted-layer{position:relative!important;z-index:10002!important}.ftue-pulse-btn{position:relative;z-index:10002!important;pointer-events:auto!important;animation:buttonPulse 2s cubic-bezier(.4,0,.6,1) infinite;transform-origin:center;will-change:transform,box-shadow}.ftue-pulse-panel{--ftue-panel-clip-top: 0px;--ftue-panel-clip-right: 0px;--ftue-panel-clip-bottom: 0px;--ftue-panel-clip-left: 0px;pointer-events:auto!important;transform:translateZ(0);animation:panelFocusPulse 2s cubic-bezier(.4,0,.6,1) infinite;will-change:box-shadow}.ftue-panel-clipped{clip-path:inset(var(--ftue-panel-clip-top) var(--ftue-panel-clip-right) var(--ftue-panel-clip-bottom) var(--ftue-panel-clip-left) round 14px)}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:0 0 #e8c84eb8}50%{transform:scale(1.05);box-shadow:0 0 0 10px #e8c84e00}}@keyframes panelFocusPulse{0%,to{box-shadow:0 0 0 2px #e8c84e9e,0 0 18px #c8a84e3d,inset 0 0 18px #ffd86f1f}50%{box-shadow:0 0 0 2px #ffd86feb,0 0 28px #ffd86f61,inset 0 0 26px #ffd86f33}}.ftue-tooltip{position:absolute;background:radial-gradient(circle at 50% 0%,rgba(200,168,78,.12) 0%,transparent 50%),linear-gradient(180deg,#3a2a15,#1a1207);border:1px solid rgba(200,168,78,.76);border-radius:12px;padding:12px 16px;color:#f5e6c8;font-size:.95rem;max-width:250px;z-index:10002;box-shadow:0 8px 20px #0009,0 0 18px #c8a84e2e,inset 0 1px #ffd7001f;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:44px;height:44px;font-size:1.35rem}.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 4rem 1rem 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:44px;height:44px;font-size:1.35rem}.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%;max-height:calc(100vh - 52px);max-height:calc(100dvh - 52px)}.ftue-modal-header{padding:.8rem 3.9rem .8rem .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:44px;height:44px;font-size:1.35rem}.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}}@media (prefers-reduced-motion: reduce){.ftue-overlay,.ftue-spotlight,.ftue-arrow,.ftue-modal,.ftue-modal-icon-frame,.ftue-pulse-btn,.ftue-pulse-panel,.ftue-next-btn,.ftue-skip-btn,.ftue-dismiss-btn{animation:none!important;transition:none!important}.ftue-next-btn:hover,.ftue-skip-btn:hover,.ftue-dismiss-btn:hover{transform:none}}.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}}.crypto-payment-notification-stack{position:fixed;top:clamp(72px,9vh,104px);left:50%;z-index:12000;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vw,12px);width:min(94vw,520px);pointer-events:none;transform:translate(-50%)}.crypto-payment-notification{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(10px,2.5vw,14px);width:100%;min-height:74px;padding:clamp(12px,2.5vw,16px) clamp(12px,3vw,18px);overflow:hidden;color:#f5e6c8;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.16) 0%,transparent 52%),linear-gradient(180deg,#3a2a16fa,#1a1207fa);border:2px solid rgba(200,168,78,.88);border-radius:16px;box-shadow:0 16px 46px #00000094,0 0 28px #c8a84e40,inset 0 1px #ffd70029,inset 0 -1px #00000094;pointer-events:auto;animation:crypto-payment-notification-in .42s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.crypto-payment-notification:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 30%),radial-gradient(circle at 50% 0%,rgba(255,215,0,.12) 0%,transparent 48%);opacity:.85}.crypto-payment-notification:after{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.5) 20%,rgba(255,236,142,.92) 50%,rgba(255,215,0,.5) 80%,transparent 100%);border-radius:999px}.crypto-payment-notification--delivered{background:radial-gradient(circle at 50% 0%,rgba(125,190,92,.16) 0%,transparent 54%),linear-gradient(180deg,#373018fa,#151a0dfa);border-color:#d8c256f0}.crypto-payment-notification--manualReview{background:radial-gradient(circle at 50% 0%,rgba(240,180,68,.16) 0%,transparent 54%),linear-gradient(180deg,#3a2a16fa,#1f160cfa)}.crypto-payment-notification--failed{background:radial-gradient(circle at 50% 0%,rgba(235,92,75,.16) 0%,transparent 54%),linear-gradient(180deg,#3a1e16fa,#1f0f0cfa);border-color:#d26948e0}.crypto-payment-notification__glow{position:absolute;inset:auto 12% -34px;height:62px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,215,0,.28) 0%,transparent 70%);opacity:.78}.crypto-payment-notification__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:clamp(42px,10vw,52px);height:clamp(42px,10vw,52px);color:#f0d060;font-size:clamp(1.55rem,5vw,2rem);font-weight:900;line-height:1;background:radial-gradient(circle,#ffd70033,#8a6a2e1f 52%,#1a1207c7);border:1px solid rgba(200,168,78,.48);border-radius:50%;box-shadow:0 0 20px #c8a84e47,inset 0 1px #ffffff29,inset 0 -2px #0006}.crypto-payment-notification--delivered .crypto-payment-notification__icon{color:#b8f28f;border-color:#7dbe5c9e;text-shadow:0 0 14px rgba(125,190,92,.72)}.crypto-payment-notification--failed .crypto-payment-notification__icon,.crypto-payment-notification--manualReview .crypto-payment-notification__icon{color:#ffcf76;border-color:#eba24b94}.crypto-payment-notification__copy{position:relative;z-index:1;min-width:0}.crypto-payment-notification__title{margin:0 0 4px;color:#f0d060;font-size:clamp(1rem,3.8vw,1.22rem);font-weight:900;letter-spacing:clamp(1px,.35vw,2px);line-height:1.15;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 16px rgba(212,175,55,.42)}.crypto-payment-notification__message{color:#f5e6c8;font-size:clamp(.88rem,2.8vw,.98rem);font-weight:700;line-height:1.35;text-shadow:0 1px 4px rgba(0,0,0,.8)}.crypto-payment-notification__dismiss{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;color:#f0d060;font-size:1.2rem;font-weight:900;line-height:1;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.12) 0%,transparent 60%),linear-gradient(180deg,#462a12eb,#28180af2);border:1px solid rgba(200,168,78,.58);border-radius:50%;box-shadow:0 4px 12px #0000007a,inset 0 1px #ffffff1f;transition:transform .24s cubic-bezier(.4,0,.2,1),box-shadow .24s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.4,0,.2,1)}.crypto-payment-notification__dismiss:hover{transform:translateY(-2px) scale(1.06) rotate(90deg);border-color:#ffd700e6;box-shadow:0 8px 18px #00000094,0 0 16px #ffd70042,inset 0 1px #ffffff29}@keyframes crypto-payment-notification-in{0%{opacity:0;transform:translateY(-42px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.crypto-payment-notification-stack{top:clamp(58px,8vh,82px);width:min(92vw,460px)}.crypto-payment-notification{min-height:70px;border-radius:14px}}@media (max-width: 480px){.crypto-payment-notification{grid-template-columns:auto minmax(0,1fr);padding:12px 12px 12px 14px}.crypto-payment-notification__dismiss{position:absolute;top:6px;right:6px;width:38px;min-width:38px;height:38px;min-height:38px}.crypto-payment-notification__copy{padding-right:32px}}@media (prefers-reduced-motion: reduce){.crypto-payment-notification{animation:crypto-payment-notification-fade .2s ease-out;will-change:opacity}.crypto-payment-notification__dismiss,.crypto-payment-notification__dismiss:hover{transform:none}@keyframes crypto-payment-notification-fade{0%{opacity:0}to{opacity:1}}}.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)}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:rgba(200,168,78,.82) rgba(26,18,7,.86)}.app{min-height:100vh}button{font-family:inherit;cursor:pointer;user-select:none}button:active:not(:disabled){transform:translateY(1px)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1207db;border:2px solid rgba(138,106,46,.45)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8a84e,#8a6a2e);border:2px solid rgba(26,18,7,.86);border-radius:6px;box-shadow:inset 0 1px #ffffff38,0 0 10px #c8a84e3d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e8c84e,#c8a84e)}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,a,.clickable,[role=button]{touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width: 768px){button{min-height:44px;min-width:44px}}.scrollable,.modal-content,.recipe-list,.mission-event-log,.inventory-grid,.farm-plots-grid{-webkit-overflow-scrolling:touch;will-change:scroll-position}@media (max-width: 768px){body{overflow-x:hidden}*{max-width:100%}}@media (max-width: 768px),(hover: none){.modal-overlay,.egg-preview-modal-overlay,.crafting-slot-modal-overlay,.item-storage-modal-overlay,.pet-storage-modal-overlay,.edit-modal-overlay,.gc-modal-overlay,.quest-modal-overlay,.trash-modal-overlay,.hatchery-modal-overlay,.upgrade-modal-overlay,.guild-detail-modal-overlay,.token-purchase-modal-overlay,.offspring-reveal-overlay,[class*=modal-overlay]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#000000d9!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}[style*=backdrop-filter]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.crafting-slot,.recipe-card,.category-tab,.btn-start-craft,.btn-claim-craft,.btn-cancel-craft,.slot-modal-close,.farm-plot,.slot{touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}}@media (max-width: 768px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-width:1px}::-webkit-scrollbar-thumb{border-width:1px}}@media (max-width: 480px){::-webkit-scrollbar{width:6px}}@media (max-width: 768px) and (orientation: landscape){body:before{content:"↻ Rotate device for better experience";position:fixed;bottom:10px;left:50%;transform:translate(-50%);background:#000c;color:gold;padding:8px 16px;border-radius:20px;font-size:12px;z-index:9997;pointer-events:none;animation:fadeInOut 4s ease-in-out}}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}body.low-performance-mode *,body.low-performance-mode *:before,body.low-performance-mode *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.low-performance-mode .modal-overlay,body.low-performance-mode [class*=modal-overlay]{background:#000000e6!important}body.low-performance-mode .particle-effect,body.low-performance-mode .sparkle-effect,body.low-performance-mode .glow-pulse,body.low-performance-mode .floating-animation,body.low-performance-mode .shimmer-effect,body.low-performance-mode [class*=particle],body.low-performance-mode [class*=sparkle],body.low-performance-mode [class*=float]{display:none!important;animation:none!important}body.low-performance-mode .scanline-animation,body.low-performance-mode .glare-sweep,body.low-performance-mode .pulse-animation,body.low-performance-mode .breathing-glow,body.low-performance-mode [class*=scanline],body.low-performance-mode [class*=pulse]{animation:none!important}body.low-performance-mode *:not(:hover):not(:active){animation-duration:.001ms!important;animation-iteration-count:1!important}body.low-performance-mode *:hover,body.low-performance-mode *:active{animation-duration:.1s!important;animation-iteration-count:1!important}body.low-performance-mode *{transition-duration:.1s!important;transition-timing-function:ease-out!important}body.low-performance-mode [style*=box-shadow],body.low-performance-mode .shadow-lg,body.low-performance-mode .shadow-xl,body.low-performance-mode .shadow-premium,body.low-performance-mode [class*=shadow]{box-shadow:0 4px 12px #0000004d!important}body.low-performance-mode p,body.low-performance-mode span,body.low-performance-mode label,body.low-performance-mode div{text-shadow:none!important}body.low-performance-mode h1,body.low-performance-mode h2,body.low-performance-mode h3{text-shadow:0 2px 4px rgba(0,0,0,.5)!important}body.low-performance-mode *{will-change:auto!important}body.low-performance-mode .blur-effect,body.low-performance-mode [class*=blur]{filter:none!important}body.low-performance-mode *:disabled,body.low-performance-mode .disabled{filter:grayscale(50%)!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.particle-effect,.sparkle-effect,.floating-animation,[class*=particle],[class*=sparkle]{display:none!important}}body.touch-device{-webkit-user-select:none;user-select:none}body.touch-device input,body.touch-device textarea,body.touch-device .message-content,body.touch-device .chat-message{-webkit-user-select:text;user-select:text}body.touch-device button,body.touch-device .btn,body.touch-device [role=button],body.touch-device a,body.touch-device .clickable{min-height:44px;min-width:44px}body.touch-device *:hover{transform:none}body.touch-device button:active,body.touch-device .btn:active,body.touch-device [role=button]:active{transform:scale(.97)!important;opacity:.9!important}body.mobile-device{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body.mobile-device *{-webkit-font-smoothing:auto;text-rendering:optimizeSpeed}body.mobile-device .gradient-complex,body.mobile-device [class*=gradient-multi]{background:linear-gradient(135deg,var(--primary-color, #1a1a2e) 0%,var(--secondary-color, #16213e) 100%)!important}body.low-performance-mode .claim-celebration-container,body.low-performance-mode .celebration-particles,body.low-performance-mode .celebration-firework,body.low-performance-mode .trash-destroy-container,body.low-performance-mode .trash-particles{display:none!important}body.low-performance-mode .hatchery-glow,body.low-performance-mode .incubation-pulse,body.low-performance-mode .egg-shimmer{animation:none!important}body.low-performance-mode .terminal-scanline,body.low-performance-mode .terminal-flicker{display:none!important}body.low-performance-mode .shop-item-card:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000004d!important}body.low-performance-mode .mission-progress-glow,body.low-performance-mode .boss-health-pulse,body.low-performance-mode .pet-card-shimmer,body.low-performance-mode .pet-level-glow,body.low-performance-mode .crafting-progress-glow,body.low-performance-mode .crafting-complete-pulse,body.low-performance-mode .crop-grow-animation,body.low-performance-mode .water-droplet{animation:none!important}body.high-performance-mode .particle-effect,body.high-performance-mode .sparkle-effect,body.high-performance-mode [class*=particle],body.high-performance-mode [class*=sparkle]{display:block}html{touch-action:manipulation}html{scroll-behavior:smooth;overscroll-behavior:none}body{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.floating-ottie,.floating-egg,.particle,.corner-decoration,.panel-glow,.login-background-layer,[class*=decoration],[class*=particle],[class*=background-layer]{pointer-events:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{color-scheme:dark}::selection{background:#ff8c0066;color:#fff}::-moz-selection{background:#e67d0066;color:#fff}:focus{outline:none}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}:root{--color-primary-orange: #ff8c00;--color-primary-orange-light: #ffa500;--color-primary-orange-dark: #cc7000;--color-border-brown: #8b4513;--color-border-dark: #5d2e0a;--color-panel-dark: #2d2d2d;--color-panel-darker: #1a1a1a;--color-forest-green: #2d5016;--color-forest-green-light: #4a7c2e;--color-gold: #ffd700;--color-gold-light: #ffed4e;--color-success-green: #4CAF50;--color-success-green-dark: #45a049;--color-error-red: #ff4444;--color-error-red-dark: #cc0000;--color-gray: #888;--color-gray-dark: #666;--font-primary: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-display: "Impact", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 6px 12px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden}body{font-family:var(--font-primary);line-height:1.5;color:#2d2d2d;background:var(--color-forest-green)}#root{height:100%;overflow:hidden}*[style*=animation],[class*=animate],[class*=pulse],[class*=glow],[class*=shimmer],[class*=float],[class*=bounce],[class*=spin],[class*=fade]{will-change:transform,opacity,filter;transform:translateZ(0);backface-visibility:hidden}@supports (animation: none){.floating-ottie,.floating-egg,.corner-decoration,.login-logo,.login-mascot,.title-icon,.hover-hint-icon,.btn-icon-img,.teaser-icon-img,.feature-icon-img,.label-icon-img,img[class*=icon]{will-change:transform,opacity,filter;transform:translateZ(0)}}