:root{color-scheme:dark;--bg:#11191c;--panel:#1a2529;--line:#354448;--text:#e8ece7;--muted:#aebbb9;--gold:#e8c480;font-family:system-ui,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}main{max-width:1320px;margin:auto;padding:28px 36px 60px}nav{display:flex;gap:24px;justify-content:flex-end}a{color:var(--gold)}header{max-width:920px;padding:42px 0 22px}.eyebrow{color:var(--gold);letter-spacing:.14em;font-size:13px}h1{font-size:clamp(28px,4vw,42px);font-weight:650;margin:12px 0}header>p:last-child{color:var(--muted);font-size:17px}h2{font-size:20px;margin:0 0 14px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);padding:25px 0}.rules>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.rules p,.method p{color:var(--muted);font-size:14px}.hand-weights{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0 18px}.hand-weights span{color:var(--muted)}.hand-weights strong{display:block;color:var(--gold);font-size:38px;line-height:1.3}.rules table{width:100%;border-collapse:collapse;font-size:14px}.rules td,.rules th{padding:6px 0;text-align:left;border-bottom:1px solid var(--line)}.method{background:var(--panel);padding:16px 22px;border-radius:10px;margin-bottom:26px}.method summary{cursor:pointer;color:var(--gold)}form{display:flex;gap:12px;flex-wrap:wrap;align-items:end}label{font-size:12px;color:var(--muted);display:grid;gap:6px}.search{flex:1;min-width:240px}input,select,button{font:inherit;color:var(--text);border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:10px 12px}input[type=number]{width:100px}button{cursor:pointer}button:hover{border-color:var(--gold)}button:disabled{opacity:.35;cursor:default}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#summary{font-size:14px;color:var(--muted);margin-top:26px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.catalog{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}.catalog th{background:var(--panel);font-size:12px;color:var(--muted);text-align:left}.catalog th,.catalog td{padding:13px 15px;border-bottom:1px solid var(--line)}.catalog td:not(:first-child){font-variant-numeric:tabular-nums}.item-name{padding:0;background:none;border:none;color:inherit;text-align:left}.epic{color:#ca8cff}.rare{color:#76b9ff}.uncommon{color:#93d28b}.poor{color:#a5aaaa}.pager{display:flex;justify-content:center;gap:24px;align-items:center;margin:22px}dialog{width:min(760px,calc(100% - 28px));max-height:90vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:25px}dialog::backdrop{background:#000a}#close{float:right}dialog table{width:100%;border-collapse:collapse}dialog th,dialog td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}dialog small{color:var(--muted)}.budget-note{color:var(--gold)}@media(max-width:760px){main{padding:18px 16px 36px}.rules{grid-template-columns:1fr;gap:14px}.rules>div{padding:18px}header{padding:25px 0 12px}nav{justify-content:flex-start;gap:18px;font-size:14px}label{flex:1;min-width:120px}.search{flex-basis:100%}.catalog th,.catalog td{padding:10px}h1{line-height:1.35}.method{padding:14px}}
