@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";
:root{--nier-bg:#dad4bb;--nier-bg-alt:#cdd4c8;--nier-fg:#454138;--nier-fg-light:#5a564c;--nier-accent:#8b806d;--nier-border:#454138;--nier-shadow:4px 4px 0px #45413833}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--nier-fg);background-color:var(--nier-bg);background-image:linear-gradient(#4541380d 1px,#0000 1px),linear-gradient(90deg,#4541380d 1px,#0000 1px);background-size:20px 20px;font-family:Share Tech Mono,monospace;position:relative;overflow:hidden}body:after{content:" ";z-index:100;pointer-events:none;background:linear-gradient(#12101000 50%,#0000000d 50%) 0 0/100% 4px;display:block;position:absolute;inset:0}.layout-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.orb{border:1px solid var(--nier-fg);opacity:.2;z-index:-1;border-radius:0;position:absolute}.orb-1{border-style:dashed;border-radius:50%;width:40vw;height:40vw;animation:60s linear infinite spin;top:-10%;left:-5%}.orb-2{background:var(--nier-fg);width:100vw;height:1px;bottom:10%;right:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content{text-align:center;z-index:2;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:2rem;display:flex}.title{white-space:nowrap;text-transform:uppercase;letter-spacing:4px;color:var(--nier-fg);text-shadow:2px 2px #4541384d;margin-bottom:.5rem;font-size:4rem;font-weight:400;line-height:1.2;position:relative}.title:before{content:attr(data-text);text-shadow:1px 0 var(--nier-bg);color:var(--nier-fg);background:var(--nier-bg);clip:rect(0, 900px, 0, 0);animation:3s linear infinite alternate-reverse glitch-anim-2;position:absolute;top:0;left:-2px;overflow:hidden}@keyframes glitch-anim-2{0%{clip:rect(65px, 9999px, 100px, 0)}5%{clip:rect(52px, 9999px, 74px, 0)}10%{clip:rect(79px, 9999px, 85px, 0)}15%{clip:rect(75px, 9999px, 5px, 0)}20%{clip:rect(44px, 9999px, 45px, 0)}25%{clip:rect(83px, 9999px, 20px, 0)}30%{clip:rect(63px, 9999px, 85px, 0)}35%{clip:rect(42px, 9999px, 31px, 0)}40%{clip:rect(66px, 9999px, 81px, 0)}45%{clip:rect(2px, 9999px, 9px, 0)}50%{clip:rect(13px, 9999px, 55px, 0)}55%{clip:rect(31px, 9999px, 91px, 0)}60%{clip:rect(11px, 9999px, 87px, 0)}65%{clip:rect(4px, 9999px, 10px, 0)}70%{clip:rect(59px, 9999px, 49px, 0)}75%{clip:rect(76px, 9999px, 19px, 0)}80%{clip:rect(76px, 9999px, 2px, 0)}85%{clip:rect(30px, 9999px, 24px, 0)}90%{clip:rect(98px, 9999px, 53px, 0)}95%{clip:rect(73px, 9999px, 60px, 0)}to{clip:rect(81px, 9999px, 5px, 0)}}.subtitle{color:var(--nier-bg);background:var(--nier-fg);letter-spacing:2px;border:2px solid var(--nier-fg);text-transform:uppercase;box-shadow:var(--nier-shadow);align-items:center;gap:.5rem;margin-bottom:3rem;padding:.5rem 1.5rem;font-size:1.5rem;font-weight:400;display:flex}.timer-grid{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;display:grid}@media (max-width:768px){.timer-grid{grid-template-columns:repeat(1,1fr)}.title{font-size:2.5rem}}@media (max-width:480px){.title{font-size:2rem}}.time-box{background:var(--nier-bg-alt);border:2px solid var(--nier-border);box-shadow:var(--nier-shadow);cursor:default;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;transition:all .1s;display:flex;position:relative;overflow:hidden}.time-box:before{content:"";border-top:2px solid var(--nier-bg);border-left:2px solid var(--nier-bg);z-index:10;width:10px;height:10px;position:absolute;top:0;left:0}.time-box:hover{background:var(--nier-fg);color:var(--nier-bg);transform:translate(2px,2px);box-shadow:2px 2px #45413833}.time-box:hover .time-value,.time-box:hover .time-label{color:var(--nier-bg)}.time-value{color:var(--nier-fg);font-variant-numeric:tabular-nums;margin-bottom:.5rem;font-size:3.5rem;font-weight:400;line-height:1}.time-label{text-transform:uppercase;letter-spacing:2px;color:var(--nier-fg-light);font-size:1.2rem;font-weight:400}.main-timer-container{background:var(--nier-bg-alt);border:2px solid var(--nier-border);box-shadow:var(--nier-shadow);flex-direction:column;align-items:center;gap:2rem;width:100%;margin-bottom:3rem;padding:3rem 2rem;display:flex;position:relative}.main-timer-container:before{content:"SYSTEM.TIMER.ACTIVE //";background:var(--nier-bg);color:var(--nier-fg);letter-spacing:2px;padding:0 10px;font-size:.9rem;position:absolute;top:-12px;left:20px}.main-timer-row{justify-content:center;gap:4rem;width:100%;display:flex}@media (max-width:600px){.main-timer-row{flex-wrap:wrap;gap:1.5rem}}.md-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.md-value{color:var(--nier-fg);font-size:4rem;font-weight:400;line-height:1}.md-label{color:var(--nier-fg-light);text-transform:uppercase;letter-spacing:2px;font-size:1.2rem;font-weight:400}