.inventory-button{width:48px;height:48px;padding:0;background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin:8px 0}.inventory-button:hover{transform:scale(1.1)}.inventory-button:active{transform:scale(.95)}.inventory-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.inventory-backdrop{position:fixed;inset:0;background:#000000b3;z-index:9998;animation:fadeIn .2s ease}.inventory-modal{position:fixed;right:0;top:0;width:25vw;height:100vh;background:#080a0ef2;border-left:2px solid #9bb8ff;z-index:9999;display:flex;flex-direction:column;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.inventory-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:2px solid #9bb8ff;position:relative}.inventory-header h2{font-size:24px;color:#fff;margin:0;font-weight:700}.transmute-pass-badge{position:absolute;top:20px;right:60px;width:32px;height:32px;background:#c7f28433;border:2px solid #c7f284;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#c7f284;cursor:help}.inventory-close{width:32px;height:32px;background:#9bb8ff1a;border:2px solid #9bb8ff;border-radius:50%;color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.inventory-close:hover{background:#fff3;border-color:#fff}.inventory-tabs{display:flex;border-bottom:2px solid rgba(155,184,255,.3);background:#0003}.inventory-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:#9bb8ff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.inventory-tab:hover{background:#9bb8ff1a;color:#fff}.inventory-tab.active{color:#fff;border-bottom-color:#c7f284;background:#c7f2840d}.tab-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ff6b6b;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.inventory-page{flex:1;padding:20px;overflow-y:auto}.inventory-page::-webkit-scrollbar{width:8px}.inventory-page::-webkit-scrollbar-track{background:#9bb8ff1a;border-radius:4px}.inventory-page::-webkit-scrollbar-thumb{background:#9bb8ff4d;border-radius:4px}.page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9bb8ff;text-align:center;gap:8px}.page-empty p{margin:0;font-size:16px;font-weight:600}.page-empty-hint{font-size:13px;opacity:.7;font-weight:400}.session-page{display:flex;flex-direction:column;gap:24px}.session-info{display:flex;flex-direction:column;gap:12px;padding:16px;background:#9bb8ff0d;border:1px solid rgba(155,184,255,.2);border-radius:8px}.session-stat{display:flex;justify-content:space-between;align-items:center}.stat-label{color:#9bb8ff;font-size:13px;font-weight:500}.stat-value{color:#fff;font-size:14px;font-weight:600}.session-spending h3{margin:0 0 12px;color:#fff;font-size:16px;font-weight:700}.spending-box{padding:16px;background:#080a0ecc;border:2px solid #9bb8ff;border-radius:8px}.spending-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.spending-row:last-child{margin-bottom:0}.spending-row.total{margin-top:8px;font-size:16px;font-weight:700}.spending-row span:first-child{color:#9bb8ff;font-weight:500}.spending-amount{color:#fff;font-weight:600}.spending-amount.spent{color:#fa0}.spending-amount.positive{color:#4caf50}.spending-amount.negative{color:#ff6b6b}.spending-divider{height:1px;background:#9bb8ff4d;margin:12px 0}.overspend-warning{margin-top:12px;padding:12px;background:#ff6b6b1a;border:2px solid rgba(255,107,107,.4);border-radius:8px;color:#ff6b6b;font-size:13px;font-weight:600;text-align:center;animation:pulseWarning 2s ease-in-out infinite}@keyframes pulseWarning{0%,to{box-shadow:0 0 #ff6b6b66}50%{box-shadow:0 0 20px #ff6b6b99}}.session-purchases h3{margin:0 0 12px;color:#fff;font-size:16px;font-weight:700}.purchases-empty{padding:20px;text-align:center;color:#9bb8ff;font-size:13px;opacity:.7}.purchases-list{display:flex;flex-direction:column;gap:8px}.purchase-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#9bb8ff0d;border:1px solid rgba(155,184,255,.2);border-radius:6px;transition:all .2s ease}.purchase-item:hover{background:#9bb8ff1a;border-color:#9bb8ff66}.purchase-type{color:#9bb8ff;font-size:13px;font-weight:500;text-transform:capitalize}.purchase-cost{color:#fa0;font-size:14px;font-weight:700}.session-actions{display:flex;gap:12px;margin-top:auto}.session-button{flex:1;padding:14px;border:2px solid;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.settle-button{background:#c7f2841a;border-color:#c7f284;color:#c7f284}.settle-button:hover{background:#c7f28433;transform:translateY(-2px);box-shadow:0 4px 12px #c7f2844d}.end-button{background:#ff6b6b1a;border-color:#ff6b6b;color:#ff6b6b}.end-button:hover{background:#ff6b6b33;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.inventory-content{flex:1;display:flex;overflow:hidden}.inventory-containers{width:18%;padding:12px 8px;border-right:1px solid rgba(155,184,255,.3);overflow-y:auto;display:flex;flex-direction:column;gap:8px}.inventory-containers::-webkit-scrollbar{width:4px}.inventory-containers::-webkit-scrollbar-track{background:#9bb8ff1a}.inventory-containers::-webkit-scrollbar-thumb{background:#9bb8ff4d;border-radius:2px}.inventory-container{position:relative;width:100%;min-height:60px;padding:8px;background:#080a0ed9;border:2px solid #9bb8ff;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.inventory-container:hover:not(:disabled){border-color:#fff;background:#080a0ef2;transform:translate(4px)}.inventory-container.selected{border-color:#c7f284;background:#c7f2841a;box-shadow:0 0 12px #c7f2844d}.inventory-container:disabled{opacity:.3;cursor:not-allowed}.inventory-container.empty{opacity:.3}.container-label{font-size:11px;color:#9bb8ff;font-weight:600;text-align:center;line-height:1.2}.container-count{font-size:14px;color:#fff;font-weight:700}.loading-text{color:#9bb8ff;text-align:center;padding:20px;font-size:14px}.inventory-preview{width:78%;padding:20px;overflow-y:auto}.inventory-preview::-webkit-scrollbar{width:8px}.inventory-preview::-webkit-scrollbar-track{background:#9bb8ff1a;border-radius:4px}.inventory-preview::-webkit-scrollbar-thumb{background:#9bb8ff4d;border-radius:4px}.preview-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#9bb8ff;font-size:14px;text-align:center}.preview-list{display:flex;flex-direction:column;gap:8px}.preview-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0d;border:1px solid #9bb8ff;border-radius:8px;transition:all .2s ease}.preview-item:hover{background:#ffffff14;border-color:#9bb8ff99}.item-name{flex:1;color:#fff;font-size:14px;font-weight:500}.item-count{color:#9bb8ff;font-size:14px;font-weight:600;background:#9bb8ff33;padding:4px 12px;border-radius:999px}@media(max-width:430px){.inventory-button{position:absolute;width:60px;height:60px;top:50px;left:42px;padding:0;background:transparent;border:none;cursor:pointer;transition:all .2s ease;align-items:center;justify-content:center;margin:8px 0}.inventory-modal{position:fixed;right:0;top:0;width:100vw;height:100vh;background:#080a0ef2;border-left:2px solid #9bb8ff;z-index:9999;display:flex;flex-direction:column;animation:slideInRight .3s ease}.inventory-tab{font-size:12px;padding:10px 8px}.session-page{gap:16px}.spending-box{padding:12px}.session-actions{flex-direction:column}}.linkbar{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:1001;pointer-events:auto}.linkbar .menu-container{position:relative}.linkbar .menu-button{width:48px;height:48px;padding:8px;background:#141e30e6;border:2px solid rgba(100,150,255,.5);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;pointer-events:auto}.linkbar .menu-button.wallet-needs-attention:before{content:"";position:absolute;inset:-5px;background:radial-gradient(circle,rgba(100,255,100,1) 50%,transparent 100%);border-radius:10px;animation:walletPulse 1.25s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes walletPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.linkbar .menu-button:hover{border-color:#6496ffcc;transform:scale(1.05)}.linkbar .menu-button:active{transform:scale(.98)}.linkbar .menu-button.active{border-color:#6496ff;background:#1e283af2}.linkbar .menu-icon-emoji{font-size:24px;pointer-events:none}.linkbar .menu-icon-img{width:100%;height:100%;object-fit:contain;pointer-events:none}.linkbar .menu-indicator{position:absolute;bottom:2px;right:2px;width:8px;height:8px;background:#6496ffcc;border-radius:50%;border:1px solid rgba(255,255,255,.3);pointer-events:none}.linkbar .flyout-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#141e30fa;border:2px solid rgba(100,150,255,.6);border-radius:8px;padding:8px;min-width:160px;width:max-content;max-width:220px;box-shadow:0 4px 12px #00000080;animation:flyoutAppear .2s ease;z-index:1002}@keyframes flyoutAppear{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.linkbar .menu-item{width:100%;height:80px;display:flex;align-items:center;gap:8px;padding:0 12px;background:transparent;border:1px solid rgba(100,150,255,.3);border-radius:6px;color:#e0e0e0;cursor:pointer;transition:all .2s ease;font-size:24px;font-family:inherit;text-decoration:none;white-space:nowrap;box-sizing:border-box}.linkbar .menu-item:not(:last-child){margin-bottom:2px}.linkbar .menu-item.active{background:#6496ff33}.linkbar .menu-item:hover{background:#6496ff4d;border-color:#6496ff99}.linkbar .item-icon{font-size:36px}.linkbar .item-icon-img{width:24px;height:24px;object-fit:contain}.linkbar .wallet-address{margin:8px 0;padding:8px;background:#6496ff1a;border-radius:6px;font-size:12px;color:#b0b0b0;word-break:break-all;text-align:center}.linkbar .disconnect-button{background:#f4433633!important;border-color:#f4433666!important;color:#ff6b6b!important}.linkbar .disconnect-button:hover{background:#f443364d!important;border-color:#f4433699!important}.linkbar .status-indicator{width:48px;height:48px;background:#141e30e6;border:2px solid rgba(100,150,255,.5);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.linkbar .status-square{width:20px;height:20px;background:#283246cc;border:2px solid rgba(100,150,255,.5);border-radius:4px}.linkbar .status-dot{position:absolute;bottom:6px;right:6px;width:12px;height:12px;border-radius:50%;border:2px solid rgba(20,30,48,.9)}.linkbar .status-dot.green{background:#4caf50;box-shadow:0 0 8px #4caf5099}.linkbar .faucet-button{width:48px;height:48px;background:#141e30e6;border:2px solid rgba(100,150,255,.3);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;font-size:20px;font-weight:700;color:#666;transition:all .2s ease;font-family:inherit}.linkbar .faucet-button:disabled{cursor:not-allowed;opacity:.5}.linkbar .faucet-button:not(:disabled){border-color:#4caf5099}.linkbar .faucet-button:not(:disabled):hover{border-color:#4caf50;transform:scale(1.05)}.linkbar .faucet-button:not(:disabled):active{transform:scale(.98)}.linkbar .faucet-button span.available{color:#4caf50}.linkbar .menu-backdrop{position:fixed;inset:0;z-index:998}@media(max-width:768px){.linkbar{top:10px;gap:8px}.menu-button,.status-indicator,.faucet-button{width:42px;height:42px}.menu-icon-emoji{font-size:20px}.flyout-menu{min-width:140px;max-width:180px}.menu-item{padding:8px;font-size:13px}.item-icon{font-size:18px}.item-icon-img{width:20px;height:20px}}@media(max-width:480px){.linkbar{gap:6px}.menu-button,.status-indicator,.faucet-button{width:38px;height:38px}.menu-icon-emoji,.faucet-button{font-size:18px}.flyout-menu{min-width:120px;max-width:160px}}.footer{width:100%;padding:clamp(20px,4vw,32px) clamp(20px,5vw,40px);background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.footer-content{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vw,24px)}.footer-links{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,16px);flex-wrap:wrap}.footer-link-square{position:relative;width:clamp(44px,6vw,56px);height:clamp(44px,6vw,56px);display:flex;align-items:center;justify-content:center;background:#9bb8ff1a;border:2px solid rgba(155,184,255,.3);border-radius:10px;text-decoration:none;cursor:pointer;transition:all .3s ease}.footer-link-square:hover{background:#9bb8ff33;border-color:#c7f28499;transform:translateY(-3px);box-shadow:0 6px 20px #c7f28466}.footer-link-square:active{transform:translateY(-1px)}.footer-svg{width:clamp(22px,3.5vw,28px);height:clamp(22px,3.5vw,28px);color:#9bb8ff;transition:color .3s ease}.footer-link-square:hover .footer-svg{color:#c7f284}.footer-link-square:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px);background:#080a0efa;color:#fff;padding:8px 14px;border-radius:8px;border:1px solid rgba(155,184,255,.4);font-size:14px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000}.footer-link-square:before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%) translateY(4px);border:7px solid transparent;border-top-color:#9bb8ff66;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1001}.footer-link-square:hover:after,.footer-link-square:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.footer-copyright{display:flex;align-items:center;gap:8px;font-size:clamp(12px,2vw,14px);color:#fff9;text-align:center;flex-wrap:wrap;justify-content:center}.footer-year,.footer-brand,.footer-rights{white-space:nowrap}.footer-separator{color:#ffffff4d}.footer-badge{font-size:clamp(10px,1.5vw,12px);color:#fff6;text-align:center;text-transform:uppercase;letter-spacing:1px;font-weight:500}@media(max-width:480px){.footer{padding:16px 12px}.footer-content{gap:14px}.footer-links{gap:8px}.footer-link-square{width:44px;height:44px;border-radius:8px}.footer-svg{width:22px;height:22px}.footer-link-square:after{font-size:12px;padding:6px 10px}.footer-copyright{font-size:11px;gap:6px}.footer-badge{font-size:9px}}@media(min-width:481px)and (max-width:768px){.footer-link-square{width:48px;height:48px}.footer-svg{width:24px;height:24px}}@media(min-width:769px){.footer-links{gap:14px}.footer-link-square{width:52px;height:52px}.footer-svg{width:26px;height:26px}}@media(min-width:1440px){.footer-link-square{width:56px;height:56px}.footer-svg{width:28px;height:28px}.footer-links{gap:16px}}@media(min-width:1920px){.footer-link-square:hover{transform:translateY(-4px);box-shadow:0 8px 24px #c7f28480}.footer-link-square:after{font-size:15px;padding:10px 16px}}.footer-link-square:focus{outline:3px solid #c7f284;outline-offset:3px}.footer-link-square:focus-visible{border-color:#c7f284}@media(prefers-reduced-motion:reduce){.footer-link-square,.footer-svg,.footer-link-square:after,.footer-link-square:before{transition:none}.footer-link-square:hover{transform:none}}@media print{.footer{display:none}}.landing-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2rem,5vw,4rem);max-width:1400px}.landing-title{margin:0;padding:0}.landing-title img{width:clamp(300px,50vw,800px);height:150px;display:block;margin-top:-320px}.landing-grid{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;max-width:1400px;min-height:700px;margin:0 auto}.landing-center{position:absolute;margin-top:-150px;right:400px;display:flex;align-items:center;justify-content:center;z-index:10}.landing-button{position:absolute;width:180px;height:180px}.landing-button.top-left{position:absolute;bottom:20px;left:80px;width:300px;height:300px;z-index:10}.landing-button.bottom-left{position:absolute;bottom:20px;right:770px;width:400px;height:400px;z-index:5}.landing-button.top-right{position:absolute;bottom:50px;left:400px;width:600px;height:600px;z-index:0}.landing-button.bottom-center{position:absolute;bottom:10px;right:280px;width:400px;height:400px;z-index:5}.landing-button.bottom-right{position:absolute;bottom:0;right:-50px;width:400px;height:400px;z-index:10}.landing-button{position:relative;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease;min-width:clamp(80px,100px,150px);min-height:clamp(80px,100px,150px);outline:none;-webkit-tap-highlight-color:transparent}.landing-button:after{content:attr(data-tooltip);position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#141e30f2;color:gold;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 12px #00000080;z-index:1000;text-shadow:0 0 10px rgba(255,215,0,.3)}.landing-button:hover:after{opacity:1;transform:translate(-50%) translateY(-5px)}.landing-button.top-left:hover,.landing-button.top-left:active,.landing-button.bottom-right:hover,.landing-button.bottom-right:active,.landing-button.bottom-center:hover,.landing-button.bottom-center:active,.landing-button.top-right:hover,.landing-button.bottom-left:hover{transform:scale(1.05)}.landing-button.top-right:active,.landing-button.bottom-left:active{transform:scale(.98)}.button-bg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.button-text-img{position:relative;z-index:2;width:60%;height:auto;object-fit:contain;pointer-events:none;margin-top:320px}.landing-button.top-left .button-text-img,.landing-button.top-right .button-text-img,.landing-button.bottom-left .button-text-img,.landing-button.bottom-center .button-text-img{height:15%;width:auto;margin-top:300px;display:none}.landing-button.bottom-right .button-text-img{height:15%;width:auto;margin-top:250px;display:none}.landing-center{position:relative;display:flex;align-items:center;justify-content:center;z-index:-1}.class-disc-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.class-disc{position:relative;width:clamp(120px,14vw,200px);height:clamp(120px,14vw,200px);border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.3);box-shadow:0 0 30px #fff3;display:flex}.disc-half{width:50%;height:100%;border:none;cursor:pointer;transition:all .3s ease;position:relative;padding:0;z-index:10}.disc-half:disabled{cursor:not-allowed;opacity:.5;z-index:10}.disc-half:not(:disabled):hover{transform:scale(1.05);filter:brightness(1.2)}.disc-atlantean{background:linear-gradient(90deg,#4a90e2,#2e5c8a);animation:pulseBlue 2s ease-in-out infinite;border-right:1px solid rgba(255,255,255,.2);border-top-left-radius:50%;border-bottom-left-radius:50%}.disc-lemurian{background:linear-gradient(270deg,#4caf50,#2e7d32);animation:pulseGreen 2s ease-in-out infinite;animation-delay:1s;border-left:1px solid rgba(255,255,255,.2);border-top-right-radius:50%;border-bottom-right-radius:50%}@keyframes pulseBlue{0%,to{opacity:.8;box-shadow:inset 0 0 20px #4a90e280}50%{opacity:1;box-shadow:inset 0 0 40px #4a90e2cc}}@keyframes pulseGreen{0%,to{opacity:.8;box-shadow:inset 0 0 20px #4caf5080}50%{opacity:1;box-shadow:inset 0 0 40px #4caf50cc}}.disc-text{color:#fff;font-size:clamp(.875rem,1.5vw,1.25rem);font-weight:600;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:.05em;display:none}.class-claimed{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#141e30b3;border:2px solid rgba(76,175,80,.6);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.claimed-checkmark{width:clamp(2.5rem,6vw,4rem);height:clamp(2.5rem,6vw,4rem);background:#4caf5033;border:2px solid #4CAF50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,4vw,2.5rem);color:#4caf50;box-shadow:0 0 20px #4caf5066}.claimed-text{color:#4caf50;font-size:clamp(.875rem,1.5vw,1.125rem);font-weight:600;text-shadow:0 2px 10px rgba(76,175,80,.5)}@media(min-width:1024px){.class-modal-trigger{box-shadow:0 8px 32px #0006,inset 0 0 20px #9333ea1a}}.confirm-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.confirm-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(255,215,0,.3);border-radius:16px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;animation:slideUp .4s ease}.confirm-modal h2{color:gold;font-size:1.75rem;margin:0 0 1rem;text-align:center;text-shadow:0 0 20px rgba(255,215,0,.5)}.confirm-modal p{color:#e0e0e0;font-size:1rem;line-height:1.6;text-align:center;margin:0 0 2rem}.confirm-modal p strong{color:gold;font-weight:700}.confirm-buttons{display:flex;gap:1rem;justify-content:center}.btn-confirm,.btn-cancel{padding:.75rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-confirm{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 4px 20px #ffd70066}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #ffd70099}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:#80808033;color:#b0b0b0;border:2px solid rgba(128,128,128,.4)}.btn-cancel:hover:not(:disabled){background:#8080804d;border-color:#80808099}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.landing-grid{min-height:600px}.landing-button:after{display:none}.landing-button.top-left{top:-120px;left:-200px}.landing-button.top-right{top:-120px;right:-200px}.landing-button.bottom-left{bottom:-120px;left:-200px}.landing-button.bottom-center{bottom:-120px}.landing-button.bottom-right{bottom:-120px;right:-200px}.modal-text{font-size:.75rem}.confirm-modal{padding:1.5rem}.confirm-modal h2{font-size:1.5rem}.confirm-buttons{flex-direction:column}.btn-confirm,.btn-cancel{width:100%}}@media(max-width:480px){.landing-content{gap:1.5rem}.landing-grid{min-height:500px}.landing-button.top-left{top:-100px;left:-140px}.landing-button.top-right{top:-100px;right:-140px}.landing-button.bottom-left{bottom:-100px;left:-140px}.landing-button.bottom-center{bottom:-100px}.landing-button.bottom-right{bottom:-100px;right:-140px}.landing-button{min-width:80px;min-height:80px}.landing-center{min-width:100px}.class-modal-trigger{padding:1rem;min-width:100px}.modal-text{font-size:.7rem}}.store-container{width:100%;max-width:800px;margin:0 auto;padding:clamp(10px,3vw,20px);box-sizing:border-box;position:relative}.store-approval{margin-bottom:clamp(16px,3vw,24px)}.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);grid-auto-flow:column;gap:clamp(8px,2vw,16px);width:70%;margin:0% 15% 10px}.pack-cell{aspect-ratio:1;width:80%;padding:0;background:transparent;border:none;cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;outline:none;-webkit-tap-highlight-color:transparent}.pack-cell:hover:not(:disabled){transform:scale(1.08)}.pack-cell:active:not(:disabled){transform:scale(.98)}.pack-cell:disabled{cursor:not-allowed;opacity:.4}.pack-image{width:130%;height:130%;object-fit:contain}.store-backdrop{position:fixed;inset:0;background:#000000b3;z-index:9998;animation:fadeIn .2s ease}.store-preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:720px;max-height:90vh;padding:clamp(16px,3vw,24px);background:#080a0efa;border:2px solid #6b86ff;border-radius:12px;z-index:9999;overflow-y:auto;animation:fadeInScale .3s ease;box-sizing:border-box}.store-preview::-webkit-scrollbar{width:8px}.store-preview::-webkit-scrollbar-track{background:#6b86ff1a;border-radius:4px}.store-preview::-webkit-scrollbar-thumb{background:#6b86ff4d;border-radius:4px}.preview-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:2px solid #6b86ff;background:#10161f;color:#fff;font-size:28px;line-height:36px;text-align:center;cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.preview-close:hover{background:#1a2233;border-color:#fff}.preview-image{width:30%;max-width:100px;margin:0 auto 16px;display:block;border-radius:8px}.preview-description{color:#fff;font-size:clamp(16px,2vw,18px);font-weight:500;margin:12px 0;text-align:center}.preview-id{color:#ffffffb3;font-size:clamp(12px,1.5vw,14px);margin:8px 0 16px;text-align:center}.mode-toggle{display:flex;gap:8px;margin:16px 0}.mode-button{flex:1;padding:clamp(10px,2vw,14px);border:2px solid #444;border-radius:8px;background:#1a1a2e;color:#fff;cursor:pointer;font-size:clamp(14px,1.8vw,16px);transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.mode-button:hover{border-color:#6b86ff;background:#121a2a}.mode-button.active{border-color:#6b86ff;background:#2a3343}.size-buttons{display:flex;flex-direction:column;gap:8px;margin:16px 0}.size-button{width:100%;padding:clamp(10px,2vw,14px);border:2px solid #444;border-radius:8px;background:#1a1a2e;color:#fff;font-size:clamp(14px,1.8vw,16px);cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.size-button:hover{border-color:#6b86ff;background:#121a2a}.size-button.active{border-color:#6b86ff;background:#2a3343}.price-preview{margin:16px 0;padding:clamp(12px,2vw,16px);background:#0000004d;border-radius:8px;color:#fff;font-size:clamp(14px,1.8vw,16px);line-height:1.6;text-align:center}.buy-button{width:100%;padding:clamp(14px,2.5vw,18px);margin:8px 0;border:2px solid #6b86ff;border-radius:8px;background:#1a2233;color:#fff;font-size:clamp(16px,2vw,18px);font-weight:600;cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.buy-button:hover:not(:disabled){background:#2a3343;transform:translateY(-2px);box-shadow:0 4px 12px #6b86ff4d}.buy-button:active:not(:disabled){transform:translateY(0)}.buy-button:disabled{opacity:.4;cursor:not-allowed}.buy-soli{border-color:#6b86ff}.buy-usd{border-color:#10b981;background:linear-gradient(135deg,#059669,#047857)}.buy-usd:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}@media(min-width:768px){.pack-grid{gap:clamp(12px,2vw,16px)}.preview-image{max-width:450px}}@media(min-width:1024px){.store-container{max-width:900px}.pack-grid{gap:16px}.store-preview{max-width:760px}.preview-image{max-width:500px}}@media(max-width:480px){.store-container{padding:clamp(8px,2vw,12px)}.pack-grid{gap:8px}.store-preview{width:95%;padding:16px}.preview-close{width:36px;height:36px;font-size:24px;line-height:32px}.mode-toggle,.size-buttons{gap:6px}}.transmute-container{width:100%;max-width:300px;margin:-4% auto 2%;padding:clamp(10px,3vw,20px);box-sizing:border-box;position:relative}.transmute-approval{margin-bottom:5px}.transmute-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,10px);width:100%;margin:0 auto}.token-cell{width:100%;aspect-ratio:1 / 1;border:2px solid transparent;border-radius:10px;background:#ffffff0d;cursor:default;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;outline:none;-webkit-tap-highlight-color:transparent}.token-cell.blank{background:transparent;border:none}.token-cell.cell-C1,.token-cell.selectable{cursor:pointer;border-color:#9bb8ff4d}.token-cell.active{border-color:#c7f284;box-shadow:0 0 20px #c7f28499;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px #c7f28499}50%{box-shadow:0 0 30px #c7f284e6}}.token-cell.selectable:hover,.token-cell.cell-C1:hover{transform:scale(1.05);border-color:#9bb8ff99;box-shadow:0 4px 12px #9bb8ff4d}.token-cell.selected{border-color:#c7f284;box-shadow:0 0 25px #c7f284cc;animation:none}.token-cell-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:6px}.token-icon{max-width:100%;max-height:100%;object-fit:contain}.empty-indicator{font-size:clamp(24px,5vw,32px);color:#9bb8ff80;font-weight:700}.token-cell.cell-C10,.token-cell.cell-C11,.token-cell.cell-C12,.token-cell.cell-C13{opacity:.3}.transmute-backdrop{position:fixed;inset:0;background:#000000b3;z-index:9998;animation:fadeIn .2s ease}.token-selector-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:80vh;padding:clamp(16px,3vw,24px);background:#080a0efa;border:2px solid #6b86ff;border-radius:12px;z-index:9999;display:flex;flex-direction:column;gap:16px;animation:fadeInScale .3s ease;box-sizing:border-box}.transmute-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:80vh;padding:clamp(16px,3vw,24px);background:#080a0efa;border:2px solid #6b86ff;border-radius:12px;z-index:9999;display:flex;flex-direction:column;gap:16px;animation:fadeInScale .3s ease;box-sizing:border-box}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:2px solid #6b86ff;background:#10161f;color:#fff;font-size:24px;line-height:32px;text-align:center;cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.modal-close:hover{background:#1a2233;border-color:#fff}.modal-title{font-size:clamp(18px,2vw,20px);color:#fff;font-weight:600;margin:0 0 8px;text-align:center}.mode-toggle{display:flex;gap:8px}.mode-button{flex:1;padding:clamp(10px,2vw,12px);border:2px solid #9bb8ff;border-radius:8px;background:#080a0ed9;color:#9bb8ff;font-size:clamp(14px,1.8vw,16px);font-weight:600;cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.mode-button:hover:not(:disabled){border-color:#fff;background:#080a0ef2}.mode-button.active{border-color:#c7f284;background:#c7f2841a;color:#c7f284}.mode-button:disabled{opacity:.4;cursor:not-allowed}.filter-input{width:100%;padding:10px;font-size:14px;border:2px solid #9bb8ff;border-radius:8px;background:#fffffff2;box-sizing:border-box;outline:none}.token-selector-pulldown{width:100%;padding:8px;font-size:14px;border:2px solid #9bb8ff;border-radius:8px;background:#fffffff2;overflow-y:auto;box-sizing:border-box;outline:none}.token-selector-pulldown option{padding:8px}.select-button{width:100%;padding:14px;border:2px solid #6b86ff;border-radius:8px;background:#1a2233;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.select-button:hover{background:#2a3343;transform:translateY(-2px);box-shadow:0 4px 12px #6b86ff4d}.transmute-path{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#0000004d;border-radius:8px}.path-token{font-size:18px;font-weight:600;color:#c7f284}.path-arrow{font-size:24px;color:#9bb8ff}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;color:#9bb8ff;font-weight:600}.amount-input{width:100%;padding:12px;font-size:16px;border:2px solid #9bb8ff;border-radius:8px;background:#fffffff2;box-sizing:border-box;outline:none}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0000004d;border-radius:8px}.stat-label{font-size:14px;color:#9bb8ff;font-weight:600}.stat-value{font-size:16px;color:#fff;font-weight:600}.preview-box{padding:16px;background:#0000004d;border:2px solid #9bb8ff;border-radius:8px;text-align:center}.preview-output{font-size:18px;color:#fff;font-weight:600;margin-bottom:4px}.preview-ratio{font-size:14px;color:#9bb8ff}.preview-warning{font-size:12px;color:#d32f2f;margin-top:8px}.preview-empty{font-size:18px;color:#ffffff80}.transmute-button{width:100%;padding:16px;border:2px solid #2e6da4;border-radius:8px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.transmute-button:hover:not(:disabled){background:linear-gradient(135deg,#5aa3f5,#4a90e2);transform:translateY(-2px);box-shadow:0 6px 16px #4a90e266}.transmute-button:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-color:#444}@media(min-width:768px){.transmute-grid{gap:10px}.transmute-container{max-width:350px}}@media(min-width:1024px){.transmute-container{max-width:400px}.transmute-grid{gap:12px}.token-selector-modal{max-width:450px}.transmute-modal{max-width:550px}}@media(max-width:480px){.transmute-container{padding:clamp(8px,2vw,12px)}.transmute-grid{gap:10px}.modal-close{width:32px;height:32px;font-size:20px;line-height:28px}}.d20-outer{display:inline-block}.d20-wrap{width:100%;height:100%;animation:d20-spin var(--d20-spin, 5s) linear infinite,d20-pulse var(--d20-pulse, 2s) ease-in-out infinite;transform-style:preserve-3d}.d20-sprite{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px var(--d20-color, #38c7ff));-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes d20-spin{0%{transform:rotateY(0) rotateX(0)}to{transform:rotateY(360deg) rotateX(360deg)}}@keyframes d20-pulse{0%,to{opacity:1}50%{opacity:.7}}.d20-outer:hover .d20-wrap{animation-play-state:paused}.page-claims{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.claims-approvals{position:fixed;top:20px;left:20px;z-index:50;display:flex;flex-direction:column;gap:100px}.claims-stage{display:flex;align-items:center;justify-content:center;width:100%;max-width:300px;margin:0 auto;padding:1%}.claims-inventory{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);grid-auto-flow:column;gap:clamp(12px,2vw,20px);width:100%;max-width:700px;margin-top:-20%;margin-bottom:-25%;aspect-ratio:2 / 5}.inv-btn{position:relative;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);min-height:0;aspect-ratio:1 / 1;border:2px solid rgba(155,184,255,.5);border-radius:clamp(8px,1.5vw,12px);background:#080a0ed9;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;overflow:hidden}.inv-btn:hover:not(.disabled){border-color:#c7f284;background:#080a0ef2;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 20px #c7f28466}.inv-btn.disabled{opacity:.4;cursor:not-allowed;border-color:#9bb8ff33}.inv-label{position:absolute;top:6px;left:6px;font-size:clamp(11px,1.5vw,14px);color:#9bb8ff;font-weight:600;line-height:1;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.8)}.inv-count{position:absolute;top:6px;right:6px;background:#c7f284eb;color:#111;border:2px solid #9bd14d;border-radius:999px;font-weight:700;font-size:clamp(11px,1.5vw,13px);padding:3px 8px;min-width:24px;text-align:center;line-height:1;z-index:1}.inv-pack-img-wrap{position:absolute;inset:28px 6px 6px;display:flex;align-items:center;justify-content:center}.inv-pack-img{width:85%;height:85%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.modal-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .2s ease}.modal-content{background:#080a0efa;border:2px solid #9bb8ff;border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-size-small{width:100%;max-width:500px}.modal-size-medium{width:100%;max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid rgba(155,184,255,.3)}.modal-header h3{margin:0;font-size:24px;color:#fff;font-weight:700}.modal-close{background:none;border:none;color:#9bb8ff;font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{color:#fff;transform:scale(1.1)}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#9bb8ff1a;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#9bb8ff4d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#9bb8ff80}.modal-hint{color:#9bb8ff;font-size:14px;margin:0;opacity:.9}.modal-empty{color:#9bb8ff;font-size:14px;text-align:center;padding:32px 16px;opacity:.7}.modal-section{display:flex;flex-direction:column;gap:12px}.modal-divider{height:1px;background:#9bb8ff33;margin:8px 0}.info-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(155,184,255,.3);border-radius:8px;color:#fff;font-size:15px}.info-row.small{font-size:13px;padding:8px 12px;gap:16px}.pill{background:#9bb8ff33;color:#9bb8ff;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.pill.ready{background:#c7f28433;color:#c7f284;border:1px solid rgba(199,242,132,.3)}.modal-pack-list{display:flex;flex-direction:column;gap:10px}.modal-pack-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(155,184,255,.3);border-radius:8px;transition:all .2s ease}.modal-pack-row:hover{background:#ffffff14;border-color:#9bb8ff80}.pack-id{flex:1;color:#fff;font-weight:500;font-size:14px}.pack-bal{color:#9bb8ff;font-size:14px;font-weight:600;min-width:40px;text-align:right}.claims-table{display:flex;flex-direction:column;gap:8px}.claims-table-header{display:grid;grid-template-columns:.6fr 1.8fr .8fr .6fr 1fr;gap:12px;padding:12px 16px;background:#9bb8ff1a;border-radius:8px;font-weight:600;color:#9bb8ff;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.claims-table-row{display:grid;grid-template-columns:.6fr 1.8fr .8fr .6fr 1fr;gap:12px;padding:12px 16px;background:#ffffff0d;border:2px solid rgba(155,184,255,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;align-items:center;color:#fff;font-size:14px}.claims-table-row:hover:not(.disabled){border-color:#fff;background:#ffffff14;transform:translate(2px)}.claims-table-row.selected{border-color:#c7f284;background:#c7f2841a;box-shadow:0 0 12px #c7f2844d}.claims-table-row.disabled{opacity:.5;cursor:not-allowed;border-color:#9bb8ff33}.claims-table-row>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#4a90e2,#357abd);border:2px solid #2e6da4;color:#fff;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5aa3f5,#4a90e2);transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-color:#444}.btn-sm{padding:6px 12px;font-size:13px}.btn-block{width:100%;margin-top:8px}@media(max-width:480px){.claims-inventory{max-width:100%;gap:8px}.inv-btn{padding:6px}.inv-label{font-size:10px;top:4px;left:4px}.inv-count{font-size:10px;top:4px;right:4px;padding:2px 6px;min-width:20px}.inv-pack-img-wrap{top:22px}.modal-content{margin:10px;max-height:95vh}.modal-header{padding:16px}.modal-header h3{font-size:20px}.modal-body{padding:16px;gap:12px}.claims-table-header,.claims-table-row{grid-template-columns:.5fr 1.5fr .7fr .5fr 1fr;gap:8px;padding:10px 12px;font-size:12px}.claims-approvals{top:10px;left:10px}}@media(min-width:481px)and (max-width:768px){.claims-inventory{max-width:600px;gap:14px}.inv-btn{padding:10px}}@media(min-width:769px){.claims-inventory{max-width:700px}}@media(min-width:1920px){.inv-btn:hover:not(.disabled){box-shadow:0 0 30px #c7f28480}.modal-content{box-shadow:0 12px 48px #000000b3}}.crafting-page{min-height:100vh;padding:100px 20px 20px;color:#e0e0e0;display:flex;align-items:center;justify-content:center}.crafting-container{max-width:1200px;margin:0 auto;width:100%}.crafting-title{text-align:center;font-size:2rem;margin-top:-150px;margin-bottom:50px;color:#9bb8ff;text-shadow:0 0 20px rgba(155,184,255,.5)}.craft-button-corner{position:fixed;padding:12px 24px;right:32%;background:linear-gradient(135deg,#4caf504d,#388e3c4d);border:3px solid rgba(76,175,80,.8);border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 20px #4caf5066,inset 0 0 20px #4caf501a;z-index:100}.craft-button-corner:hover{background:linear-gradient(135deg,#4caf5080,#388e3c80);border-color:#4caf50;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 30px #4caf5099,inset 0 0 30px #4caf5033}.craft-button-corner:active{transform:translateY(0) scale(1.02)}.connect-prompt,.item-selection{text-align:center;padding:60px 20px;background:#ffffff0d;border-radius:16px;border:2px solid rgba(155,184,255,.3)}.connect-prompt p,.item-selection p{font-size:1.2rem;margin-bottom:20px;color:#b0b0b0}.crafting-circle{position:relative;width:700px;height:700px;margin:20px auto;border-radius:50%}.crafting-circle:before{display:none}.center-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;background:#1a1f35;border:4px solid rgba(100,150,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #6496ff66,0 0 80px #6496ff33,inset 0 0 40px #6496ff1a;z-index:10;transition:all .3s ease;cursor:pointer;position:relative}.center-item:hover{border-color:#6496ffe6;box-shadow:0 0 50px #6496ff99,0 0 100px #6496ff4d,inset 0 0 50px #6496ff33;transform:translate(-50%,-50%) scale(1.02)}.clear-item-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#f44336e6;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:20}.center-item:hover .clear-item-btn{opacity:1}.clear-item-btn:hover{background:#f44336;transform:scale(1.15);box-shadow:0 0 15px #f44336cc}.item-display{text-align:center;padding:10px}.item-icon{width:100px;height:100px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:4rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.item-icon img{width:100%;height:100%;object-fit:contain}.item-name{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:6px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.item-rarity{font-size:.85rem;color:#9bb8ff;text-transform:uppercase;letter-spacing:2px;font-weight:600}.crafting-slot{position:absolute;width:160px;height:160px;transform:translate(-50%,-50%);cursor:pointer;transition:transform .3s ease;z-index:5}.crafting-slot:hover{transform:translate(-50%,-50%) scale(1.08);z-index:15}.slot-inner{width:100%;height:100%;background:#1a1f35;border:5px solid var(--slot-color, #666);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease;overflow:hidden;box-shadow:0 0 20px var(--slot-color),inset 0 0 30px #00000080}.crafting-slot.filled .slot-inner,.crafting-circle.sync-pulse .crafting-slot.filled .slot-inner{animation:slotPulse 2.5s ease-in-out infinite}@keyframes slotPulse{0%,to{box-shadow:0 0 20px var(--slot-color),0 0 40px var(--slot-color),inset 0 0 30px #00000080;border-width:5px}50%{box-shadow:0 0 40px var(--slot-color),0 0 80px var(--slot-color),0 0 120px var(--slot-color),inset 0 0 50px var(--slot-color);border-width:6px;filter:brightness(1.3)}}.center-item.receiving-energy,.crafting-circle.sync-pulse .center-item.receiving-energy{animation:centerReceiveEnergy 2.5s ease-in-out infinite}@keyframes centerReceiveEnergy{0%,to{box-shadow:0 0 40px #6496ff66,0 0 80px #6496ff33,inset 0 0 40px #6496ff1a;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 80px #6496ffcc,0 0 140px #6496ff80,0 0 200px #ffffff4d,inset 0 0 80px #6496ff4d;transform:translate(-50%,-50%) scale(1.05);filter:brightness(1.4)}}.slot-empty{text-align:center;color:#666}.slot-icon{font-size:3rem;margin-bottom:12px;opacity:.6}.slot-label{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;opacity:.8}.material-display{text-align:center;padding:12px;width:100%}.material-icon{width:70px;height:70px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px var(--slot-color))}.material-icon img{width:100%;height:100%;object-fit:contain}.material-emoji{font-size:3.5rem;filter:drop-shadow(0 0 8px var(--slot-color))}.material-name{font-size:.9rem;color:#fff;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.8);letter-spacing:.5px}.clear-slot-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#f44336e6;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;z-index:20}.crafting-slot:hover .clear-slot-btn{opacity:1}.clear-slot-btn:hover{background:#f44336;transform:scale(1.15);box-shadow:0 0 15px #f44336cc}.preview-panel{max-width:500px;margin:40px auto;padding:24px;background:#141e30e6;border:2px solid rgba(155,184,255,.4);border-radius:16px;box-shadow:0 4px 20px #0000004d}.preview-panel h3{text-align:center;font-size:1.5rem;margin-bottom:20px;color:#9bb8ff}.stats-comparison{margin-bottom:24px}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:8px;background:#ffffff0d;border-radius:8px;font-size:1rem}.stat-label{font-weight:700;color:#b0b0b0;min-width:100px}.stat-old{color:#888;min-width:40px;text-align:center}.stat-arrow{color:#666;margin:0 12px}.stat-new{color:#fff;font-weight:700;min-width:40px;text-align:center}.stat-new.increased{color:#4caf50;animation:statIncrease .5s ease}@keyframes statIncrease{0%{transform:scale(1)}50%{transform:scale(1.2);color:#6f6}to{transform:scale(1)}}.craft-modal{background:#141e30fa;border:3px solid rgba(76,175,80,.8);border-radius:20px;padding:40px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 10px 50px #000c,0 0 100px #4caf5066;animation:slideUp .3s ease}.craft-modal h3{text-align:center;font-size:2rem;margin-bottom:30px;color:#4caf50;text-shadow:0 0 20px rgba(76,175,80,.6)}.craft-modal-content{display:flex;flex-direction:column;gap:24px}.modal-item-display{text-align:center;padding:20px;background:#ffffff0d;border-radius:12px;border:2px solid rgba(100,150,255,.3)}.modal-item-icon{width:100px;height:100px;margin:0 auto 12px;font-size:4rem;display:flex;align-items:center;justify-content:center}.modal-item-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px}.modal-item-rarity{font-size:.9rem;color:#9bb8ff;text-transform:uppercase;letter-spacing:2px}.craft-modal .stats-comparison{background:#ffffff08;padding:20px;border-radius:12px}.craft-modal .stats-comparison h4{text-align:center;font-size:1.2rem;margin-bottom:16px;color:#9bb8ff}.stat-diff{color:#4caf50;font-size:.9rem;margin-left:8px;font-weight:700}.materials-used{background:#ffffff08;padding:20px;border-radius:12px}.materials-used h4{text-align:center;font-size:1.2rem;margin-bottom:16px;color:#9bb8ff}.material-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.material-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:2px solid var(--material-color);border-radius:20px;box-shadow:0 0 15px var(--material-color)}.chip-icon{font-size:1.5rem}.chip-name{font-size:.9rem;font-weight:700;color:#fff}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.btn-cancel,.btn-confirm{padding:14px 24px;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.btn-cancel{background:#ffffff0d;border:2px solid rgba(255,255,255,.3);color:#ccc}.btn-cancel:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.btn-confirm{background:#4caf504d;border:2px solid rgba(76,175,80,.8);color:#fff;box-shadow:0 4px 15px #4caf5066}.btn-confirm:hover{background:#4caf5080;border-color:#4caf50;transform:translateY(-2px);box-shadow:0 6px 20px #4caf5099}.item-selector-modal{background:#141e30fa;border:2px solid rgba(155,184,255,.6);border-radius:16px;padding:32px;max-width:700px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 40px #00000080;animation:slideUp .3s ease}.item-selector-modal h3{text-align:center;font-size:1.8rem;margin-bottom:24px;color:#9bb8ff}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:24px}.item-card{background:#ffffff0d;border:2px solid rgba(100,150,255,.4);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.item-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #6496ff66;background:#ffffff1a;border-color:#6496ffcc}.item-card-icon{font-size:3.5rem;margin-bottom:12px}.item-card-name{font-size:1rem;font-weight:700;color:#fff;margin-bottom:6px}.item-card-rarity{font-size:.75rem;color:#9bb8ff;text-transform:uppercase;letter-spacing:1px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.material-selector{background:#141e30fa;border:2px solid rgba(155,184,255,.6);border-radius:16px;padding:32px;max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 40px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.material-selector h3{text-align:center;font-size:1.8rem;margin-bottom:24px;color:#9bb8ff}.empty-materials{text-align:center;padding:40px 20px;color:#888}.empty-materials p{margin-bottom:12px;font-size:1rem}.empty-hint{font-size:.9rem;color:#666}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-bottom:24px}.material-card{background:#ffffff0d;border:2px solid var(--material-color);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.material-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--material-color);background:#ffffff1a}.material-card-icon{font-size:3rem;margin-bottom:8px}.material-card-name{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:4px}.material-card-tier{font-size:.75rem;color:var(--material-color);margin-bottom:8px}.material-card-owned{font-size:.7rem;color:#888}.btn-primary,.btn-craft,.btn-close{width:100%;padding:12px 24px;background:#6496ff33;border:2px solid rgba(100,150,255,.6);border-radius:8px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary:hover,.btn-craft:hover,.btn-close:hover{background:#6496ff66;border-color:#6496ff;transform:translateY(-2px);box-shadow:0 4px 12px #6496ff66}.btn-craft{background:#4caf5033;border-color:#4caf5099}.btn-craft:hover{background:#4caf5066;border-color:#4caf50;box-shadow:0 4px 12px #4caf5066}@media(max-width:1024px){.craft-button-corner{padding:10px 20px;font-size:.9rem;top:70px;right:15px}.crafting-circle{width:550px;height:550px}.crafting-title{font-size:1.8rem;margin-bottom:15px}.center-item{width:180px;height:180px}.item-icon{width:80px;height:80px;font-size:3rem}.crafting-slot{width:130px;height:130px}.material-icon{width:60px;height:60px}.material-emoji{font-size:3rem}}@media(max-width:768px){.crafting-page{padding:80px 10px 10px}.craft-button-corner{padding:8px 16px;font-size:.8rem;top:65px;right:10px}.crafting-circle{width:450px;height:450px}.crafting-title{font-size:1.5rem;margin-bottom:10px}.center-item{width:140px;height:140px}.item-icon{width:60px;height:60px;font-size:2.5rem}.item-name{font-size:1rem}.item-rarity{font-size:.7rem}.crafting-slot{width:110px;height:110px}.material-icon{width:50px;height:50px}.material-emoji{font-size:2.5rem}.material-name{font-size:.8rem}.material-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}}@media(max-width:600px){.craft-button-corner{padding:6px 12px;font-size:.7rem;letter-spacing:1px}.crafting-circle{width:350px;height:350px}.crafting-title{font-size:1.3rem}.center-item{width:110px;height:110px}.item-icon{width:50px;height:50px;font-size:2rem}.crafting-slot{width:85px;height:85px}.slot-inner{border-width:3px;border-radius:16px}.material-icon{width:35px;height:35px}.material-emoji{font-size:2rem}.material-name,.slot-label{font-size:.65rem}.material-grid{grid-template-columns:repeat(2,1fr)}}.wallpaper{position:fixed;inset:0;pointer-events:none;z-index:-1;background-position:center;background-size:cover;background-repeat:no-repeat}.wallpaper:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,var(--wp-dim, 0))}.landing-container,.solinai-interface{position:relative;z-index:1}