@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-white text-black overflow-x-hidden;}}.crt:before{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(#0000000d 50%,#ffffff0d 50%),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);z-index:100;background-size:100% 4px,3px 100%;pointer-events:none}.crt:after{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:#00000005;opacity:0;z-index:100;pointer-events:none;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.01}5%{opacity:.02}10%{opacity:.01}15%{opacity:.03}20%{opacity:.01}to{opacity:.02}}.retro-border{@apply border-4 border-black shadow-[8px_8px_0px_0px_#e5e7eb];}.retro-button{@apply relative inline-block px-4 py-2 border-4 border-black bg-white text-black font-bold uppercase transition-all duration-75 active:translate-y-1 active:shadow-none shadow-[4px_4px_0px_0px_#000];}.retro-button:hover{@apply bg-black text-white border-black;}.retro-tile{@apply border-4 border-black transition-all bg-white shadow-[4px_4px_0px_0px_#ccc];}.retro-tile.selected{@apply border-black shadow-[6px_6px_0px_0px_#000] -translate-y-1;}.blink{animation:blink-animation 1s steps(5,start) infinite}@keyframes blink-animation{to{visibility:hidden}}.colorful-letter{display:inline-block;transition:transform .1s}.colorful-letter:hover{transform:scale(1.1) translateY(-2px)}