/* ====== VITRINE BASIC STYLE ====== */
:root{
  --bg:#0b0b0b;
  --ink:#e8e2d6;
  --panel:rgba(10,10,10,.55);
  --border:rgba(255,255,255,.15);
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
}

*{box-sizing:border-box}
html,body{height:100%; margin:0; background:var(--bg); color:var(--ink); font-family:var(--mono)}

.top{
  position:fixed; inset:0 0 auto 0;
  height:56px; display:flex; align-items:center; justify-content:space-between;
  padding:0 16px; background:var(--panel); border-bottom:1px solid var(--border);
  z-index:10;
}

.brand{letter-spacing:.18em; font-size:12px}
.actions .btn{
  color:var(--ink); text-decoration:none; font-size:11px; letter-spacing:.16em;
  padding:8px 10px; border:1px solid var(--border); background:transparent;
}

#stage{position:fixed; inset:56px 0 40px 0}
#scene{width:100%; height:100%; display:block}

.overlay{
  position:absolute; left:16px; bottom:16px; max-width:420px;
  background:var(--panel); border:1px solid var(--border); padding:14px;
}

.overlay h1{margin:0 0 6px 0; font-size:14px; letter-spacing:.12em}
.overlay p{margin:0; font-size:11px; line-height:1.5}

.foot{
  position:fixed; inset:auto 0 0 0; height:40px;
  display:flex; align-items:center; justify-content:center;
  border-top:1px solid var(--border); background:var(--panel); font-size:10px;
}