:root{font-family:Kode Mono,monospace;font-size:20px;text-align:justify;--high-color: #336666;--text-color: #884433;--frame-color: #ababab;--bg-color: #cdcdbc}body,html{margin:0;padding:0;width:100%;overflow:auto}*{margin:0;padding:0;box-sizing:border-box;overflow:hidden}#root{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-color);color:var(--text-color);margin-bottom:2.1rem}.main{box-sizing:border-box;padding:2rem;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:2rem;border:.1rem solid var(--text-color)}.container{padding:0 1rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:.1rem solid var(--text-color)}.title{font-size:4rem;font-weight:300;padding:1rem;text-align:center;font-family:"Noto Serif",serif}.parasubtitle,.photosubtitle{font-size:1.25rem;font-weight:700;padding:.5rem}.body{padding:.5rem;height:100%}.ending{font-size:1.25rem}p{margin:1rem 0;overflow:visible}.photocard{float:left;width:100%;max-width:450px;padding:.5rem;border:.1rem solid var(--text-color);text-align:center;position:relative;display:flex;flex-direction:column;gap:.5rem}.float{margin:0 1rem 1rem 0}.photoimg{position:relative;border:.05rem dashed var(--text-color)}.photoimg img{width:100%;display:block;height:auto}.photoname{color:#fff;padding:.5rem 0;background:#00000080;width:100%;z-index:10;position:absolute;left:0;bottom:0}.choicegrid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);border:.1rem solid var(--text-color);padding:.5rem;gap:.5rem;justify-items:center}.choicetraits{display:flex;flex-direction:column;gap:.25rem;padding:.25rem;border:.05rem dashed var(--text-color)}.choicetrait{padding:.25rem;border:.05rem dashed var(--text-color);font-weight:700}.unqtrait{background-color:var(--high-color);color:var(--bg-color);pointer-events:none}.choicedesc{font-family:monospace;font-size:.8rem;text-align:justify;padding:.5rem;border:.05rem dashed var(--text-color)}.selected{background-color:var(--text-color);color:var(--bg-color);border:.1rem solid var(--bg-color);pointer-events:none}.selected .choicedesc{background-color:var(--bg-color);color:var(--text-color);border:.05rem solid var(--high-color)}.selected .choicetraits{background-color:var(--bg-color);color:var(--text-color);border:.05rem solid var(--high-color);pointer-events:all}.footer{line-height:1rem;position:fixed;bottom:0;left:0;width:100%;z-index:100;text-align:center;padding:.5rem;background-color:var(--bg-color);color:var(--high-color);border-top:.1rem solid var(--high-color)}@media screen and (max-width: 800px){:root{font-size:10pt}.main{padding:0;border:none;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.choicegrid{display:flex;flex-direction:column;align-items:center;justify-content:center}.photoimg img{min-width:none}.choicedesc{font-size:1rem}}