
*{box-sizing:border-box}
body{background:#ddeedd;color:#000;font-family:"Courier New",Courier,monospace;font-size:14px;margin:0;padding:0 0 28px}
a{color:#0000cc}a:visited{color:#551a8b}a:hover{color:#cc0000}
hr{border:none;border-top:1px solid #999;margin:1em 0}
.page-wrap{max-width:980px;margin:0 auto;padding:.6em 1em 2em}
.top-nav{background:#c0c0c0;border-bottom:2px solid #808080;padding:4px 12px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.top-nav-brand{font-weight:bold;font-size:13px;margin-right:8px;color:#000;text-decoration:none}
.nav-btn,.nav-a{background:#c0c0c0;border:2px outset #fff;font-family:"Courier New",Courier,monospace;font-size:12px;padding:2px 10px;cursor:pointer;color:#000;text-decoration:none;display:inline-block}
.nav-btn:hover,.nav-a:hover{background:#d4d4d4}.nav-btn:active{border:2px inset #fff}.nav-btn.active,.nav-a.active{border:2px inset #808080;background:#b0b0b0}
.nav-wallet{margin-left:auto;background:#4a5e2a;color:#fff;border:2px outset #6a7e4a;font-weight:bold}.nav-wallet:hover{background:#3a4e1a}
.box,.m_box,.m_box_red{border:2px solid #000;margin:1em 0;background:#fff}
.m_box{background:#ffffee}.m_box_red{background:#fff0f0}
.box_bar,.m_box_bar{background:#4a5e2a;color:#fff;padding:4px 8px;font-weight:bold}
.box_inner{padding:.7em .9em}
.hero-grid,.stats-grid,.card-grid,.feature-grid,.token-grid,.detail-grid,.portfolio-grid{display:grid;gap:12px}
.hero-grid{grid-template-columns:1.3fr .9fr}
.stats-grid,.card-grid,.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.feature-grid{grid-template-columns:1.1fr .9fr}
.token-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.detail-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.stat-box{border:2px solid #000;background:#f8f8f0;padding:8px}
.stat-label{font-size:11px;color:#555;text-transform:uppercase}
.stat-value{font-size:20px;font-weight:bold;margin-top:4px}
.lead{font-size:15px;line-height:1.6}
.badge{display:inline-block;border:1px solid #000;background:#ffffcc;padding:2px 8px;font-size:11px;font-weight:bold;margin:0 4px 4px 0}
.cta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.btn-act,.btn-mint,.tab-btn{background:#c0c0c0;border:2px outset #fff;font-family:"Courier New",Courier,monospace;font-size:12px;padding:4px 10px;cursor:pointer;text-decoration:none;color:#000;display:inline-block;font-weight:bold}
.btn-act:hover,.btn-mint:hover,.tab-btn:hover{background:#d0d0d0}.btn-act:active,.btn-mint:active,.tab-btn:active{border:2px inset #fff}
.btn-act-primary,.btn-mint{background:#4a5e2a;color:#fff;border:2px outset #6a7e4a}.btn-act-primary:hover,.btn-mint:hover{background:#3a4e1a}
.collection-card,.token-card{border:2px solid #000;background:#fff}
.collection-thumb,.token-thumb{border-bottom:2px solid #000;background:linear-gradient(135deg,#e8e8f8,#f8e8f0);display:flex;align-items:center;justify-content:center}
.collection-thumb{height:180px;font-size:32px}.token-thumb{height:140px;font-size:34px}
.collection-body,.token-body{padding:8px}
.small{font-size:12px;color:#555}
.table{width:100%;border-collapse:collapse}
.table th{background:#4a5e2a;color:#fff;padding:5px 8px;text-align:left;font-size:12px}
.table td{border:1px solid #ccc;padding:6px 8px;background:#fff}
.table tr:nth-child(even) td{background:#f8f8f8}
.tab-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:.5em 0 1em}
.tab-btn.active{border:2px inset #808080;background:#a0a0a0}
.panel{display:none}.panel.active{display:block}
.notice{background:#ffffcc;border:1px solid #999;padding:8px 10px;font-size:12px}
.search-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.search-row input,.search-row select,.modal-input{border:2px inset #ccc;padding:4px 6px;font-family:"Courier New",Courier,monospace;font-size:13px;background:#fff}
.search-row input{flex:1;min-width:220px}
.status-bar{position:fixed;bottom:0;left:0;right:0;background:#c0c0c0;border-top:2px solid #fff;padding:3px 10px;font-size:12px;display:flex;align-items:center;gap:8px;z-index:500}
.led{width:8px;height:8px;border-radius:50%;background:#00aa00;border:1px solid #007700;flex-shrink:0}.led.off{background:#888;border-color:#555}
.footer-note{text-align:center;font-size:11px;color:#666;margin:1em 0}
.modal-overlay,.wallet-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999;align-items:center;justify-content:center}
.modal-overlay.open,.wallet-overlay.open{display:flex}
.modal-win,.wallet-modal-win{background:#c0c0c0;border:3px outset #fff;min-width:300px;max-width:420px;width:92%;box-shadow:4px 4px 0 #000}
.modal-title-bar,.wallet-modal-header{background:#4a5e2a;color:#fff;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;font-weight:bold;font-size:13px}
.modal-x,.wallet-modal-x{background:#c0c0c0;border:2px outset #fff;font-weight:bold;width:18px;height:18px;cursor:pointer;font-size:11px;padding:0;line-height:1}
.modal-body,.wallet-list{padding:1em}
.wallet-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;border:1px solid transparent;margin-bottom:2px}
.wallet-item:hover{background:#f0f5e8;border-color:#4a5e2a}
.wallet-icon{width:34px;height:34px;border-radius:6px;background:#eee;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.wallet-name{font-size:13px;font-weight:bold;color:#000}
.wallet-badge{font-size:9px;color:#4a5e2a;letter-spacing:.1em;text-transform:uppercase;margin-top:1px}
.wallet-divider{padding:6px 10px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#666}
@media(max-width:720px){.hero-grid,.feature-grid{grid-template-columns:1fr}.page-wrap{padding:.5em .8em 2em}}
