/* Intentionally "my first fan site" styling. */
body{background-color:#160b56;background-image:radial-gradient(#f6ee00 1px,transparent 1px),radial-gradient(#ff5db8 1px,transparent 1px);background-position:0 0,9px 9px;background-size:18px 18px;color:#010053;font-family:"Times New Roman",Times,serif}.site-header{height:auto;min-height:67px;padding:8px clamp(10px,3vw,38px);background:#00e9ff;border-top:5px ridge #fff;border-bottom:5px ridge #ff2fae;position:static}.brand{font-family:Impact,"Arial Black",sans-serif;color:#ff0095;text-shadow:2px 2px #fff,-2px -2px #0014a8;font-size:25px;letter-spacing:1px}.brand span{color:#fff900}.brand b{color:#fff900}nav{gap:10px}nav a{color:#000098;font-weight:bold;text-decoration:underline;font-size:16px}.login,.button{border:3px outset #f7f7f7;border-radius:0;background:#d8d8d8;color:#000080;font-family:"Times New Roman",serif;font-weight:bold;box-shadow:none}.login:active,.button:active{border-style:inset}.announcement{display:block;background:#ffff00;color:#ef0087;border-bottom:3px dashed #0a28c8;font:bold 15px "Comic Sans MS","Comic Sans",cursive;padding:4px}.hero{display:block;min-height:0;padding:35px clamp(16px,8vw,110px) 30px;text-align:center;background:#f6dfff;border:8px ridge #b398ff}.hero h1{font-family:"Comic Sans MS","Comic Sans",cursive;font-size:clamp(39px,7vw,66px);line-height:1.08;color:#001ba8;text-shadow:2px 2px #fff}.hero h1 em{color:#f00089;font-style:normal}.eyebrow{font-family:Arial,sans-serif;font-size:12px;color:#cc006c;text-decoration:underline}.intro{margin:17px auto;color:#090064;font-size:18px;font-weight:bold}.hero-actions{justify-content:center}.primary{background:#ff4fa2;color:#fff}.ghost{background:#00dfff;color:#000098;border:3px outset #fff}.hero-card{margin:33px auto 0;max-width:400px;text-align:left;padding:17px;background:#000e89;border:6px ridge #f0ccff;border-radius:0;box-shadow:7px 7px 0 #ff51b3;transform:none}.tag{color:#ffff00}.hero-card strong{font-family:"Comic Sans MS",cursive;color:#fff800;font-size:58px}.hero-card .of{color:#fff}.progress{border:2px inset #fff;background:#8a71b7;border-radius:0}.progress span{background:#00ff00;border-radius:0}.search-section{padding:20px;background:#1f008d;border-top:4px dotted #fffc00;border-bottom:4px dotted #fffc00}.search-section label{font-family:"Comic Sans MS",cursive;color:#ffff00}.search-box{border:4px ridge #fff;border-radius:0;max-width:620px}.search-box button{border:3px outset #eee;border-radius:0;background:#ff79bd;color:#fff}.collection,.registry,.how{margin:22px clamp(9px,3vw,45px);padding:34px clamp(15px,5vw,55px);background:#fffbd6;border:7px ridge #ff94cf}.section-heading h2,.registry-head h2,.how h2,dialog h2{font-family:"Comic Sans MS","Comic Sans",cursive;color:#e70082;letter-spacing:0}.section-heading>p,.registry-head>div>p{color:#08045d;font-weight:bold}.character-cards{gap:10px}.character{border:4px outset #fff;border-top:9px solid var(--card-color,#e36aa9);border-radius:0;min-height:160px;background:linear-gradient(135deg,#fff 0 48%,#f1dfff 49% 52%,#fff 53%);box-shadow:none}.character:hover{transform:none;box-shadow:inset 0 0 0 2px #ffff00}.character:active{border-style:inset}.character h3{font-family:"Comic Sans MS",cursive;color:#001aa4}.character p{color:#110064}.character .count{color:#e6007e;text-decoration:underline}.back{font-family:"Comic Sans MS",cursive;text-decoration:underline;color:#0000ca}.legend{border:3px dotted #91006a;padding:7px;background:#fff}.number-grid{gap:5px}.number{min-height:37px;border:3px outset #fff;border-radius:0;background:#d6d6d6;color:#00006b;font-family:Arial,sans-serif}.number.registered{background:#5365df;color:#fff;border-color:#bfc9ff}.number.pending{background:#ffe000;color:#5a1b00}.how{text-align:center;background:#d9fbff;border-color:#00a3ff}.how h2{color:#0800aa}.steps{margin-top:32px;gap:15px}.steps article{border:4px dashed #f50096;background:#fff;padding:15px}.steps span{font-family:"Comic Sans MS",cursive;color:#ec007e}.steps p{color:#000084}footer{justify-content:center;flex-wrap:wrap;text-align:center;background:#020080;color:#fff900;border-top:5px ridge #fff;font-family:Arial,sans-serif;font-size:11px}.visitor{background:#000;color:#00ff21;border:2px inset #999;padding:3px 7px;font-family:"Courier New",monospace}dialog{border:6px ridge #fff;border-radius:0;background:#fff6d8;color:#00006f;box-shadow:10px 10px 0 #e70084}dialog form{padding:27px}dialog input{border:3px inset #ddd;border-radius:0}.owner{border:3px dotted #ff0091;border-radius:0;background:#e9e4ff}.privacy{color:#00006f}@keyframes amateurBlink{50%{visibility:hidden}}.announcement,.visitor{animation:amateurBlink 1.1s steps(1,end) infinite}@media(max-width:700px){.site-header{padding:6px 12px}.brand{font-size:19px}.hero{margin:0}.collection,.registry,.how{margin:16px 7px;padding:29px 14px}.character-cards{grid-template-columns:1fr 1fr}.character{padding:13px}.character h3{font-size:25px}.hero-card{margin-top:27px}.number-grid{grid-template-columns:repeat(auto-fill,minmax(41px,1fr))}}
