*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0e1a;--surface: #131929;--surface2: #1c2540;--border: #2a3556;--text: #e8eaf6;--text-muted: #7986cb;--accent: #5c6bc0;--accent-bright: #7986cb;--easy: #66bb6a;--medium: #ffa726;--hard: #ef5350;--pin: #ff5252;--arc: #7986cb}html,body,#root{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.game-layout{display:flex;flex-direction:column;height:100dvh;position:relative}.globe-container{flex:1;position:relative;cursor:crosshair}.globe-container.revealed{cursor:default}.hud{position:absolute;top:0;left:0;right:0;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:10}.city-prompt{background:#0a0e1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:14px 20px;max-width:260px}.city-prompt .label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:4px}.city-prompt .city-name{font-size:22px;font-weight:700;line-height:1.1}.city-prompt .city-country{font-size:13px;color:var(--text-muted);margin-top:3px}.city-prompt .difficulty-badge{display:inline-block;margin-top:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:99px}.difficulty-badge.easy{background:#66bb6a26;color:var(--easy)}.difficulty-badge.medium{background:#ffa72626;color:var(--medium)}.difficulty-badge.hard{background:#ef535026;color:var(--hard)}.score-hud{background:#0a0e1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:14px 20px;text-align:right}.score-hud .total-score{font-size:24px;font-weight:700}.score-hud .score-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.round-pips{display:flex;gap:6px;margin-top:8px;justify-content:flex-end}.pip{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .3s}.pip.done{background:var(--accent-bright)}.pip.active{background:var(--text)}.result-overlay{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:20;background:#0a0e1aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px;padding:20px 28px;text-align:center;min-width:260px}.result-overlay .wrong-country{font-size:12px;font-weight:600;color:#ff7043;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.result-overlay .distance{font-size:13px;color:var(--text-muted);margin-bottom:4px}.result-overlay .round-score{font-size:36px;font-weight:800;letter-spacing:-.02em}.result-overlay .round-score-max{font-size:14px;color:var(--text-muted)}.result-overlay .round-quip{font-size:13px;font-style:italic;color:var(--text-muted);margin-top:6px;margin-bottom:2px}.result-overlay .next-btn{margin-top:16px;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:12px 28px;font-size:15px;font-weight:600;cursor:pointer;width:100%;transition:background .2s}.result-overlay .next-btn:hover{background:var(--accent-bright)}.final-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0a0e1af5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.final-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:36px 40px;width:min(420px,90vw);text-align:center}.final-card h1{font-size:20px;font-weight:700;margin-bottom:4px}.final-card .final-quip{font-size:13px;font-style:italic;color:var(--text-muted);margin:6px 0 0}.final-card .total{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1;margin:14px 0 4px}.final-card .total-max{font-size:16px;color:var(--text-muted);margin-bottom:24px}.round-breakdown{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:28px;text-align:left}.round-breakdown li{display:flex;align-items:center;justify-content:space-between;background:var(--surface2);border-radius:12px;padding:10px 14px;font-size:14px}.round-breakdown .city-info{display:flex;flex-direction:column;gap:1px}.round-breakdown .city-info .name{font-weight:600}.round-breakdown .city-info .country{font-size:12px;color:var(--text-muted)}.round-breakdown .score-col{display:flex;align-items:center;gap:5px}.round-breakdown .score-num{font-weight:700;font-size:16px}.round-breakdown .score-denom{font-size:11px;color:var(--text-muted)}.round-breakdown .score-emoji{font-size:15px;margin-left:2px}.multiplier-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:99px;letter-spacing:.04em}.multiplier-badge.medium{background:#ffa72626;color:var(--medium)}.multiplier-badge.hard{background:#ef535026;color:var(--hard)}.share-btn{background:var(--accent);color:#fff;border:none;border-radius:14px;padding:14px 32px;font-size:16px;font-weight:700;cursor:pointer;width:100%;transition:background .2s}.share-btn:hover{background:var(--accent-bright)}.share-toast{margin-top:10px;font-size:13px;color:var(--easy);min-height:20px}.yesterday-btn{margin-top:10px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:14px;padding:12px 32px;font-size:14px;font-weight:600;cursor:pointer;width:100%;transition:color .2s,border-color .2s}.yesterday-btn:hover{color:var(--text);border-color:var(--accent)}.fat-finger-toggle{position:absolute;bottom:16px;left:16px;z-index:10;display:flex;align-items:center;gap:8px;background:#0a0e1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:99px;padding:8px 14px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-muted);transition:color .2s,border-color .2s}.fat-finger-toggle.active{color:var(--text);border-color:var(--accent)}.toggle-switch{width:32px;height:18px;background:var(--border);border-radius:99px;position:relative;flex-shrink:0;transition:background .2s}.toggle-switch.on{background:var(--accent)}.toggle-switch:after{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s}.toggle-switch.on:after{transform:translate(14px)}.confirm-btn-container{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:20}.confirm-btn{background:#64dcaa;color:#0a0e1a;border:none;border-radius:14px;padding:14px 36px;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 20px #64dca059;transition:opacity .2s}.confirm-btn:hover{opacity:.88}.globe-pin{position:relative;display:flex;flex-direction:column;align-items:center;pointer-events:none;transform:translate(-50%,-50%)}.globe-pin__dot{width:14px;height:14px;border-radius:50%;border:2.5px solid rgba(255,255,255,.9);box-shadow:0 0 12px 3px #00000080}.globe-pin--guess .globe-pin__dot{background:#ff5252;box-shadow:0 0 10px 2px #ff525299}.globe-pin--actual .globe-pin__dot{background:#64dcaa;box-shadow:0 0 10px 2px #64dca0b3}.globe-pin--pending .globe-pin__dot{background:#ffa726;box-shadow:0 0 10px 2px #ffa726b3;animation:pending-pulse 1s ease-in-out infinite}@keyframes pending-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.globe-pin__label{margin-top:5px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;background:#0009;padding:2px 7px;border-radius:5px;letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading{display:flex;align-items:center;justify-content:center;height:100dvh;font-size:18px;color:var(--text-muted)}.error{display:flex;align-items:center;justify-content:center;height:100dvh;font-size:18px;color:var(--hard)}