body{--color-clear: #f9f4f5;--color-dark: #000000;--color-bright: #c8b8db;--color-secondary: #70587c;--color-tertiary: #502f4c;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:16px;max-width:480px;margin:0 auto;background-color:var(--color-clear);color:var(--color-dark)}a{color:var(--color-dark);text-decoration:none}a:hover,a:visited{color:var(--color-dark)}input[type=submit]{padding:1em;background-color:var(--color-tertiary);color:var(--color-clear);border:0px;cursor:pointer;font-size:16px;border-radius:4px}input[type=submit]:hover{background-color:var(--color-secondary)}button{font-size:16px;cursor:pointer;border:0;border-radius:4px;padding:1em;background-color:var(--color-tertiary);color:var(--color-clear)}button a,button a:hover,button a:visited{color:var(--color-clear)}button:hover{background-color:var(--color-secondary)}h1{margin:15px auto;width:480px;max-width:100%;aspect-ratio:500/75;background-color:var(--color-tertiary);background-image:url(/img/shoparoundlogo500long.png);background-size:contain;background-repeat:no-repeat;background-position:top;text-transform:uppercase;color:var(--color-clear)}h1 span{opacity:0;width:100%;height:100%}h1 span a{display:inline-block;height:100%;width:100%;max-width:100%;aspect-ratio:500/75;color:var(--color-clear)}h2{font-weight:400;font-size:18px;color:var(--color-tertiary)}.loader{width:48px;height:48px;border:5px solid var(--color-bright);border-radius:50%;display:inline-block;box-sizing:border-box;position:relative;animation:pulse 1s linear infinite}.loader:after{content:"";position:absolute;width:48px;height:48px;border:5px solid var(--color-bright);border-radius:50%;display:inline-block;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);animation:scaleUp 1s linear infinite}@keyframes scaleUp{0%{transform:translate(-50%,-50%) scale(0)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,60%,to{transform:scale(1)}80%{transform:scale(1.2)}}#map{margin-top:2em;width:100%;height:calc(.5625*min(100vw,480px))}#welcome-map,#welcome-map-selection{position:relative;width:100%;height:calc(.5625*min(100vw,480px))}#welcome-map-selection svg{position:absolute;left:calc(50% - 15px);top:calc(50% - 15px)}p#intro{margin:1em .2em;text-align:center}div#options-confirm{margin:1.5em .2em;text-align:center}div#loading-messages p{opacity:0;margin:.5em 0;text-align:center}@keyframes appear{0%{opacity:0}50%{opacity:1}to{opacity:1}}div#play-content h1{margin:5px auto;height:35px;max-width:100%;aspect-ratio:500/75}div#play-content div#map{margin-top:0}div#map-zone{position:relative;top:0;left:0}#game-intro{text-align:center}#hiding-marker{background-color:var(--color-tertiary);cursor:pointer}.maplibregl-popup-close-button{font-size:10px;color:var(--color-dark);border:none}ul#suggestions{margin:0;padding:0}ul#suggestions li{position:relative;top:0;left:0;list-style-type:none;padding:.9em;margin:.5em;color:var(--color-tertiary);cursor:pointer;border:3px solid var(--color-tertiary);border-radius:8px}ul#suggestions li:hover{border:3px solid var(--color-bright)}ul#suggestions li span.suggestion-status{display:inline-block;width:1.5em}ul#suggestions li.selected,ul#suggestions li.selected:hover{border:3px solid var(--color-bright)}ul#suggestions li.selected span.suggestion-status:before{content:"→"}ul#suggestions li.correct,ul#suggestions li.correct:hover{background-color:var(--color-bright);border:3px solid var(--color-bright)}ul#suggestions li.correct span.suggestion-status:before{content:"✓"}ul#suggestions li.incorrect{background-color:var(--color-secondary);border:3px solid var(--color-secondary);color:var(--color-clear)}ul#suggestions li.incorrect:hover{background-color:var(--color-secondary);border:3px solid var(--color-secondary)}ul#suggestions li.incorrect span.suggestion-status:before{content:"✗"}ul#suggestions.correction li:hover{border:3px solid var(--color-tertiary)}ul#suggestions.correction li.correct:hover{border:3px solid var(--color-bright)}ul#suggestions.correction li.incorrect:hover{border:3px solid var(--color-secondary)}span.suggestion-usage{position:absolute;right:4px;top:.5ex;font-size:11px;text-transform:uppercase}div#confirm-zone{display:grid;grid-template-columns:repeat(3,33%);margin-top:1em;height:51px}div#confirm-zone div{text-align:center}div#confirm-zone div p#round-number{margin-left:.2em;text-align:left}div#confirm-zone p#round-number{margin:0;padding:0;height:100%;display:flex;flex-direction:column;justify-content:center}div#footer-play{margin-top:5em;font-size:10px}div#footer-play a{color:var(--color-secondary);text-decoration:underline}#result-content{max-width:1000px;margin:auto}div#score-zone{text-align:center;width:fit-content;margin:auto}div#score-zone p#score-number{margin:1em;padding:.5em .4em;font-size:32px;font-weight:700;border:1px solid var(--color-tertiary);border-radius:5px}div#game-summary{width:fit-content;max-width:100%;margin:auto}div#game-summary ol{padding:5px}div#game-summary ol li.correct{color:var(--color-secondary)}div#game-summary ol li.incorrect{color:var(--color-tertiary)}div#next-game-zone{max-width:480px;margin:auto;display:flex;justify-content:space-evenly}@media (min-width:1025px){body{max-width:none;font-size:18px}div#play-content h1{height:auto}div#play-zone{margin:0 20px;display:grid;grid-template-columns:55% 45%;column-gap:5px}div#map{margin-top:2em;width:100%;height:30.9375vw}#welcome-map,div#welcome-map-selection{max-width:800px;height:450px;margin:auto}}@media (min-width:2050px){body{max-width:none;font-size:22px}#welcome-map,div#welcome-map-selection{max-width:1200px;margin:auto}}