:root{--background:#3f87c8;--background-image:url(/brand/background.png);--background-tile:384px 384px;--background-darker:#295882;--background-card:#448aca;--foreground:#f5f9ff;--surface-elevated:#204b78;--surface-glass:#f5f9ff08;--surface-glass-hover:#f5f9ff0d;--text-primary:#f5f9ff;--text-secondary:#b5d1ec;--text-muted:#a6c8ea;--text-ultra-muted:#76a9d9;--border-subtle:#f5f9ff0f;--border-default:#f5f9ff1f;--border-interactive:#1f4ba8;--border-hover:#5577be;--accent:#f2c14e;--accent-glow:#f2c14e26;--accent-subtle:#f2c14e1a;--success:#7ccb66;--success-subtle:#7ccb661a;--error:#e0483e;--error-subtle:#e0483e1a;--warning:#f2c14e;--warning-subtle:#f2c14e1a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Source Code Pro", "SF Mono", "Fira Code", "Monaco", ui-monospace, monospace;--radius-sm:0;--radius-md:0;--radius-lg:0;--image-rendering:pixelated;--blur-glass:none;--shadow-sm:2px 2px 0 #1f4ba8;--shadow-md:4px 4px 0 #1f4ba8;--shadow-lg:6px 6px 0 #1f4ba8;--shadow-glow:none;--shadow-panel:8px 8px 0 #1f4ba8;--transition-interactive:transform 50ms steps(2), box-shadow 50ms steps(2);--transition-card:transform 50ms steps(2), box-shadow 50ms steps(2)}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:14px;line-height:1.5}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, var(--accent-glow), transparent 70%), var(--background-image) left top / var(--background-tile) repeat, var(--background);min-height:100vh;image-rendering:var(--image-rendering);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--background-card)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}*{scrollbar-width:thin;scrollbar-color:#333 var(--background-card)}main{z-index:1;gap:20px;max-width:44rem;margin:0 auto;padding:48px 24px 64px;display:grid;position:relative}.sprites{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.sprite-lane{animation:30s linear infinite sprite-cross;position:absolute;left:-30vw}.sprite{height:auto;image-rendering:var(--image-rendering);opacity:.9;animation:1.6s infinite sprite-hop;display:block}.sprite-lane:nth-child(3n){animation-name:sprite-cross-back;left:auto;right:-30vw}.sprite-lane:nth-child(3n) .sprite{scale:-1 1}.sprite-lane:first-child{animation-duration:34s;animation-delay:-4s;top:6%}.sprite-lane:first-child .sprite{width:132px;animation-duration:1.7s}.sprite-lane:nth-child(2){animation-duration:27s;animation-delay:-15s;top:18%}.sprite-lane:nth-child(2) .sprite{width:180px;animation-duration:1.5s}.sprite-lane:nth-child(3){animation-duration:40s;animation-delay:-22s;top:31%}.sprite-lane:nth-child(3) .sprite{width:108px;animation-duration:1.9s}.sprite-lane:nth-child(4){animation-duration:30s;animation-delay:-9s;top:44%}.sprite-lane:nth-child(4) .sprite{width:156px;animation-duration:1.6s}.sprite-lane:nth-child(5){animation-duration:36s;animation-delay:-28s;top:57%}.sprite-lane:nth-child(5) .sprite{width:120px;animation-duration:1.8s}.sprite-lane:nth-child(6){animation-duration:25s;animation-delay:-12s;top:69%}.sprite-lane:nth-child(6) .sprite{width:192px;animation-duration:1.4s}.sprite-lane:nth-child(7){animation-duration:43s;animation-delay:-33s;top:81%}.sprite-lane:nth-child(7) .sprite{width:96px;animation-duration:2s}.sprite-lane:nth-child(8){animation-duration:32s;animation-delay:-19s;top:90%}.sprite-lane:nth-child(8) .sprite{width:144px;animation-duration:1.65s}@keyframes sprite-cross{0%{transform:translate(0)}to{transform:translate(160vw)}}@keyframes sprite-cross-back{0%{transform:translate(0)}to{transform:translate(-160vw)}}@keyframes sprite-hop{0%{animation-timing-function:ease-out;transform:translateY(0)}24%{animation-timing-function:ease-in;transform:translateY(-45%)}48%,to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sprites{display:none}}.masthead{gap:20px;display:grid}.masthead img{width:100%;height:auto;image-rendering:var(--image-rendering);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);display:block}.masthead .title{background:var(--surface-elevated);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);gap:6px;padding:16px 20px;display:grid}.masthead h1{letter-spacing:-.02em;color:var(--text-primary);font-size:28px;font-weight:500}.masthead p{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}main>p{color:var(--text-secondary);background:var(--surface-elevated);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px}.panel{background:var(--surface-elevated);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);transition:var(--transition-card);padding:24px}.panel:hover{border-color:var(--border-default)}.panel h2{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);margin:0 0 16px;font-size:13px;font-weight:500}.panel p{color:var(--text-secondary)}.panel p+p,.panel p+button,.panel button+p,.panel ul+p,.panel label+p{margin-top:12px}.panel strong{color:var(--text-primary);font-weight:500}.stats{grid-template-columns:max-content 1fr;align-items:baseline;gap:10px 20px;display:grid}.stats dt{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:500}.stats dd{font-family:var(--font-mono);color:var(--text-primary);font-size:13px}button{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--background);background:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-interactive);border:1px solid #0000;padding:10px 24px;font-size:12px;font-weight:500}button:hover:not(:disabled){opacity:.9}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.secondary{color:var(--text-secondary);border-color:var(--border-interactive);background:0 0}button.secondary:hover:not(:disabled){opacity:1;color:var(--text-primary);background:var(--surface-glass-hover);border-color:var(--border-hover)}p button{vertical-align:middle;padding:6px 12px;font-size:11px}.wallets{flex-wrap:wrap;gap:8px;list-style:none;display:flex}button.wallet{letter-spacing:.05em;text-transform:none;color:var(--text-secondary);border-color:var(--border-interactive);background:0 0;align-items:center;gap:10px;display:inline-flex}button.wallet:hover:not(:disabled){opacity:1;color:var(--text-primary);background:var(--surface-glass-hover);border-color:var(--border-hover)}button.wallet img{border-radius:var(--radius-sm);width:24px;height:24px}label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);gap:10px;margin-bottom:20px;font-size:10px;font-weight:500;display:grid}select{appearance:none;width:max-content;min-width:6rem;font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-primary);background-color:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:var(--transition-interactive);background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='square' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding:10px 40px 10px 14px;font-size:13px}select:focus{border-color:#ffffff4d;outline:none;box-shadow:0 0 0 1px #ffffff26}code{font-family:var(--font-mono);background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);word-break:break-all;padding:2px 6px;font-size:12px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a code{color:var(--accent)}p.error{font-family:var(--font-mono);color:var(--error);background:linear-gradient(var(--error-subtle), var(--error-subtle)), var(--surface-elevated);border-radius:var(--radius-md);border:1px solid #ef444433;padding:12px 16px;font-size:12px}span.error{color:var(--error)}.warn{color:var(--warning);background:linear-gradient(var(--warning-subtle), var(--warning-subtle)), var(--surface-elevated);border-radius:var(--radius-md);border:1px solid #f59e0b33;padding:12px 16px;font-size:13px}.gallery{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:16px;list-style:none;display:grid}.gallery li{border-radius:var(--radius-lg);transition:var(--transition-card);background:#ffffff05;border:1px solid #ffffff0f;gap:12px;padding:12px;display:grid}.gallery li:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);background:#ffffff0a;transform:translateY(-2px)}.gallery img,.gallery .noimage{aspect-ratio:1;width:100%;height:auto;image-rendering:var(--image-rendering);background:var(--background-darker);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.gallery strong{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500;display:block}.gallery .trait{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}@media (max-width:600px){main{padding:32px 16px 48px}.panel{padding:20px}.stats{grid-template-columns:1fr;gap:4px}.stats dd{margin-bottom:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}