@font-face{font-family:ocr;src:url("./media/OCRAStdRegular-FWPBFYV7.ttf")}@font-face{font-family:panchang;src:url("./media/Panchang-Bold-G4LKLMDK.otf")}:root{--primary: #fff;--secondary: #c8bae9;--tertiary: #d6fee7;--success: #00ff00;--info: #d8ef00;--warning: #f4b648;--danger: red;--highlight: #f4b648;--light: #f1ff6e;--dark: #0d0b21;--darkmatter: #5c5cff;--body-bg: var(--dark);--neon: rgba(0, 255, 255, .346);--neonlight: rgba(0, 255, 255, .8);--cells: #c8bae986}*,:before,:after{margin:0;padding:0;box-sizing:border-box}body{font-family:ocr;color:#fff;background-color:#000}h1,h2,h3,h4,h5{font-family:panchang}a{text-decoration:none;cursor:pointer;color:var(--neonlight)}img,span{pointer-events:none;-webkit-user-select:none;user-select:none}button{color:#fff;background:var(--primary);font-family:Panchang;cursor:pointer}.color-success{color:var(--success)}.container{display:flex;flex-direction:column;align-items:center;padding-inline:16px}.grid-container{display:grid;place-items:center;height:100%}.title{font-size:1.5rem;line-height:2rem;font-weight:700;text-align:center}.toast{margin:2rem}.toast-success{background-color:var(--success)}.toast-danger{background-color:var(--danger)}app-nav,app-overview{width:100%;padding-left:2rem;padding-right:2rem;min-width:fit-content}.glitch{color:#ff402b;position:relative}.glitch:before{content:attr(data-text);position:absolute;left:-1px;text-shadow:1px 0 blue;top:0;color:inherit;overflow:hidden;clip:rect(0,200px,0,0);animation:noise-anim-2 10s infinite linear alternate-reverse}.glitch:after{content:attr(data-text);position:absolute;left:2px;text-shadow:-1px 0 red;top:0;color:inherit;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim 9s infinite linear alternate-reverse}@keyframes noise-anim{0%{clip:rect(81px,9999px,8px,0)}5%{clip:rect(42px,9999px,49px,0)}10%{clip:rect(18px,9999px,18px,0)}15%{clip:rect(52px,9999px,9px,0)}20%{clip:rect(16px,9999px,61px,0)}25%{clip:rect(14px,9999px,39px,0)}30%{clip:rect(67px,9999px,68px,0)}35%{clip:rect(77px,9999px,47px,0)}40%{clip:rect(99px,9999px,31px,0)}45%{clip:rect(38px,9999px,48px,0)}50%{clip:rect(95px,9999px,61px,0)}55%{clip:rect(99px,9999px,49px,0)}60%{clip:rect(66px,9999px,66px,0)}65%{clip:rect(58px,9999px,92px,0)}70%{clip:rect(15px,9999px,31px,0)}75%{clip:rect(23px,9999px,24px,0)}80%{clip:rect(63px,9999px,96px,0)}85%{clip:rect(60px,9999px,89px,0)}90%{clip:rect(30px,9999px,3px,0)}95%{clip:rect(86px,9999px,23px,0)}to{clip:rect(80px,9999px,93px,0)}}@keyframes noise-anim-2{0%{clip:rect(87px,9999px,18px,0)}5%{clip:rect(98px,9999px,90px,0)}10%{clip:rect(60px,9999px,49px,0)}15%{clip:rect(74px,9999px,29px,0)}20%{clip:rect(56px,9999px,29px,0)}25%{clip:rect(31px,9999px,22px,0)}30%{clip:rect(92px,9999px,18px,0)}35%{clip:rect(47px,9999px,34px,0)}40%{clip:rect(46px,9999px,62px,0)}45%{clip:rect(6px,9999px,88px,0)}50%{clip:rect(14px,9999px,35px,0)}55%{clip:rect(39px,9999px,74px,0)}60%{clip:rect(49px,9999px,16px,0)}65%{clip:rect(94px,9999px,60px,0)}70%{clip:rect(15px,9999px,76px,0)}75%{clip:rect(61px,9999px,34px,0)}80%{clip:rect(82px,9999px,20px,0)}85%{clip:rect(29px,9999px,87px,0)}90%{clip:rect(7px,9999px,85px,0)}95%{clip:rect(99px,9999px,32px,0)}to{clip:rect(55px,9999px,6px,0)}}.glitch1{animation:glitch1 2.5s infinite}.glitch1:nth-child(2){animation:glitch2 2.5s infinite;position:relative;top:-150px;box-shadow:0 0 12px var(--darkmatter) inset;border-color:var(--darkmatter)}.glitch1:nth-child(3){animation:glitch3 2.5s infinite;position:relative;top:-300px;box-shadow:0 0 12px var(--highlight) inset;border-color:var(--highlight)}@keyframes glitch1{0%{transform:none;opacity:1}7%{transform:skew(-.5deg,-.9deg);opacity:.75}10%{transform:none;opacity:1}27%{transform:none;opacity:1}30%{transform:skew(.8deg,-.1deg);opacity:.75}35%{transform:none;opacity:1}52%{transform:none;opacity:1}55%{transform:skew(-1deg,.2deg);opacity:.75}50%{transform:none;opacity:1}72%{transform:none;opacity:1}75%{transform:skew(.4deg,1deg);opacity:.75}80%{transform:none;opacity:1}to{transform:none;opacity:1}}@keyframes glitch2{0%{transform:none;opacity:.25}7%{transform:translate(-2px,-3px);opacity:.5}10%{transform:none;opacity:.25}27%{transform:none;opacity:.25}30%{transform:translate(-5px,-2px);opacity:.5}35%{transform:none;opacity:.25}52%{transform:none;opacity:.25}55%{transform:translate(-5px,-1px);opacity:.5}50%{transform:none;opacity:.25}72%{transform:none;opacity:.25}75%{transform:translate(-2px,-6px);opacity:.5}80%{transform:none;opacity:.25}to{transform:none;opacity:.25}}@keyframes glitch3{0%{transform:none;opacity:.25}7%{transform:translate(2px,3px);opacity:.5}10%{transform:none;opacity:.25}27%{transform:none;opacity:.25}30%{transform:translate(5px,2px);opacity:.5}35%{transform:none;opacity:.25}52%{transform:none;opacity:.25}55%{transform:translate(5px,1px);opacity:.5}50%{transform:none;opacity:.25}72%{transform:none;opacity:.25}75%{transform:translate(2px,6px);opacity:.5}80%{transform:none;opacity:.25}to{transform:none;opacity:.25}}
