/* SHAKESPEAREOS · elsinore.terminal — monochrome ascii */
:root{
  --bg:#000;
  --fg:#f4f4ee;
  --dim:#8a8a82;
  --dimr:#5a5a56;
  --line:#2a2a26;
  --line2:#3a3a34;
  --acc:#ffffff;
  --ghost:#c8f0d0;   /* only accent: ghost green */
  --dead:#ff8a80;    /* only accent: death red */
  --paper:#f4f4ee;
  --mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--fg);text-decoration:none}
a:hover{text-decoration:underline}
button{font-family:var(--mono);cursor:pointer}

/* CRT overlay */
.crt{position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(180deg,rgba(255,255,255,0.03) 0 1px,transparent 1px 3px)}
.vignette{position:fixed;inset:0;pointer-events:none;z-index:9998;box-shadow:inset 0 0 220px 40px rgba(0,0,0,0.8)}

/* ====== bar ====== */
.bar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 20px;background:#000;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:0.02em}
.bar__l,.bar__r{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.brand{color:var(--fg);font-weight:700;letter-spacing:0.18em}
.pxl{color:var(--fg);animation:blink 1.2s steps(2) infinite}
.sep{color:var(--dimr)}
.dim{color:var(--dim)}
.k{color:var(--dim);text-transform:uppercase;letter-spacing:0.08em;font-size:11px}
.v{color:var(--fg)}
.ghost-state{color:var(--ghost)}
.mono{font-family:var(--mono)}
@keyframes blink{50%{opacity:0.2}}

/* ====== ca strip ====== */
.castrip{position:sticky;top:37px;z-index:9;display:flex;align-items:center;gap:12px;padding:8px 20px;background:#0a0a0a;border-bottom:1px solid var(--line);font-size:12px}
.castrip__k{color:var(--fg);letter-spacing:0.1em;font-weight:700}
.castrip__addr{flex:1;min-width:0;background:#000;color:var(--fg);border:1px solid var(--line2);padding:6px 10px;font-family:var(--mono);font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .15s}
.castrip__addr:hover{border-color:var(--fg)}
.castrip__addr.copied{border-color:var(--ghost);color:var(--ghost)}
.castrip__link{color:var(--fg);border:1px solid var(--line2);padding:6px 10px;font-size:11px;letter-spacing:0.08em;text-transform:uppercase}
.castrip__link:hover{border-color:var(--fg);text-decoration:none;background:#141414}

/* ====== hero CA box ====== */
.herocabox{margin:22px 0 6px;padding:16px 18px;background:#0a0a0a;border:1px solid var(--line2);position:relative}
.herocabox::before{content:"";position:absolute;inset:-1px;border:1px dashed var(--line);pointer-events:none}
.herocabox__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.herocabox__k{color:var(--dim);text-transform:uppercase;letter-spacing:0.14em;font-size:11px}
.herocabox__pulse{color:var(--ghost);font-size:10px;letter-spacing:0.18em;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.herocabox__pulse::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ghost);box-shadow:0 0 8px rgba(200,240,208,0.7);animation:hcap 1.4s ease-in-out infinite}
@keyframes hcap{0%,100%{opacity:1}50%{opacity:0.35}}
.herocabox__t{font-family:var(--mono);font-size:22px;font-weight:700;letter-spacing:0.02em;color:var(--fg);margin:2px 0 10px}
.herocabox__addr{display:block;width:100%;background:#000;color:var(--fg);border:1px solid var(--line2);padding:10px 12px;font-family:var(--mono);font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .15s,color .15s;margin-bottom:12px}
.herocabox__addr:hover{border-color:var(--fg)}
.herocabox__addr.copied{border-color:var(--ghost);color:var(--ghost)}
.herocabox__btns{display:flex;gap:8px;flex-wrap:wrap}
.herocabox__btns .btn{flex:1;min-width:180px;text-align:center;justify-content:center}
@media (max-width:720px){
  .herocabox__btns .btn{flex:1 1 100%}
}

/* ====== hero ====== */
.hero{padding:44px 20px 24px;border-bottom:1px solid var(--line);position:relative}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;max-width:1440px;margin:0 auto}
.ascii{font-size:11px;line-height:1.15;color:var(--fg);margin:0 0 26px;white-space:pre;overflow:auto;text-shadow:0 0 6px rgba(255,255,255,0.12)}
.hero__eyebrow{color:var(--dim);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;margin-bottom:14px}
.hero__h{font-family:var(--mono);font-size:44px;line-height:1.05;font-weight:700;letter-spacing:-0.005em;margin:0 0 18px}
.hero__h em{font-style:italic;color:var(--fg);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.hero__lede{color:var(--dim);font-size:14px;line-height:1.65;margin:0 0 22px;max-width:60ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.btn{display:inline-block;border:1px solid var(--fg);color:var(--fg);background:#000;padding:11px 16px;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;transition:background .12s,color .12s}
.btn:hover{background:#141414;text-decoration:none}
.btn--white{background:var(--fg);color:#000}
.btn--white:hover{background:#e8e8e2;color:#000}
.btn--big{padding:16px 20px;font-size:13px;width:100%;text-align:center}
.btn--sm{padding:8px 14px;font-size:11px}
.hero__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;font-size:12px}
.hero__meta div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line2);padding:4px 0}

/* ====== terminal card ====== */
.term{background:#000;border:1px solid var(--line2);border-radius:2px;font-family:var(--mono);font-size:12px;margin-bottom:22px;overflow:hidden}
.term__head{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0a0a0a;border-bottom:1px solid var(--line2);font-size:11px;color:var(--dim)}
.dot{width:8px;height:8px;border-radius:50%;background:#2a2a26;display:inline-block}
.dot--r{background:var(--dead)}
.dot+.dot{background:#3a3a34}
.term__title{margin-left:8px}
.term__meta{margin-left:auto;font-size:11px}
.term__body{padding:14px 16px;min-height:180px;max-height:280px;overflow-y:auto;font-size:12px;color:var(--fg);white-space:pre-wrap;word-wrap:break-word}
.term--tall .term__body{min-height:220px;max-height:340px}
.term__body .ln{display:block;padding:2px 0}
.term__body .ln--sys{color:var(--dim)}
.term__body .ln--ghost{color:var(--ghost)}
.term__body .ln--you{color:var(--fg)}
.term__body .ln--dead{color:var(--dead)}
.pre-dim{color:var(--dimr);font-size:11px;line-height:1.15;margin:0;white-space:pre;text-align:left}

/* ====== cast card ====== */
.cast-card{background:#000;border:1px solid var(--line2);border-radius:2px;font-family:var(--mono);font-size:12px;overflow:hidden}
.cast-card__head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#0a0a0a;border-bottom:1px solid var(--line2)}
.pulse{color:var(--ghost);font-size:10px;letter-spacing:0.14em}
.pulse::before{content:"● ";animation:blink 1.4s steps(2) infinite}
.cast-card__body{max-height:520px;overflow-y:auto}
.cast-row{display:grid;grid-template-columns:38px 1fr 1.5fr 90px;gap:8px;padding:7px 12px;border-bottom:1px dashed var(--line);align-items:center;font-size:12px}
.cast-row:last-child{border-bottom:none}
.cast-row--dim{color:var(--dim)}
.cast-row--dim .cast-n{color:var(--dim)}
.cast-i{color:var(--dimr);font-size:11px}
.cast-n{font-weight:700;letter-spacing:0.06em}
.cast-r{color:var(--dim);font-size:11.5px;line-height:1.3}
.cast-s{font-size:10px;letter-spacing:0.1em;color:var(--dim);text-transform:uppercase;text-align:right}
.cast-s--awake{color:var(--fg)}
.cast-s--ghost{color:var(--ghost)}
.cast-s--dead{color:var(--dead)}
.cast-row--dead{opacity:0.7}
.cast-row--dead .cast-n{text-decoration:line-through;text-decoration-thickness:1px}

/* ====== sections generic ====== */
section{padding:60px 20px;border-bottom:1px solid var(--line);position:relative;max-width:100%}
.s__num{color:var(--dimr);font-size:11px;letter-spacing:0.2em;margin-bottom:6px}
.s__eye{color:var(--dim);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;margin-bottom:14px;max-width:1400px;margin-left:auto;margin-right:auto}
.s__h{font-family:var(--mono);font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-0.005em;margin:0 auto 22px;max-width:1400px}
.s__h em{font-style:italic;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.s__lede{color:var(--dim);font-size:14px;max-width:80ch;margin:0 auto 34px;line-height:1.65}

/* ====== lore ====== */
.lore{padding-top:60px}
.lore__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1400px;margin:22px auto 0}
.lore__col{border:1px solid var(--line2);padding:22px;background:#000}
.lore__col--wide{grid-column:span 4}
.lore__k{color:var(--dim);font-size:11px;letter-spacing:0.18em;margin-bottom:6px}
.lore__t{font-size:18px;font-weight:700;letter-spacing:-0.005em;margin-bottom:12px}
.lore__col p{color:var(--dim);font-size:13px;line-height:1.65;margin:0}
.lore__col p .mono{color:var(--fg);background:#0a0a0a;padding:1px 5px;border:1px solid var(--line2)}

/* ====== court / nfts ====== */
.court__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-width:1400px;margin:26px auto 0}
.plate{border:1px solid var(--line2);background:#000;padding:14px;font-family:var(--mono);font-size:11px;color:var(--fg);position:relative;transition:border-color .12s,transform .12s}
.plate:hover{border-color:var(--fg);transform:translateY(-2px)}
.plate--prince{border:2px solid var(--fg);box-shadow:inset 0 0 30px rgba(255,255,255,0.05)}
.plate--court{border:1px double var(--fg)}
.plate--rampart{border:1px solid var(--fg)}
.plate--town{border:1px dashed var(--fg)}
.plate__idx{position:absolute;top:8px;right:12px;color:var(--dimr);font-size:10px}
.plate__ascii{font-size:10px;line-height:1.15;white-space:pre;color:var(--dim);margin:2px 0 10px 0}
.plate__portrait{margin:2px 0 10px 0;background:#000;border:1px solid rgba(255,255,255,.10);aspect-ratio:1/1;overflow:hidden;display:flex;align-items:center;justify-content:center}
.plate__portrait img{width:100%;height:100%;object-fit:contain;display:block;filter:invert(1) contrast(1.05);image-rendering:pixelated}
.plate__name{font-weight:700;font-size:14px;letter-spacing:0.06em;margin-bottom:2px}
.plate__sub{color:var(--dim);font-size:11px;margin-bottom:10px;min-height:14px}
.plate__meta{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);border-top:1px dashed var(--line2);padding-top:8px}
.plate__rank{letter-spacing:0.12em}
.court__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:26px;font-size:11px;color:var(--dim);letter-spacing:0.06em}
.pip{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:middle;border:1px solid var(--fg)}
.pip--prince{background:var(--fg)}
.pip--court{border:1px double var(--fg)}
.pip--rampart{border:1px solid var(--fg)}
.pip--town{border:1px dashed var(--fg)}

/* ====== ghost terminal ====== */
.ghost{background:#000}
.ghostbox{max-width:1000px;margin:0 auto}
.ghost__form{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#0a0a0a;border-top:1px solid var(--line2)}
.ghost__prompt{color:var(--ghost);font-size:12px;white-space:nowrap}
.ghost__input{flex:1;background:transparent;border:none;outline:none;color:var(--fg);font-family:var(--mono);font-size:13px;caret-color:var(--ghost)}
.ghost__hints{padding:10px 14px;background:#050505;font-size:11px;color:var(--dim);border-top:1px solid var(--line2);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chip{background:#000;color:var(--fg);border:1px solid var(--line2);padding:4px 8px;font-family:var(--mono);font-size:11px;cursor:pointer}
.chip:hover{border-color:var(--fg)}

/* ====== mint ====== */
.mint{background:#000}
.mint__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;max-width:1200px;margin:0 auto}
.mint__form label{display:block;color:var(--dim);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;margin:14px 0 6px}
.mint__form label:first-child{margin-top:0}
.mint__input{width:100%;background:#0a0a0a;border:1px solid var(--line2);color:var(--fg);font-family:var(--mono);font-size:14px;padding:11px 12px;outline:none}
.mint__input:focus{border-color:var(--fg)}
.sigil-row{display:flex;flex-wrap:wrap;gap:6px}
.sigil{width:40px;height:40px;background:#0a0a0a;border:1px solid var(--line2);color:var(--fg);font-size:18px;display:flex;align-items:center;justify-content:center}
.sigil:hover{border-color:var(--fg)}
.sigil.is-on{background:var(--fg);color:#000;border-color:var(--fg)}
.mint__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 20px;margin:18px 0 18px;font-size:12px}
.mint__stats div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line2);padding:5px 0}
.mint__note{color:var(--dim);font-size:11px;margin-top:10px;line-height:1.55}
.mint__preview{border:1px solid var(--line2);padding:22px;background:#000;display:flex;flex-direction:column}
.mint__eye{color:var(--dim);font-size:11px;letter-spacing:0.14em;margin-bottom:10px;text-transform:uppercase}
.nameplate{font-family:var(--mono);font-size:12px;line-height:1.4;color:var(--fg);background:#000;white-space:pre;margin:0;padding:6px 0;overflow:auto;letter-spacing:0}
.mint__meta{margin-top:auto;font-size:11px;color:var(--dim);border-top:1px dashed var(--line2);padding-top:10px;display:flex;flex-direction:column;gap:4px}
.mint__meta div{display:flex;justify-content:space-between;gap:12px}

/* ====== paper ====== */
.paper__wrap{max-width:1200px;margin:0 auto;background:var(--paper);color:#111;padding:28px 32px;border:1px solid var(--fg)}
.paper__head{border-bottom:2px double #111;padding-bottom:12px;margin-bottom:16px;text-align:center}
.paper__masthead{font-family:Georgia,"Iowan Old Style",serif;font-size:38px;letter-spacing:0.05em;font-weight:900;color:#111}
.paper__meta{font-size:11px;color:#555;letter-spacing:0.1em;margin-top:6px}
.paper__cols{column-count:3;column-gap:22px;column-rule:1px solid #ddd;font-size:13px;line-height:1.55}
.paper__cols h4{font-family:Georgia,serif;font-size:15px;font-weight:900;margin:8px 0 4px;color:#111;break-after:avoid}
.paper__cols p{margin:0 0 10px;color:#222;font-family:Georgia,serif}
.paper__cols em{font-style:italic;color:#444}
.paper__cols .byl{color:#666;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}
.paper__foot{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding-top:10px;margin-top:14px;font-size:10px;color:#666;font-family:var(--mono)}

/* ====== letters ====== */
.letters__form{max-width:800px;margin:0 auto;display:grid;gap:12px;background:#000;border:1px solid var(--line2);padding:22px}
.letters__form label{color:var(--dim);font-size:11px;letter-spacing:0.1em;text-transform:uppercase}
.letters__form .row{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center}
.letters__form .row label{margin:0}
.letters__form input,.letters__form select,.letters__form textarea{background:#0a0a0a;border:1px solid var(--line2);color:var(--fg);font-family:var(--mono);font-size:14px;padding:10px 12px;outline:none;width:100%}
.letters__form textarea{resize:vertical;min-height:120px}
.letters__form input:focus,.letters__form select:focus,.letters__form textarea:focus{border-color:var(--fg)}
.letters__foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}

/* ====== footer ====== */
.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 20px;font-size:12px;color:var(--dim);border-top:1px solid var(--line);flex-wrap:wrap}
.foot__l,.foot__r,.foot__mid{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.foot__mid a{color:var(--dim)}
.foot__mid a:hover{color:var(--fg)}

/* ====== scrollbars ====== */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#000}
::-webkit-scrollbar-thumb{background:var(--line2);border:2px solid #000}
::-webkit-scrollbar-thumb:hover{background:var(--dim)}

/* ====== responsive ====== */
@media (max-width: 1080px){
  .hero__grid{grid-template-columns:1fr}
  .hero__h{font-size:34px}
  .lore__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lore__col--wide{grid-column:span 2}
  .mint__grid{grid-template-columns:1fr}
  .paper__cols{column-count:2}
}
@media (max-width: 640px){
  .bar{padding:8px 12px;font-size:11px}
  .bar__l,.bar__r{gap:6px}
  section{padding:44px 14px}
  .hero{padding:32px 14px 20px}
  .hero__h{font-size:26px}
  .s__h{font-size:24px}
  .ascii{font-size:8px}
  .lore__cols{grid-template-columns:1fr}
  .lore__col--wide{grid-column:span 1}
  .paper__cols{column-count:1}
  .paper__wrap{padding:20px 16px}
  .paper__masthead{font-size:26px}
  .cast-row{grid-template-columns:28px 1fr 1fr 70px;gap:6px;font-size:11px}
  .castrip{flex-wrap:wrap;top:70px}
  .castrip__addr{order:3;flex-basis:100%}
}

/* ============ voice · character picker ============ */
.voxpicker{max-width:1200px;margin:0 auto 22px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.voxcard{background:#000;border:1px solid var(--line2);color:var(--fg);padding:0 0 12px;font-family:var(--mono);text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .12s;position:relative;overflow:hidden}
.voxcard:hover{border-color:var(--fg);background:#0a0a0a}
.voxcard:hover .voxcard__portrait img{filter:invert(1) contrast(1.12)}
.voxcard.is-on{border-color:var(--fg);background:var(--fg);color:#000}
.voxcard.is-on .voxcard__s{color:#000;opacity:0.75}
.voxcard.is-on .voxcard__portrait{border-bottom-color:#000}
.voxcard.is-on .voxcard__portrait img{filter:none;background:#fff}
.voxcard__portrait{width:100%;aspect-ratio:5/4;background:#000;border-bottom:1px solid var(--line2);overflow:hidden;position:relative;margin-bottom:10px}
.voxcard__portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,0.55) 100%);pointer-events:none}
.voxcard__portrait img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:invert(1) contrast(1.05);transition:filter .15s;background:#000}
.voxcard__n{font-size:12px;font-weight:700;letter-spacing:0.08em;margin:0 6px 2px}
.voxcard__s{font-size:10.5px;color:var(--dim);letter-spacing:0.02em;padding:0 6px}
.voxcard.is-speaking{border-color:var(--ghost);animation:vox-glow 1.2s ease-in-out infinite}
@keyframes vox-glow{0%,100%{box-shadow:0 0 0 rgba(200,240,208,0)}50%{box-shadow:0 0 16px rgba(200,240,208,0.4)}}
@media (max-width:900px){.voxpicker{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.voxpicker{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ============ voice · voxbar ============ */
.voxbar{display:flex;align-items:center;gap:14px;padding:14px;background:#050505;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.voxmic{position:relative;flex:0 0 auto;width:130px;height:56px;display:flex;align-items:center;justify-content:center;gap:8px;background:#000;border:1px solid var(--fg);color:var(--fg);font-family:var(--mono);font-size:11px;letter-spacing:0.14em;font-weight:700;cursor:pointer;transition:background .12s,color .12s;user-select:none;-webkit-user-select:none;touch-action:none}
.voxmic:hover{background:#141414}
.voxmic__icon{font-size:14px;color:var(--dead)}
.voxmic.is-listening{background:var(--dead);color:#000;border-color:var(--dead)}
.voxmic.is-listening .voxmic__icon{color:#000;animation:blink 0.7s steps(2) infinite}
.voxmic.is-listening .voxmic__lbl::after{content:"…"}
.voxmic.is-thinking{background:#141414;color:var(--fg);border-color:var(--dim)}
.voxmic__ring{position:absolute;inset:-4px;border:1px solid transparent;pointer-events:none}
.voxmic.is-listening .voxmic__ring{border-color:var(--dead);animation:vox-ring 1.2s ease-in-out infinite}
@keyframes vox-ring{0%{inset:-2px;opacity:1}100%{inset:-14px;opacity:0}}
.voxbar__mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.voxbar__status{color:var(--dim);font-size:11.5px;letter-spacing:0.04em;font-family:var(--mono);min-height:16px}
.voxbar__status.is-error{color:var(--dead)}
.voxbar__eq{display:flex;align-items:flex-end;gap:2px;height:22px}
.voxbar__eq i{display:block;width:4px;height:3px;background:var(--dimr);border-radius:0;transition:height .1s,background .12s}
.voxbar__eq.is-on i{background:var(--ghost)}
.voxbar__eq.is-speaking i{background:var(--fg)}
.voxbar__btn{background:#000;border:1px solid var(--line2);color:var(--fg);font-family:var(--mono);font-size:11px;letter-spacing:0.1em;padding:9px 12px;cursor:pointer;white-space:nowrap}
.voxbar__btn:hover{border-color:var(--fg)}
.voxbar__btn.is-off{color:var(--dim);text-decoration:line-through}

@media (max-width:640px){
  .voxbar{flex-wrap:wrap;padding:10px}
  .voxmic{width:100%}
  .voxbar__mid{order:3;width:100%}
  .voxbar__btn{margin-left:auto}
}

/* ============ shakespeareos ca overrides (monochrome) ============ */
.gud-castrip { background: #000 !important; border-bottom: 1px solid #222 !important; }
.gud-castrip .dot { background:#f4f4ee !important; box-shadow: 0 0 8px #f4f4ee !important; }
.gud-castrip .lbl { color:#8b8b7f !important; }
.gud-castrip .ca  { color:#f4f4ee !important; }
.gud-castrip a    { color:#c9c9bc !important; border-bottom-color:#c9c9bc55 !important; }
.gud-castrip a:hover { color:#fff !important; border-color:#fff !important; }

.gud-heroca {
  background: rgba(10,10,10,.92) !important;
  border: 1px solid #2a2a26 !important;
  color: #f4f4ee !important;
  font-family: 'JetBrains Mono', monospace !important;
}
.gud-heroca .live       { color:#f4f4ee !important; letter-spacing:.16em; }
.gud-heroca .live .d    { background:#f4f4ee !important; box-shadow:0 0 8px #f4f4ee !important; }
.gud-heroca .sym        { color:#8b8b7f !important; }
.gud-heroca .addr       { color:#f4f4ee !important; background:#000 !important; border:1px solid #333 !important; }
.gud-heroca .addr:hover { border-color:#f4f4ee !important; background:#0e0e0c !important; }
.gud-heroca .btn.buy    { background: #f4f4ee !important; color: #000 !important; border:0 !important; font-weight:700; letter-spacing:.05em; }
.gud-heroca .btn.buy:hover { background:#fff !important; }
.gud-heroca .btn.chart  { background:transparent !important; border:1px solid #666 !important; color:#c9c9bc !important; }
.gud-heroca .btn.chart:hover { border-color:#f4f4ee !important; color:#fff !important; background:#1a1a18 !important; }
.gud-heroca .close      { color:#666 !important; }
.gud-heroca .close:hover{ color:#f4f4ee !important; }