:root{font-family:Inter,sans-serif;--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:#000}a,a:after,a:before,button,button:after,button:before{font-family:Inter,sans-serif!important}a{color:inherit;text-decoration:none}footer{padding:40px;color:#444;border-top:1px solid #444}footer a{margin-right:20px}footer a:hover{color:#aaa}main{padding:1%;text-align:center;display:flex;flex-direction:column;height:100vh}main .main-title{text-align:center;font-size:100px;font-weight:800}.container{width:min(80vw,60vh);margin:0 auto}.text-stroke-blue{position:relative;background:linear-gradient(90deg,#007cf0,#00dfd8);background:-webkit-linear-gradient(90deg,#007cf0,#00dfd8);-webkit-background-clip:text;-webkit-text-stroke:4px transparent;color:#111}.text-stroke-blue:after{content:"Ran";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;opacity:.3;font-size:100px;font-weight:800;color:transparent;background:linear-gradient(90deg,#007cf0,#00dfd8);-webkit-background-clip:text;background-clip:text;transform:scale(1.2);filter:blur(30px)}.text-stroke-purple{background:linear-gradient(90deg,#7928ca,#ff0080);background:-webkit-linear-gradient(90deg,#7928ca,#ff0080);-webkit-text-stroke:4px transparent;color:#111;position:relative}.text-stroke-purple,.text-stroke-purple:after{-webkit-background-clip:text;background-clip:text}.text-stroke-purple:after{content:"co";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;opacity:.3;font-size:100px;font-weight:800;color:transparent;background-image:linear-gradient(90deg,#7928ca,#ff0080);background-image:-webkit-linear-gradient(90deg,#7928ca,#ff0080);transform:scale(1.2);filter:blur(30px)}.text-stroke-orange{position:relative;background:linear-gradient(90deg,#ff4d4d,#f9cb28);background:-webkit-linear-gradient(90deg,#ff4d4d,#f9cb28);-webkit-background-clip:text;-webkit-text-stroke:4px transparent;color:#111}.text-stroke-orange:after{content:"pu";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;opacity:.3;font-size:100px;font-weight:800;color:transparent;background:linear-gradient(90deg,#ff4d4d,#f9cb28);-webkit-background-clip:text;background-clip:text;transform:scale(1.2);filter:blur(30px)}button.btn-cta{position:relative;padding:20px 0;margin:40px auto auto;border-radius:10px;border:2px solid transparent;transition:.5s ease;background-origin:border-box;background-clip:content-box,border-box;-webkit-text-fill-color:transparent;box-shadow:inset 2px 1000px 1px #111;animation:gradient 10s ease infinite;cursor:pointer}button.btn-cta,button.btn-cta:after{width:100%;color:transparent;background-image:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0)),linear-gradient(90deg,#00dfd8,#cd27ff,#ff993a)}button.btn-cta:after{position:absolute;font-family:inherit;left:0;top:-2px;line-height:60px;-webkit-background-clip:text;font-weight:600;font-size:22px;font-family:__Inter_ccafe3,__Inter_Fallback_ccafe3}button.btn-cta.reset:after{content:"Reset Level"}button.btn-cta.next:after{content:"Next Level"}button.btn-cta:before{background-image:linear-gradient(90deg,#00dfd8,#cd27ff,#ff993a);border:1px solid transparent;background-clip:padding-box;content:"";filter:blur(20px);height:100%;opacity:.3;position:absolute;width:calc(100% + 4px);z-index:-1;inset:-2px;transition:.4s}button.btn-cta:hover:before{opacity:.8}button.btn-cta:hover{box-shadow:none}button.btn-cta:hover:after{background-image:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0)),linear-gradient(90deg,#222,#222)}.game-field{width:min(80vw,60vh);margin:auto;display:flex;flex-wrap:wrap;--gap:30px;gap:var(--gap);margin-top:var(--gap)}.game-field.btns-2 button.btn-game{width:calc((100% / 2) - var(--gap) / 2)}.game-field.btns-3 button.btn-game{width:calc((100% / 3) - (var(--gap) * 2 / 3))}.game-field.btns-4 button.btn-game{width:calc((100% / 4) - (var(--gap) * 3 / 4))}.game-field.btns-5 button.btn-game{width:calc((100% / 5) - (var(--gap) * 4 / 5))}button.btn-game{aspect-ratio:1/1;background-color:#111;border-radius:10px;border:2px solid #333}button.btn-game.on{position:relative;border:transparent}button.btn-game.on:before{border:12px solid transparent;background-clip:padding-box;content:"";filter:blur(20px);height:100%;opacity:.8;position:absolute;width:100%;z-index:-1;top:-12px;left:-12px}.game-field.color-blue button.btn-game.on,.game-field.color-blue button.btn-game.on:before{background-image:linear-gradient(90deg,#007cf0,#00dfd8)}.game-field.color-purple button.btn-game.on,.game-field.color-purple button.btn-game.on:before{background-image:linear-gradient(90deg,#7928ca,#ff0080)}.game-field.color-orange button.btn-game.on,.game-field.color-orange button.btn-game.on:before{background-image:linear-gradient(90deg,#ff4d4d,#f9cb28)}.game-field.color-green button.btn-game.on,.game-field.color-green button.btn-game.on:before{background-image:linear-gradient(90deg,#28ad1c,#a5eb6d)}.game-field.color-red button.btn-game.on,.game-field.color-red button.btn-game.on:before{background-image:linear-gradient(90deg,#d41c1c,#ee5934)}.game-field.color-mint button.btn-game.on,.game-field.color-mint button.btn-game.on:before{background-image:linear-gradient(90deg,#0fa,#5affd6)}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@media (max-width:900px){main .main-title{font-size:46px}}