*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1a1a2e;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#canvas{width:100%;height:100%;display:block}#overlay{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding-bottom:6vh;display:flex;position:fixed;top:0;left:0}#result{color:#d4af37;letter-spacing:.15em;text-shadow:0 2px 20px #d4af3766;opacity:0;font-size:clamp(2rem,6vw,4rem);font-weight:700;transition:opacity .4s,transform .4s;transform:translateY(10px)}#result.visible{opacity:1;transform:translateY(0)}#streak-info{color:#ffffff80;gap:2rem;margin-top:.75rem;font-size:clamp(.8rem,1.8vw,1rem);display:flex}#instruction{color:#ffffff80;opacity:1;margin-top:1.5rem;font-size:clamp(.85rem,2vw,1.1rem);transition:opacity .5s}#instruction.hidden{opacity:0}