@import "https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";body{background-image:url(/assets/bg-DCq9wYzg.png);margin:0;padding-inline:200px;overflow-y:auto}*{box-sizing:border-box;color:#1e1107;font-family:Google Sans,sans-serif;font-size:12px}a:visited{color:#1e1107}header{align-items:center;display:flex}header img{object-fit:contain}header>div{width:65%;min-width:0}header div div{padding:clamp(20px,4vw,60px)}header div div p{font-size:22px}.tags{color:#cbbba8;background:#331d0d;border:1px solid #9e8c75;border-radius:4px;padding:12px 16px}.tags summary{cursor:pointer;font-size:22px}.tags summary:focus-visible{outline-offset:4px;outline:2px solid #cbbba8}.tags p{color:#cbbba8;text-shadow:none;background:0 0;margin:12px 0 0}h1{margin:0;font-family:Long Cang,cursive;font-size:45px;font-style:normal;font-weight:400}main{background-color:#dcd0be;border-radius:20px;min-height:80vh;margin:20px;display:flex;overflow:hidden}main section{flex:1;min-width:0;padding:20px}main section .header img{float:inline-end;width:250px;max-width:45%;height:auto}main aside{border-right:3px dashed #1e1107;flex:none;width:20%;max-width:250px;container-type:inline-size}main aside img{max-width:100%}@container (width>350px){main aside img{max-width:200px}}.aside-title{color:#dcd0be;text-align:center;background-color:#1e1107;border-top-left-radius:20px;padding:10px}.aside-content{text-align:center;max-height:200px;padding:5px;font-size:12px;overflow-y:auto}.aside-content:has(.update){max-height:150px}#blinkies{max-height:none}#socials{text-align:start;padding-bottom:20px}#socials a{margin-top:5px;display:block}.update{text-align:start}.update .update-date{font-size:10px}.mix{margin-top:30px}.mix-tooltip-container{position:relative}.tooltip-trigger{color:inherit;font:inherit;cursor:help;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tooltip-trigger:focus-visible{outline-offset:2px;outline:2px solid #331d0d}.mix-tooltip{z-index:10;color:#cbbba8;opacity:0;visibility:hidden;background:#331d0d;border:1px solid #9e8c75;border-radius:4px;width:300px;padding:10px 12px;font-size:10px;transition:opacity .15s;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #1e110733}.mix-tooltip-container:hover .mix-tooltip,.tooltip-trigger:focus-visible+.mix-tooltip{opacity:1;visibility:visible}.show-tooltip{width:max-content}@media (prefers-reduced-motion:reduce){.mix-tooltip{transition:none}}.characters{position:relative}.characters-viewport{padding:4px 0;overflow-x:auto}.characters-track,.characters-group{width:max-content;display:flex}.characters-group{gap:10px;padding-right:10px}.characters.is-looping .characters-viewport{overflow:hidden}.characters.is-looping .characters-track{animation:character-scroll var(--scroll-duration) linear infinite}.characters:hover .characters-track,.characters:focus-within .characters-track,.characters.is-open .characters-track{animation-play-state:paused}.polaroid{text-align:center;cursor:pointer;background-color:#fff;border:0;flex:none;width:130px;padding:5px}.polaroid span{font-size:10px}.polaroid img{aspect-ratio:1;object-fit:cover;object-position:center;width:120px;display:block}.polaroid:focus-visible{outline-offset:-2px;outline:2px solid #331d0d}.character-detail{z-index:10;color:#cbbba8;pointer-events:none;background:#331d0d;border:1px solid #9e8c75;border-radius:4px;max-width:min(230px,100vw - 16px);padding:10px 12px;font-size:10px;position:fixed;box-shadow:0 4px 12px #1e110733}@keyframes character-scroll{to{transform:translate(-50%)}}article{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:justify;background-color:#ffffff80;width:65%;max-height:100vh;padding-inline:50px;position:fixed;right:100px;overflow:auto;color:#000!important}article>*{color:#000;text-shadow:none}article h1{font-size:clamp(48px,8vw,80px)}article .story-intro{text-align:center}article p.needs-indent{text-indent:2em}article h2{text-align:center}article h3,article h6{text-align:end}article h3,article h2{margin-top:100px}article h6{margin-top:0;font-weight:400}article img{width:90px!important;height:auto!important;margin-inline:calc(50% - 90px)!important}article .page-break{page-break-before:always;display:none}article .scene-break-image{margin-top:0;transform:rotate(0)translateZ(0)}article .scene-break-frame{border:0 solid #000;margin:0;display:inline-block;overflow:hidden;transform:rotate(0)translateZ(0)}article .scene-break-frame--compact{width:77.19px;height:73.78px}article .scene-break-frame--small{width:75.19px;height:71.77px}article .scene-break-frame--wide{width:160.41px;height:20px}article .scene-break-frame--standard{width:87.68px;height:83.89px}nav{background-color:#dcd0be;border-radius:20px;justify-content:space-evenly;margin:20px;padding:20px;display:flex}body:not(.doc-content)>nav{flex-wrap:wrap;gap:12px 24px}@media (width<=700px){body:not(.doc-content){margin:6px}body:not(.doc-content)>nav,main{margin:10px}main{flex-direction:column}main section{order:-1;width:100%;padding:16px}main aside{border-top:3px dashed #1e1107;border-right:0;width:100%;max-width:none}.aside-title{border-radius:0}.aside-content{padding:10px}.mix-tooltip{width:min(300px,100vw - 24px);max-width:calc(100vw - 24px);position:fixed;top:auto;bottom:12px;left:12px}}@media (width<=1250px){body{padding-inline:100px}}@media (width<=1000px){body{padding-inline:0}}@media (width<=400px){main section .header img{width:120px;margin-left:8px}}body>div{border:3px dashed #dcd0be;border-radius:20px;margin:10px}span[ariadescribedby] [role=tooltip]{visibility:hidden;color:#fff;background:#000;border-radius:.25rem;padding:.5rem;transition:visibility .5s;position:absolute;top:2rem;left:2rem}[aria-describedby]:hover,[aria-describedby]:focus{position:relative}[aria-describedby]:hover+[role=tooltip],[aria-describedby]:focus+[role=tooltip],[role=tooltip]:hover,[role=tooltip]:focus{visibility:visible}
