@import "https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:wght@400;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}:root{--ink:#0d0d0d;--panel-bg:#fffbf0;--cd-yellow:#ffe033;--cd-magenta:#e8235a;--cd-cyan:#1abfdd;--cd-purple:#6b2fd9;--cd-orange:#ff6b1a;--shadow:6px 6px 0px var(--ink);--shadow-sm:3px 3px 0px var(--ink);--shadow-lg:10px 10px 0px var(--ink)}*{box-sizing:border-box}body{background-color:var(--cd-yellow);color:var(--ink);background-image:radial-gradient(circle,#0d0d0d 1px,#0000 1px);background-size:18px 18px;font-family:Comic Neue,Comic Sans MS,cursive}.font-comic-title{letter-spacing:2px;font-family:Bangers,cursive}.ink-border{border:3px solid var(--ink)}.ink-border-fat{border:5px solid var(--ink)}.ink-shadow{box-shadow:6px 6px 0 var(--ink)}.ink-shadow-sm{box-shadow:3px 3px 0 var(--ink)}.ink-shadow-lg{box-shadow:10px 10px 0 var(--ink)}.panel{background-color:var(--panel-bg);background-image:radial-gradient(circle,#0d0d0d0f 1px,#0000 1px);background-size:12px 12px}.btn-comic{letter-spacing:1.5px;border:3px solid var(--ink);cursor:pointer;text-align:center;border-radius:4px;font-family:Bangers,cursive;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-block}.btn-comic:hover{transform:translate(-2px,-2px)}.btn-comic:active{transform:translate(1px,1px)}.btn-magenta{background:var(--cd-magenta);color:#fff;box-shadow:4px 4px 0 var(--ink)}.btn-magenta:hover{box-shadow:7px 7px 0 var(--ink)}.btn-cyan{background:var(--cd-cyan);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.btn-cyan:hover{box-shadow:7px 7px 0 var(--ink)}.btn-yellow{background:var(--cd-yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.btn-yellow:hover{box-shadow:7px 7px 0 var(--ink)}.btn-purple{background:var(--cd-purple);color:#fff;box-shadow:4px 4px 0 var(--ink)}.btn-purple:hover{box-shadow:7px 7px 0 var(--ink)}.btn-dark{background:var(--ink);color:#fff;box-shadow:4px 4px #0006}.section-badge{letter-spacing:2px;color:#fff;background:var(--ink);padding:2px 16px;font-family:Bangers,cursive;font-size:1.75rem;display:inline-block;transform:rotate(-.8deg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--cd-yellow);border:2px solid var(--ink)}input[type=text],input[type=email],input[type=password],input[type=date],textarea,select{border:3px solid var(--ink);color:var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:4px;padding:.5rem .75rem;font-family:Comic Neue,cursive;font-weight:700;transition:box-shadow 80ms,transform 80ms}input:focus,textarea:focus,select:focus{box-shadow:5px 5px 0 var(--ink);outline:none;transform:translate(-1px,-1px)}.fandom-tag{letter-spacing:1px;border:2px solid var(--ink);background:var(--cd-cyan);color:var(--ink);border-radius:3px;padding:2px 10px;font-family:Bangers,cursive;font-size:.85rem;display:inline-block}.intent-tag{letter-spacing:1px;border:2px solid var(--ink);background:var(--cd-magenta);color:#fff;border-radius:3px;padding:2px 10px;font-family:Bangers,cursive;font-size:.85rem;display:inline-block}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
