body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-root{--bg-1:#f8fafc;--accent-1:#4f46e5;--muted:#64748b;background:radial-gradient(1200px 600px at 10% 10%,#4f46e50a,#0000),radial-gradient(800px 400px at 80% 30%,#6366f108,#0000),linear-gradient(135deg,var(--bg-1) 0,#f1f5f9 50%,#eef2f6 100%);color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;padding-bottom:56px;position:relative}.app-root:before{background:url(https://mangack.com/wp-content/uploads/2022/11/Hardcore-Leveling-Warrior.webp) repeat;content:"";height:100vh;left:0;opacity:.45;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.site-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#0f172a,#1a1f35 50%,#0f172a);border-bottom:1px solid #ffffff0d;box-shadow:0 10px 30px -10px #0206174d;color:#fff;display:flex;justify-content:space-between;padding:16px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.brand{background:linear-gradient(135deg,#fff,#c7d2fe 50%,#a5b4fc);-webkit-background-clip:text;color:#0000;font-size:24px;font-weight:800;letter-spacing:1.5px;padding-left:12px;position:relative}.brand:before{color:#818cf8;content:"✦";font-size:20px;left:-8px;opacity:.8;position:absolute;top:-4px}.main-nav{align-items:center;display:flex;gap:10px}.main-nav .nav-btn,.main-nav button{background:#0000;border:1px solid #0f172a0f;border-radius:999px;color:var(--accent-1);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.2px;padding:8px 18px;transition:transform .22s,box-shadow .22s,background .22s}.main-nav .nav-btn:before,.main-nav button:before{background:#4f46e50f;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .36s,height .36s;width:0}.main-nav .nav-btn:hover,.main-nav button:hover{box-shadow:0 8px 20px #0f172a0f;transform:translateY(-3px)}.main-nav .nav-btn.active,.main-nav button.active{background:linear-gradient(90deg,#4f46e51f,#818cf814);border-color:#4f46e51f}.content{margin:32px auto;max-width:1200px;padding:0 24px 64px;position:relative;z-index:1}.hero{margin-bottom:32px;padding:20px 0;text-align:left}.hero h1{background:linear-gradient(135deg,#0f172a 0,#312e81 50%,var(--accent-1) 100%);-webkit-background-clip:text;color:#0f172a;color:#0000;font-size:48px;font-weight:900;letter-spacing:-1px;line-height:1.05;margin:0}.subtitle{color:#475569;display:inline-block;font-size:16px;font-weight:400;margin-top:8px;position:relative}.subtitle:after{background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:2px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:60px}.layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 320px}.catalog-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{align-items:stretch;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff2;border:1px solid #0f172a0a;border-radius:16px;box-shadow:0 12px 28px -12px #0f172a14;display:flex;overflow:hidden;position:relative;transition:transform .28s ease,box-shadow .28s ease}.card:after{background:linear-gradient(135deg,#ffffff80,#fff0);border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .3s}.card:hover:after{opacity:1}.card:hover{border-color:#0000;box-shadow:0 25px 50px -12px #4f46e540;transform:translateY(-8px) scale(1.02)}.card img{height:240px;object-fit:cover;transition:transform .32s ease;width:160px}.card:hover img{transform:scale(1.05)}.card-body{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:0;padding:18px 18px 18px 16px}.card-body h3{color:#0f172a;font-size:18px;font-weight:800;line-height:1.25;margin:0 0 6px}.author{color:var(--muted);font-weight:600;letter-spacing:.2px;margin:0 0 12px}.author,.btn{font-size:13px}.btn{background:linear-gradient(90deg,var(--accent-1),#818cf8);border:1px solid #4f46e51f;border-radius:12px;box-shadow:0 8px 18px #4f46e524;color:#fff;display:inline-block;font-weight:700;padding:8px 14px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,opacity .18s}.btn:hover{opacity:.98;transform:translateY(-3px)}.card-footer{align-items:center;display:flex;gap:12px;margin-top:auto}.stars{display:flex;gap:2px}.stars span{color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.2));font-size:14px}.stars .muted{color:#e2e8f0;filter:none}.score{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #f59e0b33;border-radius:20px;box-shadow:0 2px 6px #00000005;color:#0f172a;font-size:13px;font-weight:800;padding:4px 10px}.sidebar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffffa;border:1px solid #0f172a0a;border-radius:16px;box-shadow:0 18px 36px -18px #0f172a14;padding:20px 16px;position:-webkit-sticky;position:sticky;top:120px}.sidebar h4{align-items:center;color:#0f172a;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 16px}.sidebar h4:before{content:"🏆";filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));font-size:20px}.rank-list{list-style:none;margin:0;padding:0}.rank-item{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 10px;transition:transform .18s ease,box-shadow .18s ease}.rank-item:hover{background:#fff;border-color:#4f46e514;box-shadow:0 10px 26px -12px #4f46e51f;transform:translateX(6px)}.rank-item img{border-radius:12px;box-shadow:0 6px 12px #00000014;height:80px;object-fit:cover;width:56px}.rank-item+.rank-item{margin-top:8px}.rank-1{background:linear-gradient(90deg,#fff7ed,#0000);border-left:3px solid #f59e0b}.rank-2{background:linear-gradient(90deg,#f1f5f9,#0000);border-left:3px solid #94a3b8}.rank-3{background:linear-gradient(90deg,#fef3c7,#0000);border-left:3px solid #b45309}.small{color:#475569;font-size:12px;font-weight:500}.score-right{background:#4f46e51a;border-radius:20px;color:#4f46e5;font-size:13px;font-weight:800;margin-left:auto;padding:4px 10px}.about,.rank-page{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 15px 35px -10px #0f172a1a;margin-top:24px;padding:24px}.full-rank{margin:16px 0 0;padding-left:24px}.full-rank li{border-bottom:1px dashed #e2e8f0;color:#0f172a;font-weight:500;padding:8px 0}.full-rank li:last-child{border-bottom:none}.detail-view{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #fff9;border-radius:18px;box-shadow:0 18px 40px #0206170f;margin-top:28px;padding:22px}.detail-back{background:#0000;border:none;color:#475569;cursor:pointer;font-weight:700;margin-bottom:12px}.detail-body{align-items:flex-start;display:flex;gap:24px}.detail-cover{border-radius:14px;box-shadow:0 18px 40px #02061714;height:440px;object-fit:cover;width:320px}.detail-info{flex:1 1}.detail-info h2{font-size:32px;margin:0 0 8px}.detail-info .author{color:#4f46e5;font-weight:600;margin-bottom:8px}.detail-info .small{color:#475569;margin-bottom:12px}.detail-info .desc{color:#334155;line-height:1.6}.rank-badge{background:#4f46e5;border-radius:50%;color:#fff;display:inline-block;font-size:12px;font-weight:700;height:24px;line-height:24px;margin-right:8px;text-align:center;width:24px}@media (max-width:880px){.layout{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.modal-content{align-items:center;flex-direction:column;padding:20px}.modal-img{height:auto;max-height:400px;width:80%}.sidebar{margin-top:12px;position:static}.site-header{padding:14px 20px}.hero h1{font-size:34px}}@media (max-width:480px){.card{flex-direction:column}.card img{height:220px}.card img,.img-btn img{width:100%}.main-nav .nav-btn,.main-nav button{font-size:13px;padding:8px 12px}.brand{font-size:18px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4f46e5,#818cf8);border:2px solid #f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4338ca,#6366f1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rank-1{animation:float 3s ease-in-out infinite}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:before{background:#0f172a;border-radius:8px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}[data-tooltip]:hover:before{opacity:1}
/*# sourceMappingURL=main.5e37bcba.css.map*/