:root{color:#17212e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f9fb;font-family:system-ui,Segoe UI,Roboto,sans-serif}body{margin:0}#root{min-height:100vh}.game{box-sizing:border-box;width:min(100%,640px);margin:0 auto;padding:24px 20px 80px}.game-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px;display:flex}.game-header h1{margin:0 0 6px;font-size:1.65rem}.game-header p{color:#58616e;margin:0;font-size:.9rem}.mode-buttons,.result-actions{gap:8px;display:flex}.mode-buttons{flex-shrink:0}button{cursor:pointer;color:#17212e;font:inherit;background:#fff;border:1px solid #bbc2ca;border-radius:6px;padding:10px 14px}button:hover:not(:disabled){background:#edf1f5}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #226ad4}button:disabled{cursor:default;opacity:.48}.mode-buttons button[aria-pressed=true],.zoom-controls button[aria-pressed=true],.primary{color:#fff;background:#17212e;border-color:#17212e}.primary:hover:not(:disabled){background:#354559}.map-frame{aspect-ratio:3/2;background:#e5eaf0;border-radius:10px;width:100%;position:relative;overflow:hidden}.map-frame img{object-fit:cover;width:100%;height:100%;display:block}.crosshair{color:#fff;text-shadow:0 1px 4px #000;pointer-events:none;font-size:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-overlay{text-align:center;color:#17212e;background:#ffffffe0;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.map-overlay button{margin-left:8px}.notice{background:#fff4e8;border:1px solid #c37029;border-radius:8px;padding:24px}.zoom-controls{text-align:center;margin:18px 0}.zoom-controls p{color:#58616e;text-transform:uppercase;letter-spacing:.08em;margin:0 0 9px;font-size:.8rem}.zoom-controls div{justify-content:center;gap:8px;display:flex}.zoom-controls button{width:44px;height:44px;padding:0}.feedback{text-align:center;min-height:25px;margin:0 0 12px;font-weight:600}.guess-form{align-items:end;gap:10px;display:flex}.country-picker{flex:1;min-width:0;position:relative}.country-picker label{margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.country-picker input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #9ba7b6;border-radius:6px;padding:12px}.guess-form>button{min-height:47px}.country-options{z-index:10;background:#fff;border:1px solid #9ba7b6;border-radius:6px;max-height:220px;margin:3px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 6px 16px #0002}.country-options button{text-align:left;border:0;border-radius:0;width:100%;display:block}.no-options{color:#58616e;padding:12px}.view-results{width:100%}.dialog-backdrop{z-index:20;background:#0008;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.results-dialog{box-sizing:border-box;text-align:center;background:#fff;border-radius:18px 18px 0 0;width:min(100%,600px);padding:32px 24px 40px;position:relative;box-shadow:0 -8px 30px #0002}.results-dialog h2{margin:0 0 15px}.results-dialog p{margin:0 0 22px}.close-button{border:0;font-size:1.6rem;position:absolute;top:8px;right:12px}.result-actions{flex-wrap:wrap;justify-content:center}.results-dialog .share-message{margin:18px 0 0}.results-dialog textarea{box-sizing:border-box;width:100%;height:85px;font:inherit;margin-top:10px;padding:8px}@media (width<=550px){.game{padding:16px 12px 72px}.game-header{flex-direction:column}}