:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090d;--panel:#11141b;--panel2:#171b25;--border:#293144;--text:#f5f7fb;--muted:#9aa3b5;--accent:#65a7ff;--good:#31d67b;--shadow:0 24px 70px #00000080}html{-webkit-text-size-adjust:100%}.sidebar,.modal{-webkit-overflow-scrolling:touch}*{box-sizing:border-box}html,body,#root{background:radial-gradient(circle at top, #1b2030 0%, var(--bg) 48%);min-height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{background:linear-gradient(#08090df5 0%,#06070bfa 100%);border-right:1px solid #5a6ea01f;width:430px;min-width:430px;height:100vh;padding:90px 24px 32px;transition:margin-left .28s;position:sticky;top:0;overflow-y:auto}.brand span{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.brand h1{margin:8px 0 10px;font-size:36px;line-height:1}.brand p{color:var(--muted);margin:0 0 38px;line-height:1.45}.content{flex:1;min-width:0;padding:24px}.topbar{align-items:center;gap:14px;min-height:54px;margin-bottom:20px;display:flex}.search{border:1px solid var(--border);min-width:260px;color:var(--text);background:#11141bf2;border-radius:14px;outline:none;flex:1;padding:14px 16px}.search:focus,.select:focus{border-color:var(--accent)}.select{border:1px solid var(--border);background:var(--panel2);width:100%;color:var(--text);border-radius:12px;outline:none;padding:12px 14px}.sort{width:auto;min-width:180px}.field-label,.panel-title{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;font-size:13px;display:block}.count{color:var(--muted);font-size:14px}.panel{border:1px solid var(--border);background:#11141bbf;border-radius:18px;margin-bottom:26px;padding:16px}.flag-grid,.badges{flex-wrap:wrap;gap:8px;display:flex}.flag{letter-spacing:.04em;cursor:pointer;background:#0f131b;border:1px solid #2e374c;border-radius:8px;justify-content:center;align-items:center;min-height:28px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.flag.active,.flag:hover{border-color:#ffffff73;transform:translateY(-1px);box-shadow:0 0 12px #ffffff14}.flag.cosmos{color:#cbd5e1}.flag.fullPink{color:#ec4899}.flag.greedy{color:#facc15}.flag.perfectColor{color:#a855f7}.flag.fullLoad{color:#5eead4}.reset{border:1px solid var(--border);cursor:pointer;background:linear-gradient(#1a2030,#121722);border-radius:12px;width:100%;margin-top:14px;padding:12px 14px;font-weight:800}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;display:grid}.card{appearance:none;cursor:pointer;text-align:left;background:linear-gradient(#10131b 0%,#0b0d13 100%);border:1px solid #465a8c47;border-radius:20px;height:100%;padding:0;transition:all .22s;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:#78a0ff80;transform:translateY(-5px)}.card-media{aspect-ratio:1;background:radial-gradient(circle,#141a29,#090b11);justify-content:center;align-items:center;display:flex}.card-media img{object-fit:contain;width:84%;height:84%;transition:all .22s}.card:hover .card-media img{transform:scale(1.05)}.card-body{padding:14px}.card-top{justify-content:space-between;align-items:start;gap:10px;display:flex}.card-top strong{font-size:14px;line-height:1.25}.rank-pill{white-space:nowrap;color:#a9ceff;background:#65a7ff1f;border:1px solid #65a7ff59;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.rank-row{color:var(--muted);gap:8px;margin:8px 0;font-size:12px;display:flex}.card-footer{color:var(--muted);justify-content:space-between;gap:10px;margin-top:10px;font-size:13px;display:flex}.notice{border:1px solid var(--border);color:var(--muted);background:#11141bcc;border-radius:18px;padding:18px}.notice.error{color:#ff9a9a;border-color:#ef444466}.modal{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05060ad6;padding:18px;position:fixed;inset:0;overflow-y:auto}.modal-panel{border:1px solid var(--border);max-width:1360px;box-shadow:var(--shadow);background:#0d1017;border-radius:24px;margin:0 auto;overflow:hidden}.modal-toolbar{z-index:2;border-bottom:1px solid var(--border);background:#0d1017f5;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.toolbar-btn,.toggle button{border:1px solid var(--border);background:var(--panel2);cursor:pointer;border-radius:12px;padding:10px 14px}.toggle{gap:8px;display:flex}.toggle button.active{background:var(--accent);color:#08101c;border-color:#0000;font-weight:900}.toggle button:disabled{opacity:.45;cursor:not-allowed}.modal-content{grid-template-columns:minmax(320px,52%) minmax(320px,48%);display:grid}.modal-image{border-right:1px solid var(--border);justify-content:center;align-items:flex-start;padding:24px;display:flex}.modal-image img{object-fit:contain;border:1px solid var(--border);background:#080a10;border-radius:20px;width:100%;max-height:78vh;padding:18px}.modal-info{padding:24px}.kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:12px}.modal-info h2{margin:0 0 14px;font-size:38px;line-height:1.05}.modal-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.modal-meta span{border:1px solid var(--border);background:var(--panel2);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px}.trait-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.trait-card{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:14px}.trait-key{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:12px}.trait-value{word-break:break-word;font-weight:800}.trait-percent{color:var(--accent);min-height:14px;margin-top:7px;font-size:12px}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sidebar-toggle{color:#f5f7fb;cursor:pointer;z-index:100;background:#11141b;border:1px solid #2f3647;border-radius:999px;width:28px;height:28px;position:absolute;top:18px;right:-14px}.sidebar-hidden .sidebar{margin-left:-390px}.sidebar{transition:margin-left .28s;position:relative}.sidebar:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#7896ff2e 50%,#0000 100%);width:1px;height:100vh;position:fixed;top:0;right:-1px}.powered-by{align-items:center;gap:10px;margin-top:8px;margin-bottom:34px;text-decoration:none;display:flex}.powered-by span{color:#9ca3b2;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:11px}.powered-by img{opacity:.85;width:92px;transition:all .2s}.powered-by:hover img{opacity:1;transform:scale(1.03)}.type-pill{color:#f5f7fb;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#141822f5 0%,#0a0c12fa 100%);border:1px solid #5a6ea02e;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:72px;transition:all .18s;display:flex;box-shadow:inset 0 1px #ffffff08,0 10px 25px #0000003d}.type-pill:hover{border-color:#7896ff61;transform:translateY(-2px);box-shadow:0 16px 40px #00000059,0 0 18px #63a4ff0f}.type-pill.active{background:linear-gradient(#2d50aa3d 0%,#101628f5 100%);border-color:#63a4ff;box-shadow:0 0 0 1px #63a4ff29,0 0 20px #63a4ff1f}.type-pill span{font-size:14px;font-weight:800}.type-pill small{color:#8892a8;font-size:11px}.badges{align-items:center}.flag{line-height:1}.card{flex-direction:column;display:flex}.card-body{flex-direction:column;flex:1;display:flex}.card-footer{margin-top:auto}.loading-screen{z-index:99999;background:radial-gradient(circle at top,#1a1b2a 0%,#090b11 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-panel{width:min(420px,100vw - 40px)}.loading-title{margin-bottom:10px;font-size:22px;font-weight:800}.loading-sub{color:#9ca3b2;margin-bottom:20px}.loading-bar{background:#141925;border:1px solid #2c3344;border-radius:999px;height:12px;overflow:hidden}.loading-progress{background:linear-gradient(90deg,#63a4ff 0%,#7c5cff 100%);border-radius:999px;width:35%;height:100%;animation:1.2s linear infinite loadingMove}@keyframes loadingMove{0%{transform:translate(-120%)}to{transform:translate(320%)}}.flag.gx{color:#add8e6}.flag.dw{color:#22c55e}.flag.cos{color:#cbd5e1}.flag.spo{color:#f97316}.flag.twin{color:#e879f9}.flag.pp{color:#ff69b4}.flag.money{color:#facc15}.flag.fire{color:#ef4444}.flag.ice{color:#38bdf8}.flag.pc{color:#a855f7}.flag.fl{color:#0f52ba}.floating-sidebar-toggle{color:#f5f7fb;z-index:999999;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#161a24f5 0%,#0a0c12fa 100%);border:1px solid #6478b42e;border-radius:999px;width:54px;height:54px;transition:all .18s;position:fixed;top:22px;left:22px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff08}.floating-sidebar-toggle:hover{border-color:#7896ff73;transform:translateY(-2px);box-shadow:0 16px 40px #0000006b,0 0 18px #63a4ff14}@media (width<=1200px){.sidebar{width:360px;min-width:360px}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (width<=900px){.app-shell{display:block}.sidebar{width:min(92vw,380px);min-width:unset;z-index:99999;border-right:1px solid #5a6ea024;height:100vh;padding:86px 18px 24px;transition:transform .26s;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 0 40px #0000008c}.sidebar-hidden .sidebar{margin-left:0;transform:translate(-105%)}.content{padding:82px 14px 14px}.topbar{flex-direction:column;align-items:stretch;gap:12px}.search,.sort{width:100%;min-width:unset}.count{text-align:center}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border-radius:18px}.card-body{padding:11px}.card-top strong{font-size:12px}.rank-row{flex-wrap:wrap;gap:4px}.card-footer{font-size:11px}.floating-sidebar-toggle{width:48px;height:48px;top:16px;left:16px}.modal{padding:0}.modal-panel{border-radius:0;min-height:100vh}.modal-content{grid-template-columns:1fr}.modal-image{border-right:0;border-bottom:1px solid var(--border);padding:18px}.modal-info{padding:18px}.modal-info h2{font-size:30px}.trait-list{grid-template-columns:1fr}}@media (width<=560px){.brand h1{font-size:28px}.brand p{font-size:14px;line-height:1.45}.panel{border-radius:18px;padding:14px}.type-pill{height:64px}.type-pill span{font-size:13px}.type-pill small{font-size:10px}.flag{min-height:30px;padding:6px 10px}.grid{gap:10px}.card-media img{width:88%;height:88%}.modal-toolbar{padding:12px}.toolbar-btn,.toggle button{padding:9px 12px;font-size:13px}}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.community-pill{height:66px;color:var(--text);cursor:pointer;background:linear-gradient(#141822f5,#0a0c12fa);border:1px solid #5a6ea02e;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .18s;display:flex}.community-pill:hover{border-color:#7896ff61;transform:translateY(-2px)}.community-pill.active{background:linear-gradient(#2d50aa3d,#101628f5);border-color:#63a4ff;box-shadow:0 0 18px #63a4ff1f}.community-pill span{font-size:13px;font-weight:900}.community-pill small{color:var(--muted);font-size:10px}.community-actions{gap:8px;margin-top:10px;display:flex}.vote-btn,.fav-btn{color:var(--muted);cursor:pointer;background:#0f131b;border:1px solid #5a6ea038;border-radius:10px;flex:1;padding:8px 6px;font-size:12px;font-weight:900;transition:all .18s}.vote-btn:hover,.fav-btn:hover{border-color:#7896ff66;transform:translateY(-1px)}.vote-btn.active{color:#65a7ff;background:#65a7ff1a;border-color:#65a7ff80}.fav-btn.active{color:#facc15;background:#facc151a;border-color:#facc1580}@media (width<=560px){.community-grid{grid-template-columns:1fr}.community-actions{gap:6px}.vote-btn,.fav-btn{padding:7px 4px;font-size:11px}}.virtual-grid-wrapper{width:100%;height:calc(100vh - 110px);overflow:hidden}.sidebar-hidden .content{width:100vw}.content{min-width:0;overflow:hidden}.app-shell{overflow:hidden}.virtual-grid-wrapper>div{overflow-x:hidden!important}