/* KingWerx Game Room — shared cabinet chrome. Self-contained, no external assets. */
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body.cab{
  background:#07060f;
  background-image:
    radial-gradient(ellipse at 50% 120%, #2b1055 0%, transparent 60%),
    linear-gradient(180deg,#07060f 0%,#0d0a1f 100%);
  color:#e8e3ff;font-family:'Courier New',monospace;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:hidden;
}
/* marquee above the screen */
.marquee{
  width:min(92vw,560px);text-align:center;padding:10px 0 6px;
  font-weight:bold;letter-spacing:4px;font-size:clamp(18px,3.5vh,30px);
  color:#fff;
  text-shadow:0 0 6px var(--accent,#f0f),0 0 18px var(--accent,#f0f),0 0 40px var(--accent,#f0f);
  border:3px solid #1c1636;border-bottom:none;border-radius:14px 14px 0 0;
  background:linear-gradient(180deg,#181233,#0d0a1f);
}
.marquee small{display:block;font-size:11px;letter-spacing:2px;color:#8f86c9;text-shadow:none}
/* the CRT */
.crtwrap{
  position:relative;width:min(92vw,560px);
  border:3px solid #1c1636;border-radius:0 0 14px 14px;
  background:#000;padding:14px;
  box-shadow:0 0 40px rgba(120,60,255,.25), inset 0 0 30px #000;
}
.screen{position:relative;overflow:hidden;border-radius:10px;background:#000}
canvas.game{
  display:block;width:100%;height:auto;
  image-rendering:pixelated;image-rendering:crisp-edges;
  background:#000;
}
/* scanlines + vignette + slow flicker */
.screen::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:3;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);
  mix-blend-mode:multiply;
}
.screen::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:4;
  background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);
  animation:crtflick 4s infinite;
}
@keyframes crtflick{0%,100%{opacity:1}97%{opacity:1}98%{opacity:.92}99%{opacity:1}}
/* control deck */
.deck{
  width:min(92vw,560px);margin-top:10px;padding:8px 12px;
  border:2px solid #1c1636;border-radius:10px;background:#0d0a1f;
  font-size:12px;letter-spacing:1px;color:#8f86c9;text-align:center;line-height:1.7;
}
.deck b{color:#ffd166}
.deck .kw{color:#5ad7ff}
a.backlink{
  position:fixed;top:10px;left:12px;color:#8f86c9;text-decoration:none;
  font-size:12px;letter-spacing:2px;z-index:10;
}
a.backlink:hover{color:#fff;text-shadow:0 0 8px var(--accent,#f0f)}