@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500;700;800&family=JetBrains+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap";
:root{--bg:#14141a;--panel:#1c1c24;--panel-2:#22222c;--line:#2e2e3a;--ink:#e8e4d8;--ink-mute:#8a8478;--ink-dim:#5a5648;--vermillion:#c5453a;--washi:#f1ead8;--c-indigo:#2d3e5e;--c-vermillion:#b04438;--c-sage:#6f8268;--c-ochre:#b8893a;--c-slate:#6a6f7a;--c-cream:#d9cdb0;--c-blood:#5e1f1f;--c-lavender:#8e7fa8;--c-moss:#4a5a3e;--skin-1:#e8c9a3;--skin-2:#d4a878;--skin-3:#c89466;--hair-ink:#1a1a22;--hair-white:#ece6d4;--hair-brown:#5a3a26;--mono:"JetBrains Mono", ui-monospace, monospace;--serif:"Shippori Mincho B1", "Noto Serif JP", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--navbar-h:64px}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{background-color:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#2d3e5e14,#0000 35%),radial-gradient(circle at 85% 30%,#b044380d,#0000 35%);background-attachment:fixed;min-height:100vh;font-size:14px;line-height:1.5}.navbar{height:var(--navbar-h);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:100;background:#14141ad9;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;gap:32px;max-width:1280px;height:100%;margin:0 auto;padding:0 40px;display:flex}.navbar-brand{color:var(--ink);flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.navbar-seal{border:1px solid var(--vermillion);width:28px;height:28px;color:var(--vermillion);font-family:var(--serif);place-items:center;font-size:15px;font-weight:700;display:grid}.navbar-name{font-family:var(--serif);letter-spacing:-.01em;font-size:16px;font-weight:700}.navbar-links{align-items:center;gap:8px;display:flex}.nav-link{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);border-radius:4px;padding:8px 16px;font-size:12px;text-decoration:none;transition:color .2s,background .2s}.nav-link:hover{color:var(--ink);background:#ffffff0a}.nav-link.active{color:var(--ink);background:#ffffff0f}.navbar-actions{align-items:center;gap:12px;display:flex}.nav-social{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line);border-radius:4px;padding:6px 12px;font-size:11px;text-decoration:none;transition:color .2s,border-color .2s}.nav-social:hover{color:var(--ink);border-color:var(--ink-mute)}.page-content{padding-top:var(--navbar-h)}@media (max-width:600px){.navbar-inner{padding:0 20px}.navbar-name,.navbar-actions{display:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shell{max-width:1280px;margin:0 auto;padding:48px 40px 96px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}header.top{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:40px;padding-bottom:28px;display:grid}.brand-mark{color:var(--ink-mute);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:14px;margin-bottom:14px;font-size:11px;display:flex}.brand-mark .seal{border:1px solid var(--vermillion);width:22px;height:22px;color:var(--vermillion);font-family:var(--serif);place-items:center;font-size:13px;font-weight:700;display:grid}h1.title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:84px;font-weight:800;line-height:.95}h1.title em{color:var(--vermillion);font-style:italic;font-weight:500}.tagline{color:var(--ink-mute);max-width:44ch;margin-top:14px;font-size:14px;line-height:1.55}.meta-stack{font-family:var(--mono);grid-template-columns:repeat(3,auto);gap:32px;font-size:11px;display:grid}.meta-stack .k{color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;display:block}.meta-stack .v{color:var(--ink);font-family:var(--serif);letter-spacing:-.01em;font-size:22px;font-weight:700}.meta-stack .v small{color:var(--ink-mute);font-family:var(--mono);margin-left:4px;font-size:11px;font-weight:400}.hero-section{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:48px;margin-bottom:48px;padding:48px 0;display:grid}.hero-content h2{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 16px;font-size:36px;font-weight:700}.hero-content p{color:var(--ink-mute);max-width:44ch;margin:0 0 28px;font-size:15px;line-height:1.6}.hero-art{flex-shrink:0}.hero-card{max-width:280px}@media (max-width:900px){.hero-section{grid-template-columns:1fr;gap:32px}.hero-art{display:none}}.toolbar{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:11px;display:flex}.toolbar .chips{gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--ink-mute);cursor:default;padding:6px 10px}.chip.on{color:var(--ink);border-color:var(--ink-mute)}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}h1.title{font-size:56px}}@media (max-width:600px){.grid{grid-template-columns:1fr}.shell{padding:32px 20px 56px}header.top{grid-template-columns:1fr;gap:32px}.toolbar{flex-direction:column;align-items:stretch;gap:16px}}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000040}.card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 28px #00000073}.pfp{aspect-ratio:1;width:100%;display:block}.pfp svg{width:100%;height:100%;display:block}.card-body{flex-direction:column;gap:12px;padding:16px 18px 18px;display:flex}.card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card-name{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);font-size:20px;font-weight:700}.card-id{font-family:var(--mono);color:var(--ink-dim);letter-spacing:.1em;font-size:11px}.traits{border-top:1px dashed var(--line);grid-template-columns:1fr 1fr;gap:6px 14px;padding-top:10px;display:grid}.trait{font-family:var(--mono);font-size:10.5px;line-height:1.45}.trait .tk{color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;display:block}.trait .tv{color:var(--ink)}.trait .tv .dot{vertical-align:-1px;border:1px solid #ffffff26;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.btn-action{background:var(--vermillion);color:#fff;height:48px;font-family:var(--sans);letter-spacing:.04em;cursor:pointer;border:none;border-radius:6px;padding:0 32px;font-size:15px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 2px 8px #c5453a33}.btn-action:hover:not(:disabled){background:#d94e42;transform:translateY(-1px);box-shadow:0 4px 16px #c5453a59}.btn-action:active:not(:disabled){transform:translateY(0)}.btn-action:disabled{background:var(--panel-2);color:var(--ink-dim);cursor:not-allowed;box-shadow:none;transform:none}.btn-connect{border:1px solid var(--line);color:var(--ink);font-family:var(--mono);cursor:pointer;text-transform:uppercase;background:#ffffff08;border-radius:4px;padding:8px 16px;font-size:11px;font-weight:500;transition:all .2s}.btn-connect:hover{border-color:var(--ink-mute);color:#fff;background:#ffffff0f}.toolbar-right{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}@media (min-width:601px){.toolbar-right{justify-content:flex-end;width:auto}}.strip{border-top:1px solid var(--line);font-family:var(--mono);color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:56px;padding-top:24px;font-size:11px;display:flex}.strip .right{text-align:right;color:var(--ink-mute)}.strip .vermillion{color:var(--vermillion)}.kanji-row{font-family:var(--serif);color:var(--ink-mute);letter-spacing:.1em;gap:18px;font-size:22px;display:flex}.mint-page{max-width:1280px;margin:0 auto;padding:48px 40px 96px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}.mint-page-grid{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.mint-showcase-featured{margin-bottom:20px}.mint-showcase-featured .card{border-radius:10px;max-width:100%}.mint-showcase-featured .card:hover{transform:none}.mint-showcase-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.mint-showcase-thumb{border-radius:8px}.mint-showcase-thumb:hover{transform:none}.mint-showcase-caption{font-family:var(--mono);color:var(--ink-dim);letter-spacing:.06em;margin:0;font-size:11px;line-height:1.6}.mint-panel-side{top:calc(var(--navbar-h) + 32px);position:sticky}.mint-panel-header{margin-bottom:32px}.mint-badge{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--c-sage);border:1px solid var(--c-sage);border-radius:3px;margin-bottom:16px;padding:4px 12px;font-size:10px;display:inline-block}.mint-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin:0 0 16px;font-size:48px;font-weight:800;line-height:1}.mint-title em{color:var(--vermillion);font-style:italic;font-weight:500}.mint-subtitle{color:var(--ink-mute);max-width:42ch;margin:0;font-size:14px;line-height:1.6}.mint-container{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:24px;padding:28px;display:flex}.mint-progress-section{flex-direction:column;gap:10px;display:flex}.mint-progress-header{justify-content:space-between;align-items:baseline;display:flex}.mint-progress-label{font-family:var(--mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.mint-progress-count{font-family:var(--mono);color:var(--ink);font-size:13px;font-weight:500}.mint-progress-sep{color:var(--ink-dim);margin:0 2px}.mint-progress-bar{background:var(--panel-2);border-radius:3px;height:6px;overflow:hidden}.mint-progress-fill{background:var(--vermillion);border-radius:3px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.mint-price-section{border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:0;display:flex;overflow:hidden}.mint-price-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mint-price-row:last-child{border-bottom:none}.mint-price-label{font-family:var(--mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.mint-price-value{font-family:var(--mono);color:var(--ink);font-size:13px;font-weight:500}.mint-price-free{color:var(--c-sage)}.mint-action-section{flex-direction:column;gap:16px;display:flex}.mint-qty-row{justify-content:space-between;align-items:center;display:flex}.mint-qty-label{font-family:var(--mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.qty-control{border:1px solid var(--line);background:var(--bg);border-radius:4px;align-items:center;display:flex}.qty-control button{color:var(--ink);width:40px;height:36px;font-family:var(--mono);cursor:pointer;background:0 0;border:none;font-size:16px;transition:background .15s}.qty-control button:hover{background:var(--panel-2)}.qty-control span{text-align:center;width:36px;font-family:var(--mono);border-left:1px solid var(--line);border-right:1px solid var(--line);font-size:14px;font-weight:500;line-height:36px}.mint-total-row{background:var(--bg);border-radius:6px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.mint-total-label{font-family:var(--mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.mint-total-value{font-family:var(--mono);color:var(--ink);font-size:16px;font-weight:600}.mint-total-free{color:var(--c-sage)}.mint-total-bonus{color:var(--ink-dim);font-size:11px;font-weight:400}.btn-mint-full{letter-spacing:.05em;border-radius:8px;width:100%;height:52px;font-size:16px}.mint-wallet-info{font-family:var(--mono);color:var(--ink-dim);text-align:center;letter-spacing:.04em;font-size:11px}.mint-status{font-family:var(--mono);color:var(--ink-mute);text-align:center;background:var(--bg);border-radius:6px;padding:10px 16px;font-size:12px}.mint-status.success{color:var(--c-sage);background:#6f82681a}.mint-status.error{color:var(--vermillion);background:#c5453a1a}.mint-details{border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:0;margin-top:24px;display:flex;overflow:hidden}.mint-detail-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.mint-detail-item:last-child{border-bottom:none}.mint-detail-k{font-family:var(--mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.mint-detail-v{font-family:var(--mono);color:var(--ink-mute);font-size:12px}@media (max-width:900px){.mint-page-grid{grid-template-columns:1fr;gap:40px}.mint-panel-side{position:static}.mint-showcase-featured{max-width:400px;margin:0 auto 20px}}@media (max-width:600px){.mint-page{padding:24px 20px 56px}.mint-title{font-size:36px}.mint-showcase-row{grid-template-columns:repeat(3,1fr);gap:8px}}.wallet-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0a0a0ed9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.wallet-modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:90%;max-width:400px;padding:24px;animation:.2s ease-out slideUp;box-shadow:0 20px 40px #0006}.wallet-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.wallet-modal-header h3{font-family:var(--serif);color:var(--ink);margin:0;font-size:20px;font-weight:700}.btn-close{color:var(--ink-mute);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1;transition:color .2s}.btn-close:hover{color:var(--ink)}.wallet-list{flex-direction:column;gap:10px;display:flex}.wallet-item{background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:14px;padding:12px 16px;transition:background .2s,border-color .2s,transform .1s;display:flex}.wallet-item:hover{border-color:var(--ink-mute);background:#ffffff0d;transform:translateY(-1px)}.wallet-item:active{transform:translateY(0)}.wallet-logo{object-fit:contain;border-radius:4px;width:28px;height:28px}.wallet-name{font-family:var(--mono);letter-spacing:.02em;font-size:13px;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}