@tailwind base;@tailwind components;@tailwind utilities;body,html{background:transparent;color:#111;font-family:Comic Sans MS,Comic Sans,Chalkboard SE,Comic Neue,cursive}.panel{background-color:hsla(0,0%,100%,.92)}.nav-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .7rem;border:2px solid #111;border-radius:.5rem;background:#fff;color:#111;font-weight:700;box-shadow:2px 2px 0 0 #111;transition:transform .06s ease-out,box-shadow .06s ease-out,background-color .12s;text-decoration:none;white-space:nowrap;cursor:pointer;line-height:1.2}.nav-btn:hover{background:#fef3c7;transform:translate(1px,1px);box-shadow:1px 1px 0 0 #111}.nav-btn:active{transform:translate(2px,2px);box-shadow:none}.wordart{display:inline-block;font-family:Impact,Comic Sans MS,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background-image:linear-gradient(180deg,#fde047,#f97316 50%,#b91c1c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #1f2937;filter:drop-shadow(3px 3px 0 #1f2937) drop-shadow(0 0 1px #fff);transform:rotate(-2deg) skewX(-6deg);padding:.1em .2em;line-height:1.1}@keyframes derp-shake{0%,to{transform:translate(0)}10%{transform:translate(-3px,2px) rotate(-.5deg)}20%{transform:translate(3px,-2px) rotate(.5deg)}30%{transform:translate(-3px,-2px) rotate(-.3deg)}40%{transform:translate(2px,3px) rotate(.3deg)}50%{transform:translate(-2px,1px)}60%{transform:translate(3px,-1px) rotate(.4deg)}70%{transform:translate(-1px,2px)}80%{transform:translate(2px,-3px) rotate(-.4deg)}90%{transform:translate(-2px)}}body.derp-shake{animation:derp-shake .55s ease}@keyframes derp-spin{0%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.1)}to{transform:rotate(-8deg) scale(1)}}@keyframes derp-rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}html.derp-mode body{animation:derp-rainbow 2s linear infinite}html.derp-mode .wordart{animation:derp-spin .8s ease-in-out infinite}.wordart-sm{display:inline-block;font-family:Impact,Comic Sans MS,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background-image:linear-gradient(180deg,#93c5fd,#2563eb 50%,#1e3a8a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px #0f172a;filter:drop-shadow(2px 2px 0 #0f172a);transform:skewX(-4deg)}