:root{color-scheme:dark;--bg:#111e21;--panel:#192a2d;--line:#345052;--ink:#f2eedc;--muted:#b5c4bb;--gold:#e9bd6c;--mint:#9cd5bd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:var(--mint);text-underline-offset:4px}a:hover{color:var(--gold)}button,input,select{font:inherit}button,select,input[type=search]{color:var(--ink);background:#20363a;border:1px solid #557170;border-radius:5px;padding:9px 13px}button,a{touch-action:manipulation}button{cursor:pointer}button:hover{border-color:var(--gold)}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.wrap{max-width:1320px;margin:auto;padding:0 44px}header{padding-top:36px!important;padding-bottom:34px!important;position:relative}header:after{content:"✦";position:absolute;right:90px;top:124px;font-size:170px;line-height:1;color:#31504c;z-index:-1}.back{font-size:14px}.eyebrow{margin-top:55px;font:11px/1.5 ui-monospace,monospace;letter-spacing:.18em;color:var(--gold)}h1{font:normal clamp(52px,7vw,86px)/1.03 Georgia,serif;letter-spacing:-.04em;margin:17px 0 23px}h1 em{font-weight:normal;color:var(--gold)}.intro{max-width:650px;color:var(--muted);font-size:19px;margin-bottom:30px}.stats{display:flex;gap:40px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:23px}.stat strong{display:block;font:normal 34px/1.2 Georgia,serif;color:var(--gold)}.stat span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.coverage{padding:24px 28px;background:var(--panel);border-left:3px solid var(--gold);margin-bottom:40px}.tag{font:11px/1.4 ui-monospace,monospace;letter-spacing:.1em;color:var(--gold)}.coverage p{margin:9px 0;max-width:1100px}.fine{font-size:13px;color:var(--muted)}.links{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:16px;font-size:13px}.toolbar{display:grid;grid-template-columns:1fr 290px;gap:20px}.toolbar label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.toolbar input,.toolbar select{width:100%}.resultbar{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin:20px 0 12px}.resultbar p{margin:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column;padding:0;text-align:left;min-width:0}.card:hover{transform:translateY(-2px);border-color:var(--gold)}.preview{width:100%;height:165px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#14282a 0% 25%,#1d3536 0% 50%) 50%/16px 16px;border-bottom:1px solid var(--line);padding:16px;overflow:hidden}.preview img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.preview img.bank{width:100%;height:auto;max-height:none;object-fit:fill}.cardbody{padding:15px 16px;display:flex;flex-direction:column;gap:7px}.card .tag{font-size:9px}.card h3{font-size:14px;line-height:1.4;margin:0;color:var(--ink);font-weight:600}.dimensions{font:11px/1.5 ui-monospace,monospace;color:var(--muted)}.pagination{display:flex;gap:24px;align-items:center;justify-content:center;margin:32px 0 55px;font-size:13px}.notes{border-top:1px solid var(--line);padding:30px 0 40px;max-width:920px}.notes h2{font:normal 30px/1.2 Georgia,serif}.notes p{color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line);padding-top:25px!important;padding-bottom:35px!important;font-size:11px;color:var(--muted)}footer code{overflow-wrap:anywhere;display:block;margin-top:6px;font-size:11px}dialog{width:calc(100vw - 48px);max-width:1450px;height:calc(100dvh - 48px);max-height:none;padding:0;border:1px solid #5a7771;border-radius:8px;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#050e10df}dialog[open]{display:flex;flex-direction:column}.viewerhead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 23px;border-bottom:1px solid var(--line)}.viewerhead h2{font-size:19px;margin:3px 0;line-height:1.3}.viewerhead #close{font-size:20px;padding:3px 12px}.viewtools{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding:12px 23px;font-size:12px;border-bottom:1px solid var(--line)}.zoom{display:flex;gap:9px;align-items:center}.zoom button{padding:3px 10px}.zoom label{white-space:nowrap}.zoom input{width:120px;accent-color:var(--gold)}.check{display:flex;gap:7px;align-items:center}#banktools{display:flex;gap:14px;flex-wrap:wrap}#banktools label{display:flex;gap:8px;align-items:center}#banktools select{max-width:240px;font-size:11px;padding:5px}.viewport{flex:1;min-height:160px;overflow:auto;background:#081316;display:grid;place-items:safe center;padding:24px}.checker{background:repeating-conic-gradient(#14282a 0% 25%,#1d3536 0% 50%) 50%/16px 16px}canvas{image-rendering:pixelated;max-width:none;max-height:none;flex:none}.viewbottom{padding:8px 23px 17px;border-top:1px solid var(--line)}.viewbottom p{font-size:13px;margin:7px 0}.viewbottom .fine{font-size:11px;overflow-wrap:anywhere}.viewbottom button{font-size:12px;padding:5px 9px}.viewbottom .links{margin-top:10px}[hidden]{display:none!important}@media(max-width:1040px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wrap{padding-left:28px;padding-right:28px}.preview{height:150px}}@media(max-width:740px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wrap{padding-left:18px;padding-right:18px}.eyebrow{margin-top:36px}.toolbar{grid-template-columns:1fr;gap:12px}.stats{gap:22px}.stat strong{font-size:29px}.stat span{font-size:10px}.coverage{padding:19px}.coverage p{font-size:14px}.preview{height:130px;padding:10px}.resultbar>span{display:none}.cardbody{padding:12px}.card h3{font-size:12px}dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.viewerhead,.viewtools,.viewbottom{padding-left:14px;padding-right:14px}.viewerhead h2{font-size:15px}.viewtools{gap:10px}#banktools{gap:7px}#banktools label{flex-wrap:wrap;gap:4px}.viewbottom p{font-size:11px}.links{gap:12px}.zoom input{width:90px}.viewbottom .fine{max-height:40px;overflow:auto}.viewport{padding:12px}}

.preview img.frame{width:128px;height:128px;object-fit:contain;max-width:128px;max-height:128px}