@import "https://fonts.googleapis.com/css?family=Public+Sans%3A400%2C400i%2C500%2C600%2C700";:root{--c-main:#a20000;--body-font:"Public Sans", system-ui, sans-serif;--c-text:#d1d1d1;--c-headings:#ececec;--c-links:#f0f0f0;--c-meta:#ffffffa6;--c-separator:#ffffff21;--c-input-bg:#ffffff1a;--btn-shadow:0 2px 7px -4px #00000029;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{box-sizing:border-box;font-size:14px}*,:before,:after{box-sizing:inherit}body{font-family:var(--body-font);color:var(--c-text);-webkit-font-smoothing:antialiased;background:#000;margin:0;line-height:1.5}::selection{background:var(--c-main);color:#fff}#app{max-width:1200px;margin:0 auto;padding:25px 20px 60px}a{color:var(--c-links);text-decoration:none;transition:all .25s ease-in-out}a:hover{color:#ffffffb3}.site-header{border-bottom:1px solid var(--c-separator);flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:26px;padding-bottom:12px;display:flex}.site-header h1{letter-spacing:.02em;text-transform:uppercase;color:var(--c-main);margin:0;font-size:17px;font-weight:700;line-height:1.2}.site-header .tag{color:var(--c-meta);font-size:13px}.offline-note{color:var(--c-main);letter-spacing:.03em;text-transform:uppercase;margin-left:auto;font-size:12px;font-weight:600}.controls{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:26px;display:flex}.tabs{gap:15px;display:flex}.tab{cursor:pointer;font-family:var(--body-font);letter-spacing:.02em;color:#fff;background:0 0;border:1px solid;padding:8px;font-size:13px;font-weight:600;transition:color .25s ease-in-out}.tab:hover{color:var(--c-links)}.tab.active{color:var(--c-main)}.search{flex:1;min-width:160px}.search input{width:100%;font-family:var(--body-font);color:var(--c-text);background:var(--c-input-bg);border:1px solid #333;border-radius:2px;outline:0;padding:7px 12px;font-size:14px;box-shadow:0 2px 7px -4px #0000001a}.search input:focus{border-color:#777}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px 24px;display:grid}.card{color:var(--c-text);display:block}.card canvas{width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--c-separator);background:#070707;display:block}.card .meta{padding-top:10px}.card .name{color:var(--c-headings);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;transition:color .25s ease-in-out;overflow:hidden}.card:hover .name{color:#ffffffb3}.card .sub{color:var(--c-meta);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.btn{color:#ccc;font-family:var(--body-font);letter-spacing:.03em;text-transform:uppercase;text-align:center;cursor:pointer;box-shadow:var(--btn-shadow);background:0 0;border:1px solid #222;border-radius:2px;justify-content:center;align-items:center;padding:10px 17px;font-size:12px;font-weight:600;line-height:1;transition:all .25s ease-in-out;display:inline-flex}.btn:hover{color:#fff;border-color:#555}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover{color:#ccc;border-color:#222}.btn.primary{background:var(--c-main);border-color:var(--c-main);color:#fff}.btn.primary:hover{background:#161616;border-color:#555}.btn.danger:hover{border-color:var(--c-main);color:var(--c-main)}.pager{color:var(--c-meta);justify-content:center;align-items:center;gap:16px;margin-top:36px;font-size:13px;display:flex}.empty,.loading{text-align:center;color:var(--c-meta);padding:60px 0}.detail{grid-template-columns:minmax(0,320px) 1fr;align-items:start;gap:36px;display:grid}@media (max-width:640px){.detail{grid-template-columns:1fr}}.detail canvas{width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--c-separator);background:#070707}.detail h2{color:var(--c-headings);overflow-wrap:anywhere;margin:0 0 6px;font-size:25px;font-weight:700}.detail .by{color:var(--c-meta);margin-bottom:16px}.detail .stats{color:var(--c-meta);gap:20px;margin-bottom:20px;font-size:14px;display:flex}.detail .stats b{color:var(--c-headings);font-weight:700}.actions{flex-wrap:wrap;gap:10px;display:flex}.detail-back{margin-top:20px;font-size:150%}.toast{color:#fff;opacity:0;pointer-events:none;background:#161616;border:1px solid #555;border-radius:2px;padding:10px 17px;font-size:13px;transition:opacity .25s ease-in-out;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}
