:root{--site-bg:#ddd;--header-bg:#000;--header-color:#fff;--nav-bg:#444;--nav-color:#fff;--nav-highlight:#7db9dc;--card-title:#486b80;--card-action:#2d6a94}html[data-theme=nightedition]{--site-bg:#e2e6d6;--header-bg:#003219;--header-color:#fff;--nav-bg:#006432;--nav-color:#fff;--nav-highlight:#f8ec70;--card-title:#003219;--card-action:#006432}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:400;src:url(/build/fonts/barlow-latin.bd1dfa09.woff2) format("woff2")}@font-face{font-display:swap;font-family:Caveat;font-style:normal;font-weight:400;src:url(/build/fonts/caveat-latin.5e8eac5a.woff2) format("woff2")}@font-face{font-display:swap;font-family:Courier Prime;font-style:normal;font-weight:400;src:url(/build/fonts/courier-prime-latin.d3ad9c49.woff2) format("woff2")}html{background:var(--site-bg);overflow:hidden;transition:background-color .3s ease}@media(prefers-reduced-motion:reduce){footer,header,html,nav.site{transition:none}}svg.icon{fill:currentColor;height:1em;vertical-align:-.125em;width:1em}.visually-hidden{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.skip-link{background:var(--header-bg);color:var(--header-color);left:0;padding:.5em 1em;position:absolute;top:-100px;z-index:100}.skip-link:focus{top:0}body{display:flex;flex-direction:column;font-family:Barlow,sans-serif;height:100vh;margin:0;min-width:320px;overflow-x:hidden}footer{background:var(--header-bg);clear:both;color:var(--header-color);height:30px;padding:5px;transition:background-color .3s ease,color .3s ease}footer,form{box-sizing:border-box}form .row{clear:both;display:block;margin-bottom:30px;overflow:hidden}form .row>label,form .row>legend{display:inline-block;float:left;font-weight:700;overflow:hidden;vertical-align:top;width:25%}form .row>div{display:inline-block;float:left;width:75%}form .form-errors{color:#a01919;list-style:none;margin:.25em 0 0;padding:0}form ul.autocomplete{background:#fff;border:1px solid var(--nav-bg);list-style:none;margin:0;max-width:20em;padding:0;position:absolute;z-index:10}form ul.autocomplete li{cursor:pointer;padding:.25em .5em}form ul.autocomplete li.active,form ul.autocomplete li:hover{background:var(--nav-highlight)}h1{margin:0 0 10px}header{background:var(--header-bg);display:block;flex-shrink:0;height:80px;transition:background-color .3s ease,color .3s ease}header,header a{color:var(--header-color)}header a{text-decoration:none}header .logo{display:none}header .banner-logo{display:inline-block;height:100%}header .banner-logo a.logo{height:100%;vertical-align:middle;white-space:nowrap}header .banner-logo a.logo .helper{display:inline-block;height:100%;vertical-align:middle}header .banner-logo a.logo img{max-height:100%;max-width:100%;vertical-align:middle}header .nav-toggle{display:none}html[data-theme=nightedition] header .logo-nightedition,html[data-theme=thundermonkey] header .logo-thundermonkey{display:inline-block}button.nav-toggle,button.showbar,button.spoilertag,nav.site button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:inherit}button.nav-toggle{color:var(--header-color);font-size:1em}nav.site{background-color:var(--nav-bg);box-shadow:inset 0 1px 1px rgba(1,1,1,.5);box-sizing:border-box;display:block;flex-shrink:0;transition:background-color .3s ease;width:300px}nav.site a,nav.site button{color:var(--nav-color);cursor:pointer;display:block;margin:0 10px;padding:10px 0;position:relative;text-decoration:none;width:calc(100% - 20px)}nav.site :is(a,button):hover{color:var(--nav-highlight)}nav.site .subnav{margin-left:2em;max-height:0;overflow:hidden;transition:max-height .4s ease,visibility .4s;visibility:hidden}nav.site .subnav.expanded{max-height:100vh;visibility:visible}#site-nav{position:relative}#site-nav>:is(a,button){border-top:1px solid var(--nav-color)}#site-nav>:is(a,button):first-child{border-top:none}@keyframes nav-indicator-pulse{0%,to{filter:brightness(100%)}25%{filter:brightness(125%)}}.nav-indicator{background-color:var(--nav-highlight);left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:transform .25s ease,height .25s ease,opacity .18s ease;width:2px}.nav-indicator.visible{opacity:1}.nav-indicator.instant{transition:none}.nav-indicator.no-slide{transition:opacity .18s ease}html[data-theme=thundermonkey] .nav-indicator{background:linear-gradient(to bottom,color-mix(in srgb,var(--nav-highlight),transparent 30%),var(--nav-highlight),color-mix(in srgb,var(--nav-highlight),transparent 30%))}html[data-theme=thundermonkey] .nav-indicator.primary{animation:nav-indicator-pulse 5s ease-in-out infinite}html[data-theme=thundermonkey] .nav-indicator.secondary{animation:nav-indicator-pulse 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.nav-indicator{transition:opacity .18s ease}}.button{background-color:var(--nav-bg);border:0;box-shadow:0 1px 1px rgba(0,0,0,.5);color:var(--nav-color);cursor:pointer;display:inline-block;font:inherit;padding:.5em 1em;text-decoration:none;transition:box-shadow .3s ease-in-out}.button:hover{box-shadow:0 3px 6px rgba(0,0,0,.5)}.button.secondary{background-color:transparent;border:1px solid var(--nav-bg);color:var(--nav-bg)}.content{box-shadow:inset 1px 2px 2px rgba(1,1,1,.5);flex:1;margin:0 auto;overflow-x:hidden;padding:10px}html[data-theme=nightedition] .content{font-family:Courier Prime,serif}.main{display:flex;flex-direction:row;flex-grow:1;flex-shrink:0;overflow:visible;transition:.5s}.page{background-color:hsla(0,0%,100%,.75);box-shadow:0 1px 1px rgba(0,0,0,.5);margin:auto;max-width:920px;padding:1em}.page .field{display:inline-block;padding:.5em}.page .field label{display:block;text-align:left}.page .field span.value{border-bottom:1px solid #000;color:#00008b;display:block;font-family:Caveat,cursive;font-size:x-large;padding:0 .5em}.cards{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.cards .card{background-color:hsla(0,0%,100%,.75);border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,.5);box-sizing:border-box;display:flex;flex-direction:column;float:left;margin:.5em;overflow:hidden;text-decoration:none;transition:box-shadow .3s ease-in-out}.cards .card:hover{box-shadow:0 6px 9px rgba(0,0,0,.5)}.cards .card.square{height:400px;width:400px}.cards .card.album{width:260px}.cards .card.album .hero{border-radius:10px;height:260px}.cards .card.song{padding:.5em;width:400px}.cards .card.character{max-width:480px}.cards .card.character p{margin:0;text-align:justify}.cards .card.character .profile{display:block;float:left;margin-right:1em;max-width:150px;width:100%}.cards .card.character .tile-content{padding:.5em}.cards .card.ne .card-banner{background-color:#003219}.cards .card.ne .tile-action{color:#006432}.cards .card .card-title{color:var(--card-title);font-size:x-large;margin:1em 10px 0}.cards .card .card-banner{background-color:var(--header-bg);color:var(--header-color);display:block;font-size:1.17em;margin:0;padding:.5em}.cards .card .actions{font-size:large;margin-left:.5em}.cards .card .actions .action{color:var(--card-action);display:inline-block;padding:.5em;text-decoration:none}.cards .card .card-content{font-size:medium;margin:10px}.cards .card .card-content .trimmed,.cards .card .card-content.collapsed .full{display:none}.cards .card .card-content.collapsed .trimmed{display:inherit}.cards .card .hero{background-position:50%;background-size:cover;flex-grow:1;position:relative}.cards .card .hero span{background-color:rgba(0,0,0,.5);box-sizing:border-box;color:#fff;font-size:2em;position:absolute;text-shadow:2px 1px 2px #000;width:100%}.cards .card .hero span.date{bottom:0;padding-right:10px;text-align:right}.cards .card .hero span.title{line-height:1.5em;padding-left:10px;top:0}.title-bar h1{display:inline}.title-bar .date,.title-bar .list-format-toggle{float:right;line-height:2em}.title-bar .list-format-toggle a{color:#000;text-decoration:none}.title-bar .list-format-toggle a.active,.title-bar .list-format-toggle a:hover{color:var(--nav-bg)}#comic .bar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}#comic .bar.expanded{grid-template-rows:1fr}#comic .bar .bar-clip{overflow:hidden}#comic .bar p{background:#000;border:2px solid silver;border-radius:.5em;color:var(--nav-highlight);font-size:1.2em;font-weight:700;margin:5px;padding:5px;text-align:center;word-wrap:break-word}@media(prefers-reduced-motion:reduce){#comic .bar{transition:none}}#comic .spoilertag{background-color:#000;clear:both;color:var(--nav-highlight);cursor:crosshair;display:block;padding:.5em;width:100%}#comic .spoilertag .warning{display:block;font-size:1.17em;font-weight:700;margin-bottom:.5em}#comic .spoilertag+a,#comic .spoilertag.accepted{display:none}#comic .spoilertag.accepted+a{display:initial}#comic img.strip{display:block;height:auto;margin:auto;max-width:1920px;width:100%}#comic .nav-bar{border-bottom:1px solid var(--nav-bg);border-top:1px solid var(--nav-bg);display:inline-block;font-size:2em;margin-top:5px;padding:5px 0;width:100%}#comic .nav-bar .showbar{color:var(--nav-bg);float:left}#comic .nav-bar nav{display:block;margin:auto;text-align:center}#comic .nav-bar nav a,#comic .nav-bar nav span{box-sizing:border-box;color:var(--nav-bg);display:inline-block;text-decoration:none;width:40px}#comic .nav-bar nav a:hover{color:#000}.comic-filter{margin-bottom:1.5em;margin-top:1em}.comic-filter .comic-filter-search{max-width:30em;position:relative}.comic-filter .comic-filter-input{border:1px solid var(--nav-bg);border-radius:6px;box-sizing:border-box;font:inherit;padding:.5em .75em;width:100%}.comic-filter .autocomplete{background:#fff;border:1px solid var(--nav-bg);left:0;list-style:none;margin:0;max-height:14em;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:10}.comic-filter .autocomplete li{cursor:pointer;padding:.25em .5em}.comic-filter .autocomplete li.active,.comic-filter .autocomplete li:hover{background:var(--nav-highlight)}.comic-filter .filter-pills{display:flex;flex-wrap:wrap;gap:.5em;list-style:none;margin:0;padding:0}.comic-filter .filter-pills:empty{display:none}.comic-filter .filter-pill{align-items:center;background:var(--nav-bg);border-radius:999px;color:var(--nav-color);display:inline-flex;gap:.25em;margin-top:.75em;padding:.25em .35em .25em .75em}.comic-filter .filter-pill-remove{background:transparent;border:0;border-radius:50%;color:inherit;cursor:pointer;font:inherit;line-height:1;padding:0 .35em;text-decoration:none}.comic-filter .filter-pill-remove:hover{background:hsla(0,0%,100%,.2)}.comic-filter .filter-summary{align-items:baseline;display:flex;gap:1em;margin-top:.75em}.comic-filter .filter-status{margin:0;opacity:.7}.comic-filter .filter-submit{background:var(--nav-bg);border:0;border-radius:6px;color:var(--nav-color);cursor:pointer;font:inherit;padding:.35em 1em}.comic-filter .filter-clear{background:none;border:0;color:var(--nav-bg);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.comic-filter .filter-clear:hover{text-decoration:none}.no-results{font-style:italic;opacity:.7}.no-results[hidden]{display:none}#comic-list{display:block}#comic-list .archive-year[hidden],#comic-list .comic[hidden]{display:none!important}#comic-list .year-list,#comic-list.list{display:flex;flex-wrap:wrap}#comic-list.list .archive-year{margin-right:20px;overflow:hidden;width:30%}#comic-list.list .year-list{flex-direction:column}#comic-list.list a.comic{display:block;padding:.25em}#comic-list.list a.comic .hero{background-image:none!important}#comic-list.list a.comic span.title{display:inline-block;text-decoration:underline}#comic-list.list a.comic span.date:after{content:":"}#comic-list.cards .archive-year h2{border-bottom:2px solid var(--nav-bg);font-size:x-large}#comic-list.cards span{opacity:0;transition:opacity .25s}#comic-list.cards .card:hover span{opacity:1}.wrapper{box-sizing:border-box;height:100%;overflow:hidden}@media only screen and (max-width:945px){h1{font-size:1.5em}.main nav.site{margin-left:-300px}.main.nav-expanded{margin-left:300px;margin-right:-300px}form .row label,form .row legend,form .row>div{clear:both;display:block;float:none;width:100%}header{display:flex}header .banner-logo{flex-grow:1;height:100%;margin:auto;text-align:center}header .icon{display:inline-block;font-size:2em;margin:10px;padding:15px;text-align:center;width:30px}.tiles .tile.square{height:260px;width:260px}}@media screen and (max-width:1280px){#comic-list.list .archive-year{width:45%}}@media screen and (max-width:640px){#comic-list.list .archive-year{width:100%}}@media only screen and (max-width:515px){.card.character .profile{max-width:100px}}@media(hover:none){#comic-list.cards .card span{opacity:1}}