*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--deep:#0a1628;--mid:#0d1f3c;--surface:#112240;--cyan:#00e5ff;--purple:#7c4dff;--teal:#00bfa5;--danger:#ff1744;--warn:#ffab00;--safe:#69f0ae;--text:#e0f7fa;--text-dim:#80cbc4;--text-muted:#4a7a8a;--glass:rgba(17,34,64,.75);--glass-border:rgba(0,229,255,.15);--font-display:"Orbitron",sans-serif;--font-body:"Noto Sans SC","Noto Sans JP",sans-serif;--top-bar-h:40px;--filter-bar-h:105px;--bottom-nav-h:60px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{background:var(--deep);color:var(--text);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--cyan);text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:var(--font-body)}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}#particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.skip-link{background:var(--cyan);border-radius:0 0 8px 8px;color:var(--deep);font-weight:700;left:1rem;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-100%;z-index:9999}.skip-link:focus{top:0}.app-shell{display:flex;flex-direction:column;min-height:100vh}.top-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1628f2;border-bottom:1px solid var(--glass-border);display:flex;height:calc(var(--top-bar-h) + var(--safe-top));justify-content:space-between;left:0;padding-left:calc(1rem + var(--safe-left));padding-right:calc(1rem + var(--safe-right));padding-top:var(--safe-top);position:fixed;right:0;top:0;z-index:1000}.top-bar-title{background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;font-family:var(--font-display);font-size:.95rem;font-weight:700;-webkit-text-fill-color:transparent;letter-spacing:2px}.top-bar-back{align-items:center;border-radius:10px;color:var(--text-dim);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:color .2s,background .2s;width:36px}.top-bar-back:hover{background:#00e5ff14;color:var(--cyan)}.top-bar-back svg{height:22px;width:22px}.top-bar-page-title{color:var(--text);flex:1;font-size:.95rem;font-weight:600;overflow:hidden;padding:0 .5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.top-bar-back-placeholder{flex-shrink:0;width:36px}.lang-dropdown{position:relative}.lang-switch{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-dim);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.4rem .75rem;transition:all .2s}.lang-switch:hover{border-color:var(--cyan);color:var(--cyan)}.lang-arrow{flex-shrink:0;height:14px;transition:transform .2s;width:14px}.lang-arrow.open{transform:rotate(180deg)}.lang-menu{background:#0a1628fa;border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 8px 32px #00000080;list-style:none;min-width:120px;overflow:hidden;padding:.25rem 0;position:absolute;right:0;top:calc(100% + 6px);z-index:2000}.lang-menu li{color:var(--text-dim);cursor:pointer;font-size:.85rem;padding:.55rem 1rem;transition:all .2s}.lang-menu li:hover{background:#00e5ff14;color:var(--cyan)}.lang-menu li.active{color:var(--cyan);font-weight:700}.main{min-height:100vh;padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-top:calc(var(--top-bar-h) + var(--safe-top));position:relative;z-index:1}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1628f7;border-top:1px solid var(--glass-border);bottom:0;height:calc(var(--bottom-nav-h) + var(--safe-bottom));justify-content:space-around;left:0;padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);position:fixed;right:0;z-index:1000}.bottom-nav,.bottom-nav-item{align-items:center;display:flex}.bottom-nav-item{color:var(--text-muted);flex:1;flex-direction:column;font-size:.65rem;font-weight:500;gap:3px;height:100%;justify-content:center;letter-spacing:.3px;text-decoration:none;transition:color .2s;-webkit-tap-highlight-color:transparent}.bottom-nav-item svg{height:22px;transition:all .2s;width:22px}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--cyan)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 6px rgba(0,229,255,.6))}.page{animation:fadeIn .3s ease}.page.index-page{display:flex;flex-direction:column;height:calc(100vh - var(--top-bar-h) - var(--safe-top) - var(--bottom-nav-h) - var(--safe-bottom));overflow:hidden}.index-page-content{flex:1;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.guides-hero{background:linear-gradient(180deg,#00e5ff14,#0a162800),linear-gradient(135deg,#112240c7,#0d1f3c61);border-bottom:1px solid rgba(0,229,255,.1);border-radius:12px;margin-bottom:1rem;padding:1rem 1rem .8rem}.guides-hero-kicker{color:var(--cyan);font-size:.68rem;font-weight:800;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.guides-hero h1{color:var(--text);font-family:var(--font-display);font-size:1.35rem;font-weight:900;line-height:1.25;margin-bottom:.4rem}.guides-hero p{color:var(--text-dim);font-size:.84rem;line-height:1.65;max-width:42rem}.guides-hero-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.guides-hero-tags span{align-items:center;background:#00e5ff12;border:1px solid rgba(0,229,255,.16);border-radius:8px;color:var(--text-dim);display:inline-flex;font-size:.7rem;font-weight:700;min-height:26px;padding:0 .6rem}.search-wrap{padding:1rem 1rem .5rem;position:relative}.search-input{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;color:var(--text);font-size:.9rem;outline:none;padding:.75rem 1rem .75rem 2.75rem;transition:border-color .2s;width:100%}.search-input:focus{border-color:var(--cyan)}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted);height:18px;left:1.85rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.filter-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1628f7;border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;flex-shrink:0;gap:0;margin-bottom:1rem;padding:.5rem 1rem;position:relative;z-index:100}.filter-bar-search{align-items:center;display:flex;gap:.5rem;margin-bottom:.45rem;position:relative}.filter-bar-search .search-input{border-radius:10px;flex:1;font-size:.85rem;min-width:0;padding:.5rem .9rem .5rem 2.4rem}.filter-bar-search .search-icon{height:16px;left:.75rem;width:16px}.filter-bar-dropdowns{display:flex;gap:.5rem}.refresh-btn{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-muted);display:flex;flex-shrink:0;font-size:.85rem;font-weight:500;gap:.4rem;height:36px;justify-content:center;padding:0 .75rem;transition:all .2s}.refresh-btn:hover{border-color:var(--cyan);color:var(--cyan)}.refresh-btn svg{height:16px;width:16px}.refresh-btn span{white-space:nowrap}.refresh-btn.refreshing{border-color:var(--cyan);color:var(--cyan)}.refresh-btn.refreshing svg{animation:spin .8s linear infinite}.fb-dropdown-wrap{flex:1;position:relative}.fb-dropdown-btn{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-dim);cursor:pointer;display:flex;font-size:.78rem;gap:.3rem;justify-content:space-between;padding:.35rem .7rem;transition:border-color .2s,color .2s;width:100%}.fb-dropdown-btn.open,.fb-dropdown-btn:hover{border-color:var(--cyan);color:var(--cyan)}.fb-dropdown-label{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.fb-chevron{flex-shrink:0;height:12px;transition:transform .2s;width:12px}.fb-dropdown-btn.open .fb-chevron{transform:rotate(180deg)}.fb-dropdown-list{background:#0a1628fa;border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 8px 32px #00000080;left:0;max-height:200px;min-width:120px;overflow-y:auto;position:absolute;right:0;scrollbar-color:var(--glass-border) transparent;scrollbar-width:thin;top:calc(100% + 4px);z-index:1100}.fb-dropdown-list::-webkit-scrollbar{width:4px}.fb-dropdown-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.fb-dropdown-item{border-bottom:1px solid rgba(0,229,255,.06);color:var(--text-dim);cursor:pointer;display:block;font-size:.82rem;padding:.5rem .85rem;text-align:left;transition:background .15s,color .15s;width:100%}.fb-dropdown-item:last-child{border-bottom:none}.fb-dropdown-item:hover{background:#00e5ff14;color:var(--text)}.fb-dropdown-item.active{color:var(--cyan);font-weight:600}.submit-toast-bar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff525226;border:1px solid rgba(255,82,82,.4);border-radius:12px;box-shadow:0 4px 24px #0006;color:#ff8a80;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;left:50%;max-width:calc(100vw - 2rem);padding:.75rem 1.25rem;position:fixed;top:20%;transform:translate(-50%);white-space:nowrap;z-index:1000}.toast-close{color:inherit;flex-shrink:0;font-size:1.1rem;line-height:1;opacity:.7}.toast-close:hover{opacity:1}.toast-enter-active,.toast-leave-active{transition:all .25s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(-12px)}.resource-grid{display:flex;flex-direction:column;gap:.7rem;padding:0 1rem 1rem}.resource-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#11224059,#0d1f3cb3);border-radius:8px;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:.3rem 1rem;position:relative;text-decoration:none;transition:all .28s cubic-bezier(.4,0,.2,1)}.resource-card:before{background:linear-gradient(180deg,var(--cyan),var(--purple));border-radius:0 4px 4px 0;bottom:15%;box-shadow:0 0 10px #00e5ff66;content:"";left:0;opacity:0;position:absolute;top:15%;transform:scaleY(.8);transition:opacity .28s ease,transform .28s ease;width:4px}.resource-card:after{background:linear-gradient(135deg,rgba(0,229,255,.03),transparent 50%,rgba(124,77,255,.02));content:"";inset:0;opacity:0;position:absolute;transition:opacity .28s ease}.resource-card:active,.resource-card:hover{background:linear-gradient(145deg,#112240f2,#0d1f3cd9);border-color:#00e5ff66;box-shadow:0 8px 28px #0000004d,0 0 20px #00e5ff14,inset 0 1px #ffffff14;transform:translate(4px)}.resource-card:active:before,.resource-card:hover:before{opacity:1;transform:scaleY(1)}.resource-card:active:after,.resource-card:hover:after{opacity:1}.resource-icon{flex-shrink:0;font-size:2.2rem;line-height:1;text-align:center;width:2.6rem}.resource-thumb{align-items:center;background:linear-gradient(145deg,#00e5ff14,#7c4dff0d);border:1px solid rgba(0,229,255,.15);border-radius:8px;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;transition:border-color .28s ease,box-shadow .28s ease;width:56px}.resource-card:hover .resource-thumb{border-color:#00e5ff4d;box-shadow:0 0 12px #00e5ff26}.resource-thumb-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.resource-thumb-fallback{color:var(--text-muted);filter:drop-shadow(0 0 4px rgba(0,229,255,.3));font-size:1.7rem;line-height:1}.resource-card-body{display:flex;flex:1;flex-direction:column;gap:.35rem;min-width:0}.resource-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.resource-name{color:var(--text);font-size:.95rem;font-weight:700;line-height:1.3;transition:color .28s ease}.resource-card:hover .resource-name{color:var(--cyan);text-shadow:0 0 10px rgba(0,229,255,.3)}.resource-desc{color:var(--text-dim);font-size:.75rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;transition:color .28s ease;white-space:nowrap}.resource-card:hover .resource-desc{color:var(--text)}.resource-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.15rem}.resource-type{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;font-size:.62rem;justify-content:center;padding:.15rem .5rem;transition:transform .28s ease;white-space:nowrap}.resource-type.material{background:#00e5ff1a;border:1px solid rgba(0,229,255,.2);color:var(--cyan)}.resource-type.creature{background:#ffab001a;border:1px solid rgba(255,171,0,.2);color:var(--warn)}.resource-type.location{background:#69f0ae1a;border:1px solid rgba(105,240,174,.2);color:var(--safe)}.resource-type.hazard{background:#ff17441a;border:1px solid rgba(255,23,68,.2);color:var(--danger)}.resource-type.vehicle{background:#7c4dff1a;border:1px solid rgba(124,77,255,.2);color:var(--purple)}.resource-coords{background:#0003;border-radius:6px;color:var(--text-muted);font-family:monospace;font-size:.65rem;overflow:hidden;padding:.25rem .4rem;text-overflow:ellipsis;white-space:nowrap}.contribute-page{padding:1.25rem 1rem}.contribute-header{margin-bottom:1.5rem}.contribute-header h1{background:linear-gradient(90deg,var(--cyan),var(--text));-webkit-background-clip:text;font-family:var(--font-display);font-size:1.3rem;font-weight:700;-webkit-text-fill-color:transparent;margin-bottom:.35rem}.contribute-header p{color:var(--text-dim);font-size:.85rem}.form-group{margin-bottom:1.1rem}.form-label{color:var(--text-dim);display:block;font-size:.8rem;font-weight:500;margin-bottom:.4rem}.form-input,.form-select,.form-textarea{background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;color:var(--text);font-size:.9rem;outline:none;padding:.7rem .9rem;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--cyan)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-select option{background:var(--mid);color:var(--text)}.form-textarea{line-height:1.5;min-height:90px;resize:vertical}.coords-row{display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr}.submit-btn{background:linear-gradient(135deg,var(--cyan),var(--purple));border:none;border-radius:12px;color:var(--deep);cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-top:.5rem;padding:.9rem;transition:all .2s;width:100%}.submit-btn:hover{box-shadow:0 6px 24px #00e5ff4d;opacity:.9;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.success-toast{background:#69f0ae1f;border:1px solid rgba(105,240,174,.3);border-radius:12px;color:var(--safe);font-size:.9rem;margin-top:1rem;padding:1rem;text-align:center}.guides-page{padding:1.25rem 1rem}.guides-header{margin-bottom:1rem}.guides-header h1{background:linear-gradient(90deg,var(--cyan),var(--text));-webkit-background-clip:text;font-family:var(--font-display);font-size:1.3rem;font-weight:700;-webkit-text-fill-color:transparent;margin-bottom:.25rem}.guides-header p{color:var(--text-dim);font-size:.85rem}.guides-section-tabs{background:#0000002e;border:1px solid var(--glass-border);border-radius:12px;display:grid;gap:.4rem;grid-template-columns:1fr 1fr;margin-bottom:1rem;padding:.25rem}.guides-section-tab{align-items:center;border-radius:9px;color:var(--text-dim);display:flex;font-size:.85rem;font-weight:700;justify-content:center;min-height:38px;transition:background .2s,color .2s,box-shadow .2s}.guides-section-tab.active{background:linear-gradient(135deg,#00e5ff29,#7c4dff24);box-shadow:inset 0 0 0 1px #00e5ff38;color:var(--cyan)}.guides-tools{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.9rem}.guides-search-wrap{position:relative}.guides-search-input{background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;color:var(--text);font-size:.88rem;height:42px;outline:none;padding:0 .9rem 0 2.45rem;transition:border-color .2s;width:100%}.guides-search-input:focus{border-color:var(--cyan)}.guides-search-input::-moz-placeholder{color:var(--text-muted)}.guides-search-input::placeholder{color:var(--text-muted)}.guides-search-icon{color:var(--text-muted);height:16px;left:.85rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.guides-category-tabs{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.1rem}.filter-tab{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;color:var(--text-dim);display:inline-flex;font-size:.78rem;font-weight:600;justify-content:center;min-height:34px;padding:0 .85rem;transition:border-color .2s,color .2s,background .2s;white-space:nowrap}.filter-tab.active,.filter-tab:hover{background:#00e5ff14;border-color:#00e5ff73;color:var(--cyan)}.guide-list{display:flex;flex-direction:column;gap:.85rem;margin-top:.75rem}.guide-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:1.1rem 1.25rem;transition:all .25s}.guide-card:active,.guide-card:hover{border-color:#00e5ff4d;transform:translate(3px)}.guide-card-inline:active,.guide-card-inline:hover{transform:none}.guide-card-top{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.guide-title{color:var(--text);font-size:.98rem;font-weight:700;line-height:1.4;margin-bottom:.25rem}.guide-read-time{color:var(--text-muted);flex-shrink:0;font-size:.7rem;margin-top:2px;white-space:nowrap}.guide-desc{color:var(--text-dim);font-size:.8rem;line-height:1.5}.guide-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem}.guide-tag{background:#7c4dff1a;border:1px solid rgba(124,77,255,.2);border-radius:8px;color:var(--purple);display:inline-block;font-size:.65rem;padding:.2rem .6rem}.guide-tag.beginner{background:#69f0ae1a;border-color:#69f0ae33;color:var(--safe)}.guide-tag.advanced{background:#ff17441a;border-color:#ff174433;color:var(--danger)}.guide-tag.equipment{background:#00e5ff1a;border-color:#00e5ff33;color:var(--cyan)}.guide-tag.survival{background:#ffab001a;border-color:#ffab0033;color:var(--warn)}.guide-kind{background:#ffffff0a;border-radius:8px;color:var(--text-muted);font-size:.65rem;padding:.2rem .55rem}.guide-read-more{align-items:center;background:linear-gradient(135deg,var(--cyan),var(--safe));border-radius:9px;color:var(--deep);display:inline-flex;font-size:.8rem;font-weight:800;gap:.4rem;margin-top:.2rem;min-height:34px;padding:.35rem .75rem}.guide-read-more svg{height:15px;width:15px}.guide-prose{color:var(--text-dim);font-size:.88rem;line-height:1.75}.guide-prose-inline{border-top:1px solid rgba(0,229,255,.1);padding-top:.15rem}.guide-prose h2,.guide-prose h3{color:var(--text);font-weight:800;line-height:1.35;margin:1rem 0 .4rem}.guide-prose h2{font-size:1rem}.guide-prose h3{font-size:.92rem}.guide-prose p{margin:.45rem 0}.guide-prose ol,.guide-prose ul{margin:.45rem 0;padding-left:1.2rem}.guide-prose li{margin:.3rem 0}.guide-prose strong{color:var(--text)}.guide-prose a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.guide-detail-page{padding-bottom:2rem}.guide-detail{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:1.2rem}.guide-detail-header{border-bottom:1px solid rgba(0,229,255,.12);margin-bottom:.6rem;padding-bottom:1rem}.guide-detail-header h1{color:var(--text);font-family:var(--font-display);font-size:1.35rem;line-height:1.35;margin-bottom:.45rem}.guide-detail-header p{color:var(--text-dim);font-size:.86rem;line-height:1.55;margin-bottom:.45rem}.guide-updated{color:var(--text-muted);font-size:.7rem}.guide-back-link{margin-top:1rem}.guide-submit-panel{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:1.35rem;text-align:center}.guide-submit-icon{align-items:center;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:12px;color:var(--cyan);display:flex;height:46px;justify-content:center;margin:0 auto .8rem;width:46px}.guide-submit-icon svg{height:24px;width:24px}.guide-submit-panel h2{color:var(--text);font-size:1.05rem;margin-bottom:.45rem}.guide-submit-panel p{color:var(--text-dim);font-size:.84rem;line-height:1.6;margin:0 auto .9rem;max-width:430px}.guide-submit-email{align-items:center;background:linear-gradient(135deg,var(--cyan),var(--safe));border-radius:10px;color:var(--deep);display:inline-flex;font-size:.9rem;font-weight:800;justify-content:center;min-height:38px;padding:0 1rem}.profile-page{padding:1.25rem 1rem}.profile-hero{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:1.25rem;padding:1.5rem;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#00e5ff33,#7c4dff33);border:2px solid var(--glass-border);border-radius:50%;display:flex;height:72px;justify-content:center;margin:0 auto .75rem;width:72px}.profile-avatar svg{color:var(--text-dim);height:36px;width:36px}.profile-name{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.profile-desc{color:var(--text-dim);font-size:.8rem}.profile-stats{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.stat-item{flex:1;text-align:center}.stat-num{color:var(--cyan);font-family:var(--font-display);font-size:1.3rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.7rem}.profile-section{margin-bottom:1.25rem}.profile-section-heading{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.6rem;padding:0 .25rem}.profile-section-title{color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.profile-section-desc{color:var(--text-dim);font-size:.78rem;line-height:1.45;margin-top:.25rem}.profile-section-link{align-items:center;background:#00e5ff0f;border:1px solid rgba(0,229,255,.22);border-radius:8px;color:var(--cyan);display:inline-flex;flex-shrink:0;font-size:.74rem;font-weight:800;justify-content:center;min-height:28px;padding:0 .65rem}.settings-list{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;overflow:hidden}.settings-item{align-items:center;border-bottom:1px solid var(--glass-border);cursor:pointer;display:flex;justify-content:space-between;padding:.9rem 1.1rem;transition:background .2s}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:#00e5ff0a}.settings-item-left{align-items:center;display:flex;gap:.75rem}.settings-item-icon{color:var(--text-dim);height:20px;width:20px}.settings-item-label{color:var(--text);font-size:.9rem}.settings-item-value{color:var(--text-muted);font-size:.85rem}.settings-item-arrow{color:var(--text-muted);height:16px;width:16px}.empty-state{color:var(--text-muted);font-size:.85rem;padding:2rem 1rem;text-align:center}.empty-state svg{display:block;height:40px;margin:0 auto .75rem;opacity:.4;width:40px}.profile-empty-state{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px}.profile-empty-action{align-items:center;background:linear-gradient(135deg,var(--cyan),var(--safe));border-radius:10px;color:var(--deep);display:inline-flex;font-size:.82rem;font-weight:800;justify-content:center;margin-top:.9rem;padding:.5rem 1rem}.my-contribution-list{display:flex;flex-direction:column;gap:.75rem}.my-contribution-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;color:var(--text);display:block;padding:.85rem;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.my-contribution-card:hover{background:#112240e6;border-color:#00e5ff59;transform:translate(2px)}.my-contribution-top{align-items:flex-start;display:flex;gap:.7rem}.my-contribution-icon{align-items:center;background:#00e5ff14;border:1px solid rgba(0,229,255,.18);border-radius:10px;color:var(--cyan);display:flex;flex-shrink:0;font-size:1.1rem;height:34px;justify-content:center;width:34px}.my-contribution-main{flex:1;min-width:0}.my-contribution-name{color:var(--text);font-size:.92rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-contribution-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.72rem;gap:.45rem;margin-top:.25rem}.my-contribution-likes{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.05rem}.my-contribution-likes strong{color:var(--cyan);font-family:var(--font-display);font-size:1rem;line-height:1}.my-contribution-likes span{color:var(--text-muted);font-size:.66rem;white-space:nowrap}.my-contribution-note{color:var(--text-dim);display:-webkit-box;font-size:.8rem;-webkit-line-clamp:2;line-height:1.55;margin-top:.65rem;-webkit-box-orient:vertical;overflow:hidden}.my-contribution-footer{align-items:center;border-top:1px solid var(--glass-border);color:var(--text-muted);display:flex;font-size:.7rem;gap:.75rem;justify-content:space-between;margin-top:.7rem;padding-top:.6rem}.my-contribution-status{color:var(--safe);font-weight:700;letter-spacing:.4px;text-transform:uppercase}.my-contribution-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--glass-border) 25%,rgba(0,229,255,.08) 50%,var(--glass-border) 75%);background-size:200% 100%;min-height:88px}.lang-picker{border-top:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.1rem}.lang-picker-item{background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;color:var(--text-dim);cursor:pointer;font-size:.85rem;padding:.4rem 1rem;transition:all .2s}.lang-picker-item.active,.lang-picker-item:hover{background:#00e5ff1f;border-color:var(--cyan);color:var(--cyan)}@media(min-width:640px){.coords-row{grid-template-columns:1fr 1fr 1fr}}@media(min-width:768px){:root{--filter-bar-h:68px}.top-bar{padding-left:calc(2rem + var(--safe-left));padding-right:calc(2rem + var(--safe-right));padding-top:var(--safe-top)}.top-bar-title{font-size:1.1rem}.filter-bar{align-items:center;flex-direction:row;gap:.75rem;justify-content:center;padding:.5rem 2rem}.filter-bar-search{flex:1;margin-bottom:0;max-width:300px}.filter-bar-dropdowns{flex:1;max-width:480px}.filter-bar-dropdowns .fb-dropdown-list{min-width:160px}.guides-hero{padding:1.35rem 1.5rem 1.1rem}.guides-hero h1{font-size:1.7rem}.guides-hero p{font-size:.9rem}.resource-grid{gap:.85rem;margin:0 auto;max-width:720px;padding:0 1.5rem 1.5rem}.contribute-page,.guides-page,.profile-page{margin:0 auto;max-width:600px;padding:1.5rem}.resource-card{padding:1.2rem 1.5rem}.resource-icon{font-size:2.5rem;width:3.2rem}.resource-thumb{height:68px;width:68px}.resource-name{font-size:1rem}.resource-thumb-fallback{font-size:2rem}.bottom-nav{border-left:1px solid var(--glass-border);border-radius:20px 20px 0 0;border-right:1px solid var(--glass-border);left:50%;max-width:560px;transform:translate(-50%)}}@media(min-width:1024px){.resource-grid{max-width:860px}}.entity-search-wrap{position:relative}.entity-dropdown{background:var(--mid);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 8px 32px #0006;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.area-select-wrap{position:relative}.area-select-btn{align-items:center;cursor:pointer;display:flex;justify-content:space-between;text-align:left}.area-chevron,.area-placeholder{color:var(--text-muted)}.area-chevron{flex-shrink:0;font-size:.75rem;margin-left:.5rem}.area-dropdown{background:var(--mid);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 8px 32px #0006;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;scrollbar-color:var(--glass-border) transparent;scrollbar-width:thin;top:calc(100% + 4px);z-index:200}.area-dropdown::-webkit-scrollbar{width:4px}.area-dropdown::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.area-option{border-bottom:1px solid var(--glass-border);color:var(--text);display:block;font-size:.9rem;padding:.65rem 1rem;text-align:left;transition:background .15s;width:100%}.area-option:last-child{border-bottom:none}.area-option.active,.area-option:hover{background:#00e5ff14;color:var(--cyan)}.area-option-new{color:var(--cyan);font-weight:500}.entity-option{align-items:center;border-bottom:1px solid var(--glass-border);color:var(--text);display:flex;gap:.6rem;padding:.65rem 1rem;text-align:left;transition:background .15s;width:100%}.entity-option:last-child{border-bottom:none}.entity-option:hover{background:#00e5ff14}.entity-icon{flex-shrink:0;font-size:1.2rem}.entity-name{flex:1;font-size:.9rem}.entity-no-results{color:var(--text-muted);font-size:.85rem;padding:.75rem 1rem;text-align:center}.entity-type-badge{background:#00e5ff1a;border:1px solid rgba(0,229,255,.2);border-radius:6px;color:var(--cyan);font-size:.65rem;padding:.15rem .5rem}.entity-type-badge.creature{background:#ff17441a;border-color:#ff174433;color:var(--danger)}.entity-type-badge.location{background:#69f0ae1a;border-color:#69f0ae33;color:var(--safe)}.entity-type-badge.hazard{background:#ffab001a;border-color:#ffab0033;color:var(--warn)}.entity-type-badge.vehicle{background:#7c4dff1a;border-color:#7c4dff33;color:var(--purple)}.selected-entity-chip{align-items:center;background:#00e5ff1a;border:1px solid rgba(0,229,255,.3);border-radius:20px;color:var(--cyan);display:inline-flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.35rem .75rem}.chip-remove{color:var(--text-muted);font-size:1rem;line-height:1;padding:0 .1rem;transition:color .15s}.chip-remove:hover{color:var(--danger)}.entity-search-row{align-items:flex-start;display:flex;gap:.5rem}.entity-search-row .entity-search-wrap{flex:1}.add-new-btn{background:#00e5ff14;border:1px solid rgba(0,229,255,.3);border-radius:10px;color:var(--cyan);flex-shrink:0;font-size:.82rem;font-weight:600;height:44px;padding:0 1rem;transition:all .2s;white-space:nowrap}.add-new-btn.active,.add-new-btn:hover{background:#00e5ff2e;border-color:var(--cyan)}.input-error,.upload-error{border-color:var(--danger)!important}.form-label-hint{color:var(--text-muted);font-size:.75rem;font-weight:400;margin-left:.3rem}.add-new-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;display:block;font-size:.8rem;margin-top:.5rem;padding:0;text-decoration:underline;transition:color .15s}.add-new-toggle:hover{color:var(--cyan)}.new-entity-panel{background:#00e5ff0a;border:1px solid rgba(0,229,255,.12);border-radius:12px;margin-bottom:.5rem;padding:1rem}.form-row{display:grid;gap:.75rem;grid-template-columns:1fr auto}.icon-input{font-size:1.4rem;text-align:center;width:80px}.form-hint{color:var(--text-muted)}.form-error,.form-hint{font-size:.75rem;margin-top:.3rem}.form-error,.required{color:var(--danger)}.required{margin-left:2px}.image-upload-area{align-items:center;border:2px dashed var(--glass-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:100px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:border-color .2s}.image-upload-area:hover{border-color:var(--cyan)}.image-upload-area.has-image{border-style:solid;padding:0}.file-input-hidden{display:none}.upload-icon{font-size:2rem}.upload-hint{color:var(--text-muted);font-size:.8rem}.image-preview{border-radius:10px;display:block;max-height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.image-change-btn{background:#0a1628d9;border:1px solid var(--glass-border);border-radius:8px;bottom:.5rem;color:var(--cyan);font-size:.75rem;padding:.3rem .7rem;position:absolute;right:.5rem}.image-upload-area.processing{border-color:#00e5ff4d;cursor:not-allowed}.image-processing-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1628b3;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;inset:0;justify-content:center;position:absolute}.processing-text{color:var(--cyan);font-size:.85rem;text-shadow:0 0 8px rgba(0,229,255,.5)}.processing-spinner{animation:spin .8s linear infinite;border:2px solid rgba(0,229,255,.2);border-radius:50%;border-top:2px solid var(--cyan);box-shadow:0 0 8px #00e5ff4d;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.submit-btn.secondary{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);margin-top:.75rem}.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.success-card{background:#69f0ae14;border:1px solid rgba(105,240,174,.25);border-radius:16px;padding:2rem 1.5rem;text-align:center}.success-icon{color:var(--safe);font-size:2.5rem;margin-bottom:.75rem}.success-msg{color:var(--safe);font-size:1rem;margin-bottom:1rem}.view-link{background:#00e5ff1a;border:1px solid rgba(0,229,255,.3);border-radius:20px;color:var(--cyan);display:inline-block;font-size:.85rem;margin-bottom:.75rem;padding:.5rem 1.25rem}.sighting-badge{color:var(--cyan);flex-shrink:0;font-size:.7rem;opacity:.85;transition:opacity .28s ease}.resource-card:hover .sighting-badge{opacity:1}.card-arrow,.sighting-empty{color:var(--text-muted);opacity:.6}.card-arrow{align-items:center;display:flex;flex-shrink:0;font-size:1.1rem;height:20px;justify-content:center;transition:all .28s cubic-bezier(.4,0,.2,1);width:20px}.resource-card:hover .card-arrow{color:var(--cyan);opacity:1;text-shadow:0 0 8px rgba(0,229,255,.4);transform:translate(3px)}.encyclopedia-page{margin:0 auto;max-width:720px;padding:1.25rem 1rem}.back-link{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.8rem;gap:.4rem;margin-bottom:1.25rem;transition:color .15s}.back-link:hover{color:var(--cyan)}.entity-header{align-items:flex-start;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;display:flex;gap:1rem;margin-bottom:1rem;padding:1.25rem}.entity-header-image{background:#00e5ff0d;border-radius:12px;flex-shrink:0;height:64px;overflow:hidden;width:64px}.header-image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.entity-header-icon{flex-shrink:0;font-size:3rem;line-height:1}.entity-header-info{flex:1;min-width:0}.entity-header-info h1{color:var(--text);font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:.4rem}.entity-header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.5rem}.sighting-count{color:var(--text-muted);font-size:.8rem}.entity-desc{color:var(--text-dim);font-size:.85rem;line-height:1.5}.add-sighting-btn{background:#00e5ff14;border:1px solid rgba(0,229,255,.25);border-radius:12px;color:var(--cyan);display:block;font-size:.9rem;font-weight:700;margin-bottom:1.25rem;padding:.75rem;text-align:center;transition:all .2s;width:100%}.add-sighting-btn:hover{background:#00e5ff24;border-color:var(--cyan)}.submissions-list{display:flex;flex-direction:column;gap:.85rem}.submission-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.submission-card:hover{border-color:#00e5ff4d;box-shadow:0 4px 20px #00e5ff14}.submission-image-wrap{background:#00e5ff0f;cursor:pointer;height:100px;overflow:hidden;position:relative;width:100%}.submission-image-wrap:after{background:linear-gradient(180deg,transparent,rgba(10,22,40,.6));content:"";inset:0;pointer-events:none;position:absolute}.submission-image-fallback{align-items:center;background:#00e5ff0f;display:flex;font-size:3rem;height:160px;justify-content:center;width:100%}.submission-image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-lightbox{align-items:center;animation:fadeIn .2s ease;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.image-lightbox.hidden{display:none}.image-lightbox-content{animation:zoomIn .25s ease;border-radius:12px;max-height:90vh;max-width:90vw;overflow:hidden}.image-lightbox-content img{display:block;max-height:90vh;max-width:100%;-o-object-fit:contain;object-fit:contain}.image-lightbox-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:40px}.image-lightbox-close:hover{background:#fff3}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.toast-notification{align-items:center;background:#22c55ee6;border-radius:12px;box-shadow:0 4px 20px #22c55e4d;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;left:50%;padding:.75rem 1.25rem;position:fixed;top:20%;transform:translate(-50%,-50%);z-index:2000}.toast-notification svg{fill:currentColor;height:16px;width:16px}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from{opacity:0;transform:translate(-50%,-70%) scale(.9)}.toast-leave-to{opacity:0;transform:translate(-50%,-30%) scale(.95)}.submission-body{display:flex;flex:1;flex-direction:column;min-width:0;padding:.5rem}.submission-location{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.35rem}.submission-area{color:var(--cyan);font-size:.95rem;font-weight:600}.submission-coords{align-items:center;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:10px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:.82rem;gap:.5rem;padding:.45rem .75rem;transition:all .25s ease}.submission-coords:hover{background:#00e5ff24;border-color:#00e5ff66;color:var(--cyan);transform:translateY(-1px)}.submission-coords.copied{background:#22c55e26;border-color:#22c55e80;color:var(--success)}.coord-icon{color:var(--text-muted);height:14px;width:14px}.copied-icon{color:var(--success);height:14px;width:14px}.submission-coords:hover .coord-icon{color:var(--cyan)}.submission-note{color:var(--text-dim);flex:1;font-size:.88rem;line-height:1.6;margin-bottom:.75rem}.submission-footer{display:flex;flex-direction:column;gap:.75rem}.submission-author{color:var(--text-muted);font-size:.75rem}.vote-btns{border-top:1px solid var(--glass-border);display:flex;gap:.5rem;padding-top:.6rem}.vote-btn{align-items:center;background:#0003;border:1px solid var(--glass-border);border-radius:24px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;gap:.4rem;justify-content:center;min-width:80px;overflow:hidden;padding:.4rem .9rem;position:relative;transition:all .25s ease}.vote-btn:before{background:linear-gradient(135deg,rgba(0,229,255,.12),transparent);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.vote-btn:hover:before{opacity:1}.vote-btn:hover{border-color:#00e5ff40;box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.vote-btn:active{transform:scale(.97)}.vote-icon{height:15px;width:15px}.vote-count,.vote-icon{transition:all .3s ease}.vote-count{font-size:.85rem;font-weight:600;min-width:1.25rem;text-align:center}.vote-btn.up.active,.vote-btn.up:hover{border-color:var(--cyan);color:var(--cyan)}.vote-btn.up.active{animation:voteGlowUp .6s ease;background:#00e5ff2e}.vote-btn.up.active .vote-icon{animation:voteBounceUp .5s ease;fill:var(--cyan)}.vote-btn.up.active .vote-count{animation:countPulse .4s ease}.vote-btn.down.active,.vote-btn.down:hover{border-color:var(--danger);color:var(--danger)}.vote-btn.down.active{animation:voteGlowDown .6s ease;background:#ff174426}.vote-btn.down.active .vote-icon{animation:voteBounceDown .5s ease;fill:var(--danger)}.vote-btn.down.active .vote-count{animation:countPulse .4s ease}@keyframes voteGlowUp{0%{box-shadow:0 0 #00e5ff66}50%{box-shadow:0 0 20px 5px #00e5ff33}to{box-shadow:0 0 #00e5ff00}}@keyframes voteGlowDown{0%{box-shadow:0 0 #ff174466}50%{box-shadow:0 0 20px 5px #ff174433}to{box-shadow:0 0 #ff174400}}@keyframes voteBounceUp{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.3) translateY(-4px)}50%{transform:scale(.9) translateY(0)}70%{transform:scale(1.1) translateY(-2px)}to{transform:scale(1) translateY(0)}}@keyframes voteBounceDown{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.3) translateY(4px)}50%{transform:scale(.9) translateY(0)}70%{transform:scale(1.1) translateY(2px)}to{transform:scale(1) translateY(0)}}@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding-bottom:1rem}.page-btn{background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;color:var(--text);font-size:1rem;padding:.4rem 1rem;transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.page-btn:disabled{cursor:not-allowed;opacity:.3}@media(prefers-reduced-motion:reduce){.guide-card,.page,.resource-card{animation:none;transition:none}}.contribute-landing-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--top-bar-h,52px) - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0}.contribute-landing-hero{overflow:hidden;padding:2.5rem 1.25rem 2rem;position:relative;text-align:center}.contribute-landing-hero:before{background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(0,229,255,.09) 0,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(124,77,255,.07) 0,transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}.contribute-landing-hero:after{border:1px solid rgba(0,229,255,.07);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:200px}.contribute-landing-title{background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;font-family:var(--font-display);font-size:1.5rem;font-weight:900;letter-spacing:1px;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.6rem;position:relative}.contribute-landing-subtitle{color:var(--text-dim);font-size:.875rem;line-height:1.6;margin:0 auto;max-width:320px;position:relative}.contribute-type-grid{display:flex;flex:1;flex-direction:column;gap:.65rem;padding:0 1rem 1.5rem}.contribute-type-card{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1rem 1.1rem;position:relative;text-align:left;transition:border-color .2s,background .2s,transform .2s}.contribute-type-card:before{background:linear-gradient(180deg,var(--cyan),var(--purple));bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:3px}.contribute-type-card:active,.contribute-type-card:hover{background:#112240e6;border-color:#00e5ff59;transform:translate(3px)}.contribute-type-card:active:before,.contribute-type-card:hover:before{opacity:1}.contribute-type-card-icon{flex-shrink:0;font-size:2rem;line-height:1;text-align:center;width:2.4rem}.contribute-type-card-body{display:flex;flex:1;flex-direction:column;gap:.2rem;min-width:0}.contribute-type-card-label{color:var(--text);font-size:.95rem;font-weight:700}.contribute-type-card-desc{color:var(--text-dim);font-size:.78rem;line-height:1.4}.contribute-type-card-arrow{color:var(--text-muted);flex-shrink:0;font-size:1.3rem;transition:color .2s}.contribute-type-card:hover .contribute-type-card-arrow{color:var(--cyan)}.leaderboard-preview{background:linear-gradient(145deg,#112240b3,#0d1f3c8c);border:1px solid var(--glass-border);border-radius:14px;margin:0 1rem 1rem;padding:1rem}.leaderboard-preview-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.85rem}.leaderboard-preview-header h2{color:var(--text);font-size:1rem;font-weight:800;line-height:1.3;margin-bottom:.25rem}.leaderboard-preview-header p{color:var(--text-dim);font-size:.78rem;line-height:1.45}.leaderboard-preview-link{background:#00e5ff12;border:1px solid rgba(0,229,255,.25);border-radius:8px;color:var(--cyan);flex-shrink:0;font-size:.75rem;font-weight:700;padding:.35rem .65rem}.leaderboard-list,.leaderboard-preview-list{display:flex;flex-direction:column;gap:.55rem}.leaderboard-preview-row{align-items:center;background:#00000029;border:1px solid rgba(0,229,255,.08);border-radius:10px;color:var(--text);display:grid;gap:.65rem;grid-template-columns:auto 1fr auto;min-height:42px;padding:.55rem .65rem}.leaderboard-rank{align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-dim);display:inline-flex;font-family:var(--font-display);font-size:.78rem;font-weight:800;height:28px;justify-content:center;width:28px}.leaderboard-rank.rank-1{background:#ffdf6e1c;border-color:#ffdf6e73;color:#ffdf6e}.leaderboard-rank.rank-2{background:#c7d7e81a;border-color:#c7d7e859;color:#c7d7e8}.leaderboard-rank.rank-3{background:#ffb37a1a;border-color:#ffb37a59;color:#ffb37a}.leaderboard-name,.leaderboard-row-name{color:var(--text);font-size:.9rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:var(--cyan);font-size:.78rem;font-weight:700;white-space:nowrap}.leaderboard-empty{background:#00000024;border:1px dashed var(--glass-border);border-radius:10px;color:var(--text-muted);font-size:.82rem;padding:.9rem;text-align:center}.leaderboard-preview-skeleton,.leaderboard-row-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--glass-border) 25%,rgba(0,229,255,.08) 50%,var(--glass-border) 75%);background-size:200% 100%;border-radius:10px;height:42px}.leaderboard-page{margin:0 auto;max-width:680px;padding:1.25rem 1rem}.leaderboard-header{margin-bottom:1rem}.leaderboard-header h1{background:linear-gradient(90deg,var(--cyan),var(--text));-webkit-background-clip:text;font-family:var(--font-display);font-size:1.35rem;font-weight:800;-webkit-text-fill-color:transparent;margin-bottom:.35rem}.leaderboard-header p{color:var(--text-dim);font-size:.85rem;line-height:1.55}.leaderboard-tabs{background:#0000002e;border:1px solid var(--glass-border);border-radius:12px;display:grid;gap:.4rem;grid-template-columns:1fr 1fr;margin-bottom:1rem;padding:.25rem}.leaderboard-tab{border-radius:9px;color:var(--text-dim);font-size:.85rem;font-weight:800;min-height:38px;transition:background .2s,color .2s,box-shadow .2s}.leaderboard-tab.active{background:linear-gradient(135deg,#00e5ff29,#7c4dff24);box-shadow:inset 0 0 0 1px #00e5ff38;color:var(--cyan)}.leaderboard-row{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;display:grid;gap:.75rem;grid-template-columns:auto 1fr auto;padding:.8rem .85rem}.leaderboard-list .leaderboard-row-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--glass-border) 25%,rgba(0,229,255,.08) 50%,var(--glass-border) 75%);background-size:200% 100%;height:52px}.leaderboard-row-main{min-width:0}.leaderboard-row-meta{color:var(--text-muted);font-size:.72rem;margin-top:.18rem;white-space:nowrap}.leaderboard-row-score{align-items:flex-end;display:flex;flex-direction:column;gap:.05rem;white-space:nowrap}.leaderboard-row-score strong{color:var(--cyan);font-family:var(--font-display);font-size:1rem;line-height:1.1}.leaderboard-row-score span{color:var(--text-muted);font-size:.68rem}.leaderboard-empty-state{margin-top:1.25rem}.type-selector-row{display:flex;flex-wrap:wrap;gap:.5rem}.type-selector-btn{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;color:var(--text-dim);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.35rem;padding:.4rem .85rem;transition:border-color .2s,color .2s,background .2s}.type-selector-btn:hover{border-color:#00e5ff4d;color:var(--text)}.type-selector-btn.active{background:#00e5ff14;border-color:var(--cyan);color:var(--cyan)}.entity-option-new{border-bottom:1px solid var(--glass-border);color:var(--cyan);font-weight:600}.entity-option-new:hover{background:#00e5ff1a}.selected-entity-chip--new{border-color:#00e5ff4d;color:var(--cyan)}.type-locked-badge{align-items:center;background:#00e5ff14;border:1px solid rgba(0,229,255,.25);border-radius:10px;color:var(--cyan);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem .9rem;width:100%}.type-locked-icon{font-size:.8rem;margin-left:auto;opacity:.7}@media(min-width:768px){.contribute-landing-page{margin:0 auto;max-width:600px}.contribute-landing-title{font-size:1.9rem}.contribute-type-grid{padding:0 1.5rem 2rem}}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-container{display:flex;flex-direction:column;gap:.6rem;padding:0 1rem}@media(min-width:768px){.skeleton-container{margin:0 auto;max-width:720px;padding:0 1.5rem}}.skeleton-card{align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;display:flex;gap:1rem;padding:1rem 1.1rem}.skeleton-thumb{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--glass-border) 25%,rgba(0,229,255,.08) 50%,var(--glass-border) 75%);background-size:200% 100%;border-radius:10px;height:56px;width:56px}.skeleton-body{display:flex;flex:1;flex-direction:column;gap:.4rem}.skeleton-name{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--glass-border) 25%,rgba(0,229,255,.08) 50%,var(--glass-border) 75%);background-size:200% 100%;border-radius:6px;height:18px;width:60%}.skeleton-desc{height:14px;width:80%}.skeleton-desc,.skeleton-footer{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--glass-border) 25%,rgba(0,229,255,.06) 50%,var(--glass-border) 75%);background-size:200% 100%;border-radius:4px}.skeleton-footer{height:16px;margin-top:.2rem;width:40%}