:root{--bg:#0c0f16;--bg-2:#0f131c;--panel:#161b26;--panel-2:#1b212e;--line:#283042;--line-soft:#1f2735;--text:#eef2f8;--muted:#93a0b4;--muted-2:#6b7888;--gold:#b993e4;--gold-2:#9d72d4;--radius:14px;--radius-sm:9px;--maxw:1240px;--t:.15s cubic-bezier(.4, 0, .2, 1);--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1100px 560px at 80% -10%, #18233b 0%, #18233b00 55%), radial-gradient(900px 500px at 0% 0%, #1a1530 0%, #1a153000 50%), var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{margin:0;line-height:1.2}::selection{background:#b993e44d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:50;-webkit-backdrop-filter:saturate(150%)blur(12px);backdrop-filter:saturate(150%)blur(12px);border-bottom:1px solid var(--line);background:#0c0f16d1;position:sticky;top:0}.topbar-inner{max-width:var(--maxw);align-items:center;gap:22px;margin:0 auto;padding:12px 18px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.brand-mark{color:var(--gold);filter:drop-shadow(0 0 8px #b993e480);font-size:20px}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 8px #b993e48c);width:30px;height:30px}.brand-name{color:#fff}.brand-accent{color:var(--gold)}.nav{scrollbar-width:none;gap:3px;min-width:0;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--muted);white-space:nowrap;transition:color var(--t), background var(--t);border-radius:999px;padding:8px 12px;font-size:13.5px;font-weight:600}.nav a:hover{color:#fff;background:var(--panel)}.nav a.active{color:#1a1206;background:linear-gradient(180deg, var(--gold), var(--gold-2))}.search{background:var(--panel);border:1px solid var(--line);transition:border-color var(--t), box-shadow var(--t);border-radius:999px;flex:none;align-items:center;margin-left:auto;display:flex;overflow:hidden}.search:focus-within{border-color:var(--gold-2);box-shadow:0 0 0 3px #b993e42e}.search input{color:var(--text);background:0 0;border:0;outline:0;width:190px;padding:9px 14px;font-size:14px}@media (width<=1180px){.search input{width:150px}}.search input::placeholder{color:var(--muted-2)}.search button{color:var(--gold);cursor:pointer;background:0 0;border:0;padding:0 14px;font-size:18px}@media (width<=760px){.topbar-inner{flex-wrap:wrap;gap:12px}.search{width:100%;margin-left:0}.search input{flex:1;width:100%}.nav{order:3;width:100%;overflow-x:auto}}.main{max-width:var(--maxw);flex:1;width:100%;margin:0 auto;padding:26px 18px 40px}.footer{border-top:1px solid var(--line)}.footer p{max-width:var(--maxw);color:var(--muted-2);text-align:center;margin:0 auto;padding:18px;font-size:12.5px}.footer a{color:var(--gold-2)}.hero{text-align:center;padding:46px 16px 30px;position:relative;overflow:hidden}.hero-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#b993e429,#0000 60%);height:360px;position:absolute;inset:-40% 20% auto}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.28em;margin:0 0 12px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.02em;background:linear-gradient(#fff,#c9d3e2);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,6vw,52px);font-weight:900}.lead{max-width:640px;color:var(--muted);margin:16px auto 0;font-size:16px}.lead .hl{color:var(--gold);font-weight:600}.hero-cta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;transition:transform var(--t), border-color var(--t), background var(--t);border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{border-color:#3a455c;transform:translateY(-2px)}.btn.primary{background:linear-gradient(180deg, var(--gold), var(--gold-2));color:#1a1206;border-color:#0000;box-shadow:0 8px 22px -8px #b993e499}.cat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}@media (width<=760px){.cat-grid{grid-template-columns:1fr}}.cat-card{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);transition:transform var(--t), border-color var(--t), box-shadow var(--t);align-items:center;gap:14px;padding:18px;display:flex}.cat-card:hover{border-color:#b993e473;transform:translateY(-3px);box-shadow:0 16px 34px -18px #000000b3}.cat-icon{font-size:34px}.cat-head{align-items:center;gap:10px;display:flex}.cat-head h2{font-size:19px}.cat-count{color:var(--gold);background:#b993e41f;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800}.cat-card p{color:var(--muted);margin:4px 0 0;font-size:13px}.news-feed-tag{color:var(--muted-2);font-size:11px;font-weight:600}.news-list{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (width<=760px){.news-list{grid-template-columns:1fr}}.news-item a{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--line);transition:border-color var(--t), transform var(--t), background var(--t);border-radius:12px;flex-direction:column;gap:5px;height:100%;padding:12px 14px;display:flex}.news-item a:hover{border-color:#b993e473;transform:translateY(-2px)}.news-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.news-item a:hover .news-title{color:var(--gold)}.news-meta{color:var(--muted-2);align-items:center;gap:8px;margin-top:auto;font-size:11.5px;display:flex}.news-source{color:var(--gold-2);font-weight:700}.news-source:after{content:"·";color:var(--muted-2);margin-left:8px}.news-date{color:var(--muted)}.block{margin-top:34px}.block-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:10px;display:flex}.block-head h2{font-size:18px}.block-head h2:before{content:"";background:linear-gradient(180deg, var(--gold), var(--gold-2));vertical-align:-2px;border-radius:2px;width:4px;height:16px;margin-right:10px;display:inline-block}.see-all{color:var(--gold-2);font-size:13px;font-weight:700}.page-head{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.page-head h1{letter-spacing:-.01em;font-size:28px;font-weight:900}.count{color:var(--muted);font-size:13px;font-weight:600}.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;margin-bottom:22px;padding:14px;display:flex}.search-inline{background:var(--bg-2);border:1px solid var(--line);width:100%;max-width:320px;color:var(--text);transition:border-color var(--t), box-shadow var(--t);border-radius:999px;outline:none;padding:9px 15px;font-size:14px}.search-inline:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px #b993e429}.search-inline::placeholder{color:var(--muted-2)}.fgroup{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fgroup-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);min-width:58px;font-size:11px;font-weight:800}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--bg-2);color:var(--muted);cursor:pointer;transition:color var(--t), background var(--t), border-color var(--t);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700}.chip:hover{color:#fff;border-color:#3a455c}.chip.on{color:#11151d;background:var(--chip,var(--gold-2));border-color:#0000}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:transform var(--t), border-color var(--t), box-shadow var(--t);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--accent,var(--gold-2));transform:translateY(-4px);box-shadow:0 18px 34px -18px #000000bf}.card-art{aspect-ratio:1;place-items:center;display:grid;position:relative;overflow:hidden}.card.r5 .card-art{background:radial-gradient(120% 120% at 50% 120%,#c9962f 0%,#6e4a23 70%)}.card.r4 .card-art{background:radial-gradient(120% 120% at 50% 120%,#9a72c6 0%,#43335f 70%)}.card.r3 .card-art{background:radial-gradient(120% 120% at 50% 120%,#4f86c0 0%,#2a3f5c 70%)}.card.r2 .card-art{background:radial-gradient(120% 120% at 50% 120%,#4f9a86 0%,#2a4b44 70%)}.card-art img{object-fit:cover;width:100%;height:100%}.card-noimg{color:#ffffffd9;font-size:22px;font-weight:900}.card-noimg.lg{background:var(--panel-2);place-items:center;width:100%;height:100%;font-size:54px;display:grid}.card-badge{position:absolute;top:7px;left:7px}.card-info{padding:9px 11px 11px}.card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.card-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;overflow:hidden}.stars{letter-spacing:1px;margin-top:4px;font-size:11px;display:block}.stars.r5{color:var(--gold)}.stars.r4{color:#c39be6}.stars.r3{color:#6fa8e0}.stars.r2{color:#6fc0aa}.card.static{cursor:default}.card.static:hover{box-shadow:none;border-color:var(--accent,var(--gold-2));transform:none}.load-more{justify-content:center;margin-top:22px;display:flex}.load-more .btn{padding:11px 24px}.ach-groups{flex-direction:column;gap:8px;display:flex}.ach-group{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.ach-group summary{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t);align-items:center;gap:12px;padding:12px 14px;list-style:none;display:flex}.ach-group summary::-webkit-details-marker{display:none}.ach-group summary:hover{background:var(--panel-2)}.ach-group[open] summary{border-bottom:1px solid var(--line);background:var(--panel-2)}.ach-icon{object-fit:contain;flex:none;width:34px;height:34px}.ach-icon.ph{background:var(--panel-3);border-radius:8px}.ach-gname{color:#fff;flex:1;font-weight:700}.ach-count{color:var(--gold);background:#b993e41f;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:800}.ach-list{margin:0;padding:6px 0;list-style:none}.ach-list li{border-top:1px solid var(--line-soft);flex-direction:column;gap:2px;padding:9px 16px;display:flex}.ach-list li:first-child{border-top:0}.ach-name{color:var(--text);font-size:14px;font-weight:600}.ach-desc{color:var(--muted);font-size:13px}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.res-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.res-cell{border:1px solid var(--line);border-left:3px solid var(--el,var(--line));border-radius:var(--radius-sm);background:var(--panel);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.res-el{color:var(--el,var(--text));font-size:12.5px;font-weight:700}.res-val{color:#fff;font-variant-numeric:tabular-nums;font-weight:800}.el-tag{color:var(--el);border:1px solid color-mix(in srgb, var(--el) 45%, transparent);background:color-mix(in srgb, var(--el) 14%, transparent);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.el-tag:before{content:"";background:var(--el);border-radius:999px;width:7px;height:7px}.tag{color:#cdd6e4;border:1px solid var(--line);background:var(--panel-2);border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.tag.sm{color:var(--muted);font-size:11px}.detail{--accent:var(--gold-2)}.back{color:var(--muted);transition:color var(--t);margin-bottom:16px;font-size:13px;font-weight:700;display:inline-block}.back:hover{color:var(--accent)}.detail-hero{grid-template-columns:300px 1fr;align-items:start;gap:26px;display:grid}@media (width<=760px){.detail-hero{grid-template-columns:1fr}}.detail-art{border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(120% 120% at 50% 0%, color-mix(in srgb, var(--accent) 30%, #1a2030) 0%, #11151d 70%);aspect-ratio:3/4;overflow:hidden}.detail-art.weapon{aspect-ratio:1;place-items:center;padding:18px;display:grid}.detail-art img{object-fit:contain;width:100%;height:100%}.detail-headline h1{letter-spacing:-.02em;margin:6px 0 4px;font-size:clamp(26px,4vw,38px);font-weight:900}.detail-title{color:var(--accent);margin:0 0 12px;font-weight:700}.tag-row{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.detail-desc{color:var(--muted);max-width:640px}.statline{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.statline>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:110px;padding:10px 16px}.statline small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;display:block}.statline b{color:#fff;font-variant-numeric:tabular-nums;font-size:19px}.info-grid{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;margin-top:24px;display:grid;overflow:hidden}.info-cell{background:var(--panel);padding:12px 14px}.info-cell small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:11px;display:block}.info-cell span{color:#fff;font-weight:600}.ability-list{flex-direction:column;gap:12px;display:flex}.ability{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:14px 16px}.ability-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.ability-head b{color:#fff;font-size:15px}.ability-icon{object-fit:contain;background:radial-gradient(120% 120% at 50% 0%, color-mix(in srgb, var(--accent) 26%, #1a2030), #11151d);border:1px solid var(--line);border-radius:10px;flex:none;width:40px;height:40px;padding:5px}.cons-num{background:var(--accent);color:#11151d;border-radius:999px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:inline-grid}.ability p{color:var(--muted);white-space:pre-line;margin:0;font-size:13.5px}.ability .story{font-style:italic}.scale-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);max-width:100%;margin-top:12px;overflow-x:auto}.scale-table{min-width:max-content;font-size:12px}.scale-table th,.scale-table td{white-space:nowrap}.scale-table th{padding:7px 10px}.scale-label{white-space:nowrap;color:#fff;z-index:1;background:var(--panel);box-shadow:1px 0 0 var(--line);font-weight:600;position:sticky;left:0}.scale-table thead .scale-label,.scale-table th:first-child{background:var(--panel-3)}.scale-table td.center{color:var(--muted);min-width:52px}.detail,.block,.ability,.ability-list,.info-grid{min-width:0}.asc-mats{flex-direction:column;gap:12px;display:flex}.asc-phase{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:110px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}@media (width<=560px){.asc-phase{grid-template-columns:1fr;gap:8px}}.asc-phase-label{color:var(--accent,var(--gold));text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.mat-row{flex-wrap:wrap;gap:12px;display:flex}.mat{text-align:center;flex-direction:column;align-items:center;width:64px;display:flex}.mat-art{background:var(--panel-3);border:1px solid var(--line);border-radius:8px;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden}.mat-art img{object-fit:contain;width:100%;height:100%}.mat-art>span{color:var(--muted);font-weight:800}.mat-count{color:#fff;background:#080c14e6;border-top-left-radius:6px;padding:1px 4px;font-size:10px;font-weight:700;position:absolute;bottom:0;right:0}.mat-name{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:10px;line-height:1.2;display:-webkit-box;overflow:hidden}.refine-list{flex-direction:column;gap:8px;display:flex}.refine{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-sm);grid-template-columns:40px 1fr;align-items:start;gap:12px;padding:10px 12px;display:grid}.refine-rank{color:var(--accent);font-size:13px;font-weight:900}.refine p{color:var(--muted);margin:0;font-size:13px}.bonus-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.bonus{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:76px 1fr;align-items:start;gap:12px;padding:10px 12px;display:grid}.bonus-pc{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;padding-top:2px;font-size:11px;font-weight:800}.bonus p{color:var(--muted);margin:0;font-size:13.5px}.piece-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.piece{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px;display:flex}.piece-art{background:var(--panel-2);border-radius:8px;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.piece-art img{object-fit:contain;width:100%;height:100%}.piece-meta small{color:var(--muted-2);font-size:11px;display:block}.piece-meta span{color:#fff;font-size:13.5px;font-weight:600}.state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.state.tall{min-height:50vh}.state-title{color:#fff;margin:0;font-size:20px;font-weight:800}.muted{color:var(--muted);margin:0}.nf-code{color:var(--gold);letter-spacing:-.04em;margin:0;font-size:80px;font-weight:900}.spinner{border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}