:root{--gold-50:#fffcf5;--gold-100:#fff6e0;--gold-200:#ffeab8;--gold-300:#ffd84a;--gold-400:#ffcc30;--gold-500:#f0a800;--gold-600:#e09600;--gold-700:#c87800;--gold-800:#8a6010;--gold-900:#1a0c00;--orange:#e88000;--crown:#ff8c00;--bg:#f3d98a;--bg-deep:#e8c768;--bg-card:#fffaec;--bg-card-hover:#ffffff;--fg:#1a0c00;--fg-muted:#4a3210;--fg-subtle:#6b4a18;--accent:#8a4a00;--accent-hover:#c87800;--border:rgba(80, 50, 0, 0.18);--border-strong:rgba(80, 50, 0, 0.32);--shadow:rgba(80, 50, 0, 0.12);--shadow-hover:rgba(80, 50, 0, 0.22);--glow:rgba(255, 220, 120, 0.55);--grain:0.04;--vignette:rgba(120, 70, 0, 0.18);--icon-bg:rgba(200, 120, 0, 0.12);--icon-fg:#8a4a00;--gilt-opacity:0.6;--spotlight-size:900px;--spotlight-top:-25%;--spotlight-blend:screen;--cell-inset:rgba(255, 255, 255, 0.6);--cell-inset-hover:rgba(255, 255, 255, 0.8);--tagline-shadow:0 0 24px rgba(255, 220, 120, 0.6);--gilt-edge-1:#6b3a00;--gilt-edge-2:#b06820;--gilt-edge-3:#f0a830;--sheen-highlight-1:rgba(255, 250, 220, 0.55);--sheen-highlight-2:rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme:dark){:root{--bg:#0c0906;--bg-deep:#0c0906;--bg-card:#18120a;--bg-card-hover:#201810;--fg:#f0e4d0;--fg-muted:#c8a868;--fg-subtle:#907848;--accent:var(--gold-500);--accent-hover:var(--gold-300);--border:rgba(200, 120, 0, 0.10);--border-strong:rgba(200, 120, 0, 0.30);--shadow:rgba(0, 0, 0, 0.25);--shadow-hover:rgba(240, 168, 0, 0.12);--glow:rgba(255, 216, 74, 0.15);--grain:0;--vignette:transparent;--icon-bg:rgba(200, 120, 0, 0.15);--icon-fg:var(--gold-500);--gilt-opacity:0;--spotlight-size:600px;--spotlight-top:-20%;--spotlight-blend:normal;--cell-inset:rgba(255, 255, 255, 0);--cell-inset-hover:rgba(255, 255, 255, 0);--tagline-shadow:0 0 20px var(--glow), 0 0 40px var(--glow);--gilt-edge-1:var(--gold-700);--gilt-edge-2:var(--gold-500);--gilt-edge-3:var(--gold-300);--sheen-highlight-1:rgba(255, 240, 180, 0.18);--sheen-highlight-2:rgba(255, 255, 255, 0.12)}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark;background:var(--bg)}body{font-family:-apple-system,segoe ui,system-ui,Roboto,Helvetica,Arial,sans-serif;color:var(--fg);min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;overflow-x:hidden;background:radial-gradient(ellipse 120% 80% at 50% -10%,color-mix(in oklch,var(--bg) 70%,white) 0%,var(--bg) 35%,var(--bg-deep) 100%)}body::before{content:"";position:fixed;top:var(--spotlight-top);left:50%;transform:translateX(-50%);width:var(--spotlight-size);height:var(--spotlight-size);background:radial-gradient(circle,var(--glow) 0%,transparent 60%);pointer-events:none;z-index:0;mix-blend-mode:var(--spotlight-blend)}body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:var(--grain);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:multiply}.vignette{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 100% 60% at 50% 100%,var(--vignette) 0%,transparent 60%),radial-gradient(ellipse 80% 60% at 0% 50%,var(--vignette) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 100% 50%,var(--vignette) 0%,transparent 50%)}main{position:relative;z-index:1;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.hero{text-align:center;padding-bottom:.5rem}.logo-wrap{display:inline-block;margin-bottom:1rem;position:relative}.logo-wrap::before{content:"";position:absolute;inset:-6px;border-radius:calc(1.5rem + 6px);background:linear-gradient(135deg,rgba(255,240,180,.7) 0%,rgba(200,140,30,.3) 40%,rgba(140,90,10,.5) 100%);filter:blur(6px);opacity:var(--gilt-opacity);z-index:-1}.logo{width:7.5rem;height:7.5rem;border-radius:1.5rem;filter:drop-shadow(0 6px 20px rgba(140,80,0,.35))drop-shadow(0 2px 4px rgba(80,40,0,.25));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@media(prefers-color-scheme:dark){.logo{filter:drop-shadow(0 4px 16px rgba(240,168,0,.3))}}.logo:hover{transform:scale(1.06)rotate(-2deg)}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--fg)}.about p:first-child{font-size:1.125rem;font-weight:500;font-style:italic;color:var(--fg);margin-top:.5rem;line-height:1.4;text-shadow:var(--tagline-shadow)}.about p+p{font-size:.9375rem;color:var(--fg-muted);margin-top:.5rem;line-height:1.5}.bento{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.cell{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;color:var(--fg);text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .2s ease,border-color .2s ease;box-shadow:0 1px 0 var(--cell-inset)inset,0 1px 4px var(--shadow),0 8px 24px -12px var(--shadow);position:relative;overflow:hidden}.cell:hover{transform:translateY(-3px);box-shadow:0 1px 0 var(--cell-inset-hover)inset,0 12px 36px var(--shadow-hover),0 0 0 1px var(--border-strong);background:var(--bg-card-hover)}.cell:active{transform:translateY(-1px)scale(.99)}.cell-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:.625rem;background:var(--icon-bg);color:var(--icon-fg)}.cell-icon svg{width:1.125rem;height:1.125rem}.cell-text{display:flex;flex-direction:column;min-width:0}.cell-label{font-size:.9375rem;font-weight:600;line-height:1.3}.cell-sub{font-size:.75rem;color:var(--fg-subtle);line-height:1.3;margin-top:.125rem}.cell.shiny{grid-column:1/-1;padding:1.25rem;background:linear-gradient(var(--bg-card),var(--bg-card))padding-box,conic-gradient( from 215deg,var(--gilt-edge-1) 0%,var(--gilt-edge-2) 18%,var(--gilt-edge-3) 32%,var(--gilt-edge-1) 50%,var(--gilt-edge-3) 68%,var(--gilt-edge-2) 82%,var(--gilt-edge-1) 100% )border-box;border:2px solid transparent;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 4px 18px var(--shadow),0 0 0 1px rgba(255,216,74,.18)}.cell.shiny::before{content:"";position:absolute;inset:0;background:linear-gradient( 115deg,transparent 35%,var(--sheen-highlight-1) 47%,var(--sheen-highlight-2) 50%,var(--sheen-highlight-1) 53%,transparent 65% );background-size:250% 100%;background-position:100% 0;pointer-events:none;z-index:1;animation:legendary-sheen 5s ease-in-out infinite}.cell.shiny>*{position:relative;z-index:2}.cell.shiny .cell-icon{background:rgba(140,80,0,.14);color:var(--gilt-edge-1)}@media(prefers-color-scheme:dark){.cell.shiny .cell-icon{background:rgba(240,168,0,.16);color:var(--gold-300)}}.cell.shiny .cell-label{background:linear-gradient( 135deg,var(--gilt-edge-1),var(--gilt-edge-3),var(--gilt-edge-1) );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.cell.shiny .cell-sub{color:var(--fg-muted)}.cell.shiny .cell-arrow{display:flex;align-items:center;margin-left:auto;flex-shrink:0;color:var(--gilt-edge-1);opacity:.7;transition:transform .2s ease,opacity .2s ease}.cell.shiny .cell-arrow svg{width:1.25rem;height:1.25rem}.cell.shiny:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(240,168,0,.28),0 0 0 1px rgba(255,216,74,.4)}.cell.shiny:hover .cell-arrow{transform:translateX(3px);opacity:1}@media(prefers-color-scheme:dark){.cell.shiny .cell-arrow{color:var(--gold-300)}}@media(prefers-reduced-motion:reduce){.cell.shiny::before{animation:none}}.cell.featured{padding:1.25rem;background:linear-gradient(135deg,#f4dca0 0%,#fff2c8 25%,#e8b95a 55%,#fff2c8 75%,#d49d35 100%)padding-box,conic-gradient( from 215deg,var(--gilt-edge-1) 0%,var(--gilt-edge-2) 25%,var(--gilt-edge-3) 50%,var(--gilt-edge-2) 75%,var(--gilt-edge-1) 100% )border-box;border:2px solid transparent;color:var(--fg);position:relative;overflow:hidden;isolation:isolate;box-shadow:0 1px rgba(255,255,255,.7)inset,0 10px 28px rgba(180,110,0,.3),0 0 0 1px rgba(255,220,120,.35)}.cell.featured::before{content:"";position:absolute;inset:0;background:linear-gradient( 115deg,transparent 35%,var(--sheen-highlight-1) 47%,var(--sheen-highlight-2) 50%,var(--sheen-highlight-1) 53%,transparent 65% );background-size:250% 100%;background-position:100% 0;pointer-events:none;z-index:1;animation:legendary-sheen 5s ease-in-out infinite}.cell.featured>*{position:relative;z-index:2}.cell.featured:hover{transform:translateY(-3px);box-shadow:0 1px rgba(255,255,255,.9)inset,0 18px 44px rgba(180,110,0,.4),0 0 0 1px rgba(255,220,120,.55)}.cell.featured .cell-label{color:var(--fg);font-weight:700}.cell.featured .cell-icon{background:rgba(80,40,0,.18);color:#4a2800}.cell.featured .cell-sub{color:var(--fg-muted)}.cell.featured .cell-arrow{color:var(--accent);opacity:.85}@media(prefers-reduced-motion:reduce){.cell.featured::before{animation:none}}@media(prefers-color-scheme:dark){.cell.featured{background:linear-gradient(135deg,#1a1508 0%,#2c2510 40%,#1a1508 100%);border:1px solid rgba(212,185,100,.4);color:#e8d48a;isolation:auto;box-shadow:0 1px rgba(212,185,100,.18)inset,0 8px 24px rgba(60,35,0,.25),0 0 0 1px rgba(212,185,100,8%)}.cell.featured::before{inset:auto;top:-60%;right:-30%;width:70%;height:220%;background:linear-gradient( 125deg,transparent 30%,rgba(220,200,130,7%) 45%,rgba(255,240,180,.1) 50%,rgba(220,200,130,7%) 55%,transparent 70% );background-size:auto;background-position:0 0;animation:none}.cell.featured::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 15% 50%,rgba(200,175,90,6%) 0%,transparent 55%);pointer-events:none}.cell.featured:hover{transform:translateY(-3px);background:linear-gradient(135deg,#222010 0%,#363014 40%,#222010 100%);border-color:rgba(212,185,100,.55);box-shadow:0 1px rgba(212,185,100,.28)inset,0 16px 44px rgba(60,35,0,.35),0 0 0 1px rgba(212,185,100,.15)}.cell.featured .cell-label{color:#f0e4b8}.cell.featured .cell-icon{background:rgba(200,175,90,.12);color:#d4b964}.cell.featured .cell-sub{color:rgba(212,185,100,.5)}.cell.featured .cell-arrow{color:inherit;opacity:.6}}.cell-arrow{display:flex;align-items:center;margin-left:auto;flex-shrink:0;opacity:.6;transition:transform .2s ease,opacity .2s ease}.cell-arrow svg{width:1.25rem;height:1.25rem}.cell.featured:hover .cell-arrow{transform:translateX(3px);opacity:1}.socials{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.social{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--fg-muted);text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,color .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 1px 0 var(--cell-inset)inset,0 1px 4px var(--shadow)}.social svg{width:1.25rem;height:1.25rem}.social:hover{transform:translateY(-3px)scale(1.08);box-shadow:0 8px 24px var(--shadow-hover);color:var(--accent);border-color:var(--border-strong);background:var(--bg-card-hover)}.social:active{transform:translateY(0)scale(.95)}.site-footer{display:flex;flex-direction:column;align-items:center;gap:.125rem;opacity:.5}.site-name{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle)}.site-by{font-size:.6875rem;color:var(--fg-subtle);font-style:italic}.site-author{font-size:.75rem;font-weight:500;color:var(--fg-subtle)}@media(max-width:420px){.logo{width:6rem;height:6rem;border-radius:1.125rem}h1{font-size:1.5rem}.bento{gap:.625rem}.cell{padding:1rem .875rem}}main.techverse{max-width:min(1100px,100%);align-items:stretch;gap:1.5rem}.back-link{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:var(--fg-muted);text-decoration:none;padding:.4rem .7rem .4rem .5rem;border-radius:.5rem;transition:color .2s ease,background .2s ease,transform .2s ease}.back-link:hover{color:var(--accent);background:var(--bg-card);transform:translateX(-2px)}.back-arrow{display:inline-flex;transform:rotate(180deg)}.back-arrow svg{width:1rem;height:1rem}.techverse-hero{text-align:center;padding:0 .5rem}.techverse-hero h1{font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.02em;background:linear-gradient( 135deg,var(--gilt-edge-1) 0%,var(--gilt-edge-3) 50%,var(--gilt-edge-1) 100% );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px var(--glow))}.techverse-hero .about p{font-size:.9375rem;color:var(--fg-muted);max-width:520px;margin:.75rem auto 0;line-height:1.55}.card-rail{display:flex;gap:1.25rem;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1.25rem .5rem 2rem;margin-inline:-.5rem;scroll-padding-inline:.5rem;scrollbar-color:var(--gold-600)transparent;-webkit-overflow-scrolling:touch}.card-rail:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:.75rem}.card-rail::-webkit-scrollbar{height:8px}.card-rail::-webkit-scrollbar-track{background:0 0}.card-rail::-webkit-scrollbar-thumb{background:var(--gold-600);border-radius:4px}.card-rail::-webkit-scrollbar-thumb:hover{background:var(--gold-500)}.trading-card{flex:0 0 290px;min-height:470px;scroll-snap-align:start;position:relative;border-radius:1rem;text-decoration:none;color:var(--fg);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;isolation:isolate;background:linear-gradient(var(--bg-card),var(--bg-card))padding-box,linear-gradient(135deg,var(--gilt-edge-1),var(--gilt-edge-2),var(--gilt-edge-1))border-box;border:2px solid transparent;box-shadow:0 4px 16px var(--shadow)}.trading-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px var(--shadow-hover)}.trading-card:active{transform:translateY(-2px)scale(.99)}.card-inner{display:flex;flex-direction:column;height:100%;min-height:inherit;padding:1rem 1.1rem 1.1rem;gap:.85rem;border-radius:calc(1rem - 2px);background:var(--bg-card);position:relative;overflow:hidden}.card-header{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border);padding-bottom:.6rem;padding-right:6.5rem;position:relative;z-index:2}.card-name{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--fg)}.card-meta{position:absolute;top:1.05rem;right:1.15rem;display:flex;align-items:center;gap:.55rem;z-index:4}.card-rarity{font-size:.625rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--fg-subtle);white-space:nowrap;pointer-events:none}.card-repo{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:.45rem;color:var(--fg-muted);text-decoration:none;position:relative;z-index:4;transition:color .2s ease,background .2s ease,transform .2s ease}.card-repo svg{width:1rem;height:1rem}.card-repo:hover{color:var(--fg);background:rgba(80,50,0,.1);transform:scale(1.08)}@media(prefers-color-scheme:dark){.card-repo:hover{background:rgba(240,168,0,.12);color:var(--gold-300)}}.card-stretched-link{position:absolute;inset:0;z-index:3;border-radius:inherit}.card-stretched-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.card-art{display:flex;align-items:center;justify-content:center;flex:0 0 110px;border-radius:.5rem;background:radial-gradient(ellipse at center,#e5dec9,transparent 65%),repeating-linear-gradient( 45deg,transparent 0,transparent 8px,rgba(197,160,89,4%) 8px,rgba(197,160,89,4%) 9px );position:relative;overflow:hidden;z-index:2}@media(prefers-color-scheme:dark){.card-art{background:radial-gradient(ellipse at center,rgba(200,120,0,.2),transparent 65%),repeating-linear-gradient( 45deg,transparent 0,transparent 8px,rgba(240,168,0,6%) 8px,rgba(240,168,0,6%) 9px )}}.card-logo{width:78%;height:80%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}.card-monogram{font-size:4.5rem;font-weight:800;font-family:ui-serif,times new roman,serif;font-style:italic;background:linear-gradient( 135deg,var(--gilt-edge-3) 0%,var(--gilt-edge-1) 50%,var(--gilt-edge-3) 100% );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(120,70,0,.3));line-height:1}.card-body{flex:1;display:flex;flex-direction:column;gap:.4rem;position:relative;z-index:2}.card-tagline{font-size:.875rem;font-weight:600;font-style:italic;color:var(--fg);line-height:1.35}.card-desc{font-size:.8125rem;color:var(--fg-muted);line-height:1.5}.card-footer{display:flex;flex-direction:column;gap:.6rem;margin-top:auto;padding-top:.7rem;border-top:1px solid var(--border);position:relative;z-index:2}.card-tech{display:flex;flex-wrap:wrap;gap:.3rem}.card-chip{font-size:.6875rem;font-weight:500;padding:.18rem .5rem;background:rgba(140,80,0,.12);color:var(--gilt-edge-1);border-radius:.3rem}@media(prefers-color-scheme:dark){.card-chip{background:rgba(200,120,0,.15);color:var(--gold-300)}}.card-cta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-category{font-size:.6875rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-subtle);font-weight:600}.card-action{display:inline-flex;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;color:var(--accent)}.card-action svg{width:.9rem;height:.9rem;transition:transform .2s ease}.trading-card:hover .card-action svg{transform:translateX(3px)}.trading-card.rarity-rare{background:linear-gradient(var(--bg-card),var(--bg-card))padding-box,linear-gradient(135deg,var(--gilt-edge-3) 0%,var(--gilt-edge-1) 50%,var(--gilt-edge-3) 100% )border-box;border-width:2px;box-shadow:0 4px 18px var(--shadow),0 0 0 1px rgba(255,216,74,.18)}.trading-card.rarity-rare .card-rarity{color:var(--gilt-edge-1)}@media(prefers-color-scheme:dark){.trading-card.rarity-rare .card-rarity{color:var(--gold-300)}}.trading-card.rarity-rare:hover{box-shadow:0 16px 44px rgba(240,168,0,.22),0 0 0 1px rgba(255,216,74,.32)}.trading-card.rarity-legendary{background:linear-gradient(var(--bg-card),var(--bg-card))padding-box,conic-gradient( from 215deg,var(--gilt-edge-1) 0%,var(--gilt-edge-2) 18%,var(--gilt-edge-3) 32%,var(--gilt-edge-1) 50%,var(--gilt-edge-3) 68%,var(--gilt-edge-2) 82%,var(--gilt-edge-1) 100% )border-box;border-width:3px;box-shadow:0 6px 28px rgba(240,168,0,.28),0 0 0 1px rgba(255,216,74,.25)}.trading-card.rarity-legendary .card-rarity{color:var(--gilt-edge-1);font-weight:700;letter-spacing:.18em}@media(prefers-color-scheme:dark){.trading-card.rarity-legendary .card-rarity{color:var(--gold-300)}}.trading-card.rarity-legendary .card-name{background:linear-gradient( 135deg,var(--gilt-edge-1),var(--gilt-edge-3),var(--gilt-edge-1) );-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.trading-card.rarity-legendary .card-inner::before{content:"";position:absolute;inset:0;background:linear-gradient( 115deg,transparent 35%,var(--sheen-highlight-1) 47%,var(--sheen-highlight-2) 50%,var(--sheen-highlight-1) 53%,transparent 65% );background-size:250% 100%;background-position:100% 0;pointer-events:none;z-index:1;animation:legendary-sheen 5s ease-in-out infinite}@keyframes legendary-sheen{0%,100%{background-position:200% 0}50%{background-position:-100% 0}}.trading-card.rarity-legendary:hover{box-shadow:0 20px 60px rgba(240,168,0,.4),0 0 0 1px rgba(255,216,74,.45)}@media(prefers-reduced-motion:reduce){.trading-card.rarity-legendary .card-inner::before{animation:none}}@media(max-width:600px){.trading-card{flex:0 0 86vw;max-width:320px}.card-rail{scroll-snap-type:x mandatory}}