:root{--bg:#0c0f14;--panel:#12161d;--card:#161b23cc;--muted:#9fb0c0;--text:#e9f0f7;--brand:#5aa3e7;--brand-2:#6fe3c1;--accent:#88b4ff;--stroke:#1f2732;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}a{color:inherit;text-decoration:none}body,html{height:100%}body{margin:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background:radial-gradient(70% 50% at 90% 10%,#1a2332 0,transparent 60%),radial-gradient(60% 40% at 10% 0,#122032 0,transparent 55%),var(--bg);color:var(--text);letter-spacing:.2px;background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.top{position:sticky;top:0;z-index:10;backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(10,12,18,.85),rgba(10,12,18,.55));border-bottom:1px solid var(--stroke)}.top .wrap{max-width:1200px;margin:auto;padding:18px 20px;justify-content:space-between}.brand,.top .wrap{display:flex;gap:14px;align-items:center}.brand{color:inherit}.logo{width:42px;height:42px}.title{line-height:1;font-size:26px}.subtitle{display:block;margin-top:4px}.welcome{color:var(--muted);font-weight:700;gap:8px}.actions,.welcome{display:flex;align-items:center}.actions{gap:12px}.btn{padding:12px 16px}.btn:active{transform:translateY(0) scale(.98)}.btn svg{width:18px;height:18px;fill:#0a0f16}.btn-ghost{appearance:none;border:1px solid #2a3442;background:#0d131c;color:#dce6f3;padding:10px 14px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease}.btn-ghost:hover{border-color:#3a4a61;background:#111b28;transform:translateY(-1px)}.btn-ghost svg{width:17px;height:17px;fill:#cfe4ff}.content{max-width:1200px;margin:22px auto;padding:10px 20px 60px}.section-head{margin:6px 0 18px}.section-head .top-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.section-head h2{font-size:22px;margin:0;font-weight:800;letter-spacing:.4px}.section-head .hint{color:var(--muted);font-size:14px}.filter-controls{margin-top:16px;flex-wrap:wrap}.filter-controls,.sort-controls{display:flex;gap:12px}.sort-controls select{appearance:none;border:1px solid var(--stroke);background:var(--panel) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239fb0c0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/10px 10px;color:var(--text);padding:10px 32px 10px 14px;border-radius:12px;font-weight:700;cursor:pointer;font-family:inherit;font-size:14px}.sort-controls select:hover{border-color:#3a4a61;background-color:#111b28}.gamepass-filters .filter-btn{appearance:none;border:1px solid var(--stroke);background:var(--panel);color:var(--muted);font-weight:700;font-family:inherit;font-size:13px;padding:8px 14px;border-radius:99px;cursor:pointer;transition:.2s ease}.gamepass-filters .filter-btn:hover{border-color:#3a4a61;background:#111b28;color:var(--text)}.gamepass-filters .filter-btn.active{background:var(--brand);color:#0a0f16;border-color:var(--brand)}.grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.card{position:relative;border-radius:var(--radius);background:var(--card);border:1px solid #ffffff14;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease;overflow:visible;z-index:1}.thumb{aspect-ratio:16/6;width:100%;object-fit:cover;display:block;background:#0e1420;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.card:hover{transform:translateY(-3px);border-color:#ffffff28;box-shadow:0 15px 40px rgba(0,0,0,.45);z-index:100}.body{padding:14px 14px 16px}.row{display:flex;gap:12px;align-items:center;margin:6px 0}.row svg{width:18px;height:18px;fill:var(--muted)}.k{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.v{font-weight:700}.title-sm{font-size:16px;font-weight:800;margin:0 0 2px;line-height:1.2}.meta{font-size:13px;color:var(--muted)}.actions-row{display:flex;gap:10px;margin-top:12px}.pill{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;border-radius:999px;background:#0e1621;border:1px solid #263141;color:#cfe0f1;font-size:12px;font-weight:700}.pill svg{width:14px;height:14px;fill:#9bc1ff}.row-wrap{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.modal-overlay{position:fixed;inset:0;background:rgba(4,8,14,.8);display:none;align-items:center;justify-content:center;z-index:50;padding:24px;backdrop-filter:blur(4px)}.modal-overlay.open{display:flex}.modal-close-btn{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:999px;border:1px solid #2a3442;background:#0d131c;color:#dce6f3;display:grid;place-items:center;cursor:pointer;font-weight:800;font-size:18px}.lightbox img{max-width:min(1200px,95vw);max-height:85vh;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.6);z-index:150}.upload-modal .modal-content{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);padding:24px 28px;width:100%;max-width:420px;box-shadow:var(--shadow);position:relative}.upload-modal h3{font-size:20px;margin:0 0 4px;font-weight:800}.upload-modal p{font-size:14px;color:var(--muted);margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:700;font-size:13px;color:var(--muted);margin-bottom:6px}.form-group input[type=text]{width:100%;background:#0d131c;border:1px solid #2a3442;border-radius:12px;padding:12px 14px;font-family:inherit;color:var(--text);font-size:15px;font-weight:600}.form-group input[type=text]:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #5aa3e733}.form-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.image-upload-wrapper{position:relative;width:100%;height:150px;border:2px dashed var(--stroke);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0d131c;transition:border-color .2s ease}.image-upload-wrapper:hover{border-color:var(--accent)}.file-upload-label{cursor:pointer;text-align:center;color:var(--muted);font-weight:600}.file-upload-label svg{width:24px;height:24px;fill:var(--muted);margin:0 auto 8px;display:block}.image-preview{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:none;z-index:1}.image-preview.active{display:block}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}.copy-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid #263141;background:#0e1621;color:#cfe0f1;font-weight:800;letter-spacing:.2px;box-shadow:inset 0 -1px 0 #00000055;transition:transform .12s ease,background .2s ease,border-color .2s ease,color .2s ease}.copy-btn:hover{transform:translateY(-1px);border-color:#34506d;background:#101b28}.copy-btn:active{transform:translateY(0) scale(.98)}.copy-btn .copy-label{font-size:12px;text-transform:uppercase}.copy-btn .copy-id{opacity:.55;font-weight:700;font-size:12px}.copy-btn .copy-icons{position:relative;width:18px;height:18px;display:grid;place-items:center}.copy-btn .copy-icons svg{width:18px;height:18px;fill:#9bc1ff;transition:transform .18s ease,opacity .18s ease}.copy-btn .icon-check{position:absolute;opacity:0;transform:scale(.6)}.copy-btn.copied{background:linear-gradient(180deg,var(--brand-2),#43c6a3);color:#0a0f16;border-color:transparent;animation:pop .28s cubic-bezier(.2,.8,.2,1)}.copy-btn.copied .copy-icons .icon-copy{opacity:0;transform:scale(.6) rotate(-10deg)}.copy-btn.copied .copy-icons .icon-check{opacity:1;transform:scale(1)}.copy-btn.copied .copy-id{opacity:.8}.copy-btn.ripple:after{content:"";position:absolute;inset:0;margin:auto;width:12px;height:12px;border-radius:999px;background:#ffffff55;pointer-events:none;animation:ripple .6s ease-out forwards}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(3.5);opacity:0}}.signin-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(70% 50% at 90% 10%,#1a2332 0,transparent 60%),radial-gradient(60% 40% at 10% 0,#122032 0,transparent 55%),#0c0f14;color:var(--text)}.signin-card{background:var(--panel);padding:40px;border-radius:20px;box-shadow:var(--shadow);max-width:400px;width:100%;text-align:center;border:1px solid var(--stroke)}.logo-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.logo{width:60px;height:60px}.title{font-size:28px;font-weight:800;letter-spacing:.5px}.subtitle{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:2.5px}.tagline{font-size:14px;color:var(--muted);margin:14px 0 24px}.btn{appearance:none;border:none;cursor:pointer;padding:14px 18px;border-radius:14px;font-weight:700;color:#0a0f16;background:linear-gradient(180deg,var(--brand),#3f87d6);box-shadow:0 8px 22px #5aa3e745,inset 0 -2px 0 #00000022;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:15px;width:100%;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{transform:translateY(-1px);filter:saturate(1.1);box-shadow:0 10px 26px #5aa3e759}.discord-icon{width:20px;height:20px}.hero{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:60px auto;padding:20px;gap:40px}.hero-left{flex:1}.hero-left h1{font-size:42px;font-weight:800}.hero-left .highlight{color:var(--brand)}.hero-left .tagline{margin-top:4px;color:var(--muted);font-size:14px}.hero-left .desc{margin:20px 0;font-size:16px;color:var(--muted);line-height:1.5}.hero-actions{display:flex;gap:14px;margin-top:20px}.hero-right{flex:1;display:flex;justify-content:center}.hero-image{border-radius:14px;box-shadow:var(--shadow)}.features{text-align:center;margin-top:80px}.features h2{font-size:26px;font-weight:800;margin-bottom:28px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1200px;margin:auto}.feature-card{list-style:none;background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px;text-align:left;transition:transform .15s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.4)}.feature-card h3{font-size:18px;font-weight:700;margin:10px 0}.feature-card svg{width:20px;height:20px;fill:var(--brand);margin-right:8px}.feature-card ul{margin:0;padding-left:20px;font-size:14px;color:var(--muted)}.landing{padding:60px 20px;text-align:center}.search-bar{background:var(--panel);border:1px solid var(--stroke);color:var(--text);padding:10px 14px;border-radius:12px;font-size:14px;font-weight:600;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-bar:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5aa3e733}.warn-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:9999px;background:linear-gradient(180deg,#ffb14d,#ff8a00);color:#111316;font-weight:600;font-size:12px;letter-spacing:.02em;box-shadow:0 6px 18px rgba(255,140,0,.25);user-select:none;cursor:default;z-index:2}.warn-badge .warn-dot{width:8px;height:8px;border-radius:9999px;background:#111316;box-shadow:0 0 0 2px rgba(17,19,22,.25)}.warn-badge .warn-text{transform:translateY(-.5px)}.warn-badge .warn-tooltip{position:absolute;inset:auto auto -6px 50%;transform:translate(-50%,100%) scale(.96);transform-origin:top center;min-width:260px;max-width:320px;padding:10px 12px;border-radius:10px;background:linear-gradient(180deg,#0f1217,#0b0d12);border:1px solid rgba(255,138,0,.35);color:#e9edf6;font-size:12px;line-height:1.35;box-shadow:0 12px 28px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.02);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:3;display:none;z-index:60}.warn-badge:hover{box-shadow:0 10px 20px rgba(255,140,0,.3),0 0 0 3px rgba(255,140,0,.18)}.warn-badge:hover .warn-tooltip{display:block;opacity:1;transform:translate(-50%,100%) scale(1)}.warn-badge .warn-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);border-color:transparent transparent rgba(255,138,0,.35);border-style:solid;border-width:0 6px 6px}.warn-badge .warn-tooltip:after{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);border-color:transparent transparent #0f1217;border-style:solid;border-width:0 5px 5px}.user-row{display:flex;align-items:center;gap:8px;margin:8px 0}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--stroke)}.user-name{font-weight:700;font-size:14px;color:var(--text)}.stats-modal .modal-content{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);padding:24px 28px;box-shadow:var(--shadow)}.stats-modal .stats-modal-content{max-width:920px;width:100%;position:relative}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:800}.stats-title{margin:0 0 6px}.stats-section-title{margin:10px 0 8px;font-size:14px;color:var(--muted)}.kpi{font-weight:800;font-size:18px}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0 18px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:12px}.stats-card{background:linear-gradient(180deg,rgba(22,27,35,.9),rgba(16,20,28,.9));border:1px solid #ffffff12;border-radius:16px;box-shadow:var(--shadow);padding:14px}.stats-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.stats-name{font-weight:800;font-size:16px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,var(--brand-2),#43c6a3);color:#0a0f16;font-weight:800;font-size:12px;letter-spacing:.2px}.stats-card-body{display:grid;gap:8px}.stats-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #1f2732;border-radius:12px;background:#0f141c}.stats-item .k{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.stats-item .k,.stats-item .v{font-weight:800}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mini-copy{appearance:none;border:1px solid #2a3442;background:#0d131c;color:#dce6f3;font-weight:800;font-size:11px;padding:4px 8px;border-radius:999px;margin-left:6px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease}.mini-copy:hover{border-color:#3a4a61;background:#111b28;transform:translateY(-1px)}.stats-empty{grid-column:1/-1;padding:14px;border:1px dashed var(--stroke);border-radius:12px;text-align:center;color:var(--muted)}.stats-refresh-note{margin-top:6px}