@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/ui/fonts/pixelify-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/ui/fonts/pixelify-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-24F,U+1E??,U+2020,U+2113}#game{position:relative;container-type:size}#trivia-panel{color:#f2ece8;box-sizing:border-box;background:#241a26;border-top:.15em solid #4a3a4d;width:100cqw;height:32cqh;min-height:120px;padding:.9em 1.2em;font-family:Pixelify Sans,Courier New,monospace;font-size:clamp(11px,3.1cqh,28px);display:flex;position:absolute;bottom:0;left:0}#trivia-panel.tp-hidden{display:none}.tp-close{color:#cbb;cursor:pointer;background:#2f2332;border:.1em solid #5a4a5d;border-radius:.3em;width:1.8em;height:1.8em;font-family:inherit;font-size:.7em;line-height:1;position:absolute;top:.5em;right:.6em}.tp-close:hover{background:#3a2c3d}.tp-body{flex-direction:row;align-items:stretch;gap:1.4em;width:100%;display:flex}.tp-portrait-col{flex-direction:column;flex:none;align-items:center;gap:.5em;display:flex}.tp-portrait-frame{aspect-ratio:1;background:#14101a;border:.15em solid #6b5a6e;border-radius:.4em;height:100%;overflow:hidden}.tp-portrait{object-fit:cover;width:100%;height:100%}.tp-portrait.tp-portrait-pixelated{image-rendering:pixelated}.tp-portrait.tp-portrait-missing{visibility:hidden}.tp-name{color:#f2c14e;text-align:center;white-space:nowrap;font-size:1.1em}.tp-content-col{flex-direction:column;flex:auto;justify-content:center;gap:.5em;min-width:0;display:flex}.tp-quote,.tp-prompt{overflow-wrap:break-word;margin:0;line-height:1.35}.tp-quote{color:#d9cfe0}.tp-prompt{color:#fff}.tp-control{display:flex}.tp-text-control,.tp-choice-control{flex-wrap:wrap;align-items:center;gap:.6em;display:flex;position:relative}.tp-input,.tp-select-toggle{color:#f2ece8;cursor:pointer;background:#0e0a10;border:.12em solid #f2c14e;border-radius:.25em;min-width:12em;padding:.4em .6em;font-family:inherit;font-size:1em}.tp-input{cursor:text}.tp-input:disabled,.tp-select-toggle:disabled{opacity:.5;cursor:default}.tp-select-toggle{text-align:left;justify-content:space-between;gap:.5em;display:flex}.tp-listbox{z-index:1;background:#0e0a10;border:.12em solid #f2c14e;border-radius:.25em;min-width:12em;max-height:6.5em;margin:.2em 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto}.tp-listbox[hidden]{display:none}.tp-listbox li{cursor:pointer;padding:.35em .6em}.tp-listbox li:hover,.tp-listbox li:focus{background:#3a2c3d;outline:none}.tp-submit{color:#14101a;cursor:pointer;background:#f2c14e;border:none;border-radius:.25em;padding:.45em .9em;font-family:inherit;font-size:1em}.tp-submit:disabled{opacity:.5;cursor:default}.tp-submit:not(:disabled):hover{background:#ffd873}.tp-feedback{min-height:1.3em;font-size:.95em}.tp-feedback-solved{color:#7fd67f}.tp-feedback-wrong{color:#e07a7a}.tp-feedback-locked{color:#e0b97a}