/* mine-it — shared styles */
*{box-sizing:border-box}
html,body{margin:0;background:#0C0907}
body{font-family:"Geologica",system-ui,-apple-system,"Segoe UI",sans-serif;color:#EFE6D8;-webkit-font-smoothing:antialiased}
a{color:#F0A04B}a:hover{color:#FFC27A}
img{max-width:100%}
[hidden]{display:none!important}

.wrap{padding-inline:max(16px,4vw)}
.inner{max-width:1240px;margin:0 auto}

.px{clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}
.display{font-family:"Pixelify Sans","Courier New",monospace}
.mono{font-family:"DM Mono",ui-monospace,"SFMono-Regular",Menlo,monospace}
.eyebrow{font-family:"DM Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#A8977F}
.muted{color:#7E705E}
.num{font-variant-numeric:tabular-nums}

.btn{border:0;display:inline-flex;align-items:center;gap:8px;font-family:"Geologica",system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:transform .12s cubic-bezier(.3,.8,.3,1),filter .15s,box-shadow .12s}
.btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -2px 0 rgba(0,0,0,.35)!important}
.btn:disabled{cursor:default;filter:saturate(.35) brightness(.75)}
.btn-amber{background:#F0A04B;color:#1A0F06;font-weight:600;box-shadow:inset 0 -4px 0 #A8662A}
.btn-amber:hover{color:#1A0F06}
.btn-dark{background:#241A14;color:#EFE6D8;font-weight:500;box-shadow:inset 0 -4px 0 #120C09}
.btn-dark:hover{color:#EFE6D8}
.btn-sm{font-size:15px;padding:11px 16px}
.btn-lg{font-size:17px;padding:15px 22px}
.btn:focus-visible,a:focus-visible,.menu-item:focus-visible{outline:2px solid #6FE3C8;outline-offset:3px}

/* nav */
.nav{border-bottom:2px solid #241A14}
.nav .inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#EFE6D8}
.brand:hover{color:#EFE6D8}
.brand span{font-family:"Pixelify Sans","Courier New",monospace;font-weight:700;font-size:26px;letter-spacing:.02em}
.nav-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.nav-left{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.nav-x{display:grid;place-items:center;width:38px;height:38px;color:#A8977F;border:2px solid #241A14;transition:color .15s,border-color .15s}
.nav-x:hover{color:#EFE6D8;border-color:#3A2B20}
.nav-link{color:#A8977F;text-decoration:none;font-size:15px}
.nav-link:hover,.nav-link[aria-current="page"]{color:#EFE6D8}

/* wallet */
.wallet{position:relative}
.wallet-dot{width:8px;height:8px;background:#6FE3C8;box-shadow:0 0 0 2px #1A4F46}
.wallet-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:260px;background:#17110D;box-shadow:inset 0 0 0 2px #3A2B20;padding:10px;display:flex;flex-direction:column;gap:4px}
.wallet-err{font-size:13px;line-height:1.45;color:#F0A04B;padding:6px 8px 8px}
.wallet-head{display:flex;flex-direction:column;gap:4px;padding:6px 8px 10px;border-bottom:1px solid #241A14;margin-bottom:4px}
.wallet-addr{font-family:"DM Mono",ui-monospace,monospace;font-size:12px;color:#EFE6D8;overflow-wrap:anywhere}
.menu-item{border:0;background:transparent;color:#EFE6D8;font-family:"Geologica",system-ui,sans-serif;font-size:15px;display:flex;align-items:center;gap:12px;padding:10px 8px;text-align:left;cursor:pointer;width:100%;text-decoration:none}
.menu-item:hover{background:#241A14;color:#EFE6D8}
.menu-item.warn{color:#F0A04B}
.menu-item img,.menu-item .wi{width:24px;height:24px;flex:none}
.menu-item .wi{background:#241A14;display:grid;place-items:center;font-family:"Pixelify Sans",monospace;font-size:13px;color:#6FE3C8}
.menu-note{font-size:14px;line-height:1.5;color:#CDBFAB;padding:6px 8px}

/* pixel canvases */
.cv{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}
.frame{background:#241A14;padding:6px}
.panel{background:#17110D;box-shadow:inset 0 0 0 2px #241A14}

@keyframes blink{0%,60%{opacity:1}61%,100%{opacity:.25}}
.live{width:6px;height:6px;background:#6FE3C8;display:inline-block;animation:blink 1.4s steps(1) infinite}
@keyframes feed-in{from{transform:translateY(-6px);opacity:.3}to{transform:none;opacity:1}}
.feed-item{animation:feed-in .45s cubic-bezier(.16,1,.3,1)}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}
.pop{animation:pop .5s cubic-bezier(.16,1,.3,1)}
@keyframes arrive{from{transform:translateY(8px);opacity:.2}to{transform:none;opacity:1}}
.arrive{animation:arrive .6s cubic-bezier(.16,1,.3,1)}

@media (prefers-reduced-motion:reduce){.live,.feed-item,.pop,.arrive{animation:none}.btn{transition:none}}
@media (max-width:760px){.hide-sm{display:none!important}}