@keyframes flicker{0%{stroke-dasharray:.5 .5}20%{stroke-dasharray:none}50%{stroke-dasharray:.5 .5}71%{stroke-dasharray:none}72%{stroke-dasharray:.5 .5}73%{stroke-dasharray:none}74%{stroke-dasharray:.5 .5}75%{stroke-dasharray:none}76%{stroke-dasharray:.5 .5}77%{stroke-dasharray:none}78%{stroke-dasharray:.5 .5}79%{stroke-dasharray:none}to{stroke-dasharray:.5 .5}}@keyframes pulse{0%{color:var(--c-accent)}50%{color:var(--c-body-lighter)}to{color:var(--c-accent)}}@keyframes fragments-flicker{0%{opacity:.5}85%{opacity:0}86%{opacity:.5}91%{opacity:0}92%{opacity:.5}93%{opacity:0}to{opacity:1}}:root{--c-body:#c8becd;--c-body-lighter:#faf0ff;--c-body-darker:#645a69;--c-surface:#19191e;--c-accent:#d4273e;--c-shadow:#0006;--c-shadow-darker:#000;--c-clear:#0000;--f-sans:system-ui, "Segoe UI", Roboto, sans-serif;--f-heading:system-ui, "Segoe UI", Roboto, sans-serif;--f-mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--c-body);background:var(--c-surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}h1{margin:20px}h1,span{font-family:var(--f-mono);-webkit-user-select:none;user-select:none}main{min-height:650px;box-shadow:0 0 50px var(--c-shadow);background-image:url(/roster-card/assets/grid-BZVDCy34.png);background-repeat:no-repeat;background-size:cover;border-radius:10px;justify-content:center;align-items:center;margin:20px;padding:20px;display:flex;position:relative;overflow:hidden}main figure{z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:row;gap:50px;width:350px;height:auto;display:flex;position:relative;overflow:hidden}main figure img{width:inherit;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(10px 10px 5px var(--c-shadow))}main figure figcaption{writing-mode:vertical-rl;font-size:1.5rem;font-family:var(--f-sans);border-right:1px dashed var(--c-body);z-index:1;filter:drop-shadow(1px 1px 1px var(--c-shadow));padding-right:.5rem;position:absolute;top:0;right:0}main .splash-art-selectors{z-index:1;align-items:end;display:flex;position:absolute;bottom:0}main .splash-art-selectors .selector-decor{height:100px;fill:var(--c-surface);display:flex}main .splash-art-selectors .selector-decor .selector-decor-dash{fill:var(--c-accent)}main .splash-art-selectors .selector-decor .selector-decor-fragments{fill:var(--c-accent);animation:5s infinite fragments-flicker}main .splash-art-selectors .selector-decor .selector-decor-waves,main .splash-art-selectors .selector-decor .selector-decor-holes{fill:var(--c-body-darker)}main .splash-art-selectors button{width:150px;height:50px;font-family:var(--f-sans);color:var(--c-body-lighter);text-shadow:0 0 5px var(--c-shadow-darker);border:none;border-top:1px solid var(--c-accent);box-shadow:inset 0 5px 5px var(--c-shadow-darker);background-position:50%;background-repeat:no-repeat;background-size:100%;border-radius:0;font-weight:800;transition:all .1s;position:relative}main .splash-art-selectors button:focus,main .splash-art-selectors button:hover{cursor:pointer;outline:none;height:80px;animation:2s infinite pulse}main .splash-preview-1{background:url(/roster-card/preview-1-dim.webp)}main .splash-preview-2{background:url(/roster-card/preview-2-dim.webp)}main .splash-preview-3{background:url(/roster-card/preview-3-dim.webp)}footer{justify-content:space-between;align-items:center;width:calc(100% - 40px);display:flex}#NICOLETTE{fill:none;stroke:var(--c-accent);stroke-width:.1px;animation:4s infinite flicker}.svg-nicolette-banner{border:1px dashed var(--c-accent);cursor:pointer;width:calc(100% - 200px);padding:20px;position:absolute}.svg-nicolette-banner:hover #NICOLETTE{stroke-dasharray:none;animation:none}.svg-nicolette-banner:active #NICOLETTE{fill:var(--c-accent)}.top-left-decor{fill:var(--c-surface);position:absolute;top:0;left:80px}.top-left-decor__body{fill:var(--c-body)}.top-left-decor__body-accent{fill:var(--c-accent)}.hero-index{fill:var(--c-surface);-webkit-user-select:none;user-select:none;pointer-events:none}.hero-index #horizontal-scroller-pattern{width:10px;height:10px}.hero-index .hero-index-text{font-family:var(--f-mono);fill:var(--c-body);text-transform:uppercase;font-size:9rem}.hero-index #hero-index-value{font-family:var(--f-mono);fill:var(--c-accent);font-size:9rem}.vertical-scroll{width:50px;fill:var(--c-surface);flex-direction:column;display:flex;position:absolute}.vertical-scroll__left{top:-100px;left:10px}.vertical-scroll__right{bottom:-100px;right:10px}.vertical-scroll__right svg{transform:rotate(180deg)}.top-right-decor{fill:var(--c-surface);stroke:var(--c-surface);-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;right:70px}.top-right-decor .char-descrption-text{fill:var(--c-body);font-family:var(--f-mono);font-size:22rem}@media screen and (width<=1024px){footer{background-color:var(--c-surface);z-index:99;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}footer .author-info{opacity:0}}@media screen and (width>=1700px){main{width:1600px;margin-left:calc(50vw - 800px)}.viewport-info:after{content:", but not this wide"}}