:root{color-scheme:dark;--bg:#12171b;--panel:#1a2228;--text:#ebeeee;--muted:#aebbc1;--line:#35454e;--accent:#a9ddd5;--input:#0d1216;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-underline-offset:3px}header{border-bottom:1px solid var(--line)}.wrap,main{max-width:1200px;margin:auto;padding:20px 28px}header .wrap{display:flex;align-items:center;gap:32px;padding-block:16px}.brand{color:var(--text);font-size:20px;font-weight:700;text-decoration:none;white-space:nowrap}.brand small{display:block;font-size:13px;color:var(--muted);font-weight:400}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{text-decoration:none}nav a[aria-current]{text-decoration:underline;color:#fff}h1{font-size:30px;margin:12px 0 14px;font-weight:650}h2{font-size:23px;margin:28px 0 12px}p{max-width:86ch}button,input,select{font:inherit;color:inherit;background:var(--input);border:1px solid #657b86;border-radius:5px;padding:9px 12px}button{cursor:pointer;background:#24353c}button:hover{background:#344b54}button:disabled{opacity:.45;cursor:default}input[type=checkbox]{width:18px;height:18px;margin:0 8px 0 0;accent-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}label{display:block}.sub,.source,.count,.crumb{font-size:14px;color:var(--muted)}.crumb{margin:0 0 12px}.tool{border-block:1px solid var(--line);padding:18px 0;margin:18px 0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pair label select{display:block;width:100%;margin-top:6px}.result{margin-top:16px;padding:12px 16px;background:var(--panel);border-left:3px solid var(--accent);min-height:48px}.identity{display:flex;gap:12px;align-items:center}.icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:none;background:#12171b;border-radius:4px}.icon img{image-rendering:pixelated;max-width:36px;max-height:36px;object-fit:contain}.identity a{font-weight:550}.filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:16px 0}.filters input[type=search]{min-width:270px}.filters label input,.filters label select{display:block;margin-top:5px}.filters .check{display:flex;align-items:center;padding-bottom:10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{color:var(--muted);font-weight:550;background:var(--panel)}th,td{padding:12px 15px;border-bottom:1px solid var(--line);vertical-align:middle}td:first-child,th:first-child{padding-left:8px}th button{font-size:14px}tr:target{background:#293d42;outline:2px solid var(--accent)}[hidden]{display:none!important}.inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.inventory label{display:flex;align-items:center;justify-content:space-between;gap:12px}.inventory input{width:64px;padding:6px}.inventory span{font-size:14px}summary{cursor:pointer;padding:10px 0;text-decoration:underline;text-underline-offset:3px}.pager{display:flex;align-items:center;gap:16px;margin:15px 0}.recipe-link{text-decoration:none;white-space:nowrap;font-size:14px}.challenge{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr) 120px 90px 100px 42px;gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)}.challenge>label{min-width:0}.challenge label select,.challenge label input[type=number]{display:block;width:100%;margin-top:5px}.challenge .check{display:flex;align-items:center;padding:10px 0;font-size:14px}.burdens{display:flex;flex-wrap:wrap;gap:20px;padding:12px 0}.burdens label{display:flex;align-items:center}.stats{display:flex;gap:36px;flex-wrap:wrap;margin:14px 0}.stats div{display:flex;flex-direction:column}.stats strong{font-size:22px;font-weight:600}.rule-list li{margin:7px 0}.source{margin-top:24px}footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:20px;padding:24px 28px;font-size:14px}.skip{position:absolute;left:-999px;top:4px}.skip:focus{left:12px;background:var(--input);padding:10px;z-index:10}.note{max-width:52ch}.family-icon{vertical-align:middle;margin-right:12px;image-rendering:pixelated;max-width:30px;max-height:30px}input[type=number]{width:110px}.saved{font-size:14px;color:var(--muted)}@media(max-width:1000px){header .wrap{gap:20px;align-items:start;flex-direction:column}.inventory{grid-template-columns:repeat(3,minmax(0,1fr))}.challenge{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 100px}.challenge .check{padding:0}.challenge button{width:42px}}@media(max-width:640px){.wrap,main{padding:16px}h1{font-size:26px}nav{gap:14px;font-size:14px}.pair{grid-template-columns:1fr}.inventory{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.challenge input[type=number]{width:100%}.challenge .check{padding:8px 0}.stats{gap:24px}th,td{padding:10px;font-size:14px}.filters input[type=search]{min-width:0;width:100%}.filters label{flex:1;min-width:140px}.inventory label{flex-wrap:wrap;gap:4px}.identity{gap:8px}.icon{width:36px;height:36px}.icon img{max-width:30px;max-height:30px}}
.challenge.no-target>label:first-child{grid-column:span 2}.challenge.no-amount>label:nth-child(2){grid-column:span 2}.challenge.no-target.no-amount>label:first-child{grid-column:span 3}@media(max-width:1000px){.challenge.no-target>label:first-child,.challenge.no-amount>label:nth-child(2),.challenge.no-target.no-amount>label:first-child{grid-column:auto}}

#challenge-reference table{table-layout:fixed}#challenge-reference th:first-child{width:20%}#challenge-reference th:nth-child(2){width:27%}#challenge-reference td{overflow-wrap:anywhere}#inventory-panel summary{font-weight:600;padding:12px 16px;border:1px solid var(--line);border-radius:5px;background:var(--panel)}
