:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--dark: #3d405b;color:var(--dark);--light: #f4f1de;background-color:var(--light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--gray: #e5e5e5;--green: #81b29a;--yellow: #f2cc8f;--red: #e07a5f;box-sizing:border-box}#root{width:100vw;height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.scrollable{transition:transform .45s ease-in-out}.scrollable.scrolled{transform:translateY(-100vh)}button{box-sizing:border-box;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:.25s;transition-property:border-color,background-color,transform;display:flex;align-items:center;justify-content:center;gap:.5em;width:100%;color:var(--dark);--color: var(--light);--border-color: var(--dark);background-color:var(--color);border-color:var(--dark)}button:hover:not(.disabled){border-color:var(--border-color, var(--color, var(--dark)));background-color:color-mix(in srgb,var(--color) 70%,transparent)}button:disabled{background-color:var(--gray);opacity:.5;cursor:not-allowed}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:active{transform:scale(.98)}.correct,.easy{color:var(--light);--color: var(--green);background-color:var(--green)}.medium{--color: var(--yellow);background-color:var(--yellow)}.incorrect,.hard{color:var(--light);--color: var(--red);background-color:var(--red)}.option:hover:not(.disabled){background-color:color-mix(in srgb,var(--dark) 7%,transparent)}.next{width:100%}.align-left{justify-content:flex-start}h1{margin:0;text-transform:lowercase}.menu{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2em;padding:0 1em;box-sizing:border-box}.difficulty-buttons{display:grid;gap:10px;padding:1em;box-sizing:border-box}.game-runner{display:flex;flex-direction:column;gap:1em;position:relative}.header{width:100%;top:.5em;position:absolute;display:flex;justify-content:center}.game-content{height:100%;box-sizing:border-box}.progress-bar{z-index:1;width:90%;height:16px;background-color:var(--gray);border-radius:999px;overflow:visible;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{height:100%;border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);border-radius:999px}.progress-bar-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;z-index:2;white-space:nowrap}.question{padding-top:2em;align-self:center;min-width:365px;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}img{object-fit:contain;max-height:100%;z-index:-1;flex-shrink:1;min-height:0}.option-buttons{display:grid;gap:.2em}.content{max-height:50%;width:100%;display:flex;flex-direction:column}.actions{width:100%;display:grid;gap:.8em;padding:2em;flex:none;box-sizing:border-box}h2{margin:0;padding:0 1em;flex-shrink:0}.province{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.manager{width:100%;height:100%;display:grid;grid-template-rows:100vh 100vh;grid-template-columns:1fr;align-items:stretch;justify-items:center}.manager>*{max-width:405px;width:100%;height:100%}