@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.pixel-scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;image-rendering:pixelated}html,body{padding:0;margin:0;overflow:hidden;background:#080a1f}.clock__box{margin:0 auto;display:flex;justify-content:center;align-items:center;position:absolute;z-index:20;color:#ddd;text-align:center;transition:1s ease;font:6vw "Press Start 2P",monospace;-webkit-font-smoothing:none;font-smooth:never;left:50%;transform:translate(-50%,150%);text-shadow:.5vw .5vw 0 rgba(0,0,0,.35)}.time-control{position:fixed;top:12px;left:12px;z-index:30;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.time-control__row{display:flex;align-items:center;gap:10px}.time-control__toggle{width:36px;height:36px;font-size:20px;line-height:1;color:#ddd;background:rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.35);border-radius:0;cursor:pointer}.time-control__toggle:hover,.time-control__toggle.active{background:rgba(0,0,0,.55);border-color:#a2e47e;color:#a2e47e}.time-control__slider{width:min(320px,60vw);accent-color:#a2e47e;cursor:pointer}.time-control__slider--short{width:min(120px,30vw)}.colon{font:inherit;opacity:0;transition:1s ease}.show{opacity:1}