:root{--overlay-bg-color:rgba(0,0,0,0.3);--overlay-text-color:#ffffff;--overlay-font-size:12px;--overlay-font-weight:500;--overlay-font-family:monospace;--overlay-padding:4px 12px;--overlay-border-radius:9999px;--overlay-backdrop-filter:blur(4px);--overlay-z-index:10;--overlay-top-desktop:12px;--overlay-top-mobile:8px;--overlay-side-margin:8px;--smart-hints-max-width-portrait:80%;--smart-hints-max-width-landscape:70%}.overlay-element{position:absolute;z-index:var(--overlay-z-index);background-color:var(--overlay-bg-color);color:var(--overlay-text-color);padding:var(--overlay-padding);border-radius:var(--overlay-border-radius);font-family:var(--overlay-font-family);font-size:var(--overlay-font-size);font-weight:var(--overlay-font-weight);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;-webkit-backdrop-filter:var(--overlay-backdrop-filter);backdrop-filter:var(--overlay-backdrop-filter)}@media (min-width:1025px) and (pointer:fine){.overlay-element{top:var(--overlay-top-desktop)}}@media (max-width:1024px),(pointer:coarse){.overlay-element{top:var(--overlay-top-mobile)}}.smart-hints-overlay{left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:1024px) and (orientation:portrait),(pointer:coarse) and (orientation:portrait){.smart-hints-overlay{max-width:var(--smart-hints-max-width-portrait)}}@media (max-width:1024px) and (orientation:landscape),(pointer:coarse) and (orientation:landscape){.smart-hints-overlay{max-width:var(--smart-hints-max-width-landscape)}}.timer-overlay{left:var(--overlay-side-margin)}.score-overlay{right:var(--overlay-side-margin);min-width:60px;text-align:right;transition:color .3s ease}.score-overlay.animating{transition:none}