:root{color-scheme:dark;--ink:#e9e5dc;--muted:#9ca7a3;--surface:#171d1b;--surface-2:#202724;--surface-3:#2a312d;--line:#3b4540;--copper:#c68b4a;--gold:#e0b45f;--red:#b84a4a;--teal:#4c9b91;--paper:#d9d1bd;--paper-ink:#242621;--focus:#72c7bb;--header-height:68px;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px}body,html{background:#101412}body{color:var(--ink);margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}a,button,input,select{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 55%,transparent)}a{text-decoration:none}a,button{color:inherit}img{display:block;max-width:100%}.app-shell{background-image:linear-gradient(hsla(0,0%,100%,.018) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.018) 1px,transparent 0);background-size:40px 40px;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101412f5;border-bottom:1px solid var(--line);gap:28px;height:var(--header-height);padding:0 24px;position:sticky;top:0;z-index:60}.app-header,.brand-lockup{align-items:center;display:flex}.brand-lockup{gap:10px;min-width:190px}.brand-lockup strong{display:block;font-family:"Noto Serif SC",Songti SC,Georgia,serif;font-size:18px;font-weight:700}.brand-lockup small{color:var(--muted);display:block;font-size:10px;margin-top:2px}.brand-mark{background:#20201a;border:1px solid var(--copper);color:var(--gold);display:grid;font-family:Georgia,serif;font-weight:800;height:38px;place-items:center;transform:rotate(-2deg);width:38px}.primary-nav{align-self:stretch;display:flex;gap:2px;overflow-x:auto}.primary-nav a{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:7px;padding:0 12px;position:relative;white-space:nowrap}.primary-nav a:hover{background:#ffffff09;color:var(--ink)}.primary-nav a.active{color:var(--gold)}.primary-nav a.active:after{background:var(--copper);bottom:0;content:"";height:2px;left:12px;position:absolute;right:12px}.icon-button.mobile-menu{display:none;margin-left:auto}.app-main{min-height:calc(100vh - var(--header-height))}.page{margin:0 auto;padding:28px 28px 56px;width:min(1480px,100%)}.page-narrow{width:min(980px,100%)}.page-heading{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.page-heading h1{font-family:"Noto Serif SC",Songti SC,Georgia,serif;font-size:30px;font-weight:700;margin:0}.page-heading p{color:var(--muted);line-height:1.7;margin:6px 0 0;max-width:680px}.eyebrow{color:var(--copper);font-size:11px;font-weight:700;text-transform:uppercase}.section-title{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:32px 0 14px}.section-title h2{font-size:18px;margin:0}.muted{color:var(--muted)}.danger{color:#ef8a82}.success{color:#7bc1a2}.button{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:5px;color:var(--ink);cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:8px 14px}.button:hover:not(:disabled){background:var(--surface-3);border-color:#66736c}.button.primary{background:#9a642f;border-color:#a36f36;color:#fff}.button.primary:hover:not(:disabled){background:#ad783d}.button.danger-button{background:#542d2d;border-color:#733d3d}.button:disabled{cursor:not-allowed;opacity:.42}.icon-button{background:var(--surface-2);border:1px solid var(--line);border-radius:5px;cursor:pointer;display:inline-grid;height:40px;padding:0;place-items:center;width:40px}.icon-button:hover{background:var(--surface-3)}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.field{display:grid;gap:7px}.field label,.field-label{color:var(--muted);font-size:12px;font-weight:600}.input,.select{background:#111715;border:1px solid var(--line);border-radius:4px;color:var(--ink);min-height:40px;padding:8px 11px;width:100%}.input::-moz-placeholder{color:#6e7974}.input::placeholder{color:#6e7974}.search-field{position:relative}.search-field svg{color:var(--muted);left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-field .input{padding-left:38px}.toggle-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;min-height:46px}.toggle{background:#4a514d;border:0;border-radius:12px;cursor:pointer;height:24px;position:relative;width:42px}.toggle:after{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .18s ease;width:18px}.toggle.on{background:var(--teal)}.toggle.on:after{transform:translate(18px)}.toolbar{display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) repeat(4,minmax(130px,.35fr));margin-bottom:20px}.split-layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 330px}.side-panel{border-left:1px solid var(--line);padding-left:22px;position:sticky;top:calc(var(--header-height) + 20px)}.surface{background:var(--surface);border:1px solid var(--line)}.surface-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;min-height:48px;padding:10px 14px}.surface-body{padding:14px}.card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.card-tile{aspect-ratio:5/7;background:#252821;border:1px solid #4a4d45;border-radius:6px;box-shadow:0 8px 22px #00000038;cursor:pointer;min-width:0;overflow:hidden;position:relative;transition:transform .16s ease,border-color .16s ease}.card-tile:hover{border-color:var(--gold);transform:translateY(-3px)}.card-tile.selected{border-color:var(--teal);box-shadow:0 0 0 2px #4c9b9173}.card-art{background:#202522;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.card-shade{background:linear-gradient(transparent,#0a0c0beb 44%,#101412);inset:36% 0 0;position:absolute}.card-stat{border:1px solid hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 2px 8px #00000080;display:grid;font-weight:800;height:34px;place-items:center;position:absolute;top:8px;width:34px;z-index:2}.card-cost{background:#236b78;left:8px}.card-power{background:#9b3f36;right:8px}.card-copy{bottom:10px;left:10px;position:absolute;right:10px;z-index:2}.card-copy h3{font-family:"Noto Serif SC",Songti SC,serif;font-size:16px;margin:0 0 5px;text-shadow:0 1px 4px #000}.card-copy p{color:#d5d8d4;display:-webkit-box;font-size:11px;-webkit-line-clamp:3;line-height:1.45;margin:0;-webkit-box-orient:vertical;overflow:hidden}.card-meta{color:#d3aa69;font-size:10px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-tile.compact{flex:0 0 126px;width:126px}.card-tile.finisher{border-color:#80653a;border-width:2px;box-shadow:0 9px 24px #0000004d,inset 0 0 0 1px #e0b45f33}.card-tile.finisher:before{border:1px solid rgba(224,180,95,.32);content:"";inset:4px;pointer-events:none;position:absolute;z-index:2}.ability-count,.finisher-mark{align-items:center;background:#101412db;border:1px solid hsla(0,0%,100%,.3);display:inline-flex;font-size:8px;font-weight:700;min-height:20px;padding:2px 5px;position:absolute;z-index:3}.ability-count{color:#8fd1c8;left:8px;top:48px}.finisher-mark{color:var(--gold);right:8px;top:48px}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:24px}.pagination span{color:var(--muted);font-size:12px;min-width:76px;text-align:center}.tag{align-items:center;border:1px solid #52605a;border-radius:3px;color:#b8c4bf;display:inline-flex;font-size:10px;min-height:24px;padding:3px 7px}.tag-row{display:flex;flex-wrap:wrap;gap:5px}.modal-backdrop{background:#060807d6;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:100}.dialog{background:#171d1b;border:1px solid #697269;border-radius:6px;box-shadow:0 28px 80px #0009;max-height:calc(100vh - 48px);overflow:auto;width:min(900px,100%)}.dialog-header{align-items:center;background:#171d1b;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:2}.dialog-content{padding:20px}.card-detail{display:grid;gap:26px;grid-template-columns:minmax(260px,42%) 1fr}.card-detail-art{aspect-ratio:5/7;border:1px solid var(--line);border-radius:6px;-o-object-fit:cover;object-fit:cover;width:100%}.detail-list{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:18px 0}.detail-list div{border-bottom:1px solid var(--line);padding-bottom:9px}.detail-list dt{color:var(--muted);font-size:11px}.detail-list dd{margin:4px 0 0}.archive-table{border-collapse:collapse;width:100%}.archive-table td,.archive-table th{border-bottom:1px solid var(--line);font-size:13px;padding:11px 12px;text-align:left}.archive-table th{color:var(--muted);font-size:11px}.empty-state{border:1px dashed var(--line);color:var(--muted);display:grid;min-height:220px;padding:28px;place-items:center;text-align:center}@media(max-width:1080px){.primary-nav a{padding:0 8px}.primary-nav span{display:none}.toolbar{grid-template-columns:1fr 1fr 1fr}.search-field{grid-column:span 3}.split-layout{grid-template-columns:1fr}.side-panel{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;position:static}}@media(max-width:720px){:root{--header-height:58px}.app-header{padding:0 14px}.brand-lockup{min-width:0}.brand-mark{height:34px;width:34px}.primary-nav{background:#121715;border-bottom:1px solid var(--line);display:none;height:auto;left:0;padding:8px;position:fixed;right:0;top:var(--header-height)}.primary-nav.open{display:grid;grid-template-columns:repeat(2,1fr)}.primary-nav a{min-height:44px;padding:0 12px}.primary-nav span{display:inline}.primary-nav a.active:after{display:none}.icon-button.mobile-menu{display:inline-grid}.page{padding:20px 14px 44px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:25px}.toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}.card-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.card-copy h3{font-size:14px}.card-copy p{font-size:10px;-webkit-line-clamp:2}.card-detail{grid-template-columns:1fr}.card-detail-art{margin:0 auto;max-width:390px}.detail-list{grid-template-columns:1fr}.dialog-content{padding:14px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}html.reduce-motion *,html.reduce-motion :after,html.reduce-motion :before{animation-duration:.001ms!important;transition-duration:.001ms!important}html.high-contrast{--muted:#c7ceca;--line:#68736d;--copper:#e3a85f;--gold:#ffd47b}