*{box-sizing:border-box}:root{--text: #eef4f7;--muted: rgba(238, 244, 247, .62);--panel: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .12);--good: #7cf7c0;--pending: #ffcf5c;--bad: #ff8a7a}body{margin:0;min-height:100dvh;font-family:Trebuchet MS,system-ui,sans-serif;color:var(--text);background:radial-gradient(ellipse at 50% 0%,#2c5a6e,#183544 45%,#0d1d27) fixed}.top{position:sticky;top:0;z-index:10;padding:14px 24px 12px;background:#0d1d27e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.top h1{display:inline;margin:0 14px 0 0;font-size:24px}.top .who{font-size:14px;font-weight:700}.summary{display:inline-flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0;color:var(--muted)}.count{padding:2px 9px;border-radius:999px;font-size:13px;font-weight:700;color:#10202a}.count.playable{background:var(--good)}.count.not-playable{background:var(--pending)}.problems{flex-basis:100%;padding:8px 12px;border-radius:8px;background:#ff8a7a26;color:var(--bad)}.problems ul{margin:4px 0 0;padding-left:20px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{font:inherit;font-size:14px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);cursor:pointer}.filters button:hover{background:var(--panel)}.filters button[aria-pressed=true]{background:#ffd23f;border-color:#ffd23f;color:#222;font-weight:700}.search{flex:1 1 220px;max-width:360px;font:inherit;font-size:14px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#00000040;color:var(--text)}.jump{margin-left:auto;color:var(--muted);font-size:14px}.link{color:var(--text);font-size:14px;font-weight:700}.entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(560px,100%),1fr));gap:16px;padding:20px 24px}.entry{display:flex;gap:16px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.entry[hidden]{display:none}.picture{flex:none;padding:0;border:none;background:none;cursor:zoom-in}.picture .card{--card-width: 170px}.picture:hover .card{transform:translateY(-2px);box-shadow:0 8px 18px #00000080}.details{flex:1;min-width:0;font-size:14px;line-height:1.4}.details header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.details h2{margin:0;font-size:19px}.id{color:var(--muted);font-size:12px}.status{margin-left:auto;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:700;color:#10202a}.status.playable{background:var(--good)}.status.not-playable{background:var(--pending)}.stats{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin:4px 0 0;color:var(--muted)}.stats .energy-symbol{font-size:15px}.part{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.part h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:15px}.cost{display:inline-flex;gap:2px;font-size:16px}.damage{margin-left:auto;font-size:17px}.tag{padding:0 7px;border-radius:999px;background:#ffffff24;font-size:11px;font-weight:400}.says,.missing{margin:3px 0 0}.missing{color:var(--bad)}.reasons{margin:10px 0 0;padding:6px 10px 6px 26px;border-radius:8px;background:#ffcf5c1a;color:var(--pending);font-size:13px}.data{margin-top:10px;color:var(--muted);font-size:13px}.data summary{cursor:pointer}.data pre{overflow-x:auto;margin:6px 0 0;padding:10px;border-radius:8px;background:#0000004d;color:var(--text);font-size:12px}.effects{padding:8px 24px 40px}.effects h2{margin:0 0 4px}.effects>p{margin:0 0 12px;color:var(--muted)}.table-scroll{overflow-x:auto}.effects table{width:100%;border-collapse:collapse;font-size:13px}.effects th,.effects td{padding:6px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.effects th{color:var(--muted);font-weight:400}.effects td:nth-child(-n+3){white-space:nowrap}.effects code{font-size:12px}.effects .built{color:var(--good)}.effects .not-built{color:var(--pending)}@media(max-width:600px){.top{position:static;padding:12px 16px}.entries,.effects{padding-left:16px;padding-right:16px}.entry{flex-direction:column;align-items:center}.picture .card{--card-width: min(240px, 70vw)}.details{width:100%}.jump{margin-left:0}}
