:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{margin:0;min-width:320px;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.point-image-popup-wrapper{position:relative;pointer-events:none}.point-image-popup-wrapper.offset-center{margin-left:0}.point-image-popup-wrapper.offset-left{margin-left:-56px}.point-image-popup-wrapper.offset-right{margin-left:56px}.point-image-popup-wrapper.expanded{z-index:60}.point-image-popup{position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none}.point-image-popup.collapsed{width:20px;height:20px}.point-image-popup.expanded{width:200px;height:auto}.popup-collapsed{width:20px;height:20px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 10px #0000004d,0 0 12px #ffd70040;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;padding:0;margin:0;box-sizing:border-box;transition:all .3s ease;pointer-events:auto}.popup-collapsed:hover{background:#ffffff40;border-color:#ffd70080;box-shadow:0 3px 15px #0006,0 0 18px #ffd70059}.popup-icon{width:10px;height:10px;color:#ffd700e6;position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;padding:0}.popup-icon svg{width:10px;height:10px;display:block}.popup-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.25) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite;top:0;left:0}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:0}}.popup-expanded{background:#0f0f14e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 40px #00000080,0 0 30px #ffd70026;overflow:hidden;position:relative;pointer-events:auto}.popup-close-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#ff646433;border:1px solid rgba(255,100,100,.3);color:#ff6464cc;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease;padding:0}.popup-close-btn:hover{background:#ff64644d;color:#ff6b6b;transform:scale(1.1)}.popup-close-btn svg{width:14px;height:14px}.popup-image-container{width:200px;min-height:120px;display:flex;align-items:center;justify-content:center;padding:12px}.popup-image{width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:8px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.popup-loading{width:100%;height:120px;display:flex;align-items:center;justify-content:center}.loading-spinner{width:30px;height:30px;border:2px solid rgba(255,215,0,.2);border-top-color:#ffd700cc;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.popup-collapsed{width:16px;height:16px}.popup-icon{width:8px;height:8px}.popup-icon svg{width:8px;height:8px}.popup-expanded{max-width:160px}.popup-image-container{width:160px;padding:8px}.popup-close-btn{width:24px;height:24px;top:6px;right:6px}.popup-close-btn svg{width:12px;height:12px}.point-image-popup-wrapper.offset-left{margin-left:-40px}.point-image-popup-wrapper.offset-right{margin-left:40px}}.welcome-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;animation:fadeIn 1s ease-in}.welcome-overlay.fade-out{animation:fadeOut 1s ease-out forwards}.welcome-text{font-size:4rem;font-weight:700;background:linear-gradient(135deg,gold,#ffed4e,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;animation:textGlow 2s ease-in-out infinite alternate,slideUp 1s ease-out;letter-spacing:.1em;text-shadow:0 0 30px rgba(255,215,0,.5)}.welcome-subtitle{font-size:1.5rem;color:#ffffffb3;margin-top:1rem;animation:slideUp 1s ease-out .3s backwards;letter-spacing:.15em;font-weight:300}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes textGlow{0%{filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}to{filter:drop-shadow(0 0 25px rgba(255,215,0,.8))}}@media(max-width:768px){.welcome-text{font-size:2.5rem}.welcome-subtitle{font-size:1rem}}.avatar-cropper-overlay{position:fixed;inset:0;background:#000000d9;z-index:3000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.avatar-cropper-modal{position:fixed;top:50%;left:50%;background:linear-gradient(180deg,#141423fa,#0f0f19fc);border-radius:20px;padding:24px;z-index:3001;width:90%;max-width:480px;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a;border:1px solid rgba(255,215,0,.15)}.avatar-cropper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.avatar-cropper-header h3{color:gold;font-size:1.2rem;font-weight:600;margin:0}.avatar-cropper-close-btn{background:#ffffff1a;border:none;color:#ffffffb3;font-size:1.2rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.avatar-cropper-close-btn:hover{background:#ff646433;color:#ff6b6b}.avatar-cropper-hint{background:#ffd7001a;border:1px solid rgba(255,215,0,.2);border-radius:10px;padding:12px 16px;margin-bottom:16px;color:#ffd700e6;font-size:.9rem;text-align:center}.avatar-cropper-container{position:relative;width:100%;height:300px;background:#000;border-radius:12px;overflow:hidden;margin-bottom:16px}.avatar-cropper-controls{margin-bottom:20px}.avatar-zoom-control{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#0000004d;border-radius:12px}.avatar-zoom-label{color:#ffffffb3;font-size:.9rem}.avatar-zoom-slider-wrapper{display:flex;align-items:center;gap:12px}.avatar-zoom-min,.avatar-zoom-max{color:#ffffff80;font-size:.75rem;min-width:35px}.avatar-zoom-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:linear-gradient(to right,#ffd7004d,#ffd70080,#ffd7004d);border-radius:3px;outline:none}.avatar-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #ffd70066;transition:transform .2s ease}.avatar-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.avatar-zoom-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 10px #ffd70066}.avatar-zoom-value{color:gold;font-size:.9rem;font-weight:500;text-align:center;padding:4px 8px;background:#ffd7001a;border-radius:6px}.avatar-cropper-actions{display:flex;gap:10px;margin-bottom:12px}.avatar-cropper-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.avatar-cropper-btn.avatar-cancel-btn{background:#ffffff14;color:#ffffffb3}.avatar-cropper-btn.avatar-cancel-btn:hover{background:#ffffff1f;color:#fff}.avatar-cropper-btn.avatar-reset-btn{background:#6464ff1a;border:1px solid rgba(100,100,255,.3);color:#9696ffe6}.avatar-cropper-btn.avatar-reset-btn:hover{background:#6464ff33;border-color:#6464ff80;color:#b4b4ff}.avatar-cropper-btn.avatar-confirm-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#000;font-weight:600}.avatar-cropper-btn.avatar-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.avatar-cropper-btn.avatar-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.avatar-cropper-size-info{text-align:center;color:#ffffff80;font-size:.8rem}@media(max-width:768px){.avatar-cropper-modal{width:95%;padding:16px}.avatar-cropper-container{height:250px}.avatar-cropper-actions{flex-wrap:wrap;gap:8px}.avatar-cropper-btn{padding:10px 14px;font-size:.9rem}.avatar-cropper-btn.avatar-reset-btn{width:100%;order:-1}}.profile-modal{max-width:420px;width:420px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.profile-modal.modal-content{width:420px;max-width:420px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:24px;box-shadow:none}.profile-modal.modal-content:before,.profile-modal.modal-content:after{display:none}.profile-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.profile-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.6;will-change:transform,opacity}.profile-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(0,255,150,.7) 0%,transparent 70%);top:-150px;left:-100px;animation:profileOrbFloat1 15s ease-in-out infinite alternate}.profile-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(0,200,255,.6) 0%,transparent 70%);bottom:-120px;right:-100px;animation:profileOrbFloat2 18s ease-in-out infinite alternate}.profile-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(100,255,200,.5) 0%,transparent 70%);top:40%;left:50%;animation:profileOrbFloat3 12s ease-in-out infinite alternate}@keyframes profileOrbFloat1{0%{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(80px,60px) scale(1.2);opacity:.7}to{transform:translate(40px,100px) scale(.9);opacity:.5}}@keyframes profileOrbFloat2{0%{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(-60px,-40px) scale(1.15);opacity:.65}to{transform:translate(-30px,-80px) scale(.95);opacity:.45}}@keyframes profileOrbFloat3{0%{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(-40px,30px) scale(1.1);opacity:.55}to{transform:translate(20px,-20px) scale(.85);opacity:.4}}.profile-glass{position:absolute;inset:0;background:#0a0f1466;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-radius:24px;z-index:1;overflow:hidden}.profile-glass:before{content:"";position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:100px 100px;background-repeat:repeat;mix-blend-mode:overlay;pointer-events:none}.profile-glass:after{content:"";position:absolute;inset:0;border-radius:24px;border:1px solid transparent;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#ffffff05);background-clip:padding-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.profile-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.profile-modal .modal-header{background:#0f0f14f2;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;flex-shrink:0;border-radius:24px 24px 0 0}.profile-modal .modal-header h2{font-size:1.5rem;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-modal .close-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-top:-16px}.profile-modal .close-button:hover{background:#ff646433;color:#ff6b6b}.scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 16px 0 0;margin:8px 8px 8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.5) transparent}.scroll-container::-webkit-scrollbar{width:5px}.scroll-container::-webkit-scrollbar-track{background:transparent;margin:12px 0}.scroll-container::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background .2s ease}.scroll-container::-webkit-scrollbar-thumb:hover{background:#ffd700cc}.scroll-content{padding:1.5rem .5rem 1.5rem 1.5rem}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;padding:1.25rem;background:#14141999;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px}.profile-avatar-wrapper{position:relative;width:100px;height:100px;min-width:100px;min-height:100px;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid rgba(255,215,0,.4);background:#ffffff1a;transition:all .3s ease;flex-shrink:0;aspect-ratio:1 / 1;box-sizing:border-box}.profile-avatar-wrapper:hover{border-color:#ffd700cc;box-shadow:0 0 30px #ffd7004d}.profile-avatar-wrapper.loading{pointer-events:none}.profile-avatar-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block}.profile-avatar-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009}.profile-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:profileSpin .8s linear infinite}@keyframes profileSpin{to{transform:rotate(360deg)}}.profile-avatar-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .3s ease}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar-overlay svg{width:24px;height:24px;color:#fff;margin-bottom:4px}.profile-avatar-overlay span{font-size:11px;color:#fff;font-weight:500}.profile-username-section{display:flex;flex-direction:column;align-items:center;width:100%}.username-display{display:flex;align-items:center;gap:.5rem}.profile-username{margin-top:1rem;font-size:1.25rem;font-weight:600;color:#fff}.username-edit-btn{margin-top:1rem;padding:6px;background:#ffd7001a;border:1px solid rgba(255,215,0,.2);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.username-edit-btn svg{width:14px;height:14px;color:#ffd700b3}.username-edit-btn:hover{background:#ffd70033;border-color:#ffd70066}.username-edit-btn:hover svg{color:gold}.username-edit-form{display:flex;align-items:center;gap:.5rem;margin-top:1rem;width:100%;max-width:280px}.username-input{flex:1;padding:8px 12px;background:#ffffff14;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .2s ease}.username-input:focus{border-color:#ffd70099;background:#ffffff1f;box-shadow:0 0 0 3px #ffd7001a}.username-input::placeholder{color:#fff6}.username-input:disabled{opacity:.6;cursor:not-allowed}.username-edit-actions{display:flex;gap:.25rem}.username-save-btn,.username-cancel-btn{padding:8px 10px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px}.username-save-btn{background:#00dc8233;color:#00dc82}.username-save-btn:hover:not(:disabled){background:#00dc824d}.username-save-btn:disabled{opacity:.5;cursor:not-allowed}.username-cancel-btn{background:#ff6b6b26;color:#ff6b6b}.username-cancel-btn:hover:not(:disabled){background:#ff6b6b40}.username-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.profile-message{padding:12px 16px;border-radius:12px;font-size:14px;text-align:center;margin-bottom:1rem}.profile-message.error{background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.profile-message.success{background:#00dc8226;border:1px solid rgba(0,220,130,.3);color:#00dc82}.profile-section{margin-bottom:1.5rem;padding:1.25rem;background:#14141999;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.profile-section-header h3{font-size:1rem;font-weight:600;color:gold;margin:0}.profile-section-toggle{padding:8px 16px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:gold;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.profile-section-toggle:hover{background:#ffd70033;border-color:#ffd70080}.profile-password-form{overflow:hidden}.profile-input-group{margin-bottom:1rem}.profile-input-group label{display:block;font-size:14px;font-weight:500;color:#fffc;margin-bottom:8px}.profile-input-group input{width:100%;padding:12px 16px;font-size:15px;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;outline:none;transition:all .3s ease;box-sizing:border-box}.profile-input-group input::placeholder{color:#ffffff59}.profile-input-group input:focus{background:#ffffff1a;border-color:#ffd70080;box-shadow:0 0 0 3px #ffd70026}.profile-submit-button{width:100%;padding:14px;font-size:15px;font-weight:600;color:#1a1a1a;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:48px}.profile-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px -10px #ffd70080}.profile-submit-button:disabled{opacity:.7;cursor:not-allowed}.profile-loading-spinner{width:20px;height:20px;border:2px solid rgba(26,26,26,.3);border-top-color:#1a1a1a;border-radius:50%;animation:profileSpin .8s linear infinite}.profile-actions{display:flex;gap:12px;margin-top:.5rem}.profile-logout-button{flex:1;padding:14px;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.profile-logout-button:hover{background:#ff6b6b40;border-color:#ff6b6b80}.profile-upload-count{font-size:13px;font-weight:500;color:#ffd700b3}.profile-uploads-loading{display:flex;align-items:center;justify-content:center;padding:1.5rem}.profile-uploads-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:.75rem;opacity:.5}.profile-uploads-empty svg{width:40px;height:40px;color:#fff6}.profile-uploads-empty span{font-size:14px;color:#ffffff80}.profile-uploads-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.3) transparent}.profile-uploads-list::-webkit-scrollbar{width:4px}.profile-uploads-list::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:999px}.profile-upload-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease}.profile-upload-item:hover{background:#ffffff14;border-color:#ffd70026}.profile-upload-icon{width:40px;height:40px;min-width:40px;border-radius:8px;overflow:hidden;background:#ffd70014;display:flex;align-items:center;justify-content:center}.profile-upload-icon img{width:100%;height:100%;object-fit:cover}.profile-upload-icon svg{width:20px;height:20px;color:#ffd70080}.profile-upload-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.profile-upload-name{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-upload-time{font-size:12px;color:#fff6}.profile-upload-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;white-space:nowrap;flex-shrink:0}.status-approved{background:#00dc8226;color:#00dc82;border:1px solid rgba(0,220,130,.25)}.status-rejected{background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.25)}.status-pending{background:#ffc10726;color:#ffc107;border:1px solid rgba(255,193,7,.25)}.profile-overlay{animation:profileFadeIn .3s ease-out}.profile-modal{animation:profileScaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes profileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes profileScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.profile-modal{width:95vw;max-width:95vw}.scroll-container{margin:4px 4px 4px 0;padding:0 12px 0 0}.scroll-content{padding:1rem .5rem 1rem 1rem}.profile-avatar-wrapper{width:80px;height:80px;min-width:80px;min-height:80px}.profile-username{font-size:1.1rem}.username-edit-form{max-width:240px}.username-input{padding:6px 10px;font-size:.9rem}.username-save-btn,.username-cancel-btn{padding:6px 8px;min-width:32px;font-size:.9rem}}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#14141e66;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:1000;box-shadow:0 8px 32px #0000001a;overflow:visible}.navbar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.navbar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 400px at 30% 50%,rgba(0,255,200,.2),transparent 50%),radial-gradient(circle 350px at 70% 50%,rgba(100,200,255,.18),transparent 50%),radial-gradient(circle 300px at 50% 50%,rgba(200,100,255,.15),transparent 50%);animation:navLightMove 10s ease-in-out infinite;pointer-events:none;z-index:0;filter:blur(50px);opacity:.8}@keyframes navLightMove{0%{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(10%) scale(1.1);opacity:.9}50%{transform:translate(-10%) scale(.95);opacity:.7}75%{transform:translate(5%) scale(1.05);opacity:.85}to{transform:translate(0) scale(1);opacity:.6}}.navbar-brand h2{margin:0;font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em;position:relative;z-index:2}.navbar-menu{position:relative;z-index:1001;display:flex;align-items:center;gap:.75rem}.navbar-user-section{position:relative;display:flex;align-items:center}.navbar-help-btn{width:38px;height:38px;padding:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:all .25s ease;flex-shrink:0}.navbar-help-btn:hover{background:#ffd7001f;border-color:#ffd70059;color:gold;transform:scale(1.08)}.navbar-help-btn:hover .navbar-help-icon{opacity:1}.navbar-help-icon{width:18px;height:18px;flex-shrink:0;opacity:.5;transition:opacity .25s ease}.user-avatar-button{width:42px;height:42px;padding:0;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative}.user-avatar-button:hover{background:#ffd70033;border-color:#ffd70080;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.user-avatar-button:active{transform:scale(.95)}.user-avatar-button.logged-in{background:#ffd7001a;border-color:#ffd7004d}.user-avatar-button.logged-in:hover{background:#ffd70033;border-color:#ffd70080}.user-avatar-icon{width:22px;height:22px;opacity:.8;transition:opacity .2s ease}.user-avatar-button:hover .user-avatar-icon{opacity:1}.user-avatar-real{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block}.user-status-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:gold;border:2px solid rgba(20,20,30,.9);border-radius:50%;box-shadow:0 0 8px #ffd70080}.login-tip-bubble-portal{position:fixed;display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#ffd700f2,#ffc832f2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;color:#1a1a2e;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 8px 24px #ffd70066,0 0 0 1px #fff3 inset;pointer-events:auto}.login-tip-arrow-up{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(255,215,0,.95)}.login-tip-bubble{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#4a9efff2,#00d4aaf2);border-radius:12px;color:#fff;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 8px 24px #4a9eff66,0 0 0 1px #ffffff1a inset;z-index:1005;pointer-events:auto}.login-tip-text{line-height:1.2;text-shadow:0 1px 2px rgba(255,255,255,.3)}.login-tip-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#00000026;border:none;border-radius:50%;color:#1a1a2e;cursor:pointer;transition:all .2s ease;flex-shrink:0}.login-tip-close:hover{background:#00000040;transform:scale(1.1)}.login-tip-close svg{width:14px;height:14px}.login-tip-arrow{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(74,158,255,.95)}.menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.2rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:999px;color:gold;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.05em}.menu-trigger:hover{background:#ffd70033;border-color:#ffd70080;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.menu-trigger:active{transform:scale(.95)}.menu-trigger.open{background:#ffd70040;border-color:gold}.menu-trigger-text{transition:all .3s ease}.menu-trigger-icon{display:flex;flex-direction:column;gap:4px;width:16px;height:14px;justify-content:center}.hamburger-line{width:100%;height:2px;background:gold;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.menu-trigger.open .hamburger-line:first-child{transform:rotate(41deg) translateY(4px)}.menu-trigger.open .hamburger-line:last-child{transform:rotate(-41deg) translateY(-4px)}.dropdown-container{position:absolute;top:calc(100% + 12px);right:0;min-width:200px;background:#0f0f14d9;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 50px #00000080,0 8px 24px #0000004d,inset 0 1px #ffffff0d;overflow:hidden;z-index:1002;transform-origin:top right;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(40px) rotate(8deg);transition:opacity .4s ease,transform .5s cubic-bezier(.175,.885,.32,1.15),visibility .5s}.dropdown-container.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) rotate(0)}.dropdown-inner{padding:8px}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:10px;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;transition:background .2s ease,color .2s ease}.dropdown-item:hover{background:#ffd7001a;color:gold}.dropdown-item:active{transform:scale(.98)}.dropdown-icon{width:18px;height:18px;flex-shrink:0;filter:invert(78%) sepia(49%) saturate(600%) hue-rotate(5deg) brightness(103%) contrast(101%);transition:filter .2s ease}.dropdown-icon-original{filter:none}.dropdown-item:hover .dropdown-icon{filter:invert(78%) sepia(49%) saturate(600%) hue-rotate(5deg) brightness(103%) contrast(101%)}.dropdown-item:hover .dropdown-icon-original{filter:none}.dropdown-label{white-space:nowrap}.audio-button{width:42px;height:42px;padding:0;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:50%;color:gold;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.audio-button:hover{background:#ffd70033;border-color:#ffd70080;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.audio-button:active{transform:scale(.95)}.audio-button.playing{background:#00dc8226;border-color:#00dc8280;color:#00dc82;box-shadow:0 4px 15px #00dc824d,0 0 20px #00dc8233}.audio-button.playing:hover{background:#00dc8240;border-color:#00dc82b3}.audio-icon-wrapper{width:22px;height:22px;overflow:hidden;display:flex;align-items:center;justify-content:center}.audio-icon{width:24px;height:24px;flex-shrink:0}.audio-wave{transition:none}@media(max-width:768px){.navbar{padding:0 1rem}.navbar-brand h2{font-size:1.2rem}.menu-trigger{padding:.5rem 1rem;font-size:.9rem}.dropdown-container{min-width:180px}.dropdown-item{padding:.6rem .8rem;font-size:.9rem}.audio-button{width:38px;height:38px}.audio-icon-wrapper{width:20px;height:20px}.audio-icon{width:22px;height:22px}}.relic-search-container{position:relative;width:100%;max-width:400px;z-index:1000}.relic-search-input-wrapper{position:relative;display:flex;align-items:center}.relic-search-icon{position:absolute;left:14px;width:18px;height:18px;color:#ffd70099;stroke-width:2;pointer-events:none}.relic-search-input{width:100%;padding:12px 40px 12px 44px;background:#0f0f19e6;border:1px solid rgba(255,215,0,.2);border-radius:12px;color:#fff;font-size:.9rem;outline:none;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.relic-search-input::placeholder{color:#fff6}.relic-search-input:focus{border-color:#ffd70080;box-shadow:0 0 20px #ffd70026}.relic-search-clear{position:absolute;right:12px;width:24px;height:24px;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.relic-search-clear:hover{background:#ff64644d;color:#ff6b6b}.relic-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0f0f19f2;border:1px solid rgba(255,215,0,.2);border-radius:12px;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px #00000080;max-height:400px;overflow-y:auto}.relic-search-results::-webkit-scrollbar{width:6px}.relic-search-results::-webkit-scrollbar-track{background:#ffffff0d}.relic-search-results::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.relic-search-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.relic-search-item:last-child{border-bottom:none}.relic-search-item:hover,.relic-search-item.highlighted{background:#ffd7001a}.relic-search-item-image{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ffffff0d}.relic-search-item-image img{width:100%;height:100%;object-fit:cover}.relic-search-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.relic-search-item-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.relic-search-item-name{color:gold;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relic-search-item-status{font-size:.75rem;padding:2px 8px;border-radius:10px;width:fit-content}.relic-search-item-status.returned{color:#4caf50;background:#4caf5026}.relic-search-item-status.lost{color:#f44336;background:#f4433626}.relic-search-empty{padding:24px 16px;text-align:center}.relic-search-empty-text{color:#ffffff80;font-size:.85rem}@media(max-width:768px){.relic-search-container{max-width:100%}.relic-search-input{padding:10px 36px 10px 40px;font-size:.85rem}.relic-search-icon{left:12px;width:16px;height:16px}.relic-search-item{padding:10px 12px}.relic-search-item-image{width:40px;height:40px}}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{position:relative;background:#14141e66;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;max-width:95%;width:1200px;max-height:85vh;height:80vh;overflow:hidden;box-shadow:0 8px 32px #0000004d;animation:slideUp .3s ease}.relics-list-fullscreen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;border:none}.relics-list-fullscreen .cylinder-container{height:calc(100vh - 80px)}.modal-content:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1;border-radius:24px}.modal-content:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 600px at 20% 30%,rgba(0,255,200,.25),transparent 50%),radial-gradient(circle 500px at 80% 70%,rgba(100,200,255,.2),transparent 50%),radial-gradient(circle 700px at 50% 50%,rgba(200,100,255,.18),transparent 50%),radial-gradient(circle 550px at 70% 20%,rgba(255,150,100,.15),transparent 50%);animation:lightMove1 12s ease-in-out infinite;pointer-events:none;z-index:0;filter:blur(80px);opacity:.8}@keyframes lightMove1{0%{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(15%,-10%) scale(1.1);opacity:.9}50%{transform:translate(-10%,15%) scale(.95);opacity:.7}75%{transform:translate(10%,10%) scale(1.05);opacity:.85}to{transform:translate(0) scale(1);opacity:.6}}.modal-header{display:flex;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;background:#0f0f14f2;z-index:10}.modal-header>*{position:relative;z-index:2}.modal-header h2{margin:0;font-size:1.8rem;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;flex-shrink:0;margin-right:1rem}.relic-search-wrapper{width:280px;position:relative;flex-shrink:0}.close-button{margin-left:auto;margin-top:-10px;background:none;border:none;color:gold;font-size:2rem;cursor:pointer;width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;box-sizing:border-box;padding:0;flex-shrink:0}.filter-segmented-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;z-index:5}.filter-track{position:relative;display:flex;align-items:stretch;background:#0a0a0fe6;border-radius:999px;padding:4px;box-shadow:inset 0 1px 3px #00000080,0 1px #ffffff08;border:1px solid rgba(255,255,255,.05)}.filter-slider{position:absolute;top:4px;left:6px;width:calc(33.333% - 4px);height:calc(100% - 8px);background:linear-gradient(180deg,#3c3c3c,#282828);border-radius:999px;box-shadow:0 2px 4px #0000004d,0 4px 8px #0003,inset 0 1px 1px #ffffff26,inset 0 -1px 1px #0000004d,0 0 15px #ffd7001a;transition:transform .3s cubic-bezier(.25,1,.5,1);pointer-events:none;z-index:1}.filter-option{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;background:transparent;border:none;outline:none;color:#9ca3af;font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s ease;white-space:nowrap;min-width:80px}.filter-option:focus,.filter-option:focus-visible,.filter-option:active{outline:none!important;border:none;box-shadow:none}.filter-option:hover:not(.active){color:#ffffffbf}.filter-option.active{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.filter-icon{width:16px;height:16px;opacity:.8;transition:opacity .2s ease,filter .2s ease;filter:brightness(0) invert(1)}.filter-icon-sad{width:23.5px;height:23.5px}.filter-option:hover:not(.active) .filter-icon{filter:brightness(0) invert(.85)}.filter-option.active .filter-icon{opacity:1;filter:brightness(0) invert(1)}.filter-text{line-height:1}.cylinder-container{width:100%;height:calc(100vh - 80px);overflow:hidden;position:relative;z-index:2;perspective:1800px;perspective-origin:50% 45%}.cylinder-container::-webkit-scrollbar{display:none}.cylinder-container{-ms-overflow-style:none;scrollbar-width:none}.cylinder-scene{position:sticky;top:50%;width:100%;height:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transform:translateY(-50%)}.cylinder-wrapper{position:absolute;width:0;height:0;transform-style:preserve-3d;pointer-events:auto;will-change:transform;transition:transform .08s ease-out}.spiral-wrapper{transform-origin:center center}.relic-card-3d{position:absolute;transform-origin:center center;transform-style:preserve-3d;backface-visibility:visible;transition:opacity .3s ease,filter .3s ease,box-shadow .3s ease}.relic-card-3d.active{opacity:1!important;filter:brightness(1.2) saturate(1.1)!important}.relic-card-3d:not(.active){filter:brightness(.6) saturate(.7)}.relic-card-inner{width:100%;height:100%;background-color:#ffffff1a;background-image:linear-gradient(135deg,#ffffff1f,#ffffff0d,#ffffff14);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.2rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.8rem;box-shadow:0 25px 25px #00000040;position:relative;overflow:hidden}.relic-card-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 50%,transparent 100%);border-radius:16px 16px 0 0;pointer-events:none}.relic-card-3d:hover .relic-card-inner,.relic-card-3d.hovering .relic-card-inner{background-color:#ffffff26;background-image:linear-gradient(135deg,#ffffff2e,#ffffff14,#ffffff1f);border-color:#ffd70080;box-shadow:0 25px 35px #00000059,0 0 20px #ffd7004d;transform:scale(1.03)}.relic-card-3d.active:hover .relic-card-inner,.relic-card-3d.active.hovering .relic-card-inner{transform:scale(1.06)}.relic-card-3d .relic-image-placeholder{width:100%;flex:1;min-height:120px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.relic-card-3d .relic-image-placeholder.no-image{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.relic-card-3d .relic-icon{font-size:3.5rem;opacity:.6}.relic-card-3d .relic-image{width:100%;height:100%;object-fit:cover;border-radius:12px;opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.relic-card-3d:hover .relic-image,.relic-card-3d.hovering .relic-image{transform:none!important;filter:none!important}.relic-card-3d .relic-info{display:flex;flex-direction:column;gap:.4rem}.relic-card-3d .relic-info h3{margin:0;font-size:.95rem;color:gold;font-weight:600;text-align:center;line-height:1.3}.relic-card-3d .relic-meta{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap}.relic-card-3d .source-badge{display:inline-block;padding:.2rem .5rem;border-radius:20px;font-size:.6rem;font-weight:600;letter-spacing:.03em;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3}.relic-card-3d .source-badge.official{color:gold;border-color:#ffd70066;background:#ffd70014}.relic-card-3d .source-badge.user{color:#64b5f6;border-color:#64b5f666;background:#64b5f614}.relic-card-3d .status-badge{display:inline-block;padding:.25rem .6rem;border-radius:20px;font-size:.7rem;font-weight:500;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.relic-card-3d .status-badge.returned{color:#4caf50;border-color:#4caf5080}.relic-card-3d .status-badge.lost{color:#f44336;border-color:#f4433680}.card-index{position:absolute;top:.8rem;right:.8rem;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:6px;padding:.2rem .5rem;z-index:10}.card-index span{font-size:.7rem;color:#ffd700e6;font-weight:600;font-family:Courier New,monospace}.scroll-indicator{position:fixed;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:100}.scroll-progress{width:4px;height:120px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.scroll-progress-bar{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,gold,#ffed4e);border-radius:2px;transition:height .15s ease-out}.scroll-label{font-size:.75rem;color:#ffd700cc;font-weight:500}.scroll-hint{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100;animation:fadeInUp .5s ease .5s both}.scroll-hint-text{font-size:.85rem;color:#ffffff80;letter-spacing:.5px}.scroll-hint-icon{font-size:1.2rem;color:#ffd70099;animation:bounce 2s ease-in-out infinite}.scroll-nav-buttons{position:fixed;right:30px;bottom:80px;display:flex;flex-direction:column;gap:8px;z-index:100}.scroll-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;padding:0;box-sizing:border-box}.scroll-nav-btn:hover{background:#ffd70026;border-color:#ffd70066;transform:scale(1.1)}.scroll-nav-icon{width:18px;height:18px;filter:invert(1) opacity(.7);transition:filter .25s ease}.scroll-nav-btn:hover .scroll-nav-icon{filter:invert(78%) sepia(49%) saturate(600%) hue-rotate(5deg) brightness(103%) contrast(101%)}.boundary-toast{position:fixed;bottom:140px;left:50%;transform:translate(-50%);padding:10px 24px;background:#0f0f19f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.3);border-radius:999px;color:gold;font-size:.85rem;font-weight:500;z-index:200;animation:toastIn .3s ease,toastOut .3s ease 1.7s forwards;box-shadow:0 4px 20px #0006,0 0 15px #ffd7001a;pointer-events:none;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.cylinder-container{perspective:1200px}.relic-card-3d .relic-info h3{font-size:.85rem}.modal-content{max-width:95%}.modal-header{flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}.modal-header h2{font-size:1.4rem}.filter-segmented-control{order:3;flex:100%;padding:0}.filter-option{padding:.5rem .6rem;font-size:.75rem;min-width:60px}.filter-icon{width:14px;height:14px}.scroll-indicator{right:15px}.scroll-progress{height:80px}.scroll-hint{bottom:20px}.scroll-hint-text{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.cylinder-wrapper{transition:none}.scroll-hint-icon{animation:none}.modal-content:before{animation:none}}.blueprint-overlay{position:fixed;inset:0;z-index:99999;background:#00000080;pointer-events:auto;cursor:pointer;overflow:hidden}.guide-target-highlight{position:absolute;border:2px dashed rgba(255,215,0,.7);border-radius:8px;box-shadow:0 0 12px #ffd70040,inset 0 0 12px #ffd7000f;pointer-events:none;z-index:2;animation:highlightPulse 2s ease-in-out infinite}@keyframes highlightPulse{0%,to{box-shadow:0 0 12px #ffd70040,inset 0 0 12px #ffd7000f}50%{box-shadow:0 0 20px #ffd70066,inset 0 0 20px #ffd7001a}}.guide-bubble{position:absolute;background:#0f0f1ef2;border:1px solid rgba(255,215,0,.4);border-radius:12px;padding:18px 20px;width:320px;max-width:calc(100vw - 40px);z-index:3;pointer-events:auto;box-shadow:0 8px 32px #00000080,0 0 20px #ffd7001f;cursor:default}.guide-bubble-title{font-size:15px;font-weight:700;color:gold;letter-spacing:.3px;margin-bottom:6px}.guide-bubble-desc{font-size:13px;line-height:1.7;color:#ffffffbf;margin-bottom:12px}.guide-bubble-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,215,0,.12)}.guide-step-btn{font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;background:none}.guide-step-next{color:gold;background:#ffd7001a;border:1px solid rgba(255,215,0,.35)}.guide-step-next:hover{background:#ffd70033;border-color:#ffd70099;text-shadow:0 0 8px rgba(255,215,0,.3)}.guide-step-finish{color:gold;background:linear-gradient(135deg,#ffd7002e,#daa5201f);border:1px solid rgba(255,215,0,.45)}.guide-step-finish:hover{background:linear-gradient(135deg,#ffd70047,#daa52033);border-color:#ffd700b3;box-shadow:0 0 16px #ffd70033}.guide-step-skip{font-size:11px;color:#ffffff59;background:none;border:none;cursor:pointer;padding:4px 8px;transition:color .2s ease}.guide-step-skip:hover{color:#ffffffb3}.guide-bubble-arrow{position:absolute;background:#0f0f1ef2;border:1px solid rgba(255,215,0,.4);z-index:-1}.guide-step-counter{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:10;font-size:11px;color:#ffffff4d;letter-spacing:1px;pointer-events:none}.blueprint-skip-btn{position:fixed;bottom:24px;right:24px;z-index:10;font-size:11px;font-weight:500;color:#ffffff4d;background:none;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:6px 14px;cursor:pointer;transition:all .2s ease;pointer-events:auto}.blueprint-skip-btn:hover{color:#ffffffb3;border-color:#ffffff4d}.relic-detail{max-width:800px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.qrcode-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10003;animation:fadeIn .3s ease}.qrcode-modal{position:relative;background:linear-gradient(180deg,#1e1e32fa,#141423fc);border:1px solid rgba(255,215,0,.2);border-radius:24px;padding:2rem 2.5rem;max-width:360px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a}.qrcode-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;min-width:32px;min-height:32px;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffb3;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-sizing:border-box;padding:0;flex-shrink:0}.qrcode-close-btn:hover{background:#ff646433;color:#ff6b6b}.qrcode-title{color:gold;font-size:1.2rem;margin:0 0 1.5rem;font-weight:500}.qrcode-container{display:flex;justify-content:center;padding:16px;background:#ffffff0d;border-radius:16px;margin-bottom:1rem}.qrcode-hint{color:#fff9;font-size:.85rem;margin:0 0 .75rem;line-height:1.5}.qrcode-url{color:#ffd70080;font-size:.7rem;margin:0;word-break:break-all;font-family:monospace}.relic-detail.modal-content{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:24px;box-shadow:none}.relic-detail.modal-content:before,.relic-detail.modal-content:after{display:none}.relic-detail-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none;will-change:transform,opacity}.orb-1{width:350px;height:350px;background:radial-gradient(circle,rgba(0,255,150,.3) 0%,transparent 70%);top:-150px;left:-100px;animation:orbFloat1 20s ease-in-out infinite alternate}.orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(0,200,255,.25) 0%,transparent 70%);bottom:-120px;right:-100px;animation:orbFloat2 25s ease-in-out infinite alternate}.orb-3{width:250px;height:250px;background:radial-gradient(circle,rgba(100,255,200,.2) 0%,transparent 70%);top:30%;left:50%;animation:orbFloat3 18s ease-in-out infinite alternate}@keyframes orbFloat1{0%{transform:translate(0) scale(1);opacity:.25}50%{transform:translate(60px,40px) scale(1.1);opacity:.35}to{transform:translate(80px,60px) scale(1);opacity:.3}}@keyframes orbFloat2{0%{transform:translate(0) scale(1);opacity:.2}50%{transform:translate(-50px,-30px) scale(1.05);opacity:.3}to{transform:translate(-70px,-50px) scale(1);opacity:.25}}@keyframes orbFloat3{0%{transform:translate(-50%) scale(1);opacity:.15}50%{transform:translate(-50%,30px) scale(1.1);opacity:.25}to{transform:translate(-50%,50px) scale(1);opacity:.2}}.relic-detail-glass{position:absolute;inset:0;background:#0a0f1466;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-radius:24px;z-index:1;overflow:hidden}.relic-detail-glass:before{content:"";position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:100px 100px;background-repeat:repeat;mix-blend-mode:overlay;pointer-events:none}.relic-detail-glass:after{content:"";position:absolute;inset:0;border-radius:24px;border:1px solid transparent;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#ffffff05);background-clip:padding-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.relic-detail-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.relic-detail .modal-header{display:flex;align-items:center;justify-content:space-between;background:#0f0f14f2;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;flex-shrink:0;border-radius:24px 24px 0 0}.relic-detail .modal-header h2{font-size:1.5rem;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:left;margin-left:0;padding-left:0}.relic-detail .modal-header .close-button{position:relative;top:-8px;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:50%!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:gold!important;font-size:1 rem!important;cursor:pointer;transition:all .2s ease;margin-top:0!important;margin-left:0!important;padding:0!important;box-sizing:border-box}.relic-detail .modal-header .close-button:hover{background:#ff646433!important;color:#ff6b6b!important}.detail-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 16px 0 0;margin:8px 8px 8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.5) transparent}.detail-scroll-container::-webkit-scrollbar{width:5px}.detail-scroll-container::-webkit-scrollbar-track{background:transparent;margin:12px 0}.detail-scroll-container::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background .2s ease}.detail-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffd700cc}.detail-content{padding:1.5rem .5rem 1.5rem 1.5rem}.detail-image-section{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.detail-image-placeholder{width:100%;height:300px;background:linear-gradient(135deg,#ffd70026,#ff6b3526);border-radius:12px;display:flex;align-items:center;justify-content:center}.detail-image-placeholder .relic-icon{font-size:6rem;opacity:.5}.detail-relic-image{width:100%;height:100%;object-fit:contain;border-radius:12px}.view-3d-button{display:flex;align-items:center;gap:8px;margin-top:1rem;padding:10px 20px;background:linear-gradient(135deg,#ffd70026,#ff6b3526);border:1px solid rgba(255,215,0,.3);border-radius:10px;color:#ffffffe6;font-size:.9rem;cursor:pointer;transition:all .3s ease}.view-3d-button:hover{background:linear-gradient(135deg,#ffd70040,#ff6b3540);border-color:#ffd70080;transform:translateY(-2px);box-shadow:0 4px 15px #ffd70033}.view-3d-icon{width:20px;height:20px;opacity:.9}.detail-info h3{color:gold;font-size:1.3rem;margin:1.5rem 0 1rem;font-weight:600}.description-text{color:#fffc;line-height:1.8;font-size:1.05rem;margin-bottom:1.5rem}.journey-accordion{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.journey-card{background:#141419e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:26px;cursor:pointer;overflow:hidden;transition:border-radius .4s cubic-bezier(.25,1,.5,1),background .4s cubic-bezier(.25,1,.5,1),border-color .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1)}.journey-card:hover{background:#1e1e23f2;border-color:#ffffff1a}.journey-card.expanded{border-radius:20px;background:#19191ef2;border-color:#ffd70033;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffd7001a}.journey-card-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem .75rem .75rem;min-height:52px}.journey-card .journey-number{width:36px;height:36px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;transition:all .3s ease}.journey-card.expanded .journey-number{transform:scale(1.05);box-shadow:0 0 20px #ffd70066}.journey-summary{display:flex;align-items:center;gap:.75rem;flex:1}.journey-year{color:#ff6b35;font-weight:600;font-size:1rem}.journey-location{color:#ffffffd9;font-size:.95rem}.journey-expand-icon{width:20px;height:20px;color:#fff6;transition:all .4s cubic-bezier(.25,1,.5,1);flex-shrink:0}.journey-expand-icon svg{width:100%;height:100%}.journey-card.expanded .journey-expand-icon{transform:rotate(180deg);color:gold}.journey-attach-btn{width:28px;height:28px;min-width:28px;min-height:28px;border:none;background:#ffffff0d;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;color:#fff6;padding:0}.journey-attach-btn:hover{background:#ffd70026;color:#ffd700cc}.journey-attach-btn.attached{background:#ffd70033;color:gold}.journey-attach-btn svg{width:16px;height:16px;flex-shrink:0}.relic-detail-toast{position:fixed;bottom:180px;right:24px;padding:12px 20px;background:#ff6464e6;color:#fff;font-size:.85rem;border-radius:12px;box-shadow:0 4px 20px #0000004d;z-index:1001;animation:toastSlideIn .3s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.journey-card-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.25,1,.5,1)}.journey-card.expanded .journey-card-content-wrapper{grid-template-rows:1fr}.journey-card-content{overflow:hidden;opacity:0;transform:translateY(-10px);transition:all .3s ease .1s}.journey-card.expanded .journey-card-content{opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.25,1,.5,1) .15s}.journey-card-content>*{padding:0 1rem 1rem}.journey-event-detail,.journey-coords-detail{margin:0;font-size:.9rem;line-height:1.6}.journey-event-detail{color:#ffffffbf;margin-bottom:.5rem}.event-label,.coords-label{color:#ffffff80;margin-right:.5rem}.event-text{color:#ffffffe6}.coords-text{color:#ffd700b3;font-family:Courier New,monospace}.journey-details-text{color:#ffffffb3;font-size:.9rem;line-height:1.7;margin:.75rem 0 0;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.detail-dock{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:999px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 3px #00000080,0 8px 32px #0006,0 1px #ffffff08;margin:.75rem auto;flex-shrink:0}.detail-dock .dock-button:nth-child(1):hover .dock-icon{filter:invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(98%) contrast(90%)}.detail-dock .dock-button:nth-child(2):hover .dock-icon{filter:invert(78%) sepia(49%) saturate(600%) hue-rotate(5deg) brightness(103%) contrast(101%)}.dock-button-glow .dock-icon-wrapper{animation:dock-glow-pulse 2s ease-in-out infinite}@keyframes dock-glow-pulse{0%,to{box-shadow:0 0 8px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099,0 0 40px #ffd70033}}@media(max-width:768px){.detail-scroll-container{margin:4px 4px 4px 0;padding:0 12px 0 0}.detail-content{padding:1rem .5rem 1rem 1rem}.detail-image-section{margin-bottom:1.5rem}.detail-image-placeholder{height:200px}.detail-image-placeholder .relic-icon{font-size:4rem}.view-3d-button{padding:8px 16px;font-size:.85rem}.view-3d-icon{width:18px;height:18px}.journey-card-header{padding:.6rem .8rem .6rem .6rem;min-height:44px}.journey-card .journey-number{width:30px;height:30px;font-size:.9rem}.journey-year{font-size:.9rem}.journey-location{font-size:.85rem}.detail-dock{padding:5px}.dock-button{width:42px;height:42px}.dock-icon{width:20px;height:20px}.dock-tooltip{display:none}}.particle-tunnel-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:transparent;pointer-events:none}.flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;pointer-events:none;z-index:20}.flash-overlay.hidden{opacity:0}.flash-overlay.fading-in{opacity:1;transition:opacity .8s ease-in-out}.flash-overlay.visible{opacity:1}.flash-overlay.fading-out{opacity:0;transition:opacity .6s ease-out}.tunnel-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;width:100%}.tunnel-title{font-family:Cinzel,serif;font-size:5rem;font-weight:800;background:linear-gradient(to bottom,#fff,gold,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 50px rgba(255,215,0,.6);letter-spacing:1rem;opacity:0;animation:textIn 1s ease-out forwards .5s,textOut .8s ease-out forwards 3.3s}.tunnel-subtitle{font-size:1.2rem;color:#888;margin-top:1.5rem;letter-spacing:.5rem;text-transform:uppercase;opacity:0;animation:textIn 1s ease-out forwards 1s,textOut .8s ease-out forwards 3.8s}@keyframes textIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes textOut{0%{opacity:1}to{opacity:0}}.relic-story-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0f66;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);z-index:10000;display:flex;align-items:center;justify-content:flex-start;padding-left:4rem;animation:fadeIn .6s ease-out;overflow:hidden;overscroll-behavior:none}.relic-story-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.relic-story-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 800px at 20% 30%,rgba(0,255,200,.28),transparent 50%),radial-gradient(circle 700px at 80% 70%,rgba(100,200,255,.25),transparent 50%),radial-gradient(circle 600px at 50% 50%,rgba(200,100,255,.22),transparent 50%),radial-gradient(circle 650px at 70% 20%,rgba(255,150,100,.2),transparent 50%),radial-gradient(circle 550px at 30% 80%,rgba(150,255,150,.18),transparent 50%);animation:storyLightMove 15s ease-in-out infinite;pointer-events:none;z-index:0;filter:blur(100px);opacity:.85}@keyframes storyLightMove{0%{transform:translate(0) scale(1) rotate(0);opacity:.65}20%{transform:translate(8%,-5%) scale(1.08) rotate(30deg);opacity:.95}40%{transform:translate(-6%,8%) scale(.92) rotate(60deg);opacity:.75}60%{transform:translate(5%,6%) scale(1.05) rotate(90deg);opacity:.88}80%{transform:translate(-4%,-4%) scale(.98) rotate(120deg);opacity:.8}to{transform:translate(0) scale(1) rotate(0);opacity:.65}}.close-button{position:absolute;top:2rem;right:2rem;width:50px;height:50px;min-width:50px;min-height:50px;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:gold;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;z-index:10001}.no-dialogue{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ffffff80;font-size:1.25rem;position:relative;z-index:2}.action-prompt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10002}.action-prompt-modal{background:linear-gradient(180deg,#1e1e32fa,#141423fc);border:1px solid rgba(255,215,0,.2);border-radius:24px;padding:2rem 2.5rem;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a}.action-prompt-icon{font-size:3rem;margin-bottom:1rem}.action-prompt-title{color:gold;font-size:1.5rem;margin:0 0 .5rem}.action-prompt-text{color:#ffffffb3;font-size:1rem;margin:0 0 1.5rem}.action-prompt-buttons{display:flex;flex-direction:column;gap:.75rem}.action-btn{border:none;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn-primary{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.action-btn-primary:hover{background:linear-gradient(135deg,#ffe44d,#fff06e)}.action-btn-secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.action-btn-secondary:hover{background:#ffffff26}.chat-container{position:fixed;inset:0;width:100vw;height:100vh;display:flex;flex-direction:column;background:transparent;z-index:2;overscroll-behavior:none}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#14142399;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,215,0,.15);flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:1rem}.chat-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,215,0,.4);box-shadow:0 0 20px #ffd7004d}.chat-header-info h2{color:gold;font-size:1.5rem;margin:0;text-shadow:0 0 20px rgba(255,215,0,.5)}.chat-status{color:#fff9;font-size:.85rem}.chat-header-actions{display:flex;align-items:center;gap:8px;margin-right:100px}.chat-action-btn{width:36px;height:36px;min-width:36px;min-height:36px;border:none;background:#ffffff0d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff9;transition:all .2s ease;flex-shrink:0;padding:0;box-sizing:border-box}.chat-action-btn:hover{background:#ffd70026;color:gold}.chat-action-btn.disabled{opacity:.3;cursor:not-allowed}.chat-action-btn svg{width:18px;height:18px;flex-shrink:0}.chat-history-overlay{position:absolute;inset:80px 0 0;background:#00000080;z-index:5}.chat-history-panel{position:absolute;top:0;left:24px;right:24px;max-height:350px;background:#141423fa;border-radius:16px;border:1px solid rgba(255,215,0,.2);overflow:hidden;display:flex;flex-direction:column}.history-panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.history-panel-header h4{margin:0;font-size:15px;font-weight:500;color:gold}.history-panel-header button{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:16px;padding:4px}.history-panel-content{overflow-y:auto;padding:10px}.history-loading,.history-empty{text-align:center;padding:28px;color:#fff6;font-size:14px}.history-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#ffffff08;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:6px}.history-title{font-size:14px;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.history-time{font-size:12px;color:#fff6;margin-left:10px;flex-shrink:0}.history-panel-actions{display:flex;align-items:center;gap:10px}.history-clear-btn{width:30px;height:30px;min-width:30px;min-height:30px;border:none;background:#ff64641a;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ff6464b3;transition:all .2s ease;padding:0}.history-clear-btn svg{width:16px;height:16px}.history-close-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:16px;padding:4px 8px}.history-item-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.history-delete-btn{width:26px;height:26px;min-width:26px;min-height:26px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff4d;transition:all .2s ease;padding:0;opacity:0}.history-delete-btn svg{width:14px;height:14px}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem 3rem;display:flex;flex-direction:column;gap:1.25rem;min-height:0;overscroll-behavior:contain}.chat-message-wrapper{display:flex;align-items:flex-start;gap:1rem;max-width:80%;animation:messageSlideIn .4s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-message-wrapper.assistant{align-self:flex-start}.chat-message-wrapper.user{align-self:flex-end}.chat-message-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,215,0,.4);box-shadow:0 0 15px #ffd7004d}.chat-message-wrapper.user .chat-message-avatar{border-color:#6496ff66;box-shadow:0 0 15px #6496ff4d}.chat-message{padding:1rem 1.25rem;border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chat-message.assistant{background:#ffd7001f;border:1px solid rgba(255,215,0,.25);border-top-left-radius:4px;box-shadow:0 4px 20px #ffd70026}.chat-message.user{background:#6496ff1f;border:1px solid rgba(100,150,255,.25);border-top-right-radius:4px;box-shadow:0 4px 20px #6496ff26}.chat-message-content{color:#fffffff2;font-size:1rem;line-height:1.7}.chat-message.typing{padding:.875rem 1.25rem}.typing-indicator{display:flex;gap:5px;align-items:center;justify-content:center}.typing-indicator span{width:10px;height:10px;background:gold;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}.chat-input-container{padding:1.25rem 3rem 1.5rem;background:#14142399;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,215,0,.15);display:flex;gap:1rem;align-items:flex-end;flex-shrink:0}.chat-input-container textarea{flex:1;background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.2);border-radius:24px;padding:.875rem 1.25rem;color:#fff;font-size:1rem;resize:none;outline:none;font-family:inherit;min-height:48px;max-height:120px;height:48px;overflow-y:hidden;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}.chat-input-container textarea:focus{border-color:#ffd70080;background:#ffffff1a;box-shadow:0 0 20px #ffd70026}.chat-input-container textarea::placeholder{color:#fff6}.chat-send-button{background:linear-gradient(135deg,#ffd700e6,#ffed4ee6);color:#000;border:none;border-radius:24px;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #ffd7004d}.chat-send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ffd70066}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.relic-story-container{padding-left:2rem;justify-content:center}.chat-header{padding:1rem 1.5rem}.chat-avatar{width:44px;height:44px}.chat-header-info h2{font-size:1.2rem}.chat-messages{padding:1.5rem}.chat-message-wrapper{max-width:90%}.chat-message{padding:.875rem 1rem}.chat-message-content{font-size:.95rem}.chat-message-avatar{width:40px;height:40px}.chat-input-container{padding:1rem 1.5rem}.chat-send-button{padding:.875rem 1.25rem}.close-button{width:44px;height:44px;min-width:44px;min-height:44px;font-size:1.1rem}.action-prompt-modal{padding:1.5rem;margin:1rem}.action-prompt-title{font-size:1.25rem}}.dialogue-container{display:flex;width:100%;height:100%;padding:40px;box-sizing:border-box;gap:40px;position:relative;z-index:10;pointer-events:none}.dialogue-left{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.character-avatar{width:280px;height:280px;object-fit:contain;border-radius:20px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);box-shadow:0 10px 40px #0000004d;transition:transform .3s ease;pointer-events:auto}.character-avatar:hover{transform:scale(1.05)}.character-name{margin-top:20px;font-size:1.8rem;font-weight:700;color:gold;text-shadow:0 2px 10px rgba(255,215,0,.5);pointer-events:auto}.dialogue-right{flex:1;display:flex;flex-direction:column;justify-content:center;gap:30px;pointer-events:auto}.dialogue-box{background:linear-gradient(135deg,#000000b3,#141428cc);border:2px solid rgba(255,215,0,.3);border-radius:20px;padding:30px 40px;min-height:150px;box-shadow:0 10px 40px #0006;pointer-events:auto}.dialogue-text{font-size:1.3rem;line-height:1.8;color:#fff;margin:0;pointer-events:auto}.options-container{display:flex;flex-direction:column;gap:15px;pointer-events:auto}.option-button{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border:1px solid rgba(255,215,0,.4);border-radius:12px;padding:18px 30px;font-size:1.1rem;color:#fff;cursor:pointer;transition:all .3s ease;text-align:left;pointer-events:auto}.option-button:hover{background:linear-gradient(135deg,#ffd70066,#ffd70033);border-color:#ffd700cc;transform:translate(10px);box-shadow:0 5px 20px #ffd7004d}.reward-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.reward-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffd700;border-radius:20px;padding:40px 60px;text-align:center;animation:scaleIn .3s ease;box-shadow:0 0 60px #ffd70066}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.reward-title{font-size:1.8rem;color:gold;margin-bottom:30px}.reward-content{margin-bottom:30px}.reward-icon{font-size:4rem;margin-bottom:20px}.reward-name{font-size:1.4rem;color:#fff}.reward-close-btn{background:linear-gradient(135deg,gold,#b8860b);border:none;border-radius:10px;padding:12px 40px;font-size:1.1rem;color:#000;font-weight:700;cursor:pointer;transition:all .3s ease}.reward-close-btn:hover{background:#ff646433;color:#ff6b6b}.dialogue-skip-btn{position:absolute;bottom:40px;right:40px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;z-index:20;padding:0;box-sizing:border-box;pointer-events:auto}.dialogue-skip-btn:hover{background:#ffd70026;border-color:#ffd70066;color:gold;transform:scale(1.1)}.dialogue-skip-btn svg{width:18px;height:18px}.model-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .3s ease}.model-viewer-container{position:relative;width:80%;max-width:900px;height:80vh;max-height:700px;background:#14141e99;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;box-shadow:0 25px 80px #00000080,0 0 100px #ffd7001a;animation:scaleIn .3s ease}.model-close-button{position:absolute;top:16px;right:16px;width:50px;height:50px;padding:0;margin:0;box-sizing:border-box;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffb3;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;flex-shrink:0}.model-close-button:hover{background:#ff646433;color:#ff6b6b}.gesture-toggle{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;color:#ffffff80;font-size:.8rem;cursor:pointer;transition:all .3s ease;z-index:10}.gesture-toggle:hover{background:#ffffff1a;border-color:#fff3}.gesture-toggle.enabled{background:#ffd70026;border-color:#ffd70066;color:#ffd700e6;box-shadow:0 0 20px #ffd70033}.gesture-toggle-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.gesture-toggle-icon svg{width:100%;height:100%}.gesture-toggle-label{white-space:nowrap}.gesture-preview{position:absolute;bottom:60px;right:16px;width:200px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,215,0,.2);box-shadow:0 10px 40px #00000080,0 0 30px #ffd7001a;z-index:10;background:#0f0f19e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.gesture-preview-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.gesture-preview-title{color:gold;font-size:.8rem;font-weight:500}.gesture-video-container{position:relative;width:100%;aspect-ratio:4/3;background:#00000080}.gesture-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.gesture-canvas{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}.gesture-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff646433;color:#ff6b6b;padding:8px 12px;border-radius:8px;font-size:.75rem;white-space:nowrap}.gesture-error-container{padding:20px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.gesture-error-icon{font-size:2.5rem;margin-bottom:4px}.gesture-error-message{color:#ffffffd9;font-size:.8rem;line-height:1.5;padding:12px;background:#ff646426;border:1px solid rgba(255,100,100,.3);border-radius:10px;max-width:100%}.gesture-retry-btn{margin-top:8px;padding:10px 24px;background:linear-gradient(135deg,#ffd700e6,#ffed4ee6);color:#000;border:none;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.gesture-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd70066}.gesture-status{display:flex;align-items:center;gap:8px;padding:8px 12px}.gesture-status-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.gesture-status-dot.active{background:#4f8;box-shadow:0 0 10px #44ff8880}.gesture-status-text{color:#fff9;font-size:.7rem}.gesture-instructions{padding:8px 12px;border-top:1px solid rgba(255,255,255,.1)}.gesture-instructions p{color:#ffffff80;font-size:.7rem;margin:4px 0;line-height:1.4}.model-canvas-wrapper{width:100%;height:100%}.model-canvas-wrapper canvas{width:100%!important;height:100%!important}.model-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:8px 20px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff9;font-size:.85rem;pointer-events:none}.model-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fffc;font-size:1rem}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.model-viewer-container{width:95%;height:70vh}.model-hint{font-size:.75rem;padding:6px 14px}.gesture-toggle{padding:6px 10px;font-size:.7rem}.gesture-toggle-icon{width:16px;height:16px}.gesture-preview{width:120px;height:90px;bottom:50px}}.siri-button-container{position:fixed;bottom:64px;right:64px;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:1000}.siri-button{position:absolute;width:60px;height:60px;border:none;border-radius:50%;cursor:pointer;background:transparent;padding:0;outline:none;transition:transform .15s ease;transform-origin:center center;will-change:transform;box-sizing:border-box}.siri-button:active,.siri-button:focus,.siri-button:focus-visible{outline:none;border:none}.siri-button:hover{transform:scale(1.05)}.siri-button.pressed{transform:scale(.92)}.siri-glow{position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(100,200,255,.3) 0%,rgba(150,100,255,.2) 40%,rgba(255,100,150,.1) 70%,transparent 100%);animation:siriGlow 3s ease-in-out infinite;pointer-events:none;will-change:opacity}.siri-gradient{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:300% 300%;animation:siriGradient 4s ease infinite;box-shadow:0 4px 20px #667eea66,0 8px 40px #f093fb33,inset 0 1px 1px #ffffff4d}.siri-button.pressed .siri-gradient{animation:siriGradientPressed .5s ease forwards;box-shadow:0 2px 10px #667eea99,0 4px 20px #f093fb66,inset 0 1px 1px #ffffff4d}.siri-charge-ring{position:absolute;inset:-12px;pointer-events:none}.siri-charge-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.siri-charge-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:3}.siri-charge-ring-progress{fill:none;stroke:url(#chargeGradient);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .05s linear;transform-origin:center center}.siri-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;pointer-events:none}.siri-icon svg{width:28px;height:28px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.siri-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;background:linear-gradient(135deg,#ff6b6b,#ff4757);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;padding:0 6px;box-shadow:0 2px 8px #ff4b4b66;z-index:10;pointer-events:none}.siri-hint{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);font-size:.7rem;color:#fff9;text-align:center;white-space:nowrap;padding:4px 8px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;max-width:180px;line-height:1.3;pointer-events:none}@keyframes siriGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes siriGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes siriGradientPressed{0%{background-position:0% 50%}to{background-position:50% 50%;filter:brightness(1.2)}}@media(max-width:768px){.siri-button-container{bottom:16px;right:16px}.siri-button{width:52px;height:52px}.siri-icon svg{width:24px;height:24px}.siri-hint{font-size:.65rem;max-width:150px}}.quick-chat-panel{position:fixed;bottom:136px;right:64px;background:#0f0f14d9;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d inset,0 0 80px #667eea14;display:flex;flex-direction:column;z-index:9999;overflow:hidden;min-width:320px;min-height:400px}.quick-chat-resize-handle{position:absolute;top:8px;left:8px;width:40px;height:20px;cursor:nwse-resize;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:4px;transition:background .2s ease}.quick-chat-resize-handle:hover{background:#ffffff0d}.quick-chat-resize-handle:hover .resize-dots span{background:#fff9}.resize-dots{display:flex;gap:2px}.resize-dots span{width:4px;height:4px;border-radius:50%;background:#ffffff4d;transition:background .2s ease}.quick-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 16px 56px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.quick-chat-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.quick-chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,215,0,.3);flex-shrink:0}.quick-chat-header-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.quick-chat-name{font-size:.95rem;font-weight:600;color:gold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-chat-mode{font-size:.75rem;color:#ffffff80}.quick-chat-header-actions{display:flex;align-items:center;gap:4px}.quick-chat-action-btn{width:32px;height:32px;min-width:32px;min-height:32px;border:none;background:#ffffff0d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff9;transition:all .2s ease;flex-shrink:0;padding:0;box-sizing:border-box}.quick-chat-action-btn:hover{background:#ffd70026;color:gold}.quick-chat-action-btn.disabled{opacity:.3;cursor:not-allowed}.quick-chat-action-btn svg{width:16px;height:16px;flex-shrink:0}.quick-chat-close{width:32px;height:32px;min-width:32px;min-height:32px;border:none;background:#ffffff0d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#fff9;flex-shrink:0;padding:0;box-sizing:border-box}.quick-chat-close:hover{background:#ff646433;color:#ff6b6b}.quick-chat-close svg{width:16px;height:16px;flex-shrink:0}.quick-chat-tags{padding:10px 16px;background:#ffd70008;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;flex-shrink:0}.quick-chat-tags-label{font-size:.7rem;color:#fff6;flex-shrink:0;padding-top:4px}.quick-chat-tags-list{display:flex;flex-wrap:wrap;gap:6px;flex:1}.quick-chat-tag{display:flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#ffd70026,#ff96321a);border:1px solid rgba(255,215,0,.2);border-radius:12px;font-size:.75rem;color:#ffd700e6}.quick-chat-tag-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.quick-chat-tag-remove{width:14px;height:14px;min-width:14px;min-height:14px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffd70099;transition:color .2s ease;padding:0;flex-shrink:0}.quick-chat-tag-remove:hover{color:#ff6b6b}.quick-chat-tag-remove svg{width:10px;height:10px;flex-shrink:0}.quick-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:150px;scrollbar-width:none;-ms-overflow-style:none}.quick-chat-messages::-webkit-scrollbar{display:none}.quick-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.quick-chat-empty-icon{font-size:2rem;margin-bottom:12px;opacity:.6}.quick-chat-empty-text{font-size:.85rem;color:#ffffff80;line-height:1.5}.quick-chat-login-required{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.quick-chat-login-icon{font-size:2rem}.quick-chat-login-required p{font-size:.9rem;color:#fff9;line-height:1.5;margin:0}.quick-chat-login-link{color:gold;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s;margin-top:4px}.quick-chat-login-link:hover{color:#ffed4a}.quick-chat-message{display:flex;align-items:flex-end;gap:8px}.quick-chat-message.user{flex-direction:row-reverse}.quick-chat-message-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.quick-chat-message-bubble{max-width:75%;padding:10px 14px;border-radius:16px;font-size:.85rem;line-height:1.5;color:#ffffffe6}.quick-chat-message.assistant .quick-chat-message-bubble{background:#ffffff14;border-bottom-left-radius:4px}.quick-chat-message.user .quick-chat-message-bubble{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-bottom-right-radius:4px}.quick-chat-message-bubble.typing{display:flex;gap:4px;padding:14px 18px}.typing-dot{width:6px;height:6px;border-radius:50%;background:#ffd70099;animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.quick-chat-input-area{display:flex;align-items:flex-end;gap:10px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);background:#0003;flex-shrink:0}.quick-chat-input-area textarea{flex:1;min-height:40px;max-height:80px;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff;font-size:.9rem;resize:none;outline:none;transition:all .2s ease;font-family:inherit;scrollbar-width:none;-ms-overflow-style:none}.quick-chat-input-area textarea::-webkit-scrollbar{display:none}.quick-chat-input-area textarea:focus{border-color:#ffd7004d;background:#ffffff14}.quick-chat-input-area textarea::placeholder{color:#fff6}.quick-chat-send{width:40px;height:40px;min-width:40px;min-height:40px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;padding:0}.quick-chat-send:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #667eea66}.quick-chat-send:disabled{opacity:.4;cursor:not-allowed}.quick-chat-send svg{width:18px;height:18px;color:#fff;flex-shrink:0}@media(max-width:480px){.quick-chat-panel{right:12px;left:12px;width:auto!important;bottom:126px;max-height:60vh}.quick-chat-resize-handle{display:none}.quick-chat-header{padding-left:16px}}@media(max-width:768px){.siri-button-container{bottom:32px;right:32px}.quick-chat-panel{right:32px;bottom:112px}}.quick-chat-history-overlay{position:absolute;inset:60px 0 0;background:#00000080;z-index:5}.quick-chat-history-panel{position:absolute;top:0;left:0;right:0;max-height:300px;background:#14141efa;border-radius:12px;margin:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column}.history-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.history-panel-header h4{margin:0;font-size:14px;font-weight:500;color:#ffffffe6}.history-panel-header button{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:14px;padding:4px}.history-panel-header button:hover{color:#fff}.history-panel-content{overflow-y:auto;padding:8px}.history-loading,.history-empty{text-align:center;padding:24px;color:#fff6;font-size:13px}.history-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff08;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;margin-bottom:4px}.history-item:hover{background:#ffd70014;border-color:#ffd70033}.history-item.active{background:#ffd7001f;border-color:#ffd7004d}.history-title{font-size:13px;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.history-time{font-size:11px;color:#fff6;margin-left:8px;flex-shrink:0}.history-panel-actions{display:flex;align-items:center;gap:8px}.history-clear-btn{width:28px;height:28px;min-width:28px;min-height:28px;border:none;background:#ff64641a;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ff6464b3;transition:all .2s ease;padding:0}.history-clear-btn:hover{background:#ff646433;color:#ff6b6b}.history-clear-btn svg{width:14px;height:14px}.history-close-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:14px;padding:4px 8px}.history-close-btn:hover{color:#fff}.history-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.history-delete-btn{width:24px;height:24px;min-width:24px;min-height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff4d;transition:all .2s ease;padding:0;opacity:0}.history-item:hover .history-delete-btn{opacity:1}.history-delete-btn:hover{background:#ff646433;color:#ff6b6b}.history-delete-btn svg{width:12px;height:12px}.echo-backdrop{position:fixed;inset:0;background:#0006;z-index:10004}.echo-drawer{position:fixed;top:0;right:0;width:400px;height:100vh;z-index:10005;background:#080810eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(255,215,0,.12);display:flex;flex-direction:column;overflow:hidden;box-shadow:-20px 0 60px #00000080}.echo-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.echo-title{font-size:18px;font-weight:600;color:gold;margin:0;letter-spacing:.5px}.echo-close-btn{width:36px;height:36px;border:none;background:#ffffff0f;color:#fff9;border-radius:10px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.echo-close-btn:hover{background:#ffffff1f;color:#fff}.echo-feed{flex:1;overflow-y:auto;padding:16px 20px;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.3) transparent}.echo-feed::-webkit-scrollbar{width:4px}.echo-feed::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:2px}.echo-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;color:#ffffff80;font-size:14px}.echo-loading-spinner{width:24px;height:24px;border:2px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:echo-spin .8s linear infinite}@keyframes echo-spin{to{transform:rotate(360deg)}}.echo-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#fff6;font-size:14px}.echo-empty-icon{font-size:40px;opacity:.5}.echo-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;margin-bottom:12px;position:relative;transition:all .2s ease}.echo-card:hover{background:#ffffff0f}.echo-card-clue{background:#ffd7000a;border:1px solid rgba(255,215,0,.2);box-shadow:0 0 20px #ffd7000d,inset 0 0 20px #ffd70005}.echo-card-clue:hover{background:#ffd70012;border-color:#ffd70059}.echo-clue-badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:600;color:gold;background:#ffd7001f;border:1px solid rgba(255,215,0,.25);padding:3px 10px;border-radius:20px;letter-spacing:.5px}.echo-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.echo-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#ffd7001a}.echo-avatar img{width:100%;height:100%;object-fit:cover}.echo-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:gold}.echo-meta{display:flex;flex-direction:column;gap:2px}.echo-username{font-size:13px;font-weight:600;color:#ffffffd9}.echo-time{font-size:11px;color:#ffffff59}.echo-content{font-size:14px;line-height:1.6;color:#ffffffbf;margin:0;word-break:break-word}.echo-card-clue .echo-content{color:#ffffffd9}.echo-location{display:flex;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;background:#ffd70014;border-radius:8px;font-size:12px;color:#ffd700cc}.echo-relic-reply{display:flex;gap:10px;margin-top:12px;padding:10px 12px;background:#ffd7000a;border-radius:10px;border:1px solid rgba(255,215,0,.1)}.echo-reply-bar{width:3px;background:linear-gradient(180deg,gold,#ffd7004d);border-radius:2px;flex-shrink:0}.echo-reply-body{display:flex;flex-direction:column;gap:4px}.echo-reply-prefix{font-size:12px;font-weight:600;color:#ffd700b3}.echo-reply-text{font-size:13px;line-height:1.5;color:#ffd700d9;font-style:italic}.echo-input-area{flex-shrink:0;padding:16px 20px 20px;border-top:1px solid rgba(255,255,255,.08);background:#08081099}.echo-type-tabs{display:flex;gap:8px;margin-bottom:12px}.echo-type-tab{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff80;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.echo-type-tab:hover{background:#ffffff14;color:#ffffffb3}.echo-type-tab.active{background:#ffd7001f;border-color:#ffd70059;color:gold}.echo-location-input{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:10px;color:#fff;font-size:13px;outline:none;margin-bottom:10px;transition:all .2s ease;box-sizing:border-box}.echo-location-input::placeholder{color:#ffffff59}.echo-location-input:focus{border-color:#ffd70080;background:#ffffff14}.echo-textarea-wrapper{position:relative}.echo-textarea{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;line-height:1.5;outline:none;resize:none;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.echo-textarea::placeholder{color:transparent}.echo-textarea:focus{border-color:#ffd70066;background:#ffffff14}.echo-placeholder-overlay{position:absolute;top:12px;left:14px;right:14px;font-size:14px;line-height:1.5;color:#ffffff59;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-break:break-word}.echo-placeholder-overlay.echo-placeholder-thankyou{color:#ffd700d9;pointer-events:auto;cursor:text}.echo-submit-btn{width:100%;padding:12px;margin-top:10px;background:linear-gradient(135deg,gold,#daa520);border:none;border-radius:12px;color:#000;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.echo-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ffd7004d}.echo-submit-btn:active:not(:disabled){transform:translateY(0)}.echo-submit-btn:disabled{opacity:.5;cursor:not-allowed}.echo-toast{position:absolute;bottom:24px;left:20px;right:20px;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:500;line-height:1.4;z-index:10;text-align:center}.echo-toast-default{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.echo-toast-success{background:#4caf5026;border:1px solid rgba(76,175,80,.3);color:#69f0ae}.echo-toast-gold{background:#ffd7001f;border:1px solid rgba(255,215,0,.35);color:gold;box-shadow:0 0 30px #ffd7001a}.echo-toast-error{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.3);color:#ff8e53}@media(max-width:480px){.echo-drawer{width:100%}}.relic-timeline-panel{position:fixed;left:0;top:70px;bottom:0;width:400px;background:#0f0f14f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,215,0,.3);overflow-y:auto;z-index:1500;animation:slideInLeft .5s ease;box-shadow:2px 0 20px #00000080}.relic-basic-info{padding:2rem;border-bottom:1px solid rgba(255,215,0,.2);text-align:center}.relic-image-placeholder{width:120px;height:120px;margin:0 auto 1rem;background:linear-gradient(135deg,#ffd70026,#ff6b3526);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.relic-avatar-image{width:100%;height:100%;object-fit:cover;object-position:-47px;border-radius:50%}.relic-icon{font-size:4rem;opacity:.6}.relic-name{margin:0 0 1rem;font-size:1.5rem;color:gold;font-weight:600;line-height:1.4}.status-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.status-badge.returned{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.status-badge.lost{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.4)}.timeline-container{padding:2rem}.timeline-title{margin:0 0 1.5rem;font-size:1.3rem;color:gold;font-weight:600}.timeline{position:relative;padding-left:2rem}.timeline-item{position:relative;padding-bottom:2rem;transition:transform .2s ease}.timeline-item:hover{transform:translate(4px)}.timeline-item:hover .timeline-content{background:#ffd7001f;border-left-color:gold}.timeline-item:hover .timeline-dot{background:#ffd70066;transform:scale(1.2)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-2rem;top:0;width:20px;height:20px;background:#ffd70033;border:2px solid #ffd700;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s ease}.dot-inner{width:8px;height:8px;background:gold;border-radius:50%;animation:pulse 2s ease-in-out infinite}.timeline-line{position:absolute;left:-1.55rem;top:20px;bottom:-2rem;width:2px;background:linear-gradient(to bottom,#ffd70080,#ffd7001a)}.timeline-arrow-container{position:relative;display:flex;justify-content:center;align-items:center;height:60px;margin:.5rem 0}.timeline-arrow{width:40px;height:40px;object-fit:contain;opacity:.3;transition:all .3s ease;filter:drop-shadow(0 0 5px rgba(255,215,0,.3))}.timeline-arrow-container.active .timeline-arrow{opacity:1;animation:arrowBlink .8s ease-in-out infinite}.timeline-content{background:#ffd7000d;border-left:3px solid rgba(255,215,0,.3);border-radius:8px;padding:1rem;transition:all .3s ease}.timeline-content:hover{background:#ffd7001a;border-left-color:gold;transform:translate(5px)}.timeline-year{font-size:1.2rem;font-weight:700;color:#ff6b35;margin-bottom:.5rem}.timeline-location{font-size:1.1rem;font-weight:600;color:gold;margin-bottom:.3rem}.timeline-event{font-size:.95rem;color:#fffc;margin-bottom:.5rem;line-height:1.5}.timeline-coords{font-size:.85rem;color:#ffffff80;font-family:Courier New,monospace}.relic-timeline-panel{scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.5) transparent}.relic-timeline-panel::-webkit-scrollbar{width:5px}.relic-timeline-panel::-webkit-scrollbar-track{background:transparent;margin:12px 0}.relic-timeline-panel::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background .2s ease}.relic-timeline-panel::-webkit-scrollbar-thumb:hover{background:#ffd700cc}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes arrowBlink{0%,to{opacity:1;filter:drop-shadow(0 0 10px rgba(255,215,0,.8)) drop-shadow(0 0 20px rgba(255,215,0,.6));transform:scale(1)}50%{opacity:1;filter:drop-shadow(0 0 20px rgba(255,107,53,1)) drop-shadow(0 0 30px rgba(255,107,53,.8));transform:scale(1.2)}}@media(max-width:768px){.relic-timeline-panel{width:100%;max-width:350px}.relic-basic-info{padding:1.5rem}.relic-image-placeholder{width:100px;height:100px}.relic-icon{font-size:3rem}.relic-name{font-size:1.2rem}.timeline-container{padding:1.5rem}}.wheel-column{position:relative;flex:1;overflow:hidden;background:#00000026;border-radius:16px;min-width:0}.wheel-selection-indicator{position:absolute;left:4px;right:4px;border-top:1px solid rgba(255,215,0,.35);border-bottom:1px solid rgba(255,215,0,.35);background:linear-gradient(180deg,#ffd7000f,#ffd7001a,#ffd7000f);pointer-events:none;z-index:1;border-radius:8px;box-shadow:0 0 20px #ffd7001a,inset 0 1px #ffffff0d}.wheel-scroll-container{overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-radius:16px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%)}.wheel-scroll-container::-webkit-scrollbar{display:none;width:0;height:0}.wheel-item{text-align:center;font-size:1rem;color:#fff6;scroll-snap-align:center;scroll-snap-stop:always;transition:all .35s cubic-bezier(.25,.8,.25,1);cursor:pointer;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:scale(.92);opacity:.5;font-weight:400;letter-spacing:.3px;margin:0 4px;border-radius:8px}.wheel-item:hover{color:#ffffffb3}.wheel-item:hover:not(.selected){background:#ffd7000d}.wheel-item.selected{color:gold;font-weight:700;transform:scale(1.08);opacity:1;text-shadow:0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3);background:transparent}.wheel-item:not(.selected):not(:hover){transform:scale(.88);opacity:.35}@media(max-width:768px){.wheel-item{font-size:.9rem;padding:0 8px;margin:0 2px}.wheel-item.selected{transform:scale(1.05)}.wheel-item:not(.selected):not(:hover){transform:scale(.85)}.wheel-selection-indicator{left:2px;right:2px;border-radius:6px}}.address-picker-overlay{position:fixed;inset:0;background:#000000b3;z-index:2500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.address-picker-modal{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0f0f19fa,#08080ffc);border-radius:28px 28px 0 0;z-index:2501;padding:0;max-height:80vh;overflow:hidden;box-shadow:0 -10px 40px #00000080,0 -2px 20px #ffd7001a}.address-picker-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid rgba(255,215,0,.12);background:#0003}.address-picker-header h3{color:gold;font-size:1.15rem;font-weight:600;margin:0;letter-spacing:.5px}.address-picker-cancel,.address-picker-confirm{background:none;border:none;font-size:1rem;cursor:pointer;padding:10px 16px;border-radius:10px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.address-picker-cancel{color:#fff9}.address-picker-cancel:hover{color:#fff;background:#ffffff14}.address-picker-confirm{color:gold;font-weight:600}.address-picker-confirm:hover{background:#ffd7001f;transform:scale(1.02)}.address-picker-wheels{display:flex;justify-content:flex-start;gap:8px;padding:20px 16px;margin:16px 16px 0;background:linear-gradient(180deg,#0000004d,#0006);border-radius:20px;border:1px solid rgba(255,215,0,.08)}.wheel-column-wrapper{flex:1 1 0;display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%;overflow:hidden}.wheel-label{color:#ffd700b3;font-size:.75rem;font-weight:500;margin-bottom:10px;text-transform:uppercase;letter-spacing:1.5px;text-align:center;width:100%;white-space:nowrap}.address-picker-form{padding:20px 24px;display:flex;flex-direction:column;gap:18px}.address-picker-field{display:flex;flex-direction:column;gap:10px}.address-picker-field label{color:gold;font-size:.9rem;font-weight:500;letter-spacing:.3px}.address-picker-field input{background:#ffffff0a;border:1px solid rgba(255,215,0,.25);border-radius:12px;padding:14px 18px;color:#fff;font-size:1rem;transition:all .3s cubic-bezier(.25,.8,.25,1)}.address-picker-field input:focus{outline:none;border-color:gold;background:#ffffff0f;box-shadow:0 0 20px #ffd70026,inset 0 0 10px #ffd7000d}.address-picker-field input::placeholder{color:#ffffff59}.plunder-options{display:flex;gap:14px}.plunder-option{flex:1;padding:14px;background:#ffffff0a;border:1px solid rgba(255,215,0,.25);border-radius:12px;color:#fff9;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.plunder-option:hover{background:#ffd70014;border-color:#ffd70066;transform:translateY(-1px)}.plunder-option.active{background:#ffd70026;border-color:gold;color:gold;font-weight:600;box-shadow:0 4px 15px #ffd70033}@media(max-width:768px){.address-picker-modal{max-height:85vh}.address-picker-wheels{margin:12px 12px 0;padding:16px 12px;gap:6px}.wheel-label{font-size:.7rem}.address-picker-header,.address-picker-form{padding:16px 20px}}.cropper-overlay{position:fixed;inset:0;background:#000000d9;z-index:3000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cropper-modal{position:fixed;top:50%;left:50%;background:linear-gradient(180deg,#141423fa,#0f0f19fc);border-radius:20px;padding:24px;z-index:3001;width:90%;max-width:640px;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a;border:1px solid rgba(255,215,0,.15)}.cropper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cropper-header h3{color:gold;font-size:1.2rem;font-weight:600;margin:0}.cropper-close-btn{background:#ffffff1a;border:none;color:#ffffffb3;font-size:1.2rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cropper-close-btn:hover{background:#ff646433;color:#ff6b6b}.cropper-hint{background:#ffd7001a;border:1px solid rgba(255,215,0,.2);border-radius:10px;padding:12px 16px;margin-bottom:16px;color:#ffd700e6;font-size:.9rem;text-align:center}.cropper-container{position:relative;width:100%;height:300px;background:#000;border-radius:12px;overflow:hidden;margin-bottom:16px}.cropper-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.crosshair-h{position:absolute;width:40px;height:2px;background:#ffd70099;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffd70066;pointer-events:none}.crosshair-v{position:absolute;width:2px;height:40px;background:#ffd70099;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffd70066;pointer-events:none}.cropper-controls{margin-bottom:20px}.zoom-control{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#0000004d;border-radius:12px}.zoom-label{color:#ffffffb3;font-size:.9rem}.zoom-slider-wrapper{display:flex;align-items:center;gap:12px}.zoom-min,.zoom-max{color:#ffffff80;font-size:.75rem;min-width:35px}.zoom-slider{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:linear-gradient(to right,#ffd7004d,#ffd70080,#ffd7004d);border-radius:3px;outline:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #ffd70066;transition:transform .2s ease}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.zoom-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 10px #ffd70066}.zoom-value{color:gold;font-size:.9rem;font-weight:500;text-align:center;padding:4px 8px;background:#ffd7001a;border-radius:6px}.cropper-actions{display:flex;gap:10px;margin-bottom:12px}.cropper-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.cropper-btn.cancel-btn{background:#ffffff14;color:#ffffffb3}.cropper-btn.cancel-btn:hover{background:#ffffff1f;color:#fff}.cropper-btn.reset-btn{background:#6464ff1a;border:1px solid rgba(100,100,255,.3);color:#9696ffe6}.cropper-btn.reset-btn:hover{background:#6464ff33;border-color:#6464ff80;color:#b4b4ff}.cropper-btn.confirm-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#000;font-weight:600}.cropper-btn.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.cropper-btn.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.cropper-size-info{text-align:center;color:#ffffff80;font-size:.8rem}@media(max-width:768px){.cropper-modal{width:95%;padding:16px}.cropper-container{height:220px}.cropper-actions{flex-wrap:wrap;gap:8px}.cropper-btn{padding:10px 14px;font-size:.9rem}.cropper-btn.reset-btn{width:100%;order:-1}}.upload-relic{max-width:700px;width:700px;height:auto;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.upload-relic.modal-content{overflow:hidden}.upload-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 16px 0 0;margin:8px 8px 8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.5) transparent}.upload-form-container,.upload-records-container{padding:1.5rem .5rem 2rem 2rem}.upload-scroll-container::-webkit-scrollbar{width:5px}.upload-scroll-container::-webkit-scrollbar-track{background:transparent;margin:12px 0}.upload-scroll-container::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background .2s ease}.upload-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffd700cc}.upload-relic .modal-header{border-radius:24px 24px 0 0;position:sticky;top:0;background:linear-gradient(180deg,#141423fa,#141423f2);z-index:10}.upload-form{padding:1.5rem .5rem 2rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:1rem}.section-title{color:gold;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;margin:0;padding-bottom:.5rem;border-bottom:1px solid rgba(255,215,0,.2)}.section-hint{color:#ffffff80;font-size:.85rem;font-weight:400}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:gold;font-weight:500;font-size:.95rem}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid rgba(255,215,0,.3);border-radius:10px;padding:.8rem 1rem;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:gold;background:#ffffff14;box-shadow:0 0 15px #ffd70033}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.journey-list{display:flex;flex-direction:column;gap:.75rem}.journey-item{display:flex;align-items:center;gap:1rem;background:#ffffff08;border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:1rem;transition:all .3s ease}.journey-item:hover{background:#ffffff0d;border-color:#ffd7004d}.journey-marker{display:flex;flex-direction:column;align-items:center;gap:.25rem}.journey-number{width:28px;height:28px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.journey-line{width:2px;height:20px;background:linear-gradient(180deg,rgba(255,215,0,.5),transparent)}.journey-item:last-child .journey-line{display:none}.journey-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.journey-main{display:flex;align-items:center;gap:1rem}.journey-location{color:#fff;font-size:1rem;font-weight:500}.journey-year{color:#fff9;font-size:.9rem}.journey-tags{display:flex;gap:.5rem}.journey-tag{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.journey-tag.plundered{background:#ff525233;color:#ff5252;border:1px solid rgba(255,82,82,.3)}.journey-tag.not-plundered{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.journey-actions{display:flex;align-items:center;gap:.5rem}.journey-edit-btn{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:gold;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.journey-edit-btn:hover{background:#ffd70033;border-color:gold}.journey-delete-btn{background:#ff52521a;border:1px solid rgba(255,82,82,.3);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;color:#ff5252;font-size:1rem}.journey-delete-btn:hover{background:#ff525233;border-color:#ff5252}.add-journey-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#ffd7000d;border:2px dashed rgba(255,215,0,.3);border-radius:12px;color:#ffd700cc;font-size:1rem;cursor:pointer;transition:all .3s ease}.add-journey-btn:hover{background:#ffd7001a;border-color:gold;color:gold}.add-icon{font-size:1.5rem;font-weight:300}.example-card{background:#141419e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:16px;cursor:pointer;overflow:hidden;transition:border-radius .4s cubic-bezier(.25,1,.5,1),background .4s cubic-bezier(.25,1,.5,1),border-color .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1);margin-bottom:1rem}.example-card:hover{background:#1e1e23f2;border-color:#ffffff1a}.example-card.expanded{border-radius:16px;background:#19191ef2;border-color:#ffd70033;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffd7001a}.example-card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;min-height:48px}.example-card-title{color:gold;font-weight:500;font-size:.95rem}.example-expand-icon{width:20px;height:20px;color:#fff6;transition:all .4s cubic-bezier(.25,1,.5,1);flex-shrink:0}.example-card.expanded .example-expand-icon{transform:rotate(180deg);color:gold}.example-card-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.25,1,.5,1)}.example-card.expanded .example-card-content-wrapper{grid-template-rows:1fr}.example-card-content{overflow:hidden}.example-text{padding:0 1rem 1rem;color:#fffc;font-size:.9rem;line-height:1.8;margin:0}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{display:none}.file-input-label{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#ffd7001a;border:1px dashed rgba(255,215,0,.4);border-radius:10px;cursor:pointer;transition:all .3s ease;color:#ffffffb3}.file-input-label:hover{background:#ffd70026;border-color:gold}.file-input-label .icon{font-size:1.5rem}.image-preview{margin-top:1rem;border-radius:12px;overflow:hidden;border:1px solid rgba(255,215,0,.2);position:relative}.image-preview img{width:100%;max-height:200px;object-fit:cover}.image-size-badge{position:absolute;bottom:8px;right:8px;background:#000000b3;color:gold;font-size:.75rem;padding:4px 8px;border-radius:6px;font-weight:500}.submit-button{padding:1rem;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.05em;margin-top:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #ffd70066}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-status{padding:1rem;border-radius:12px;margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.submit-status.success{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50}.submit-status.error{background:#f4433633;border:1px solid rgba(244,67,54,.4);color:#f44336}.submit-status .status-id{font-size:.85rem;opacity:.8}.button-icon{width:18px;height:18px;filter:invert(78%) sepia(49%) saturate(600%) hue-rotate(5deg) brightness(103%) contrast(101%)}@media(max-width:768px){.upload-relic{width:95vw;max-width:95vw;max-height:95vh}.upload-scroll-container{margin:4px 4px 4px 0;padding:0 12px 0 0}.upload-form{padding:1rem .5rem 1rem 1rem}.form-row{flex-direction:column;gap:1rem}.journey-item{flex-wrap:wrap}.journey-actions{width:100%;justify-content:flex-end;margin-top:.5rem}}.upload-tabs{display:flex;gap:.5rem;padding:0 1.5rem;border-bottom:1px solid rgba(255,215,0,.2);background:#141423f2}.tab-btn{padding:.75rem 1.5rem;background:transparent;border:none;color:#fff9;font-size:1rem;cursor:pointer;position:relative;display:flex;align-items:center;gap:.5rem;transition:color .3s cubic-bezier(.25,1,.5,1),background .3s cubic-bezier(.25,1,.5,1)}.tab-btn:hover{color:gold;background:#ffd7000d}.tab-btn.active{color:gold;background:#ffd7001a}.tab-btn:after{content:"";position:absolute;bottom:-1px;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent);transform:translate(-50%);transition:width .4s cubic-bezier(.25,1,.5,1)}.tab-btn.active:after{width:100%}.tab-btn:hover:after{width:60%}.record-count{background:#ffd70033;color:gold;font-size:.75rem;padding:.1rem .5rem;border-radius:10px;min-width:20px;text-align:center}.no-records{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#ffffff80;font-size:1rem;gap:16px}.records-loading-spinner{width:28px;height:28px;border:3px solid rgba(255,215,0,.15);border-top-color:gold;border-radius:50%;animation:recordsSpin .8s linear infinite}@keyframes recordsSpin{to{transform:rotate(360deg)}}.records-list{display:flex;flex-direction:column;gap:.75rem}.record-item{display:flex;align-items:center;gap:1rem;background:#ffffff08;border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:1rem;transition:all .3s ease}.record-item:hover{background:#ffffff0d;border-color:#ffd7004d}.record-info{flex:1;min-width:0}.record-name{color:#fff;font-size:1rem;font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-time{color:#ffffff80;font-size:.85rem}.record-status-group{display:flex;flex-direction:column;gap:.25rem}.record-status-row{display:flex;align-items:center;gap:.5rem}.status-label{color:#ffffff80;font-size:.8rem}.record-status{padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500}.record-status.status-success{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.record-status.status-pending{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.record-status.status-approved{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.record-status.status-rejected{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.record-delete-btn{background:#ff52521a;border:1px solid rgba(255,82,82,.3);color:#ff5252;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.record-delete-btn:hover{background:#ff525233;border-color:#ff5252}@media(max-width:768px){.upload-tabs{padding:0 1rem}.tab-btn{padding:.6rem 1rem;font-size:.9rem}.upload-form-container{padding:1rem}.upload-records-container{padding:1rem .5rem 1rem 1rem}.record-item{flex-wrap:wrap;gap:.75rem}.record-status-group{width:100%;flex-direction:row;gap:1rem}.record-delete-btn{width:100%;text-align:center}}.record-actions{display:flex;align-items:center;gap:.5rem}.record-reupload-btn{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:gold;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.record-reupload-btn:hover{background:#ffd70033;border-color:gold}.image-preview.existing-image{position:relative}.existing-image-hint{display:block;text-align:center;color:#ffd700b3;font-size:.8rem;margin-top:.5rem}.image-size-error{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;background:#ff6b6b1f;border:1px solid rgba(255,107,107,.3);border-radius:10px;color:#ff8e53;font-size:14px;font-weight:500;line-height:1.4}.image-size-error:before{content:"⚠";flex-shrink:0;font-size:16px}@media(max-width:768px){.record-actions{width:100%;justify-content:flex-end}.record-reupload-btn{flex:1;text-align:center}}.close-warning-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001}.close-warning-modal{background:linear-gradient(180deg,#1e1e32fa,#141423fc);border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:2rem 2.5rem;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 40px #ffd70026}.close-warning-modal .warning-icon{font-size:3rem;margin-bottom:1rem}.close-warning-modal h3{color:gold;font-size:1.5rem;margin:0 0 1rem}.close-warning-modal p{color:#fffc;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.warning-confirm-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#000;border:none;border-radius:12px;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.warning-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.contact-info-section{margin:1.5rem 0;padding:1rem;background:#ffffff08;border:1px solid rgba(255,215,0,.15);border-radius:12px}.contact-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.contact-checkbox{width:20px;height:20px;border-radius:4px;border:2px solid rgba(255,215,0,.5);background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none;transition:all .2s ease;flex-shrink:0}.contact-checkbox:checked{background:#ffd700e6;border-color:#ffd700e6}.contact-checkbox:checked:after{content:"✓";display:block;color:#1a1a2e;font-size:14px;font-weight:700;text-align:center;line-height:16px}.contact-checkbox:hover{border-color:#ffd700cc}.contact-checkbox-text{color:#ffffffd9;font-size:.95rem}.contact-input-wrapper{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-label{display:block;color:#ffffffe6;font-size:.95rem;font-weight:500;margin-bottom:.75rem}.contact-label .required-mark{color:#ff6b6b;margin-left:4px}.contact-input{width:100%;padding:.875rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.contact-input:focus{border-color:#ffd70080;box-shadow:0 0 15px #ffd70026}.contact-input.error{border-color:#ff6b6b}.contact-input.error:focus{box-shadow:0 0 15px #ff6b6b33}.contact-error{display:block;color:#ff6b6b;font-size:.85rem;margin-top:.5rem}.settings{max-width:600px;width:600px;height:auto;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.settings.modal-content{overflow:hidden}.settings .modal-header{border-radius:24px 24px 0 0;flex-shrink:0}.settings-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 16px 0 0;margin:8px 8px 8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.5) transparent}.settings-scroll-container::-webkit-scrollbar{width:5px}.settings-scroll-container::-webkit-scrollbar-track{background:transparent;margin:12px 0}.settings-scroll-container::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background .2s ease}.settings-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.settings-content{padding:1.5rem .5rem 2rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.setting-section{display:flex;flex-direction:column;gap:1rem}.setting-section h3{color:gold;font-size:1.3rem;margin:0;font-weight:600}.segmented-control{width:100%}.segmented-track{position:relative;display:flex;align-items:stretch;background:#0a0a0fe6;border-radius:999px;padding:5px;box-shadow:inset 0 1px 3px #00000080,0 1px #ffffff08;border:1px solid rgba(255,255,255,.05)}.segmented-track-3 .segmented-option{flex:1}.segmented-indicator{position:absolute;top:5px;left:5px;height:calc(100% - 10px);background:radial-gradient(ellipse 70% 60% at 50% 0%,#ffffff2e,#fff0),linear-gradient(135deg,#ffd7002e,#ffed4e1f);border-radius:999px;box-shadow:0 2px 6px #0006,0 4px 12px #0003,inset 0 1px 1px #ffffff26,inset 0 -1px 1px #0000004d,inset 0 0 0 1px #ffffff0d,0 0 20px #ffd7001f;transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.segmented-option{position:relative;z-index:2;flex:1;padding:.9rem 1.2rem;background:transparent;border:none;outline:none;color:#ffffff80;font-size:.95rem;font-weight:500;cursor:pointer;transition:color .3s ease;white-space:nowrap;letter-spacing:.03em;box-shadow:none}.segmented-option:focus,.segmented-option:focus-visible,.segmented-option:active{outline:none!important;border:none;box-shadow:none}.segmented-option:hover:not(.active){color:#ffffffbf}.segmented-option.active{color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.about-text{color:#ffffffb3;line-height:1.8;font-size:1rem;margin:0}.version{color:#fff6;font-size:.9rem;margin:.5rem 0 0;font-family:Courier New,monospace}.setting-toggle{display:flex;flex-direction:column;gap:.75rem}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-text{color:#ffffffe6;font-size:1rem;font-weight:500}.toggle-switch{position:relative;width:56px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff1a;border:1px solid rgba(255,215,0,.3);border-radius:28px;transition:all .3s ease}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background:#fff9;border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#ffd70066,#ffed4e66);border-color:gold}.toggle-switch input:checked+.toggle-slider:before{transform:translate(28px);background:gold;box-shadow:0 0 10px #ffd70080}.toggle-description{color:#ffffff80;font-size:.85rem;margin:0;line-height:1.5}@media(max-width:768px){.settings{width:90vw;max-width:90vw}.settings-content{padding:1rem}.segmented-option{padding:.75rem .8rem;font-size:.85rem}}.about{max-width:800px;width:800px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.about.modal-content{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:24px;box-shadow:none}.about.modal-content:before,.about.modal-content:after{display:none}.about-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.about-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.6;will-change:transform,opacity}.about-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(0,255,150,.7) 0%,transparent 70%);top:-150px;left:-100px;animation:aboutOrbFloat1 15s ease-in-out infinite alternate}.about-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(0,200,255,.6) 0%,transparent 70%);bottom:-120px;right:-100px;animation:aboutOrbFloat2 18s ease-in-out infinite alternate}.about-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(100,255,200,.5) 0%,transparent 70%);top:40%;left:50%;animation:aboutOrbFloat3 12s ease-in-out infinite alternate}@keyframes aboutOrbFloat1{0%{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(80px,60px) scale(1.2);opacity:.7}to{transform:translate(40px,100px) scale(.9);opacity:.5}}@keyframes aboutOrbFloat2{0%{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(-60px,-40px) scale(1.15);opacity:.65}to{transform:translate(-30px,-80px) scale(.95);opacity:.45}}@keyframes aboutOrbFloat3{0%{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(-40px,30px) scale(1.1);opacity:.55}to{transform:translate(20px,-20px) scale(.85);opacity:.4}}.about-glass{position:absolute;inset:0;background:#0a0f1466;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-radius:24px;z-index:1;overflow:hidden}.about-glass:before{content:"";position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:100px 100px;background-repeat:repeat;mix-blend-mode:overlay;pointer-events:none}.about-glass:after{content:"";position:absolute;inset:0;border-radius:24px;border:1px solid transparent;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#ffffff05);background-clip:padding-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.about-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.about .modal-header{background:#0f0f14f2;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;flex-shrink:0;border-radius:24px 24px 0 0}.about .modal-header h2{font-size:1.5rem;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about .close-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-top:-22px}.about .close-button:hover{background:#ff646433;color:#ff6b6b}.about-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 16px 0 0;margin:8px 8px 8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.5) transparent}.about-scroll-container::-webkit-scrollbar{width:5px}.about-scroll-container::-webkit-scrollbar-track{background:transparent;margin:12px 0}.about-scroll-container::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background .2s ease}.about-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffd700cc}.about-inner{padding:1.5rem .5rem 1.5rem 1.5rem}.about-section{margin-bottom:2rem}.about-section:last-child{margin-bottom:0}.section-title{color:gold;font-size:1.2rem;font-weight:600;margin:0 0 1rem;letter-spacing:.02em}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.member-card{background:#14141999;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.member-card:hover{transform:translateY(-4px);background:#1e1e23b3;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffd7000d}.member-avatar{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 1px #ffffff1a,0 2px 8px #0003}.avatar-text{font-size:1.5rem;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.member-info{flex:1;min-width:0}.member-name{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .25rem;letter-spacing:.01em}.member-role{color:gold;font-size:.85rem;font-weight:500;margin:0 0 .75rem;opacity:.9}.advisor-role{color:#00dc82}.member-details{display:flex;flex-direction:column;gap:.35rem}.member-detail{margin:0;font-size:.85rem;line-height:1.4;display:flex;gap:.5rem}.detail-label{color:#fff6;flex-shrink:0}.detail-value{color:#ffffffbf}.advisor-card{background:#00dc820d;border-color:#00dc821a}.advisor-card:hover{background:#00dc821a;border-color:#00dc8233}.thanks-section{background:#ffd70008;border-radius:16px;padding:1.25rem;border:1px solid rgba(255,215,0,.08)}.thanks-content{display:flex;flex-direction:column;gap:.75rem}.thanks-text{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin:0}.about-overlay{animation:fadeIn .3s ease-out}.about{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.about{width:95vw;max-width:95vw}.about-scroll-container{margin:4px 4px 4px 0;padding:0 12px 0 0}.about-inner{padding:1rem .5rem 1rem 1rem}.team-grid{grid-template-columns:1fr}.member-card{padding:1rem}.member-avatar{width:48px;height:48px}.avatar-text{font-size:1.25rem}.member-name{font-size:1rem}.member-detail{font-size:.8rem}}.current-relic-info{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#0f0f14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.4);border-radius:12px;padding:1rem 2rem;z-index:1500;text-align:center;animation:slideUpFade .5s ease;box-shadow:0 8px 30px #0009}.current-relic-info h3{margin:0;font-size:.9rem;color:#ffd700b3;font-weight:500;margin-bottom:.3rem}.current-relic-info p{margin:0;font-size:1.2rem;color:gold;font-weight:600}.viewer-dock{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:4px;padding:6px;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:999px;border:1.4px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 3px #00000080,0 8px 32px #0006,0 1px #ffffff08;z-index:1500;animation:slideUpFade .5s ease}.dock-button{position:relative;width:48px;height:48px;padding:0;background:transparent;border:none;outline:none;cursor:pointer;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.dock-button:focus,.dock-button:focus-visible,.dock-button:active{outline:none;border:none;box-shadow:none}.dock-icon-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(ellipse 70% 60% at 50% 0%,#ffffff14,#fff0),#ffffff08;border:1px solid rgba(255,255,255,.06);transition:all .3s cubic-bezier(.4,0,.2,1)}.dock-button:hover .dock-icon-wrapper{background:radial-gradient(ellipse 70% 60% at 50% 0%,#fff3,#fff0),#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 1px #ffffff26,0 2px 8px #0000004d}.dock-icon{width:24px;height:24px;filter:brightness(0) invert(.7);transition:all .3s cubic-bezier(.4,0,.2,1)}.dock-button:hover .dock-icon{transform:scale(1.2);filter:brightness(0) invert(.9)}.dock-button:nth-child(1):hover .dock-icon{filter:invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(98%) contrast(90%)}.dock-button:nth-child(2):hover .dock-icon{filter:invert(78%) sepia(49%) saturate(600%) hue-rotate(5deg) brightness(103%) contrast(101%)}.dock-button.inactive .dock-icon-wrapper{background:radial-gradient(ellipse 70% 60% at 50% 0%,#ff646414,#ff646400),#ff64640d;border:1px solid rgba(255,100,100,.15)}.dock-button.inactive .dock-icon{filter:brightness(0) invert(.4)}.dock-button.inactive:hover .dock-icon-wrapper{background:radial-gradient(ellipse 70% 60% at 50% 0%,#64ff9626,#64ff9600),#64ff9614;border:1px solid rgba(100,255,150,.2)}.dock-button.inactive:hover .dock-icon{filter:invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(98%) contrast(90%)}.dock-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(8px);padding:8px 14px;background:#141419f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fffffff2;font-size:.85rem;font-weight:500;white-space:nowrap;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0006;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10}.dock-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#141419f2}.dock-button:hover .dock-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.current-relic-info{bottom:6rem;left:1rem;right:1rem;transform:none;padding:.8rem 1.5rem}.current-relic-info h3{font-size:.8rem}.current-relic-info p{font-size:1rem}.viewer-dock{bottom:1rem;right:1rem;padding:5px}.dock-button{width:42px;height:42px}.dock-icon{width:20px;height:20px}.dock-tooltip{display:none}}.relic-viewer-toast{position:fixed;top:100px;left:50%;min-width:200px;padding:16px 28px;z-index:2000;overflow:hidden;border-radius:12px}.toast-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:12px}.toast-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6;will-change:transform,opacity}.toast-orb-1{width:120px;height:120px;background:radial-gradient(circle,rgba(0,255,150,.8) 0%,transparent 70%);top:-30px;left:-20px;animation:toastOrbFloat1 4s ease-in-out infinite alternate}.toast-orb-2{width:100px;height:100px;background:radial-gradient(circle,rgba(0,200,255,.7) 0%,transparent 70%);bottom:-25px;right:-15px;animation:toastOrbFloat2 5s ease-in-out infinite alternate}@keyframes toastOrbFloat1{0%{transform:translate(0) scale(1);opacity:.4}to{transform:translate(15px,10px) scale(1.1);opacity:.7}}@keyframes toastOrbFloat2{0%{transform:translate(0) scale(1);opacity:.4}to{transform:translate(-10px,-15px) scale(1.15);opacity:.65}}.toast-glass{position:absolute;inset:0;background:#0a0f1480;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.toast-glass:before{content:"";position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:100px 100px;background-repeat:repeat;mix-blend-mode:overlay;border-radius:12px}.toast-content{position:relative;z-index:1;text-align:center}.toast-content span{color:#fffffff2;font-size:.95rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.relic-stats{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;color:#fff;text-align:center;width:90%;max-width:1000px;pointer-events:none}.stats-sentence{width:100%;font-size:2.5rem;line-height:1.8;font-weight:300;letter-spacing:.08em;text-shadow:0 4px 20px rgba(0,0,0,.9);white-space:nowrap}.stats-sentence.title{font-size:4rem;font-weight:700;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.2em}.stats-sentence.subtitle{font-size:2rem;color:#ccc;font-style:italic;letter-spacing:.15em}.stats-sentence.highlight{font-size:2.8rem;color:#ff6b6b;font-weight:500;text-shadow:0 0 30px rgba(255,107,107,.6)}.stats-sentence.poem{font-size:2.8rem;color:#d0d0d0;font-style:italic;letter-spacing:.15em}.stats-sentence.quote{font-size:2.2rem;color:gold;font-weight:400;font-style:italic;text-shadow:0 0 25px rgba(255,215,0,.5);letter-spacing:.1em;white-space:normal;max-width:90%}.animated-number{font-size:inherit;font-weight:700;color:gold;text-shadow:0 0 25px rgba(255,215,0,.7);font-variant-numeric:tabular-nums;letter-spacing:.05em;margin:0 .3rem}.stats-sentence.highlight .animated-number{color:#ff6b6b;text-shadow:0 0 35px rgba(255,107,107,.8)}@media(max-width:768px){.stats-sentence{font-size:1.5rem;white-space:normal;max-width:90%}.stats-sentence.title{font-size:2.5rem}.stats-sentence.subtitle{font-size:1.3rem}.stats-sentence.highlight,.stats-sentence.poem{font-size:1.8rem}.stats-sentence.quote{font-size:1.4rem}}.meteor-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;overflow:hidden}.meteor-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.meteor-tooltip-wrapper{position:fixed;pointer-events:none;transform:translate(-50%);z-index:100}.meteor-tooltip{background:#0c0c12eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;min-width:150px;max-width:220px;box-shadow:0 6px 24px #00000080,0 0 40px #00ffe60f,inset 0 1px #ffffff14;animation:tooltipFadeIn .3s cubic-bezier(.16,1,.3,1);pointer-events:none}.meteor-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0c0c12eb}.meteor-tooltip:after{content:"";position:absolute;inset:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none}.meteor-quote{margin:0;color:#fffffff2;font-size:.8rem;line-height:1.5;text-align:center;font-weight:400;letter-spacing:.02em;white-space:normal;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.meteor-tooltip{animation:none}}@media(max-width:768px){.meteor-tooltip{min-width:160px;max-width:240px;padding:10px 14px}.meteor-quote{font-size:.8rem}}.webcam-overlay{position:fixed;bottom:20px;right:20px;width:280px;background:#0f0f19e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:12px;z-index:1000;box-shadow:0 10px 40px #00000080,0 0 30px #ffd7001a}.webcam-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.webcam-title{color:gold;font-size:.85rem;font-weight:500}.webcam-close-btn{width:24px;height:24px;min-width:24px;min-height:24px;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffb3;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-sizing:border-box;padding:0;flex-shrink:0}.webcam-close-btn:hover{background:#ff646433;color:#ff6b6b}.webcam-video-container{position:relative;width:100%;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#00000080}.webcam-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.webcam-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pinch-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffd700e6;border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #ffd70066}.pinch-icon{font-size:1.2rem}.pinch-text{color:#000;font-size:.85rem;font-weight:600}.webcam-status{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 0}.status-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.status-dot.active{background:#4f8;box-shadow:0 0 10px #44ff8880}.status-text{color:#fff9;font-size:.75rem}.webcam-instructions{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.webcam-instructions p{color:#ffffff80;font-size:.7rem;margin:4px 0;line-height:1.4}.webcam-error-container{padding:20px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.webcam-error-icon{font-size:2.5rem;margin-bottom:4px}.webcam-error-message{color:#ffffffd9;font-size:.8rem;line-height:1.5;padding:12px;background:#ff646426;border:1px solid rgba(255,100,100,.3);border-radius:10px;max-width:100%}.webcam-retry-btn{margin-top:8px;padding:10px 24px;background:linear-gradient(135deg,#ffd700e6,#ffed4ee6);color:#000;border:none;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.webcam-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd70066}@media(max-width:480px){.webcam-overlay{width:220px;bottom:10px;right:10px;padding:10px}.webcam-title{font-size:.75rem}.webcam-instructions p{font-size:.65rem}}.browse-mode-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2500}.browse-mode-modal{position:fixed;width:90%;max-width:700px;background:#0f0f19f2;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;z-index:2501;box-shadow:0 25px 50px #00000080,0 0 100px #ffd7001a;overflow:hidden}.browse-mode-modal:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 300px at 30% 20%,rgba(255,215,0,.08),transparent 50%),radial-gradient(circle 250px at 70% 80%,rgba(200,150,255,.06),transparent 50%);pointer-events:none;z-index:0}.browse-mode-modal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.browse-mode-modal>*{position:relative;z-index:2}.close-button{position:absolute;top:1.5rem;right:1.5rem;width:50px;height:50px;min-width:50px;min-height:50px;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:gold;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;z-index:10}.close-button:hover{background:#ff646433;color:#ff6b6b}.browse-mode-header{text-align:center;margin-bottom:2rem;padding:0 1rem}.browse-mode-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:600;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.browse-mode-header p{margin:0;color:#fff9;font-size:.95rem}.browse-mode-cards{display:flex;gap:1.5rem;padding:0 .5rem}.browse-mode-card{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,215,0,.15);border-radius:20px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.browse-mode-card:hover{background:#ffd70014;border-color:#ffd70066;box-shadow:0 10px 40px #ffd70026,0 0 60px #ffd7001a}.browse-mode-card:hover .card-glow{opacity:1}.browse-mode-card:hover .card-icon{transform:scale(1.1);color:gold}.browse-mode-card:hover .card-arrow{transform:translate(5px);opacity:1}.card-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.15),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#ffd700cc;transition:all .3s ease}.card-icon svg{width:100%;height:100%}.card-content{text-align:center;flex:1}.card-content h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#fff}.card-content p{margin:0;font-size:.9rem;color:#ffffff80;line-height:1.5}.card-arrow{width:24px;height:24px;margin-top:1rem;color:#ffd70099;opacity:.5;transition:all .3s ease}.card-arrow svg{width:100%;height:100%}.card-all-relics{background:linear-gradient(135deg,#ffd7000d,#ffffff05)}.card-all-relics:hover{background:linear-gradient(135deg,#ffd7001f,#ffd7000d)}.card-theme{background:linear-gradient(135deg,#c896ff0d,#ffffff05)}.card-theme:hover{background:linear-gradient(135deg,#c896ff1f,#c896ff0d);border-color:#c896ff66;box-shadow:0 10px 40px #c896ff26,0 0 60px #c896ff1a}.card-theme:hover .card-icon{color:#c896ff}.card-theme:hover .card-glow{background:radial-gradient(circle at 50% 0%,rgba(200,150,255,.15),transparent 60%)}.card-theme:hover .card-arrow{color:#c896ffcc}@media(max-width:640px){.browse-mode-modal{width:95%;padding:1.5rem}.browse-mode-cards{flex-direction:column;gap:1rem}.browse-mode-card{flex-direction:row;padding:1.25rem;align-items:center}.card-icon{width:48px;height:48px;margin-bottom:0;margin-right:1rem}.card-content{text-align:left;flex:1}.card-content h3{font-size:1.1rem}.card-content p{font-size:.85rem}.card-arrow{margin-top:0;width:20px;height:20px}.browse-mode-header h2{font-size:1.4rem}.browse-mode-header p{font-size:.85rem}}.theme-gallery-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:3000}.theme-gallery-modal{position:fixed;width:90%;max-width:900px;max-height:85vh;background:linear-gradient(135deg,#14141efa,#0a0a12fc);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,215,0,.15);border-radius:24px;padding:2.5rem;z-index:3001;box-shadow:0 30px 60px #0009,0 0 120px #ffd70014;overflow:hidden}.theme-gallery-modal:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 400px at 50% 20%,rgba(255,215,0,.08),transparent 50%),radial-gradient(circle 300px at 20% 80%,rgba(139,90,43,.06),transparent 50%);pointer-events:none;z-index:0}.theme-gallery-modal>*{position:relative;z-index:2}.theme-gallery-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,215,0,.1)}.theme-gallery-title{font-size:2rem;font-weight:600;color:gold;margin:0 0 .5rem;letter-spacing:.05em}.theme-gallery-subtitle{font-size:1rem;color:#fff9;margin:0}.theme-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-height:60vh;overflow-y:auto;padding-right:.5rem}.theme-gallery-grid::-webkit-scrollbar{width:6px}.theme-gallery-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.theme-gallery-grid::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.theme-gallery-grid::-webkit-scrollbar-thumb:hover{background:#ffd70080}.theme-card{position:relative;background:#ffffff08;border:1px solid rgba(255,215,0,.12);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-card:hover{border-color:#ffd70066}.theme-card-thumbnail{position:relative;width:100%;height:160px;overflow:hidden}.theme-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.theme-card:hover .theme-card-thumbnail img{transform:scale(1.08)}.theme-card-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);pointer-events:none}.theme-card-play{position:absolute;top:40%;left:42%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ffd700e6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ffd70066}.theme-card-play svg{width:28px;height:28px;color:#000;margin-left:4px}.theme-card-content{padding:1.25rem;background:#0f0f19e6}.theme-card-name{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .5rem;line-height:1.3}.theme-card-count{font-size:.85rem;color:#ffd700b3;margin:0}.theme-gallery-empty{text-align:center;padding:3rem;color:#ffffff80}@media(max-width:768px){.theme-gallery-modal{width:95%;padding:1.5rem;max-height:90vh}.theme-gallery-title{font-size:1.5rem}.theme-gallery-grid{grid-template-columns:1fr;max-height:70vh}.theme-card-thumbnail{height:140px}}.scrolling-text-panel{position:fixed;right:24px;top:calc(50% - 90px);transform:translateY(-50%);width:320px;height:60vh;min-height:400px;max-height:600px;background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.3);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;z-index:9999}.scrolling-text-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,215,0,.2);background:#ffd70014;flex-shrink:0}.scrolling-text-title{font-size:.9rem;font-weight:600;color:gold;margin:0;letter-spacing:.05em;text-shadow:0 0 10px rgba(255,215,0,.3)}.voice-btn{width:42px;height:42px;padding:0;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:50%;color:gold;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.voice-btn:hover:not(.disabled){background:#ffd70033;border-color:#ffd70080;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.voice-btn.disabled{opacity:.4;cursor:not-allowed}.voice-btn.disabled:hover{transform:none;box-shadow:none}.voice-btn.playing{background:#ffd70033;border-color:#ffd70080}.voice-icon{width:24px;height:24px;flex-shrink:0}.voice-icon-wrapper{width:22px;height:22px;overflow:hidden;display:flex;align-items:center;justify-content:center}.voice-wave{transition:none}.scrolling-text-container{flex:1;position:relative;overflow:hidden;min-height:0}@keyframes scrollTextUp{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}.animate-scroll-up{animation:scrollTextUp linear forwards}.animation-paused{animation-play-state:paused}.scrolling-text-content{position:absolute;width:100%;padding:1.5rem;white-space:pre-wrap;word-break:break-word}.text-line{font-size:.9rem;line-height:1.8;color:#fff;margin:0 0 1rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.text-line:first-child{font-size:1rem;font-weight:600;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.scrolling-text-fade-top,.scrolling-text-fade-bottom{position:absolute;left:0;right:0;height:50px;pointer-events:none;z-index:5}.scrolling-text-fade-top{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,transparent 100%)}.scrolling-text-fade-bottom{bottom:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%)}@media(max-width:1200px){.scrolling-text-panel{width:280px;right:16px}}@media(max-width:768px){.scrolling-text-panel{position:fixed;inset:auto 16px 130px;transform:none;width:auto;height:180px;max-height:none;border-radius:12px}.scrolling-text-header{padding:.75rem 1rem}.text-line{font-size:.8rem;line-height:1.6;margin-bottom:.5rem}}.fullscreen-mindmap-portal{position:fixed;inset:0;width:100vw;height:100vh;z-index:99999;background:#000000d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:center;overflow:hidden}.fullscreen-mindmap-portal .close-button{position:absolute;top:2rem;right:2rem;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;transition:all .3s ease}.fullscreen-mindmap-portal .close-button:hover{background:#fff3;border-color:#ffffff73;transform:scale(1.1)}.fullscreen-mindmap-canvas{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:grab;padding:6rem 4rem 4rem;position:relative;min-width:0}.fullscreen-mindmap-canvas:active{cursor:grabbing}.fullscreen-mindmap-content{display:inline-block;min-width:max-content;-webkit-user-select:none;user-select:none;position:relative}.fullscreen-mindmap-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#ffffff59;font-size:13px;letter-spacing:2px;pointer-events:none;white-space:nowrap}.mind-map-timeline-container{position:absolute;bottom:0;left:0;right:0;height:180px;background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,215,0,.15);z-index:10;display:flex;flex-direction:row;align-items:center;padding:0 20px;gap:16px}.mind-map-left-controls{flex-shrink:0;z-index:20;display:flex;flex-direction:column;align-items:center;gap:8px}.timeline-play-btn{width:48px;height:48px;background:#ffd70026;border:1px solid rgba(255,215,0,.4);border-radius:50%;color:gold;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.timeline-play-btn:hover{background:#ffd70040;border-color:#ffd70099;transform:scale(1.05)}.timeline-play-btn svg{width:24px;height:24px}.timeline-speed-btn{width:40px;height:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.timeline-speed-btn:hover{background:#ffd7001f;border-color:#ffd70073;transform:scale(1.1)}.timeline-speed-btn.active{background:#ffd70033;border-color:#ffd70099;box-shadow:0 0 12px #ffd7004d}.timeline-speed-icon{width:18px;height:18px;filter:invert(1) opacity(.6);transition:filter .3s ease}.timeline-speed-btn:hover .timeline-speed-icon,.timeline-speed-btn.active .timeline-speed-icon{filter:invert(78%) sepia(49%) saturate(600%) hue-rotate(5deg) brightness(103%) contrast(101%)}.speed-badge{position:absolute;bottom:-2px;right:-2px;font-size:.5rem;font-weight:700;color:gold;background:#000000e6;padding:1px 3px;border-radius:3px;line-height:1}.mind-map-right-controls{flex-shrink:0;margin-left:auto;z-index:50}.timeline-fullscreen-btn{width:40px;height:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.timeline-fullscreen-btn:hover{background:#ffd7001f;border-color:#ffd70073;color:gold;transform:scale(1.1)}.timeline-fullscreen-btn:hover .mindmap-fullscreen-icon{filter:invert(78%) sepia(49%) saturate(600%) hue-rotate(5deg) brightness(103%) contrast(101%)}.mindmap-fullscreen-icon{width:16px;height:16px;flex-shrink:0;filter:invert(1) opacity(.6);transition:filter .3s ease}.mind-map-scroll-viewport{flex:1;min-width:0;height:100%;overflow:hidden;cursor:grab;position:relative;z-index:10}.mind-map-scroll-viewport:active{cursor:grabbing}.mind-map-draggable-canvas{display:flex;flex-direction:row;align-items:center;height:auto;min-height:100%;padding:20px 8px;box-sizing:border-box;position:relative}.mind-map-tree-root{display:flex;flex-direction:row;align-items:center}.mind-map-node-wrapper{display:flex;flex-direction:row;align-items:center;position:relative}.mind-map-node{flex-shrink:0;min-width:160px;max-width:200px;height:70px;background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}.mind-map-node.locked{opacity:.3;filter:grayscale(100%);pointer-events:none;cursor:default}.mind-map-node.unlocked{opacity:.7;filter:none;background:#ffffff14;border-color:#ffd7004d;cursor:pointer}.mind-map-node.completed{opacity:1;filter:none;background:#ffd70014;border-color:#ffd70066}.mind-map-node.active{opacity:1;filter:none;background:#ffd70026;border-color:#ffd70099;box-shadow:0 0 20px #ffd7004d;animation:pulse-active 2s ease-in-out infinite;pointer-events:none;cursor:default}.mind-map-node.selecting{opacity:1;filter:none;pointer-events:auto;cursor:pointer;animation:pulse-selecting 1s ease-in-out infinite}.mind-map-node.disabled-click{pointer-events:none!important;cursor:not-allowed!important}.mind-map-node.dead-node{pointer-events:none!important;cursor:default!important;opacity:.5!important}.mind-map-node.waiting-selection{animation:pulse-waiting 1.5s ease-in-out infinite}@keyframes pulse-waiting{0%,to{box-shadow:0 0 15px #ffd70066,0 0 30px #ffd70033;transform:scale(1)}50%{box-shadow:0 0 25px #ffd70099,0 0 50px #ffd7004d;transform:scale(1.03)}}.mind-map-node.playing-locked{pointer-events:none!important;cursor:not-allowed!important;opacity:.6!important;filter:grayscale(50%)}@keyframes pulse-active{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 30px #ffd70080}}@keyframes pulse-selecting{0%,to{border-color:#ffd70066;transform:scale(1)}50%{border-color:#ffd700cc;transform:scale(1.02)}}.node-year{font-size:.65rem;color:#ffd700cc;font-weight:600;margin-bottom:2px}.node-location{font-size:.7rem;color:#ffffffe6;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.node-relics-count{font-size:.6rem;color:#ffffff80;margin-top:2px}.node-branch-indicator{position:absolute;top:4px;right:4px;color:#ffd70099}.node-select-hint{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:.55rem;color:#ffd700cc;white-space:nowrap;background:#000000e6;padding:2px 6px;border-radius:4px;z-index:10}.mind-map-children-container{position:relative;display:flex;flex-direction:row;align-items:center}.mind-map-connector-svg{flex-shrink:0}.mind-map-children-list{display:flex;flex-direction:column;justify-content:center;gap:16px}.mind-map-children-list .mind-map-node-wrapper{margin-left:0}.theme-player-container{position:fixed;inset:0;z-index:4000;overflow:hidden}.theme-player-intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000}.theme-player-loading{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:#fffc}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}.theme-player-error{text-align:center;color:#ff6b6b}.error-detail{font-size:.875rem;color:#ffffff80;margin-top:.5rem}.theme-player-title-fullscreen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000}.title-image-fullscreen{width:100%;height:100%;object-fit:cover}.title-fallback-fullscreen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000}.title-fallback-fullscreen h1{font-size:3.5rem;color:gold;text-shadow:0 0 60px rgba(255,215,0,.5);letter-spacing:.15em;text-align:center;padding:0 2rem}.theme-player-theater{position:absolute;inset:0}.theater-backdrop{position:absolute;inset:0;background:radial-gradient(circle 600px at 30% 50%,rgba(255,215,0,.03),transparent 50%),radial-gradient(circle 400px at 70% 30%,rgba(139,90,43,.04),transparent 50%);pointer-events:none}.theater-3d-area{position:absolute;inset:0 320px 180px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.theater-3d-area>*{width:100%;height:100%}.earth-placeholder{width:60%;height:60%;background:#ffd7000d;border:1px dashed rgba(255,215,0,.2);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff6;font-size:1rem}.coord-info{margin-top:1rem;font-size:.875rem;color:#ffd70099}.theater-close{position:absolute;top:1.5rem;right:1.5rem;z-index:20}.theme-player-coming-soon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a14,#05050f)}.coming-soon-content{text-align:center;padding:3rem}.coming-soon-icon{width:100px;height:100px;margin:0 auto 2rem;color:#ffd7004d;animation:pulse 2s ease-in-out infinite}.coming-soon-icon svg{width:100%;height:100%}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.5}}.coming-soon-title{font-size:3rem;font-weight:600;color:gold;margin:0 0 1rem;letter-spacing:.1em;text-shadow:0 0 40px rgba(255,215,0,.4)}.coming-soon-subtitle{font-size:1.25rem;color:#fff9;margin:0 0 2rem;letter-spacing:.05em}.coming-soon-theme-name{font-size:1rem;color:#ffd70080;margin:0;padding:.75rem 1.5rem;border:1px solid rgba(255,215,0,.2);border-radius:30px;display:inline-block}.coming-soon-close{position:absolute;top:2rem;right:2rem}@media(max-width:1024px){.theater-3d-area{right:280px}}@media(max-width:768px){.title-fallback-fullscreen h1,.coming-soon-title{font-size:2rem}.coming-soon-subtitle{font-size:1rem}.coming-soon-icon{width:70px;height:70px}.theater-3d-area{right:0;bottom:200px}}.login-prompt-modal{width:400px!important;max-width:90vw!important;height:auto!important;max-height:none!important;padding:40px 36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.login-prompt-icon{width:64px;height:64px;color:gold;margin-bottom:4px}.login-prompt-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 12px rgba(255,215,0,.4))}.login-prompt-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0;letter-spacing:.05em}.login-prompt-text{font-size:.95rem;color:#ffffffa6;line-height:1.6;margin:0}.login-prompt-actions{display:flex;gap:16px;margin-top:12px;width:100%}.login-prompt-btn{flex:1;padding:12px 24px;border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.05em}.login-prompt-btn.cancel-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#fff9}.login-prompt-btn.cancel-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#ffffffd9}.login-prompt-btn.login-btn{background:linear-gradient(135deg,#ffd70033,#ffaa0026);border:1px solid rgba(255,215,0,.4);color:gold}.login-prompt-btn.login-btn:hover{background:linear-gradient(135deg,#ffd7004d,#ffaa0040);border-color:#ffd70099;box-shadow:0 0 20px #ffd70033;transform:translateY(-1px)}.login-prompt-btn.login-btn:active{transform:translateY(0)}@media(max-width:480px){.login-prompt-modal{padding:32px 24px 24px}.login-prompt-icon{width:48px;height:48px}.login-prompt-title{font-size:1.25rem}.login-prompt-actions{flex-direction:column}}.location-popup-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center}.location-popup{width:420px;max-width:90vw;max-height:80vh;background:#0f0f19f2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,215,0,.25);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 40px #ffd70014,0 20px 60px #00000080,inset 0 1px #ffffff0f}.location-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,215,0,.12);background:linear-gradient(180deg,rgba(255,215,0,.06) 0%,transparent 100%)}.location-popup-title-row{display:flex;align-items:center;gap:10px}.location-popup-pin{color:gold;display:flex;align-items:center;filter:drop-shadow(0 0 6px rgba(255,215,0,.4))}.location-popup-name{font-size:1.15rem;font-weight:600;color:gold;margin:0;letter-spacing:.03em;text-shadow:0 0 12px rgba(255,215,0,.25)}.location-popup-close{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:gold;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;box-sizing:border-box}.location-popup-close:hover{background:#ff646433;color:#ff6b6b}.location-popup-grid-toggle{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;box-sizing:border-box;margin-left:auto;margin-right:8px}.location-popup-grid-toggle:hover{background:#ffd70026;border-color:#ffd70066}.location-popup-grid-toggle.active{background:#ffd70033;border-color:#ffd70080}.grid-toggle-icon{width:18px;height:18px;filter:invert(1) opacity(.6);transition:filter .2s ease}.location-popup-grid-toggle:hover .grid-toggle-icon,.location-popup-grid-toggle.active .grid-toggle-icon{filter:invert(78%) sepia(49%) saturate(600%) hue-rotate(5deg) brightness(103%) contrast(101%)}.location-popup-stats{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px;border-bottom:1px solid rgba(255,215,0,.08)}.location-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.location-stat-number{font-size:1.4rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.location-stat-number.housed{color:#4f8;text-shadow:0 0 10px rgba(68,255,136,.3)}.location-stat-number.lost{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.3)}.location-stat-label{font-size:.7rem;color:#ffffff80;letter-spacing:.05em}.location-stat-divider{width:1px;height:28px;background:#ffffff1a}.location-popup-body{flex:1;overflow-y:auto;padding:16px 24px 20px}.location-popup-body::-webkit-scrollbar{width:4px}.location-popup-body::-webkit-scrollbar-track{background:transparent}.location-popup-body::-webkit-scrollbar-thumb{background:#ffd70033;border-radius:2px}.location-popup-empty{text-align:center;padding:32px 0;color:#fff6;font-size:.9rem}.location-popup-section{margin-bottom:16px}.location-popup-section:last-child{margin-bottom:0}.location-popup-section-title{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:#ffffffb3;margin:0 0 10px;letter-spacing:.04em;text-transform:uppercase}.section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.section-dot.housed{background:#4f8;box-shadow:0 0 8px #44ff8880}.section-dot.lost{background:#ff6b6b;box-shadow:0 0 8px #ff6b6b80}.location-popup-relics{display:flex;flex-direction:column;gap:8px}.location-relic-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .25s ease;cursor:pointer}.location-relic-card:hover{background:#ffd70014;border-color:#ffd7004d}.location-relic-image{width:40px;height:40px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#ffd70014;border:1px solid rgba(255,215,0,.15);display:flex;align-items:center;justify-content:center}.location-relic-image img{width:100%;height:100%;object-fit:cover}.location-relic-image-fallback{font-size:1rem;font-weight:700;color:gold}.location-relic-info{display:flex;flex-direction:column;gap:3px;min-width:0}.location-relic-name{font-size:.85rem;font-weight:500;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-relic-status{font-size:.65rem;font-weight:600;letter-spacing:.04em}.location-relic-status.returned{color:#4f8}.location-relic-status.lost{color:#ff6b6b}.popup-relic-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.popup-source-badge{display:inline-block;padding:1px 6px;border-radius:10px;font-size:.6rem;font-weight:600;letter-spacing:.03em;flex-shrink:0}.popup-source-badge.official{color:gold;border:1px solid rgba(255,215,0,.35);background:#ffd70014}.popup-source-badge.user{color:#64b5f6;border:1px solid rgba(100,181,246,.35);background:#64b5f614}.grid-card-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.location-popup.grid-mode{width:900px;max-width:92vw}.location-popup-body.grid-body{padding:20px 28px 24px}.location-popup-relics.grid-relics{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.location-relic-card.grid-card{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.grid-card-image{width:100%;height:140px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffd7000f}.grid-card-image img{width:100%;height:100%;object-fit:cover}.grid-card-content{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}.grid-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.grid-card-header .location-relic-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-card-description{margin:0;font-size:.75rem;color:#ffffff8c;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.grid-card-stop{display:flex;align-items:center;gap:5px;font-size:.7rem;color:#ffd700b3}.grid-card-stop svg{flex-shrink:0}@media(max-width:768px){.location-popup{width:100%;max-width:100%;max-height:70vh;border-radius:16px 16px 0 0;align-self:flex-end}.location-popup.grid-mode{width:100%;max-width:100%}.location-popup-relics.grid-relics{grid-template-columns:1fr}.location-popup-backdrop{align-items:flex-end}.location-popup-header{padding:16px 20px 12px}.location-popup-name{font-size:1rem}.location-popup-body{padding:12px 20px 16px}}.announcement-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:100000;animation:fadeIn .3s ease}.announcement-modal{position:relative;background:#0f0f1eeb;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,215,0,.25);border-radius:20px;width:480px;max-width:90vw;height:auto;max-height:85vh;padding:40px 36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 32px #0006,0 0 24px #ffd70014}.announcement-icon{width:56px;height:56px;color:gold;margin-bottom:4px}.announcement-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 12px rgba(255,215,0,.4))}.announcement-title{font-size:1.4rem;font-weight:600;color:gold;margin:0;letter-spacing:.1em}.announcement-text{font-size:.95rem;color:#ffffffc7;line-height:1.8;margin:0;text-align:justify;padding:0 4px}.announcement-actions{display:flex;gap:16px;margin-top:12px;width:100%}.announcement-btn{flex:1;padding:12px 24px;border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.05em}.announcement-btn.confirm-btn{background:linear-gradient(135deg,#ffd70033,#ffaa0026);border:1px solid rgba(255,215,0,.4);color:gold}.announcement-btn.confirm-btn:hover{background:linear-gradient(135deg,#ffd7004d,#ffaa0040);border-color:#ffd70099;box-shadow:0 0 20px #ffd70033;transform:translateY(-1px)}.announcement-btn.confirm-btn:active{transform:translateY(0)}@media(max-width:480px){.announcement-modal{padding:32px 24px 24px}.announcement-icon{width:44px;height:44px}.announcement-title{font-size:1.2rem}.announcement-text{font-size:.88rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app{width:100vw;height:100vh;position:relative;overflow:hidden}.scene-container{width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffd70080}.loading-overlay,.error-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000c;z-index:9999;color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,215,0,.3);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-overlay p,.error-overlay p{font-size:18px;color:#ffffffe6}.error-overlay button{margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:8px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.error-overlay button:hover{transform:scale(1.05);box-shadow:0 4px 20px #ffd70066}.app-footer{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:100;font-size:12px;color:#ffffff80;text-align:center;pointer-events:auto}.app-footer a{color:#fff9;text-decoration:none;transition:color .2s}.app-footer a:hover{color:#ffffffe6}.app-footer .footer-divider{color:#ffffff4d}.app-footer .gongan-link{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}.app-footer .gongan-icon{width:14px;height:14px;vertical-align:middle;margin-top:-5px}.app-footer .gongan-link span{display:inline-block;vertical-align:middle;margin-top:-4px}.admin-dashboard{width:100vw;height:100vh;min-height:100vh;background:linear-gradient(180deg,#141423fa,#0a0a14fa);padding:2rem;overflow-y:auto;box-sizing:border-box}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;text-align:left}.admin-header h1{color:gold;font-size:1.8rem;font-weight:600;margin:0}.admin-header p{color:#ffffff80;font-size:.9rem;margin:.25rem 0 0}.admin-user-info{display:flex;align-items:center;gap:1rem}.admin-username{color:#ffffffb3;font-size:.9rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:10px;color:#ff3b30;font-size:.85rem;cursor:pointer;transition:all .3s ease}.logout-btn svg{width:16px;height:16px}.logout-btn:hover{background:#ff3b3033;border-color:#ff3b3080}.tab-container{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:#0000004d;border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px;color:#fff9;font-size:.95rem;cursor:pointer;transition:all .3s ease;position:relative}.tab-btn svg{width:18px;height:18px}.tab-btn:hover{color:#ffffffe6;background:#ffffff0d}.tab-btn.active{background:#ffd70026;color:gold;font-weight:500}.tab-badge{position:absolute;top:.25rem;right:.25rem;min-width:18px;height:18px;padding:0 5px;background:#ff3b30;border-radius:9px;font-size:.7rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;text-align:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stat-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.stat-card.pending{background:#ff980014;border-color:#ff980033}.stat-card.pending:hover{background:#ff98001f;border-color:#ff980066}.stat-card.approved{background:#4caf5014;border-color:#4caf5033}.stat-card.approved:hover{background:#4caf501f;border-color:#4caf5066}.stat-card.rejected{background:#f4433614;border-color:#f4433633}.stat-card.rejected:hover{background:#f443361f;border-color:#f4433666}.stat-card.official{background:#2196f314;border-color:#2196f333}.stat-card.official:hover{background:#2196f31f;border-color:#2196f366}.stat-card.user{background:#9c27b014;border-color:#9c27b033}.stat-card.user:hover{background:#9c27b01f;border-color:#9c27b066}.stat-value{font-size:2rem;font-weight:700;color:#fff;display:block;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:#fff9}.filter-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#0003;border-radius:10px;margin-bottom:1.5rem;flex-wrap:wrap}.filter-bar span{color:#ffffff80;font-size:.85rem}.filter-btn{padding:.4rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .3s ease;font-size:.85rem}.filter-btn:hover{background:#ffffff14;border-color:#fff3}.filter-btn.active{background:#ffd70026;border-color:#ffd70066;color:gold}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#ffffff80}.spinner{width:40px;height:40px;border:3px solid rgba(255,215,0,.3);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.relics-table{background:#141419cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.relics-table table{width:100%;border-collapse:collapse}.relics-table thead{background:#0000004d}.relics-table th{padding:.75rem 1rem;text-align:left;color:#ffd700cc;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,215,0,.15)}.relics-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .3s ease}.relics-table tbody tr:hover{background:#ffffff08}.relics-table tbody tr.processing{opacity:.5}.relics-table td{padding:.75rem 1rem}.name-cell{min-width:180px}.relic-name{font-weight:500;color:#fff;font-size:.9rem}.relic-name-en{font-size:.75rem;color:#fff6;margin-top:.2rem}.desc-cell{max-width:250px}.desc-preview{color:#ffffff80;font-size:.8rem}.time-cell{min-width:130px;color:#fff6;font-size:.8rem}.status-badge{padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500;display:inline-block}.status-pending{background:#ff980026;color:#ff9800}.status-approved{background:#4caf5026;color:#4caf50}.status-rejected{background:#f4433626;color:#f44336}.status-returned{background:#4caf5026;color:#4caf50}.status-lost{background:#ff980026;color:#ff9800}.source-badge{padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500;display:inline-block}.source-std{background:#2196f326;color:#2196f3}.source-user{background:#9c27b026;color:#9c27b0}.actions-cell{min-width:200px}.action-btn{padding:.35rem .7rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff08;color:#fff9;cursor:pointer;transition:all .3s ease;font-size:.8rem;margin-right:.4rem}.action-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.action-btn:disabled{opacity:.5;cursor:not-allowed}.view-btn{color:gold}.edit-btn{color:#2196f3}.approve-btn{color:#4caf50}.reject-btn{color:#f44336}.delete-btn{color:#ff5252}.edit-modal{max-width:700px;width:90%;max-height:85vh;background:#191923f2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.edit-modal-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 3.5rem 1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.edit-modal-header h2{color:gold;font-size:1.1rem;font-weight:500;margin:0}.edit-modal-header .close-button{position:absolute;top:.5rem;right:.75rem;width:36px;height:36px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:gold;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;margin-top:10px}.edit-modal-header .close-button:hover{background:#ffffff26;border-color:#ffd7004d;box-shadow:0 4px 15px #ffd70033}.edit-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.relic-detail-content .modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.relic-detail-content .modal-header h2{text-align:left;margin-left:0;padding-left:0;align-self:flex-start}.relic-detail-content .modal-header .close-button{position:absolute;top:1rem;right:1.5rem;margin-top:20px}.edit-section{margin-bottom:1.5rem}.edit-section h3{color:#ffffffe6;font-size:.95rem;font-weight:500;margin:0 0 1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-journey-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:6px;color:gold;font-size:.8rem;cursor:pointer;transition:all .3s ease}.add-journey-btn svg{width:14px;height:14px}.add-journey-btn:hover{background:#ffd70026;border-color:#ffd70080}.edit-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.edit-form-item{display:flex;flex-direction:column;gap:.4rem}.edit-form-item.full-width{grid-column:span 2}.edit-form-item label{color:#fff9;font-size:.8rem}.edit-form-item input,.edit-form-item textarea,.edit-form-item select{padding:.6rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease}.edit-form-item input:focus,.edit-form-item textarea:focus,.edit-form-item select:focus{outline:none;border-color:#ffd70066;background:#ffffff14}.edit-form-item textarea{resize:vertical;min-height:60px}.journey-edit-list{display:flex;flex-direction:column;gap:1rem}.journey-edit-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem}.journey-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.journey-edit-number{color:gold;font-size:.85rem;font-weight:500}.remove-journey-btn{padding:.3rem;background:#f443361a;border:none;border-radius:4px;color:#f44336;cursor:pointer;transition:all .3s ease}.remove-journey-btn svg{width:14px;height:14px}.remove-journey-btn:hover{background:#f4433633}.edit-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.08)}.cancel-btn{padding:.6rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#ffffff1a}.save-btn{padding:.6rem 1.5rem;background:#ffd70026;border:1px solid rgba(255,215,0,.4);border-radius:8px;color:gold;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.save-btn:hover:not(:disabled){background:#ffd70040;border-color:#ffd70099}.save-btn:disabled{opacity:.6;cursor:not-allowed}.header-badges{display:flex;gap:.5rem;margin-bottom:.5rem}.dock-icon-svg{width:20px;height:20px}.uploader-info-section{margin:1rem 0;padding:1rem;background:#4a9eff14;border:1px solid rgba(74,158,255,.2);border-radius:10px}.uploader-info-section h3{color:#4a9eff;font-size:.95rem;font-weight:500;margin:0 0 .75rem}.uploader-info-content{display:flex;align-items:center}.uploader-badge{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#4a9eff1a;border-radius:8px;border:1px solid rgba(74,158,255,.25)}.uploader-icon{width:24px;height:24px;color:#4a9eff;flex-shrink:0}.uploader-details{display:flex;flex-direction:column;gap:.25rem}.uploader-name{color:#fff;font-size:.95rem;font-weight:500}.uploader-no{color:#fff9;font-size:.8rem}.uploader-contact-section{margin:1rem 0;padding:1rem;background:#ffd7000d;border:1px solid rgba(255,215,0,.15);border-radius:10px}.uploader-contact-section h3{color:gold;font-size:.95rem;font-weight:500;margin:0 0 .5rem}.uploader-contact-section .contact-text{color:#ffffffd9;font-size:.95rem;margin:0;word-break:break-all}.echo-user-cell{display:flex;align-items:center;gap:8px}.echo-avatar-mini{width:28px;height:28px;border-radius:50%;overflow:hidden;background:#ffd7001a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.echo-avatar-mini img{width:100%;height:100%;object-fit:cover}.echo-avatar-mini span{font-size:12px;font-weight:600;color:gold}.echo-user-info{display:flex;flex-direction:column;gap:1px}.echo-username-text{font-size:13px;font-weight:500;color:#ffffffd9}.echo-user-no{font-size:11px;color:#ffffff59;font-family:monospace}.echo-type-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.echo-type-comment{background:#64b5f61f;border:1px solid rgba(100,181,246,.25);color:#64b5f6}.echo-type-clue{background:#ffd7001f;border:1px solid rgba(255,215,0,.25);color:gold}.echo-relic-id{font-family:monospace;font-size:12px;color:#ffffff80}.echo-location-preview{font-size:11px;color:#ffd70099;margin-top:4px}.echo-reply-preview{color:#ffd700b3!important;font-style:italic}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}.tab-container{flex-wrap:wrap}.tab-btn{padding:.6rem 1rem;font-size:.85rem}.relics-table{font-size:.8rem}.relics-table th,.relics-table td{padding:.5rem}.actions-cell{min-width:auto}.action-btn{padding:.3rem .5rem;font-size:.75rem;margin-right:.2rem}.name-cell{min-width:120px}.edit-form-grid{grid-template-columns:1fr}.edit-form-item.full-width{grid-column:span 1}}.login-container{width:100vw;height:100vh;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);position:relative;overflow:hidden;padding:2rem;box-sizing:border-box}.login-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.login-orb-1{width:400px;height:400px;background:linear-gradient(135deg,#007aff,#5856d6);top:-100px;right:-100px}.login-orb-2{width:300px;height:300px;background:linear-gradient(135deg,#34c759,#30d158);bottom:-50px;left:-50px;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-card{width:100%;max-width:420px;background:#ffffff14;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:24px;border:1px solid rgba(255,255,255,.12);padding:3rem 2.5rem;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d inset}.login-header{text-align:center;margin-bottom:2.5rem}.login-icon{width:64px;height:64px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #007aff4d}.login-icon svg{width:32px;height:32px;color:#fff}.login-header h1{font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.login-header p{font-size:.95rem;color:#ffffff80;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ff3b3026;border:1px solid rgba(255,59,48,.3);border-radius:14px;color:#ff3b30;font-size:.9rem}.error-message svg{width:18px;height:18px;flex-shrink:0}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.85rem;font-weight:500;color:#ffffffb3;padding-left:.25rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;width:20px;height:20px;color:#fff6;pointer-events:none;z-index:1}.input-wrapper input{width:100%;padding:1rem 1rem 1rem 3rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:1rem;transition:all .3s ease;outline:none}.input-wrapper input::placeholder{color:#ffffff59}.input-wrapper input:focus{background:#ffffff1a;border-color:#007aff;box-shadow:0 0 0 4px #007aff26,0 4px 12px #0000001a}.input-wrapper input:focus+.input-icon,.input-wrapper input:focus~.input-icon{color:#007aff}.login-button{margin-top:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#007aff,#5856d6);border:none;border-radius:14px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #007aff4d;display:flex;align-items:center;justify-content:center;min-height:52px}.login-button:hover:not(:disabled){box-shadow:0 8px 24px #007aff66;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:2rem;text-align:center}.back-link{background:none;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;transition:color .3s ease;padding:.5rem}.back-link:hover{color:#007aff}@media(max-width:480px){.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}.login-icon{width:56px;height:56px;border-radius:16px}.login-icon svg{width:28px;height:28px}}.user-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a0f,#1a1510,#0d0d0d)}.user-login-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.user-login-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,gold,#ff8c00);top:-100px;right:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:linear-gradient(135deg,gold,#daa520);bottom:-50px;left:-50px;animation-delay:-7s}.orb-3{width:250px;height:250px;background:linear-gradient(135deg,#b8860b,gold);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}.user-login-card{position:relative;width:100%;max-width:420px;margin:20px;padding:40px;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:none;box-shadow:0 25px 50px -12px #0009,0 0 80px #ffd70014,inset 0 1px #ffd70026,inset 0 -1px #0000004d}.user-login-card:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,#ffd70066,#8b5a2b33,#1e1e1e4d,#8b5a2b33,#ffd70066);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.user-login-header{text-align:center;margin-bottom:32px}.user-login-icon{width:64px;height:64px;margin:0 auto 16px;padding:16px;background:linear-gradient(135deg,#ffd70026,#8b5a2b1a);border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 1px #ffd70033,inset 0 -1px #0003}.user-login-icon:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,#ffd70080,#8b5a2b4d,#ffd70080);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.user-login-icon svg{width:32px;height:32px;color:gold}.user-login-header h1{font-size:28px;font-weight:600;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.user-login-header p{font-size:15px;color:#fff9;margin:0}.user-login-form{display:flex;flex-direction:column}.user-login-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);border-radius:12px;color:#ff6b6b;font-size:14px;overflow:hidden}.user-login-error svg{width:18px;height:18px;flex-shrink:0}.user-login-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#4caf5026;border:1px solid rgba(76,175,80,.3);border-radius:12px;color:#4caf50;font-size:14px;overflow:hidden}.user-login-success svg{width:18px;height:18px;flex-shrink:0}.user-login-input-group{margin-bottom:16px}.user-login-input-group label{display:block;font-size:14px;font-weight:500;color:#fffc;margin-bottom:8px}.user-login-input-wrapper{position:relative;display:flex;align-items:center}.user-login-input-icon{position:absolute;left:16px;width:20px;height:20px;color:#fff6;pointer-events:none;z-index:1}.user-login-input-wrapper input{width:100%;padding:14px 16px 14px 48px;font-size:15px;color:#fff;background:#05050a99;border:none;border-radius:14px;outline:none;transition:all .3s ease;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0003}.user-login-input-wrapper:before{content:"";position:absolute;inset:0;border-radius:14px;padding:1px;background:linear-gradient(135deg,#ffd70033,#3c3c3c4d,#ffd70033);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .3s ease}.user-login-input-wrapper:focus-within:before{background:linear-gradient(135deg,#ffd70099,#8b5a2b66,#ffd70099)}.user-login-input-wrapper input::placeholder{color:#ffffff59}.user-login-input-wrapper input:focus{background:#ffffff1a;border-color:#ffd70080;box-shadow:0 0 0 3px #ffd70026}.user-login-button{width:100%;padding:16px;margin-top:8px;font-size:16px;font-weight:600;color:#000;background:linear-gradient(135deg,gold,#daa520);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.user-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px -10px #ffd70080}.user-login-button:active:not(:disabled){transform:translateY(0)}.user-login-button:disabled{opacity:.7;cursor:not-allowed}.user-login-loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.user-login-footer{margin-top:24px;text-align:center}.user-login-footer p{font-size:14px;color:#fff9;margin:0 0 16px}.user-login-switch{background:none;border:none;color:gold;font-size:14px;font-weight:500;cursor:pointer;padding:0 0 0 4px;transition:color .2s ease}.user-login-switch:hover{color:#ffed4a}.user-login-forgot{background:none;border:none;color:#ffffff80;font-size:13px;cursor:pointer;padding:6px 0;transition:color .2s ease;display:inline-block}.user-login-forgot:hover{color:#ffd700cc}.user-login-back{background:none;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease}.user-login-back:hover{color:#fffc;background:#ffffff0d}.pwd-strength{display:flex;align-items:center;gap:10px;margin-top:10px;padding:0 4px}.pwd-strength-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.pwd-strength-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.pwd-strength-weak .pwd-strength-fill{background:linear-gradient(90deg,#ff6b6b,#ff8e53)}.pwd-strength-medium .pwd-strength-fill{background:linear-gradient(90deg,gold,#fa0)}.pwd-strength-strong .pwd-strength-fill{background:linear-gradient(90deg,#4caf50,#69f0ae)}.pwd-strength-text{font-size:13px;font-weight:600;min-width:24px;text-align:center;letter-spacing:2px;flex-shrink:0}.pwd-strength-weak .pwd-strength-text{color:#ff6b6b}.pwd-strength-medium .pwd-strength-text{color:gold}.pwd-strength-strong .pwd-strength-text{color:#4caf50}.user-login-field-error{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:13px;color:#ff8e53;background:#ff8e531a;border:1px solid rgba(255,142,83,.25);border-radius:8px;line-height:1.4}@media(max-width:480px){.user-login-card{margin:16px;padding:32px 24px;border-radius:20px}.user-login-header h1{font-size:24px}.user-login-icon{width:56px;height:56px;padding:14px;border-radius:16px}.user-login-icon svg{width:28px;height:28px}}.mobile-model-view{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0f;overflow:hidden}.mobile-header{position:absolute;top:0;left:0;right:0;padding:16px 20px;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%);z-index:10;display:flex;align-items:center;justify-content:center}.mobile-relic-name{color:gold;font-size:1.1rem;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.5)}.mobile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ffffffb3;font-size:1rem;height:100vh}.mobile-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:gold;border-radius:50%;animation:mobileSpin 1s linear infinite}@keyframes mobileSpin{to{transform:rotate(360deg)}}.mobile-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:10px 20px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff9;font-size:.85rem;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100vh;color:#fffc}.mobile-error-icon{font-size:3rem}.mobile-error-text{font-size:1rem;color:#fff9}.mobile-error-btn{margin-top:16px;padding:12px 32px;background:linear-gradient(135deg,#ffd700e6,#ffed4ee6);color:#000;border:none;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mobile-error-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}