*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a12;color:#cfd2dc;font-family:'Segoe UI',Helvetica,Arial,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}
#cab{text-align:center}
#marquee{font-size:2.4rem;font-weight:800;letter-spacing:6px;color:#e8b400;text-shadow:0 0 18px rgba(232,180,0,.5),0 2px 0 #7a5c00;margin-bottom:14px;font-style:italic}
#frame{border:6px solid #2a2a38;border-radius:10px;background:#000;box-shadow:0 12px 60px rgba(0,0,0,.7),inset 0 0 40px rgba(0,0,0,.6);display:inline-block}
canvas{display:block;width:min(94vw,768px);height:auto;background:#111}
#hints{margin-top:14px;font-size:.85rem;color:#8b90a0;display:flex;gap:26px;justify-content:center;flex-wrap:wrap}
#hints b{color:#cfd2dc}
#footer{margin-top:8px;font-size:.72rem;color:#565b6c}