:root{color-scheme:dark;--blue:#101c61;--pink:#ff2aa0;--paper:#fff1da;font-family:"Comic Sans MS","Comic Sans",cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#060b24;color:white}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ff35b0;outline-offset:3px}.skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:10px;background:var(--paper);color:var(--blue);transform:translateY(-160%)}.skip-link:focus{transform:none}.art-scroll{width:100%;overflow:hidden}.campaign{position:relative;width:100%;max-width:1448px;margin:0 auto;isolation:isolate}.collage{display:block;width:100%;height:auto}.hotspot{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);z-index:2;background:transparent;border:0;border-radius:5px;padding:0;color:transparent;text-decoration:none}.hotspot span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hotspot:hover{background:rgba(255,141,218,.12);box-shadow:inset 0 0 15px #ff96da88,0 0 8px #ffd7f9}.hotspot:focus-visible{outline:3px solid #ff2eac;outline-offset:-3px;background:#fff1}.panel-link:hover{background:rgba(255,255,255,.035);box-shadow:inset 0 0 18px #ffffff44}.glitter{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.sparkle{position:absolute;left:var(--sx);top:var(--sy);width:clamp(8px,1.8vw,25px);aspect-ratio:1;background:#fff;clip-path:polygon(50% 0,57% 40%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%);filter:drop-shadow(0 0 4px #fff);animation:twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay);opacity:.15}@keyframes twinkle{0%,100%{opacity:.1;transform:scale(.5) rotate(0)}50%{opacity:.95;transform:scale(1.1) rotate(18deg)}}.under-profile{max-width:1448px;margin:auto;text-align:center;border-top:2px ridge #b6b4f0;background:linear-gradient(90deg,#080e30,#182258,#080e30)}.gif-shelf{display:flex;justify-content:center;align-items:center;gap:15px;min-height:52px}.gif-shelf img{object-fit:contain}.gif-shelf span{font-size:12px;color:#ffd8f0;text-shadow:0 0 7px #ff208e}.view-controls{display:flex;justify-content:center;align-items:center;gap:10px;padding:3px 0 9px;font-family:Arial,sans-serif;font-size:11px;color:#d3cee9}.view-controls button{color:inherit;background:none;padding:2px;border:0;text-decoration:underline}.still-gif{display:none}.motion-paused .animated-gif{display:none}.motion-paused .still-gif{display:block}.motion-paused .sparkle{animation:none;opacity:.25}footer{text-align:center;padding:12px 12px 15px;color:#c9c5d9;background:#060b24;font:10px/1.7 Arial,sans-serif}footer p{margin:2px 0}footer a{text-underline-offset:2px}footer:target{outline:1px solid #ff80cb;outline-offset:-5px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.text-profile{max-width:1100px;margin:20px auto;padding:20px;background:linear-gradient(140deg,#091a57,#71274c,#111c5b);border:5px ridge #b6d2ff;box-shadow:0 0 20px #ed5cbf66}.text-profile header{text-align:center}.text-profile .profile-title{font-family:Georgia,serif;text-transform:uppercase;font-size:clamp(28px,6vw,62px);margin:8px 0;text-shadow:3px 3px #be1728,-2px -2px #6eabff}.text-profile header p{color:#ffe2fa}.text-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:20px}.text-nav button,.retro-button{padding:8px 14px;color:#10144d;border:3px ridge #c2c9ff;border-radius:5px;background:linear-gradient(#fff,#b1bded);font-weight:bold}.text-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.text-grid section{border:4px ridge #bec7ef;background:var(--paper);color:#091039}.text-grid h2{margin:0;padding:7px 10px;background:linear-gradient(110deg,#111b61,#6279d4,#111b61);color:white;font-size:20px;font-weight:normal}.paper{padding:12px 20px;margin:0;line-height:1.5}.paper p:first-child{margin-top:0}.paper p:last-child{margin-bottom:0}ul.paper,ol.paper{padding-left:38px}.paper li{margin:5px 0}.bacon-list{list-style-type:'🥓 '}.text-mode .art-scroll{display:none}.text-mode .text-profile{display:block}dialog{width:min(600px,calc(100% - 28px));max-height:85dvh;padding:0;border:5px ridge #d2dbff;background:var(--paper);color:#111741;box-shadow:0 0 0 1px #191b65,0 0 38px #ff3eae88;border-radius:7px}dialog::backdrop{background:#020823b8;backdrop-filter:blur(3px)}.dialog-bar{display:flex;align-items:center;gap:15px;background:linear-gradient(110deg,#121e67,#748bd8,#18205b);color:white;border-bottom:3px ridge #d2dbff;padding:7px 10px;position:sticky;top:0;z-index:1}.dialog-bar h2{font-size:22px;margin:0;flex:1;text-shadow:1px 2px #11134e}.dialog-bar button{background:linear-gradient(#fff,#b9c4f3);color:#10174d;border:2px outset white;min-width:32px;height:30px;font:bold 24px/1 Arial}#dialog-content{padding:20px;line-height:1.5}#dialog-content h3{margin:0 0 8px}#dialog-content .paper{padding:0}#dialog-content ul.paper,#dialog-content ol.paper{padding-left:25px}.dialog-note{font:12px/1.5 Arial,sans-serif;color:#575166}.profile-art{width:210px;height:218px;background:url('assets/campaign-collage.png') 19% 47%/900px auto;border:4px ridge #999ed1;float:left;margin:0 18px 12px 0}.big-heart{font-size:46px;text-align:center;color:#e41878;margin:10px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery figure{margin:0}.photo{height:200px;border:4px ridge #bac9ef;background-image:url('assets/campaign-collage.png');background-repeat:no-repeat}.photo.candidate{background-size:900px auto;background-position:19% 47%}.photo.pig{background-size:1200px auto;background-position:100% 45%}.gallery figcaption{text-align:center;font-size:13px}.guestbook{list-style:none;padding:0;margin:0 0 20px;max-height:240px;overflow-y:auto}.guestbook li{padding:9px 0;border-bottom:1px solid #bbaf9e;overflow-wrap:anywhere}.guestbook strong{color:#122977}.guestbook time{margin-left:9px;font:11px Arial;color:#62585b}.guestbook p{margin:3px 0}.guestbook-form{display:grid;gap:8px}.guestbook-form label{font-weight:bold;font-size:14px}.guestbook-form input,.guestbook-form textarea,.share-url{width:100%;padding:9px;background:#fffaf1;border:2px inset #9d9ec3;border-radius:2px;color:#121640;font:16px "Comic Sans MS",cursive}.guestbook-form textarea{min-height:85px;resize:vertical}.guestbook-form button{justify-self:start}.form-status{font-size:12px;min-height:18px;margin:0}.badge-preview{display:block;width:min(100%,380px);margin:10px auto 20px}.badge-download{display:table;margin:auto;color:#121640;text-decoration:none}.vote-message{text-align:center}.noscript{text-align:center;font:13px Arial}.failure .text-profile{position:static!important;width:auto!important;height:auto!important;margin:20px auto!important;clip:auto!important;clip-path:none!important;white-space:normal!important;overflow:visible!important}.failure .art-scroll{display:none}@media(min-width:1449px){body{background-image:radial-gradient(ellipse at 50% 10%,#442568,transparent 65%)}.campaign{box-shadow:0 0 35px #ff4fce55}}@media(max-width:700px){.campaign{min-width:700px}.art-scroll{overflow-x:auto;scrollbar-color:#e460b6 #12205f}.gif-shelf{gap:8px}.gif-shelf span{font-size:10px}.text-profile{margin:10px;padding:12px}.text-grid{grid-template-columns:1fr}.text-nav button{font-size:13px}.text-grid h2{font-size:19px}.gallery{gap:8px}.photo{height:170px}.profile-art{float:none;margin:0 auto 15px}footer{font-size:9px}.gif-shelf img{max-width:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sparkle{animation:none;opacity:.25}}

.campaign-summary{max-width:960px;margin:15px auto 10px;padding:0 18px;text-align:center}.campaign-summary h1{margin:0 0 5px;font-size:20px;font-weight:normal;color:#ffe1f5}.campaign-summary p{margin:0;font:12px/1.6 Arial,sans-serif;color:#d3cee9}.campaign-details{max-width:1448px;margin:0 auto}.campaign-details>summary{width:fit-content;max-width:calc(100% - 24px);margin:10px auto 15px;padding:5px 9px;color:#ded8f1;cursor:pointer;font:12px/1.5 Arial,sans-serif}.campaign-details>summary:focus-visible{outline:3px solid #ff35b0;outline-offset:3px}

.piglet-repair{position:absolute;left:84.75%;top:44%;width:5.65%;height:auto;z-index:1;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 77%,0 94%)}