/* Cherizerd site styles — retro handheld vibe */
:root{
  --bg: #f6f0e6;
  --ink: #111;
  --panel: #fff8ef;
  --outline: #111;
  --accent: #d33;
}

*{ box-sizing: border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background: var(--bg);
  color: var(--ink);
  font-family: 'Press Start 2P', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.6;
}

.page{ max-width: 1200px; margin: 0 auto; padding: 24px 16px 48px; }

.top{ display:flex; justify-content:center; align-items:center; margin-bottom: 12px; }
.banner{ width: 100%; max-width: 1100px; height:auto; display:block; border: 4px solid var(--outline); background:#fff; }

/* Accessible only label */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;
}

/* Menu box styled like retro window */
.menu{ display:flex; justify-content:center; margin: 18px 0 28px; }
.menu-box{
  display:flex; gap: 16px; padding: 14px;
  background: var(--panel);
  border: 4px solid var(--outline);
  box-shadow: 6px 6px 0 0 var(--outline);
  flex-wrap: wrap;
}
.menu-link, .menu-btn{
  appearance:none;
  border:none; background:#fff;
  padding: 14px 18px;
  font-size: 14px;
  text-decoration:none;
  color:var(--ink);
  border: 3px solid var(--outline);
  min-width: 160px;
  display:flex; align-items:center; justify-content:center; gap:12px;
  cursor:pointer;
  position:relative;
  font-family: 'Press Start 2P', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.menu-link:focus, .menu-btn:focus{ outline: 3px dashed var(--accent); outline-offset: 2px; }

/* Blinking arrow like battle cursor */
@keyframes blink { 50% { opacity: 0; } }
.arrow{
  opacity:1;
  animation: blink 1s steps(1) infinite;
  visibility:hidden;
}
.menu-btn.active .arrow,
.menu-link.active .arrow{ visibility: visible; }

/* Panels */
.panel{
  display:none;
  background: var(--panel);
  border: 4px solid var(--outline);
  box-shadow: 6px 6px 0 0 var(--outline);
  padding: 20px;
}
.panel.active{ display:block; }
.panel-title{ font-size: 16px; margin: 0 0 12px; font-family: 'Press Start 2P', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.panel-text{ font-size: 12px; font-family: 'Press Start 2P', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

.box{
  background:#fff; border: 3px solid var(--outline); padding:14px; max-width: 1000px;
}
.inline-link{ color:inherit; }
.ash{ width: 100%; height:auto; display:block; margin-top:12px; }

/* Embeds */
.embed-wrap{
  position: relative;
  width: 100%;
  min-height: 420px;
  background: #fff;
  border: 3px solid var(--outline);
  margin-top: 12px;
}
.embed-frame{
  width: 100%;
  height: 720px;
  border: 0;
}

/* Footer */
.foot{ margin-top: 28px; text-align:center; font-size: 10px; }

/* Responsive tweaks */
@media (max-width: 640px){
  .menu-link, .menu-btn{ min-width: 130px; font-size: 12px; }
  .panel-title{ font-size: 14px; }
  .panel-text{ font-size: 11px; }
  .embed-frame{ height: 560px; }
}

/* Force pixel font on panel content (prevents fallback) */
.panel, .panel *{
  font-family: 'Press Start 2P', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}


/* Copy contract UI */
.copy-wrap{
  display:flex; align-items:center; gap:12px;
  background:#fff; border:3px solid var(--outline);
  padding:10px 12px; margin-top:12px; flex-wrap:wrap;
}
.ca{
  font-size: 11px;
  user-select: all;
  padding: 6px 8px;
  background:#fff8ef; border:2px solid var(--outline);
  display:inline-block;
}
.copy-btn{
  appearance:none; border:3px solid var(--outline); background:#fff;
  padding:10px 12px; font-size:12px; cursor:pointer;
  font-family: 'Press Start 2P', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.copy-btn:focus{ outline:3px dashed var(--accent); outline-offset:2px; }
.copy-status{ font-size: 11px; min-width: 80px; }