
:root{--accent:#ef4444;--accent2:#38bdf8;--bg:#030817;--panel:#071326;--panel2:#0d1a31;--text:#f8fafc;--muted:#b4c2d5;--line:#19375c;--danger:#ff2d85;--ok:#39ff88;--shadow:0 18px 60px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:linear-gradient(180deg,#020711,#061329 70%,#020711);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:100vh;overflow-x:hidden}body.light{--panel:#fff;--panel2:#edf4fb;--text:#0c1628;--muted:#46546a;--line:#b7c9dd;background:#dbe8f4;color:#07111e}button,input,select{font:inherit}button,a{touch-action:manipulation}img{max-width:100%}
.shell{width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:#020816;border-bottom:2px solid #0e2040}.light .topbar{background:#e6eef5}.brand{display:flex;align-items:center;gap:13px}.logo{width:48px;height:48px;display:grid;place-items:center;background:#cc00cc;color:#fff;font-weight:1000}.brand h1{font-size:clamp(1rem,2vw,1.45rem);margin:0;color:#ffff55}.light .brand h1{color:#251000}.brand small{color:#00ffff}.light .brand small{color:#005b65}.actions{display:flex;gap:8px;flex-wrap:wrap}
.btn{border:0;border-radius:0;background:#3333dd;color:#fff;padding:10px 14px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;box-shadow:3px 3px 0 #000}.btn:hover{filter:brightness(1.22);outline:2px solid #fff}.btn.primary{background:#dd2222}.btn.secondary{background:#00c000;color:#000}.btn.danger{background:#cc00cc}.btn.small{padding:8px 10px;font-size:.76rem}.btn:disabled{opacity:.45;cursor:not-allowed}.ticker{overflow:hidden;background:#000;border-block:1px solid #0a2040;white-space:nowrap}.ticker:before{content:"LATEST";display:inline-flex;padding:.25rem .85rem;background:#dd2222;font-weight:900;letter-spacing:.2em}.ticker-track{display:inline-flex;gap:28px;padding:.25rem 0;animation:marquee 46s linear infinite;color:#dddd00;font-weight:900;letter-spacing:.12em}@keyframes marquee{to{transform:translateX(-50%)}}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2px;background:#050a14;padding:2px}.hero>div{background:#000d22;padding:clamp(26px,5vw,64px)}.eyebrow,.safe-badge{display:inline-flex;background:#00c000;color:#000;padding:7px 11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.hero h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(3.4rem,9vw,9rem);line-height:.8;margin:20px 0;color:#ffff55;letter-spacing:-.03em}.hero h2 em{color:#00cccc;font-style:normal}.hero p{color:#d0dce8;line-height:1.75;max-width:760px}.hero-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:2px!important;padding:2px!important}.stat{background:#02122d;padding:22px;border-top:38px solid #00cccc}.stat:nth-child(2){border-color:#00c000}.stat:nth-child(3){border-color:#dd2222}.stat:nth-child(4){border-color:#dddd00}.stat b{display:block;color:#ffff55;font-size:2.1rem}.stat span{color:#d0dce8;font-size:.74rem;text-transform:uppercase}.navtabs{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#050a14;padding:2px}.navtabs a{text-align:center;text-decoration:none;color:#000;background:#dd2222;padding:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.14em}.navtabs a:nth-child(2){background:#00c000}.navtabs a:nth-child(3){background:#dddd00}.navtabs a:nth-child(4){background:#00cccc}
.section{padding:2px 0;scroll-margin-top:55px;background:#050a14}.section-head{padding:18px;background:#020816;border-bottom:2px solid #050a14;display:flex;justify-content:space-between;align-items:center;gap:20px}.light .section-head{background:#e6eef5}.section-head h3{margin:0;color:#ffff55;font-size:clamp(1.6rem,4vw,3rem);text-transform:uppercase}.light .section-head h3{color:#251000}.section-head p{color:#d0dce8}.light .section-head p{color:#46546a}.card{background:var(--panel);color:var(--text);padding:18px;border:1px solid var(--line)}.card h4{margin:-18px -18px 16px;padding:9px 12px;background:#00cccc;color:#000;text-transform:uppercase;letter-spacing:.12em}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2px}.card{grid-column:span 4}.card.full{grid-column:1/-1}.card.half{grid-column:span 6}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.field{display:grid;gap:6px}.field>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#00ffff}.input,select{width:100%;background:#000714;color:#fff;border:1px solid #17406e;padding:12px;outline:none}.light .input,.light select{background:#fff;color:#07111e}.input:focus,select:focus{border-color:#00cccc;box-shadow:0 0 0 2px #00cccc}.search-console{padding:14px}.search-form{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(145px,1fr)) auto;gap:10px;align-items:end}.search-submit{height:43px}.safe-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:10px;background:#061c13;border:1px solid #00c000}.safe-strip span:nth-child(2){color:#c8f7d7;font-size:.82rem}.category-row{display:flex;gap:8px;overflow-x:auto;padding:14px 0 2px}.category{flex:0 0 auto;border:1px solid #17406e;background:#001228;color:#fff;padding:9px 12px;cursor:pointer;font-weight:800}.category:hover,.category.active{background:#dddd00;color:#000;border-color:#000}.feed-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.feed-toolbar>div:first-child{display:grid;gap:3px}.pin-grid{columns:5 260px;column-gap:14px;padding:14px;background:#00091a}.pin-grid.compact{columns:6 210px}.pin-card{break-inside:avoid;margin:0 0 14px;background:#070b15;border:1px solid #16345b;overflow:hidden;position:relative;box-shadow:0 8px 26px #0007}.pin-media{position:relative;background:#0b1830;min-height:180px;overflow:hidden}.pin-media img{width:100%;height:auto;min-height:180px;display:block;object-fit:cover;transition:transform .28s ease;cursor:zoom-in}.pin-card:hover .pin-media img{transform:scale(1.025)}.pin-quality{position:absolute;top:8px;left:8px;background:#00c000;color:#000;padding:4px 7px;font-size:.7rem;font-weight:1000}.pin-source{position:absolute;top:8px;right:8px;background:#000c;color:#fff;padding:4px 7px;font-size:.66rem}.pin-body{padding:12px}.pin-body h4{margin:0 0 7px;padding:0;background:none;color:#fff;text-transform:none;letter-spacing:0;font-size:1rem}.pin-meta{font-size:.76rem;color:#b4c2d5;line-height:1.5}.pin-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.pin-actions .btn{flex:1 1 auto}.pin-card.is-saved{outline:3px solid #00c000}.loading-panel{text-align:center}.loading-bar{height:12px;background:linear-gradient(90deg,#dd2222,#dddd00,#00c000,#00cccc,#3333dd,#cc00cc);background-size:220% 100%;animation:loading 1s linear infinite}@keyframes loading{to{background-position:-220% 0}}.error-panel{background:#310817;border-color:#dd2222;color:#ffd4dc}.load-row{text-align:center;padding:18px}.list{display:grid;gap:8px}.list-item{display:flex;justify-content:space-between;gap:12px;background:#000714;border:1px solid #17406e;padding:11px}.pill{background:#cc00cc;color:#fff;padding:5px 8px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:18px}.metric-row>div{background:#000714;padding:14px;text-align:center}.metric-row b{display:block;color:#00ffff;font-size:1.8rem}.metric-row span{color:#b4c2d5;font-size:.7rem;text-transform:uppercase}.empty{padding:42px;text-align:center;border:1px dashed #17406e;color:#b4c2d5;background:#000714}
.preview-card{position:relative;background:#071326;color:#fff;border:3px solid #00cccc;max-width:min(1050px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;box-shadow:12px 12px 0 #cc00cc}.preview-card img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#000}.preview-body{padding:18px}.preview-body h3{margin-top:0}.preview-close{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:#dd2222;color:#fff;font-size:1.8rem;z-index:2;cursor:pointer}dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:#000c}.toast-wrap{position:fixed;right:15px;bottom:15px;z-index:100;display:grid;gap:8px}.toast{background:#000;border:2px solid #00cccc;color:#fff;padding:12px 15px}.install-fab{position:fixed;right:18px;bottom:18px;display:none;z-index:50}.install-fab.show{display:block}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#00cccc;color:#000;padding:14px 18px;font-weight:900;text-transform:uppercase}
::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:linear-gradient(#dd2222 0 25%,#dddd00 25% 50%,#00c000 50% 75%,#00cccc 75%);border:2px solid #000}*{scrollbar-color:#00cccc #000;scrollbar-width:thin}
@media(max-width:1050px){.search-form{grid-template-columns:1fr 1fr 1fr}.search-main{grid-column:1/-1}.search-submit{grid-column:3}.pin-grid{columns:4 230px}}
@media(max-width:800px){.hero{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.search-form{grid-template-columns:1fr 1fr}.search-main{grid-column:1/-1}.search-submit{grid-column:auto}.pin-grid{columns:3 210px}.navtabs{grid-template-columns:repeat(2,1fr)}.card,.card.half{grid-column:1/-1}}
@media(max-width:560px){.actions{width:100%}.search-form{grid-template-columns:1fr}.search-main,.search-submit{grid-column:auto}.pin-grid,.pin-grid.compact{columns:2 150px;padding:8px;column-gap:8px}.pin-card{margin-bottom:8px}.pin-body{padding:9px}.pin-body h4{font-size:.88rem}.pin-actions .btn{font-size:.64rem;padding:7px 5px}.feed-toolbar,.section-head{align-items:flex-start;flex-direction:column}.hero>div{padding:26px 16px}.hero h2{font-size:clamp(3.1rem,18vw,5.2rem)}.safe-strip{font-size:.72rem}.metric-row{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:360px){.pin-grid,.pin-grid.compact{columns:1}.metric-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* V7 verified pixel-art rendering */
.pin-card.pixel-verified .pin-media{background:#090d1b;display:flex;align-items:center;justify-content:center;min-height:230px}
.pin-card.pixel-verified .pin-media img{image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain;background:repeating-conic-gradient(#111827 0 25%,#0b1020 0 50%) 50%/18px 18px;padding:12px}
.pin-card.pixel-verified .pin-quality{background:#ffe600;color:#090909}
.pixel-preview{image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain!important;background:#0b1020}
