@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&family=DM+Mono:wght@400;500&display=swap');:root{--bg:#09090f;--bg2:#111118;--surface:#14141d;--surface2:#1c1c28;--border:#252535;--border2:#333348;--accent:#ff3e6c;--accent2:#00e5ff;--accent3:#aaff00;--accent4:#ff9f0a;--purple:#c084fc;--blue:#60a5fa;--text:#e8e8f0;--muted:#6b6b88;--muted2:#9090b0}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-weight:300;overflow-x:hidden}#cdot{display:none}#cring{position:fixed;top:-100px;left:-100px;width:36px;height:36px;border:1.5px solid rgba(255,255,255,.25);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9998;transition:width .3s,height .3s,border-color .3s;opacity:0}body:has(a:hover) #cring,body:has(button:hover) #cring{width:44px;height:44px;border-color:rgba(255,62,108,.6)}.ticker-wrap{background:var(--accent);overflow:hidden;white-space:nowrap;padding:9px 0;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.06em;color:#fff}.ticker-inner{display:inline-flex;animation:ticker 70s linear infinite}.ticker-inner span{padding:0 2em}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:rgba(9,9,15,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.logo{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.1em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}.logo-dot{width:9px;height:9px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,62,108,.4)}50%{transform:scale(1.4);box-shadow:0 0 0 7px rgba(255,62,108,0)}}.nav-links{display:flex;gap:20px;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--accent2)}.random-btn{display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;padding:10px 20px;font-family:'DM Mono',monospace;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background .2s,transform .15s}.random-btn:hover{background:#ff1f56;transform:translateY(-1px)}.spin{display:inline-block;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-family:'DM Mono',monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;transition:color .2s;margin-bottom:32px}.back-btn:hover{color:var(--text)}.fact-band{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0;overflow:hidden;white-space:nowrap}.fact-inner{display:inline-flex;animation:ticker 220s linear infinite}.fact-item{padding:0 3em;font-size:.78rem;color:var(--muted);font-family:'DM Mono',monospace;border-right:1px solid var(--border)}.fact-item::before{content:'★ ';color:var(--accent3)}.section-header{display:flex;align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--border);position:relative}.section-header::before{content:'';position:absolute;bottom:-1px;left:0;width:50px;height:2px}.accent-red .section-header::before,[data-accent="red"] .section-header::before{background:var(--accent)}.accent-cyan .section-header::before,[data-accent="cyan"] .section-header::before{background:var(--accent2)}.accent-green .section-header::before,[data-accent="green"] .section-header::before{background:var(--accent3)}.accent-orange .section-header::before,[data-accent="orange"] .section-header::before{background:var(--accent4)}.accent-purple .section-header::before,[data-accent="purple"] .section-header::before{background:var(--purple)}.accent-blue .section-header::before,[data-accent="blue"] .section-header::before{background:var(--blue)}.section-title{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.06em}.section-tag{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:3px 9px;border-radius:2px}.section-count{margin-left:auto;font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--muted)}.section-desc{font-size:.78rem;color:var(--muted);font-style:italic;margin:-12px 0 20px 2px}.view-all{display:inline-flex;align-items:center;gap:8px;font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-decoration:none;margin-top:14px;transition:gap .2s}.view-all:hover{gap:14px}.category-block{margin-top:70px}.reveal{opacity:1;transform:none}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:2px}.logo-tile{background:var(--surface);border:1px solid var(--border);padding:24px 16px 20px;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden;transition:border-color .22s,background .22s,transform .22s}.logo-tile::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,62,108,.09) 0%,transparent 70%);opacity:0;transition:opacity .22s}.logo-tile:hover{border-color:rgba(255,62,108,.5);background:var(--surface2);transform:translateY(-3px)}.logo-tile:hover::before{opacity:1}.logo-tile img{width:44px;height:44px;border-radius:10px;object-fit:contain;background:var(--surface2);flex-shrink:0;padding:4px}.tile-name{font-size:.75rem;font-weight:500;text-align:center;color:var(--text);line-height:1.3;position:relative}.tile-arrow{position:absolute;top:9px;right:9px;font-size:.65rem;color:var(--border2);transition:color .2s}.logo-tile:hover .tile-arrow{color:var(--accent)}.hscroll-wrap{position:relative}.hscroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.hscroll::-webkit-scrollbar{height:4px}.hscroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.hscroll-card{flex:0 0 200px;background:var(--surface);border:1px solid var(--border);padding:22px 18px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:border-color .22s,transform .22s;border-radius:2px}.hscroll-card:hover{border-color:var(--accent2);transform:translateY(-4px)}.hscroll-card img{width:44px;height:44px;border-radius:10px;object-fit:contain;background:var(--surface2);padding:4px}.hcard-name{font-weight:500;font-size:.9rem;color:var(--text);line-height:1.3}.hcard-url{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--muted)}.hcard-tag{display:inline-block;font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:2px;align-self:flex-start;margin-top:auto}.tag-game{background:rgba(0,229,255,.12);color:var(--accent2);border:1px solid rgba(0,229,255,.25)}.tag-multi{background:rgba(170,255,0,.1);color:var(--accent3);border:1px solid rgba(170,255,0,.2)}.tag-puzzle{background:rgba(255,159,10,.1);color:var(--accent4);border:1px solid rgba(255,159,10,.2)}.fade-right{position:absolute;right:0;top:0;bottom:16px;width:80px;background:linear-gradient(to left,var(--bg),transparent);pointer-events:none}.feat-list{display:flex;flex-direction:column;gap:2px}.feat-row{display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--border);padding:16px 22px;text-decoration:none;position:relative;overflow:hidden;transition:border-color .2s,background .2s}.feat-row::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent3);transform:scaleY(0);transform-origin:bottom;transition:transform .25s ease}.feat-row:hover{border-color:rgba(170,255,0,.3);background:var(--surface2)}.feat-row:hover::after{transform:scaleY(1)}.feat-row img{width:36px;height:36px;border-radius:8px;object-fit:contain;background:var(--surface2);flex-shrink:0;padding:3px}.feat-row-name{font-weight:500;font-size:.95rem;color:var(--text);flex:0 0 180px}.feat-row-desc{font-size:.8rem;color:var(--muted);flex:1}.feat-row-url{font-family:'DM Mono',monospace;font-size:.65rem;color:var(--muted);flex:0 0 160px;text-align:right}.feat-row-arrow{color:var(--border2);transition:color .2s,transform .2s;font-size:1.1rem;margin-left:12px}.feat-row:hover .feat-row-arrow{color:var(--accent3);transform:translateX(5px)}.space-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2px}.space-card{background:var(--surface);border:1px solid var(--border);padding:26px 22px;text-decoration:none;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;gap:10px}.space-card:nth-child(1){grid-row:span 2}.space-card:hover{border-color:rgba(255,159,10,.4);transform:translateY(-2px)}.space-card img{width:42px;height:42px;border-radius:10px;object-fit:contain;background:var(--surface2);padding:4px}.sc-name{font-weight:500;font-size:1rem;color:var(--text)}.sc-desc{font-size:.8rem;color:var(--muted);line-height:1.65}.sc-url{font-family:'DM Mono',monospace;font-size:.63rem;color:var(--muted);margin-top:auto}.sc-glow{position:absolute;top:-40px;right:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,159,10,.1) 0%,transparent 70%);pointer-events:none}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill-item{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);padding:9px 16px 9px 9px;text-decoration:none;border-radius:100px;transition:border-color .2s,background .2s,transform .15s}.pill-item:hover{border-color:rgba(192,132,252,.5);background:var(--surface2);transform:translateY(-2px)}.pill-item img{width:28px;height:28px;border-radius:50%;object-fit:contain;background:var(--surface2);flex-shrink:0;padding:2px}.pill-name{font-size:.86rem;font-weight:500;color:var(--text);white-space:nowrap}.mag-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.mag-card{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);padding:16px 20px;text-decoration:none;transition:border-color .2s,background .2s}.mag-card:hover{border-color:rgba(96,165,250,.4);background:var(--surface2)}.mag-card img{width:44px;height:44px;border-radius:10px;object-fit:contain;background:var(--surface2);flex-shrink:0;padding:4px}.mc-body{flex:1;min-width:0}.mc-name{font-weight:500;font-size:.92rem;color:var(--text)}.mc-url{font-family:'DM Mono',monospace;font-size:.63rem;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-arrow{color:var(--border2);font-size:1rem;transition:color .2s,transform .2s;flex-shrink:0}.mag-card:hover .mc-arrow{color:var(--blue);transform:translateX(4px)}.ambient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.ambient-card{background:var(--surface);border:1px solid var(--border);padding:40px 28px;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;position:relative;overflow:hidden;transition:border-color .25s,transform .25s}.ambient-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .3s}.ambient-card:nth-child(1)::before{background:radial-gradient(circle at 50% 0%,rgba(0,229,255,.09) 0%,transparent 70%)}.ambient-card:nth-child(2)::before{background:radial-gradient(circle at 50% 0%,rgba(255,62,108,.07) 0%,transparent 70%)}.ambient-card:nth-child(3)::before{background:radial-gradient(circle at 50% 0%,rgba(170,255,0,.07) 0%,transparent 70%)}.ambient-card:hover::before{opacity:1}.ambient-card:hover{transform:translateY(-4px)}.ambient-card:nth-child(1):hover{border-color:rgba(0,229,255,.35)}.ambient-card:nth-child(2):hover{border-color:rgba(255,62,108,.35)}.ambient-card:nth-child(3):hover{border-color:rgba(170,255,0,.3)}.ambient-card:nth-child(n+4):hover{border-color:rgba(192,132,252,.35)}.ambient-card img{width:60px;height:60px;border-radius:16px;object-fit:contain;background:var(--surface2);position:relative;padding:6px}.ac-name{font-weight:500;font-size:1rem;color:var(--text);position:relative}.ac-desc{font-size:.8rem;color:var(--muted);line-height:1.65;position:relative}.ac-url{font-family:'DM Mono',monospace;font-size:.63rem;color:var(--muted);position:relative;margin-top:4px}.full-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2px}.full-card{background:var(--surface);border:1px solid var(--border);padding:20px 22px;text-decoration:none;display:flex;align-items:flex-start;gap:16px;position:relative;transition:border-color .2s,background .2s,transform .2s}.full-card:hover{border-color:rgba(255,62,108,.4);background:var(--surface2);transform:translateY(-2px)}.full-card img{width:40px;height:40px;border-radius:10px;object-fit:contain;background:var(--bg2);padding:4px;flex-shrink:0}.full-card-body{flex:1;min-width:0}.full-card-name{font-weight:500;font-size:.95rem;color:var(--text);margin-bottom:5px}.full-card-desc{font-size:.78rem;color:var(--muted);line-height:1.6}.full-card-url{font-family:'DM Mono',monospace;font-size:.62rem;color:var(--muted);margin-top:8px;display:block}.full-card-arrow{color:var(--border2);transition:color .2s;margin-top:2px;flex-shrink:0}.full-card:hover .full-card-arrow{color:var(--accent)}.search-wrap{position:relative;max-width:680px;margin:60px auto 0}.search-input{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:17px 24px 17px 52px;font-family:'DM Sans',sans-serif;font-size:1rem;outline:none;border-radius:2px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(0,229,255,.07)}.search-input::placeholder{color:var(--muted)}.search-icon{position:absolute;left:19px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1rem}.search-kbd{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-family:'DM Mono',monospace;font-size:.68rem;color:var(--muted);background:var(--bg2);border:1px solid var(--border);padding:2px 7px;border-radius:3px}footer{border-top:1px solid var(--border);padding:40px 48px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.8rem}.footer-logo{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:.08em;color:var(--text)}@media (max-width:900px){nav{padding:14px 20px}.nav-links{display:none}.space-grid{grid-template-columns:1fr}.space-card:nth-child(1){grid-row:span 1}.mag-grid{grid-template-columns:1fr}.ambient-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:16px;text-align:center;padding:32px 20px}.logo-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.full-grid{grid-template-columns:1fr}.feat-row-desc,.feat-row-url{display:none}}