:root{--animation-time: .2s}body{overflow:hidden}hr{width:100%;border-color:#fff;margin:0}.small-control{display:flex;width:50px;height:50px;min-width:50px;padding:0;align-items:center;align-content:center;justify-content:center;margin-left:0}.small-control img{max-width:100%;padding:3px}.game-container{position:fixed;inset:10px;display:flex;flex-direction:column;align-items:end;justify-content:end;gap:10px}.bottom-container{display:flex;width:100%;padding:0;justify-content:space-between;align-items:center;gap:5px}.rightControls{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;transition:all var(--animation-time) ease;height:100%}#guessButton{flex-grow:1;width:240px;height:100%;transition:all var(--animation-time) ease}#mapContainer{--height: 30%;background-color:#000;opacity:.6;width:370px;min-width:350px;height:var(--height);border-radius:18px;display:flex;flex-direction:column;transform-origin:bottom right;box-sizing:border-box;overflow:hidden;transition:all var(--animation-time) ease-out}#mapCanvas{width:100%;flex-grow:1;min-height:0;touch-action:none;pointer-events:unset;transition:all var(--animation-time) ease-out;opacity:inherit}#mapContainer:hover{opacity:.9;height:45%;width:600px}#mapContainer.minimise{transition:all var(--animation-time) ease;width:0px;height:0px;background-color:transparent;opacity:1}#roundScoreDisplay{bottom:30px;left:50%;background-color:#000000b3;padding:8px 25px;border-radius:10px;border:2px solid white;margin:10px;z-index:10;pointer-events:none;display:none;min-width:250px;white-space:nowrap;text-align:center}.fullscreen{transition:all .2s ease;opacity:.95;width:100%!important;height:100%!important;top:40px!important;right:0!important;bottom:0!important;margin:0!important}#minimiseButton.rotate180{transform:rotate(180deg);background-color:#fff}.choice-description{font-size:.9rem;color:#b0b0b0;margin-top:.75rem;font-family:sans-serif;font-weight:400;white-space:normal}.choice-info{display:flex;justify-content:space-between;margin-top:.75rem;font-size:.8rem;color:#9ca3af;font-family:sans-serif;font-weight:400}.choice-author{text-align:left}.choice-image-count{text-align:right}.choice-map-icon{height:24px!important;margin-right:8px;vertical-align:middle;object-fit:contain}#packChoices{overflow-y:auto;padding:10px 20px;display:grid;flex-direction:column;gap:20px}#selected-packs-list{display:flex;flex-wrap:wrap;gap:8px;box-sizing:border-box;height:fit-content;font-size:1rem}.pack-tag{display:inline-flex;background-color:#282828;color:#e5e7eb;padding:4px 10px;border-radius:6px;cursor:pointer;align-items:center;text-justify:auto}.pack-tag:hover{text-decoration:line-through}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}#packSelectWindow>div[style*="overflow-y: auto"]{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}#selected-packs-list:empty:before{content:"No packs selected.";color:#6b7280}.pack-selection-area{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}#customDifficultyDiv{gap:1rem}.custom-difficulty-inputs{display:flex;flex-direction:row;gap:1rem;width:100%}.range-container{display:flex;flex-direction:column;gap:.5rem;align-items:center}#minimiseIcon{transition:transform .3s ease}.timer-progress-bar{width:100%;border-radius:0}.top-container{display:flex;top:0;width:100%;margin-bottom:auto;flex-direction:row;gap:10px;font-size:1.5rem;box-sizing:border-box}.top-bar-box{display:flex;flex-direction:column;column-gap:10px;font-size:20px;background-color:#00000090;border-radius:8px;min-width:130px;padding:10px;height:100%;text-align:center;align-items:center;justify-content:center}.top-container .top-bar-box:nth-child(2){margin-right:auto}.top-container .top-bar-box:nth-child(3){margin-right:auto}.grey-box{background-color:#000;border-radius:18px;padding:10px}@media(max-width:768px){#mapContainer{min-width:100%;width:100%;height:30%;margin:0;box-sizing:border-box}.top-bar-box{font-size:15px;min-width:0px}#mapContainer.minimise{min-width:100%}#mapContainer:hover{width:100%;height:30%}#backContainer{left:.5rem;top:.75rem}.rightControls{width:100%}#guessButton{width:100%;transition:all var(--animation-time) ease}}#bottomLeftContainer{position:absolute;bottom:.5rem;left:.5rem;display:flex;gap:.5rem;font-size:1.5rem;color:#ffffffb3;text-shadow:0 0 5px rgba(255,255,255,.5)}img{-webkit-user-drag:none}#imageWrapper{position:relative;width:100vw;height:100vh;overflow:hidden}#menuBlur{position:absolute;top:0;left:0;width:100%;height:100%;background:center/cover no-repeat;filter:blur(10px) brightness(.45);z-index:0;pointer-events:none}#blurBg{position:absolute;inset:0;background:center/cover no-repeat;filter:blur(20px) brightness(.45);z-index:0;pointer-events:none}#locationImg{background:center/cover no-repeat;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:none;opacity:0;transition:opacity .4s ease}#locationImg::selection{background:none}#formWarning{font-size:15px;display:none;padding:0;margin:1px}#debugWindow{position:fixed;bottom:.5rem;left:.5rem;background-color:#000000bf;color:#fff;padding:.5rem;border-radius:4px;font-family:monospace;font-size:12px;z-index:9000;white-space:pre}.window{transition:all .4s cubic-bezier(.2,.9,.2,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000e6;color:#fff;padding:1rem;border-radius:8px;border:2px solid rgba(255,255,255,.5);box-shadow:0 0 30px #000000b3;text-align:center;font-size:1.5rem;z-index:1000;width:90vw;max-height:90vh;display:none;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem;max-width:600px}#packSelectWindow{max-width:1000px}.window.visible{display:flex;opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.window:not(.visible){opacity:0!important;transform:translate(-50%,-55%) scale(.98);pointer-events:none}.hideLocationImg{opacity:0;pointer-events:none}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;font-family:Arial,sans-serif}.choice{text-align:left;position:relative;cursor:pointer;height:150px;transition:all .1s;border-radius:8px;box-shadow:0 0 0 1px #868686;font-size:1rem;overflow:hidden;transform:scale(1)}.choice:hover{box-shadow:0 0 0 1px #fff}.choice.selected{box-shadow:0 0 0 3px #4caf50;background-color:#4caf4f39}.choice:active{transform:scale(.98)}.choice-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.choiceTextContainer{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000e6,#000000b3 60%,#0000);padding:10px;z-index:2;color:#fff}