:root{--is-mobile: 0;--max-content-width: 40rem;--content-padding: .5rem;--color-subtle-primary: #c9d9e6;--color-primary: #81b1d3;--color-on-primary: whitesmoke;--color-surface: white;--color-on-surface: black;--color-on-surface-variant: #3a6a88}a{color:var(--color-on-surface-variant);text-decoration:underline;text-decoration-color:var(--color-subtle-primary);text-underline-offset:.15em}a:hover{color:#004085;text-decoration-color:var(--color-primary)}.guessButton{display:flex}.down-arrow{display:inline-block;transform:rotate(180deg);vertical-align:bottom}.down-arrow>img{width:1rem;height:1rem}.facts-list{display:grid;grid-template-columns:max-content 1fr;gap:.4rem .6rem}.facts-list dt,.facts-list dd{margin:0}@media(max-width:768px){:root{--is-mobile: 1}.guessButton{display:none}.facts-list{display:block}.facts-list dt{margin:0 0 .2em}.facts-list dd{margin:0 0 .4em}}html{box-sizing:border-box;background-color:var(--color-surface);color:var(--color-on-surface)}*,*:before,*:after{box-sizing:inherit}html,body{margin:0;padding:0;width:100%;font-family:Helvetica}h1{font-size:inherit;margin:0;padding:0;gap:10px;align-items:center}.logo{display:inline-block}.logo img{height:2rem;width:auto;display:block}header{background-color:var(--color-primary);height:3.2rem;margin:0;font-size:2rem;font-weight:700;color:var(--color-on-primary);padding:var(--content-padding)}main{margin:0 auto;max-width:var(--max-content-width);min-height:70vh;padding:var(--content-padding)}footer{border-top:1px dotted oklch(.7387 .071 239.78 / 71.76%);font-size:.85em;line-height:1.5;margin:0 auto;max-width:var(--max-content-width);padding:var(--content-padding);padding-top:1.5rem;display:grid;grid:auto auto / repeat(auto-fill,1fr);gap:1rem}@media(max-width:768px){footer{display:flex;flex-direction:column}}footer>:first-child{grid-column:span 2}footer>:nth-child(2){grid-column:span 2}footer>:last-child{grid-column:span 2}footer img{height:3rem;margin:0 auto;opacity:.6;display:block}.try-again{display:block;margin-top:1em;padding:.5em;border:1px solid var(--color-on-surface-variant);font-size:initial}.flag-colours{height:8rem;width:8rem;display:flex;margin:1vh;padding:5px;flex-shrink:0}.flag-canvas{height:8rem;width:8rem;position:relative}.flag-hint{display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:min(36rem,90vw)}.error-banner{font-size:1.5rem;padding:2rem}.container{min-height:100vh;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;margin-top:1rem}#responseMessage{font-size:1.5rem;padding-bottom:10px;color:#5a7a94}#guessForm{display:flex;gap:.5rem;margin:0;margin-bottom:1rem;padding:0;width:100%}.countries-dropdown{position:relative;color:#81b1d3;width:100%}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #81b1d3;border-top:none;border-radius:0 0 6px 6px;margin:0;padding:0;list-style:none;max-height:150px;overflow-y:auto;display:none;z-index:10;box-shadow:0 2px 4px #004085}.countries-dropdown.active .dropdown-options{display:block}.dropdown-options li{padding:10px;cursor:pointer;transition:background .2s}.dropdown-options li:hover{background-color:#81b1d3;color:#fff}#countryGuess{font-size:2rem;color:#004085;border:2px solid #81b1d3;border-radius:6px;width:100%}#countryGuess::placeholder{color:#7ab9fc;opacity:.5}#countryGuess:focus{outline-color:#004085}#countryGuess:focus::placeholder{color:transparent}.guessButton{align-items:center;gap:.5rem;background-color:#81b1d3;color:#fff;font-size:2rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.guessButton:hover{background-color:#0056b3;transform:translateY(-1px)}.guessButton:active{background-color:#004085;transform:translateY(1px)}.guessButton--waiting{cursor:wait}.guessButton--waiting .logo img{animation:globe-spin .8s linear infinite}@keyframes globe-spin{to{transform:rotate(1turn)}}#hints,.hints{padding:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.hint{padding:.5rem 0;display:flex;flex-direction:column;align-items:center;gap:.6rem;border-radius:.5rem;max-width:100%;min-width:0;width:100%}.hint.hint--initial .hint-parts{justify-content:space-between}.hint.hint--incorrect .hint-parts{justify-content:start}.hint--expando{width:100%;display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--color-on-surface);border-bottom:1px solid var(--color-on-surface);padding:.5rem;color:var(--color-on-surface);font-size:.8rem;opacity:.7;cursor:pointer}.hint--expando:hover{opacity:.5}.hint--expando__up>img,.hint--expando__down>img{width:1rem;height:1rem}.hint--expando__down{transform:rotate(180deg)}.hint-label{letter-spacing:10%;text-transform:uppercase}.hint-parts{display:flex;flex-wrap:wrap;gap:1.5rem;max-width:100%;min-width:0;width:100%}.hint-parts:has(.hint-part .facts .facts__nothing-to-show)>.hint-part:has(.map){flex:1;min-height:8rem}.hint-part:has(.facts__nothing-to-show){display:none}.hint-part{display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:100%;min-width:7rem;flex:1}.hint.hint--incorrect .hint-part:has(.map){flex:none}.hint.hint--won .hint-part:has(.map),.hint.hint--lost .hint-part:has(.map){flex:1}.hint-part:has(.people-facts){flex-basis:100%!important}.hint-part-label{font-size:.85em;letter-spacing:.5px;opacity:.8}.facts{width:100%;min-width:0;text-align:left;font-size:.85rem;display:flex;flex-direction:column}.facts-list{margin:0}.facts-list dt{color:#5a7a94}.flag{display:block;max-width:100%;max-height:8rem;width:auto;height:auto;min-width:0;min-height:0;border:1px solid #ccc}.flag-sections{font-size:.85rem}.flag-sections dt{color:#5a7a94;display:inline}.flag-sections dt:after{content:": "}.flag-sections dd{display:inline;margin:0 .5em 0 0}.map{position:relative;width:100%;height:100%;min-height:6rem;border-radius:.5rem;overflow:hidden;background-color:#80b1d3}.map__viewport{width:100%;height:100%}.map .maplibregl-canvas-container,.map .maplibregl-canvas{background-color:#80b1d3}.map__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#80b1d3;z-index:1;pointer-events:none;transition:opacity .2s ease}.map--ready .map__loading{opacity:0}.map__spinner{width:2rem;height:2rem;border:3px solid rgba(255,255,255,.35);border-top-color:#f5f5f5;border-radius:50%;animation:map-spin .7s linear infinite}@keyframes map-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.map__spinner{animation:none}.map__loading{transition:none}.guessButton--waiting .logo img{animation:none}}.timeline{list-style:none;margin:0;padding:0;width:100%;text-align:left;font-size:.85rem;display:flex;flex-direction:column;gap:.7rem;border-left:2px solid #c9d9e6}.timeline li{padding:0 0 .15rem .85rem;position:relative}.timeline li:before{content:"";position:absolute;left:-.3rem;top:.35rem;width:.5rem;height:.5rem;border-radius:50%;background:#81b1d3}.timeline time{display:block;color:#5a7a94;font-size:.8rem;font-weight:600;margin-bottom:.15rem}.timeline p{margin:0;line-height:1.4;color:#333}.timeline-block{max-width:min(36rem,90vw);width:100%}.chart-caption{color:#5a7a94;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem}.radar-chart{width:100%;max-width:22rem;height:14rem;margin-top:.8rem;align-self:center;display:flex;flex-direction:column}.radar-chart .chart-caption{text-align:center}.radar-canvas,.radar-chart canvas{flex:1;min-height:0}.people-facts{display:flex;gap:1rem;min-width:0;width:100%;max-width:100%;justify-content:center;position:relative}.people-facts__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch}.people-facts__text{margin:.5rem 0 0;font-size:.78rem;line-height:1.4;color:#456;text-align:left}@media(max-width:768px){.people-facts{flex-direction:column}}.share-chart{flex:1 1 0;display:flex;flex-direction:column;align-items:center}.share-chart__canvas{width:100%;height:14rem}.timeline-source{display:inline-block;margin:.35rem 0 0 .85rem;font-size:.72rem;color:#8aa0b3;text-decoration:none}.timeline-source:hover{color:#5a7a94;text-decoration:underline}.stacked-bar-chart{display:flex;width:100%;margin-top:1rem}dd>.stacked-bar-chart{font-size:.9em;margin:0}.stacked-bar-chart__segment{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;position:relative;padding:.5rem;anchor-name:--chart-segment;anchor-scope:--chart-segment}.stacked-bar-chart__segment:after{background-color:#0009;color:#fff;border-radius:5px;content:attr(title);display:none;padding:.3rem;position:fixed;position-anchor:--chart-segment;bottom:calc(anchor(top) + 1px);left:anchor(left);z-index:10}.stacked-bar-chart__segment:hover:after{display:block}