@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;600;700&display=swap);:root{--text-color:#4a5568;--accent:#1e40af;--accent-rgb:30,64,175}body{align-items:center;background-color:#f8fafc;box-sizing:border-box;color:#0f172a;display:flex;flex-direction:column;font-family:Oswald,Bebas Neue,sans-serif;font-weight:400;justify-content:center;margin:0;min-height:100dvh;padding:20px}body:not(.light-mode){background-color:rgba(8,10,14,.92);color:#e2e8f0;--text-color:rgba(226,232,240,.75);position:relative;z-index:0}::selection{background-color:var(--accent);color:#fff}::-moz-selection{background-color:var(--accent);color:#fff}h1{font-size:clamp(4em,12vw,8em);font-weight:600;letter-spacing:-2px;opacity:.9;position:relative}h1,p{font-family:Oswald,Bebas Neue,sans-serif;text-align:center}p{font-size:.8em;font-weight:400;opacity:.8}main p{font-size:.75em}#date-container{align-items:center;display:flex;justify-content:center;margin:0 auto;width:100%}@media (max-width:768px){#date-container{padding:0 10px}}@media (max-width:480px){#date-container{padding:0 5px}}.cursor-trail{animation:trail .5s linear forwards;background:radial-gradient(circle,rgba(var(--accent-rgb,30,64,175),.5) 0,rgba(var(--accent-rgb,30,64,175),0) 70%);border-radius:50%;height:5px;pointer-events:none;position:fixed;width:5px}.light-mode .cursor-trail{background:radial-gradient(circle,rgba(30,64,175,.4) 0,rgba(30,64,175,0) 70%)}@keyframes trail{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.click-neon-flash{animation:neon-flash .4s ease-out forwards;background:radial-gradient(circle,rgba(var(--accent-rgb,30,64,175),.7) 0,rgba(var(--accent-rgb,30,64,175),.25) 40%,rgba(var(--accent-rgb,30,64,175),0) 70%);border-radius:50%;height:40px;margin-left:-20px;margin-top:-20px;pointer-events:none;position:fixed;width:40px;z-index:9998}.light-mode .click-neon-flash{background:radial-gradient(circle,rgba(30,64,175,.5) 0,rgba(30,64,175,.2) 40%,rgba(30,64,175,0) 70%)}@keyframes neon-flash{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.weather-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.rain,.snow{animation-iteration-count:infinite;animation-timing-function:linear;position:absolute;top:-20px;width:2px}.rain{animation-duration:.7s;animation-name:rain;background:linear-gradient(transparent,rgba(200,200,255,.5))}.snow{animation-duration:3s;animation-name:snow;background:#fff;border-radius:50%;height:4px;width:4px}@keyframes rain{0%{transform:translateY(-20px)}to{transform:translateY(100vh)}}@keyframes snow{0%{transform:translateY(-20px)}to{transform:translate(20px,100vh)}}.sun{background:rgba(255,200,0,.2);border-radius:50%;box-shadow:0 0 50px rgba(255,200,0,.3);height:50px;right:20px;top:20px;width:50px}.cloud,.sun{pointer-events:none;position:fixed;z-index:-1}.cloud{animation:float 10s ease-in-out infinite;background:hsla(0,0%,100%,.1);border-radius:20px}.light-mode .cloud{background:rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes float{0%,to{transform:translateX(0)}50%{transform:translateX(20px)}}@media (max-width:768px){h1{font-size:clamp(2em,8vw,4em);margin:0;padding:0}body{flex-direction:column;font-size:18px;margin:0;min-height:100dvh;padding:0}body,header{align-items:center;display:flex;justify-content:center}header,main{flex:0}main{margin-top:20px}p{font-size:1em}main p{font-size:.7em}#shortcut-guide{max-height:80vh;overflow-y:auto;width:85vw!important}#shortcut-guide div{font-size:14px}}@media (max-width:480px){body{font-size:20px}h1{font-size:clamp(2.2em,10vw,4.5em)}p{font-size:1.1em}main p{font-size:.65em}}.light-mode #shortcut-guide h2{color:#1e293b!important}.light-mode #shortcut-guide button{color:#1e293b}.light-mode #shortcut-guide div:hover{background:rgba(0,0,0,.05)!important}body.no-js .preloader{display:none!important}.preloader{align-items:center;background:#080a0e;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .4s ease-out;width:100%;z-index:9999}.light-mode .preloader{background:#f8fafc}.preloader-binary{animation:preloader-pulse .8s ease-in-out infinite;color:#1e40af;font-family:Oswald,Bebas Neue,sans-serif;font-size:clamp(3rem,15vw,6rem);font-weight:700;letter-spacing:.2em}.light-mode .preloader-binary{color:#1e40af}@keyframes preloader-pulse{0%,to{opacity:.7}50%{opacity:1}}.preloader.fade-out{opacity:0;pointer-events:none}.site-logo{left:20px;position:fixed;top:20px;z-index:1000}.site-logo img{border-radius:8px;height:48px;transition:transform .2s ease;width:48px}.site-logo img:hover{transform:scale(1.1)}@media (max-width:768px){.site-logo{left:10px;top:10px}.site-logo img{height:36px;width:36px}}.pong-canvas{backdrop-filter:blur(8px);background:rgba(8,10,14,.94);border:2px solid rgba(30,64,175,.5);border-radius:6px;box-shadow:0 0 24px rgba(0,0,0,.5);left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.light-mode .pong-canvas{background:rgba(248,250,252,.95);border:2px solid #1e40af;box-shadow:0 0 20px rgba(0,0,0,.15)}.pong-difficulty-menu{backdrop-filter:blur(8px);background:rgba(8,10,14,.96);border:1px solid rgba(30,64,175,.3);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);color:#e2e8f0;font-family:monospace;left:50%;min-width:300px;padding:30px 40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.light-mode .pong-difficulty-menu{background:rgba(248,250,252,.96);border:1px solid rgba(0,0,0,.1);color:#1e293b}.pong-difficulty-menu h3{font-size:1.3em;letter-spacing:2px;margin:0 0 20px;text-align:center;text-transform:uppercase}.pong-difficulty-menu .difficulty-buttons{display:flex;flex-direction:column;gap:12px}.pong-difficulty-menu .difficulty-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;font-family:monospace;font-size:1em;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.light-mode .pong-difficulty-menu .difficulty-btn{background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.2);color:#1e293b}.pong-difficulty-menu .difficulty-btn:hover{background:hsla(0,0%,100%,.2);transform:translateX(5px)}.light-mode .pong-difficulty-menu .difficulty-btn:hover{background:rgba(0,0,0,.15)}.pong-difficulty-menu .close-pong-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;opacity:.7;padding:5px;position:absolute;right:10px;top:10px;transition:opacity .2s ease;width:32px}.light-mode .pong-difficulty-menu .close-pong-btn{color:#1e293b}.pong-difficulty-menu .close-pong-btn:hover{background:hsla(0,0%,100%,.1);opacity:1}.light-mode .pong-difficulty-menu .close-pong-btn:hover{background:rgba(0,0,0,.1)}.runner-canvas{backdrop-filter:blur(8px);background:hsla(0,0%,4%,.9);border:2px solid #fff;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.3);left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.light-mode .runner-canvas{background:hsla(0,0%,100%,.9);border:2px solid #1e293b;box-shadow:0 0 20px rgba(0,0,0,.1)}.binary-clock{box-sizing:border-box;display:grid;font-family:Oswald,Bebas Neue,sans-serif;font-size:1em;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));justify-content:center;margin-left:auto;margin-right:auto;margin-top:15px;max-width:1000px;opacity:.9;padding:0 10px;white-space:nowrap}.binary-clock-item{align-items:center;display:flex;flex-direction:column;gap:8px}.binary-clock-label{font-size:.75em;hyphens:auto;max-width:100%;opacity:.95;text-align:center;word-break:break-word}.binary-clock-display{align-items:center;display:flex;gap:8px;justify-content:center}.binary-column{align-items:center;display:flex;flex-direction:column;gap:4px}.binary-digit{border:1px solid;border-radius:50%;height:6px;transition:background-color .3s ease;width:6px}.binary-digit.active{background-color:currentColor}.binary-separator{align-self:center;opacity:.9}@media (max-width:768px){.binary-clock{font-size:.9em;gap:15px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));padding:0 15px}.binary-clock-label{font-size:.7em;line-height:1.2}.binary-digit{height:5px;width:5px}}@media (max-width:480px){.binary-clock{font-size:.8em;gap:12px;grid-template-columns:repeat(2,1fr);padding:0 10px}.binary-clock-label{font-size:.65em;line-height:1.3;padding:0 2px}.binary-digit{height:4px;width:4px}.binary-clock-display{gap:6px}}@media (max-width:360px){.binary-clock{font-size:.75em;gap:8px;grid-template-columns:repeat(2,1fr);padding:0 5px}.binary-clock-label{font-size:.6em;line-height:1.4}.binary-digit{height:3px;width:3px}.binary-clock-display{gap:4px}}.shortcuts-button{align-items:center;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:fixed;right:20px;top:20px;transition:transform .2s ease;width:36px;z-index:1001}.shortcuts-button:hover{transform:scale(1.1)}.shortcuts-button:active{transform:scale(.95)}.shortcuts-button img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.light-mode .shortcuts-button img{filter:brightness(.3)}#shortcut-guide{backdrop-filter:blur(8px);background:rgba(8,10,14,.96);border:1px solid rgba(30,64,175,.3);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.4);color:#e2e8f0;font-family:Oswald,monospace;font-size:16px;max-width:90vw;opacity:0;padding:15px;pointer-events:none;position:fixed;right:20px;top:70px;transform:none;transition:all .3s ease;width:380px;z-index:1000}#shortcut-guide[style*="opacity: 1"]{pointer-events:auto}.light-mode #shortcut-guide{background:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.1);color:#1e293b}#shortcut-guide h2{color:#e2e8f0;font-size:1em;font-weight:700;letter-spacing:2px;margin:0 0 10px;text-align:center;text-transform:uppercase}.light-mode #shortcut-guide h2{color:#1e293b}#shortcut-guide .shortcuts-container{display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}#shortcut-guide .shortcut-item{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:6px 10px;transition:all .2s ease}#shortcut-guide .shortcut-item:hover{background:hsla(0,0%,100%,.1);transform:translateX(5px)}.light-mode #shortcut-guide .shortcut-item{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1)}.light-mode #shortcut-guide .shortcut-item:hover{background:rgba(0,0,0,.1)}#shortcut-guide kbd{background:rgba(30,64,175,.25);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);font-family:monospace;font-size:.85em;font-weight:700;min-width:24px;padding:5px 8px;text-align:center}.light-mode #shortcut-guide kbd{background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.2);color:#1e293b}#shortcut-guide .shortcut-description{flex:1;font-size:.8em;margin-left:8px;opacity:.9}#shortcut-guide .close-button{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;line-height:1;min-height:44px;min-width:44px;opacity:.7;padding:0;position:absolute;right:10px;top:10px;transition:opacity .2s ease;width:44px}.light-mode #shortcut-guide .close-button{color:#1e293b}#shortcut-guide .close-button:hover{background:hsla(0,0%,100%,.1);opacity:1}.light-mode #shortcut-guide .close-button:hover{background:rgba(0,0,0,.1)}@media (max-width:768px){#shortcut-guide{left:50%;max-height:80vh;overflow-y:auto;padding:20px;right:auto;top:50%;transform:translate(-50%,-50%);width:85vw!important}#shortcut-guide .shortcuts-container{gap:6px;grid-template-columns:1fr}#shortcut-guide .shortcut-item{margin:0;min-height:44px;padding:10px 12px}#shortcut-guide kbd{font-size:14px;padding:6px 8px}#shortcut-guide .shortcut-description{font-size:14px;margin-left:12px}}#dynamic-title{display:inline-block;position:relative}#dynamic-title.sparkle-effect{font-weight:900;letter-spacing:.06em}.angry-icon-container{display:inline-block;line-height:1}.angry-icon{display:inline-block;vertical-align:middle}.frown-with-404{display:inline-block;line-height:1}.frown-icon{display:inline-block;vertical-align:middle}.return-home-link{border-bottom:1px solid;color:inherit;text-decoration:none}@media print{#binary-particles,#shortcut-guide,.click-neon-flash,.cursor-trail,.pong-canvas,.pong-difficulty-menu,.preloader,.shortcuts-button,.weather-container{display:none!important}body{background:#fff!important;color:#000!important}body *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}#binary-particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.date-with-smile{align-items:center;color:var(--text-color,#535353);display:flex;justify-content:center}.date-with-smile .smile-icon{color:#1e40af}@media(max-width:768px){.date-with-smile .smile-icon{font-size:20px}}@media(max-width:480px){.date-with-smile .smile-icon{font-size:24px}}