:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#4e4e4e;--ink:#eee;--muted:#999;--track:#333;--population:#47c;--money:#fad037;--happiness:#c44;--materials:#4a5;font-family:Times New Roman,serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg) url(/background.png) center / cover no-repeat fixed;color:var(--ink);margin:0}.stage{flex-direction:column;gap:1.5rem;height:100%;padding:1.5rem;display:flex}.meters{flex:none;grid-template-columns:repeat(4,1fr);gap:1rem;width:80%;max-width:56rem;margin:0 auto;display:grid;position:relative}.meter-head{color:#000;align-items:baseline;gap:.4rem;margin-bottom:.5rem;font-size:1rem;display:flex}.meter-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meter-track{background:var(--track);width:100%;height:1.1rem}.meter-fill{background:var(--accent);height:100%}.meter[data-resource=population]{--accent:var(--population)}.meter[data-resource=money]{--accent:var(--money)}.meter[data-resource=happiness]{--accent:var(--happiness)}.meter[data-resource=materials]{--accent:var(--materials)}@media (width<=34rem){.meters{grid-template-columns:repeat(2,1fr)}}.textbox{top:6%;left:calc(6% + 1.462 * var(--throne-w));width:min(calc(.95 * var(--throne-w)), calc(92% - 1.462 * var(--throne-w)));color:#1a1a1a;background:#fff;min-height:9rem;padding:1rem;position:absolute}.intro{width:min(var(--throne-w), 88%);z-index:2;color:#1a1a1a;background:#fff;padding:1rem;font-family:Times New Roman,serif;font-size:1.05rem;position:absolute;top:6%;left:6%}.intro-hint{color:#666;margin-top:.75rem;font-size:.9rem;display:block}.choices{grid-template-columns:1fr;gap:.6rem;width:74%;display:grid;position:absolute;top:94%;left:139.2%}.choice{color:#1a1a1a;font:inherit;text-align:left;cursor:pointer;background:#fff;border:none;padding:1.1rem 1.25rem;font-size:1.05rem}.choice:hover{background:#d4d4d4}.scene{--throne-w:min(100%, 34rem, calc((100svh - 9rem) * 1.0856));flex:1;justify-content:flex-start;align-items:center;min-height:0;display:flex;position:relative}.throne{width:var(--throne-w);aspect-ratio:710/654;margin-left:6%;position:relative}.stainedglass{z-index:-1;width:52%;position:absolute;top:-30%;left:86.7%}.sofa{width:100%;height:100%;display:block;position:relative;top:16%}.cat{width:52%;position:absolute;top:24.5%;left:23.2%}.pop,.money,.happy,.mats{object-fit:contain;width:2rem;height:2rem;image-rendering:pixelated;position:absolute;top:0}.pop{right:calc(75% + .75rem)}.money{right:calc(50% + .5rem)}.happy{right:calc(25% + .25rem)}.mats{right:0}@media (width<=34rem){.pop{right:calc(50% + .5rem)}.money{right:0}.happy{top:4.1rem;right:calc(50% + .5rem)}.mats{top:4.1rem;right:0}}.citizen{width:52%;position:absolute;top:30.5%;left:150.2%}.ending{background:#fff;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.reallife{object-fit:cover;width:90%;height:90%}.fadeout{opacity:0;pointer-events:none;background:#000;animation:1.5s ease-in 2.5s forwards fade-to-black;position:absolute;inset:0}@keyframes fade-to-black{to{opacity:1}}