:root{--bg:#f3f7f3;--surface:#fff;--surface-2:#eef3ef;--text:#11221c;--muted:#5f7369;--line:#d4e0d8;--accent:#1e4e3a;--accent-2:#cf7d2a;--common:#4ea866;--rare:#2f7fc3;--epic:#8a57ca;--legendary:#c98b1f}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Noto Sans SC,PingFang SC,sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 80% -20%,#dff0e8 0,transparent 55%),radial-gradient(900px 520px at -10% 0,#fbead7 0,transparent 55%),var(--bg)}a{color:inherit}.container{max-width:1120px;margin:0 auto;padding:0 20px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(243,247,243,.86);border-bottom:1px solid var(--line)}.topbar{min-height:68px;justify-content:space-between;gap:16px}.brand-mark,.topbar{display:flex;align-items:center}.brand-mark{gap:10px;text-decoration:none}.brand-badge{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:.75rem;font-weight:800;color:#fff;background:linear-gradient(140deg,var(--accent),#2d7455)}.brand-text{display:grid}.brand-text em{font-style:normal;font-size:.75rem;color:var(--muted);letter-spacing:.06em}.topnav{display:flex;flex-wrap:wrap;gap:10px}.topnav a{text-decoration:none;border:1px solid transparent;border-radius:999px;padding:7px 12px;font-size:.92rem}.topnav a:hover{border-color:var(--line);background:#fff}.quickbar{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:0 20px 12px}.quickbar a{text-decoration:none;font-size:.84rem;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:#fff;color:#274337}.page-main{padding-top:22px;padding-bottom:28px}.hero{padding:14px 0 8px}.hero h1{margin:6px 0 10px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.kicker{margin:0;color:var(--accent-2);text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:700}.card,.panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:18px;margin-bottom:14px;box-shadow:0 1px 0 rgba(17,34,28,.04),0 12px 24px rgba(17,34,28,.06)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.pill{font-size:.75rem;border:1px solid #d8c3ab;border-radius:999px;padding:4px 10px;color:#86592a;background:#fff5e9}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px;gap:8px}.muted{color:var(--muted);margin:4px 0}.code-list,.mutation-list,.stock-list{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-gap:10px;gap:10px}.code-item,.stock-item{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfefd);border-radius:12px;padding:10px;display:flex;justify-content:space-between;gap:10px}.right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.rarity,.status{border-radius:999px;padding:4px 10px;color:#fff;font-size:.75rem;text-transform:uppercase}.status.working{background:#2f7d4f}.status.expired{background:#b14f43}button{border:1px solid var(--line);background:#fff;padding:6px 10px;border-radius:8px;cursor:pointer}.form-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}label{display:grid;grid-gap:6px;gap:6px;font-size:.95rem}.checkbox-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff}.checkbox-row input{width:18px;height:18px}input{border:1px solid var(--line);border-radius:9px;padding:8px}.result{margin-top:12px;font-size:1.05rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px}td,th{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}.prose h2{margin-top:20px;font-size:1.3rem;color:#16392c}.prose h3{margin-top:15px}.prose li,.prose p{font-size:1.02rem;line-height:1.86;color:#20322b}.prose ul{margin:8px 0;padding-left:22px}.longform{background:linear-gradient(180deg,#fff,#f7fbf8)}.media-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.media-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.media-card img{width:100%;display:block}.media-card p{margin:0;padding:10px;color:var(--muted);font-size:.9rem}.breadcrumbs{font-size:.88rem;color:var(--muted);margin-bottom:8px}.site-footer{border-top:1px solid var(--line)}.action-link{display:inline-block;text-decoration:none;border:1px solid #c8d9cf;background:linear-gradient(180deg,#f7fcf9,#e9f4ee);color:#1d4f3a;border-radius:999px;padding:8px 14px;font-weight:600}.adsterra-wrap{margin:14px 0;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbf9);padding:10px}.ad-label{margin:0 0 8px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.adsterra-host{justify-content:center;width:100%;overflow:hidden}.adsterra-host,.footer-links{display:flex;align-items:center}.footer-links{min-height:58px;gap:14px;flex-wrap:wrap}.footer-links a{text-decoration:none}@media (max-width:760px){.topbar{align-items:flex-start;padding-top:8px;padding-bottom:8px}.code-item,.stock-item,.topbar{flex-direction:column}.right{justify-content:flex-start}.media-strip{grid-template-columns:1fr}}