:root{--bg:#05070f;--panel:#0d1425;--panel-raised:#14203a;--text:#eaf2ff;--text-dim:#8b9bc4;--cyan:#5ce0ff;--green:#37f0a0;--pink:#ff4d6d;--border:#5ce0ff40;--mono:ui-monospace, "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{height:100dvh}.game{height:100%;position:relative;overflow:hidden}.globe-canvas-container{position:absolute;inset:0}.globe-canvas{touch-action:none;width:100%;height:100%;display:block}.score-header{padding:calc(8px + env(safe-area-inset-top)) 14px 8px;z-index:3;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.score-header>*{pointer-events:auto}.menu-btn{border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1425b3;border-radius:10px;place-items:center;padding:0;display:grid}.menu-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:22px;height:22px}.title{letter-spacing:.04em;text-shadow:0 0 12px #5ce0ff73;font-size:18px;font-weight:700}.round-progress{font-family:var(--mono);color:var(--text-dim);margin-left:auto;font-size:15px}.round-progress .of{opacity:.7}.score-box{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1425b3;border-radius:10px;flex-direction:column;align-items:flex-end;padding:5px 10px;line-height:1.1;display:flex}.score-label{letter-spacing:.18em;color:var(--cyan);font-size:9px}.score-value{font-family:var(--mono);font-size:20px;font-weight:700}.best-label{letter-spacing:.1em;color:var(--text-dim);font-size:9px}.prompt-banner{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:3;text-align:center;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1425d1;border-radius:14px;flex-direction:column;align-items:center;gap:4px;max-width:min(92vw,460px);padding:12px 22px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 24px #5ce0ff26}.prompt-label{letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase;font-size:12px}.prompt-city{color:var(--text);text-shadow:0 0 14px #5ce0ff73;font-size:22px;font-weight:700}.prompt-diff{font-family:var(--mono);border:1px solid;border-radius:999px;margin-top:2px;padding:2px 10px;font-size:12px}.prompt-diff[data-diff=easy]{color:var(--green)}.prompt-diff[data-diff=medium]{color:var(--cyan)}.prompt-diff[data-diff=hard]{color:var(--pink)}.reveal-panel{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:4;text-align:center;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a101eeb;border-radius:16px;width:min(94vw,440px);padding:16px 20px 18px;animation:.22s ease-out rise;position:absolute;transform:translate(-50%);box-shadow:0 8px 40px #0000008c}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.reveal-city{margin-bottom:12px;font-size:20px;font-weight:700}.reveal-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px;display:grid}.reveal-stats>div{flex-direction:column;gap:2px;display:flex}.reveal-stats dt{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.reveal-stats dd{font-family:var(--mono);margin:0;font-size:16px;font-weight:600}.reveal-score{color:var(--green)}.reveal-multiplier{color:var(--text-dim);font-size:12px;font-weight:500}.reveal-flavor{color:var(--cyan);min-height:1.2em;margin:0 0 14px;font-size:14px}.overlay{z-index:6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03050c9e;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.panel{text-align:center;border:1px solid var(--border);background:linear-gradient(180deg, var(--panel-raised), var(--panel));border-radius:18px;width:min(92vw,380px);padding:24px 22px;box-shadow:0 10px 50px #0009}.panel h2{margin:0 0 12px;font-size:24px}.panel h3{color:var(--cyan);letter-spacing:.05em;margin:16px 0 6px;font-size:14px}.panel p{color:var(--text-dim);margin:0 0 10px;font-size:14px;line-height:1.5}.welcome-goal{color:var(--text)!important}.final-score{font-family:var(--mono);color:var(--green);text-shadow:0 0 24px #37f0a066;font-size:52px;font-weight:700}.final-best{color:var(--text-dim);margin-bottom:16px}.credits{text-align:left;color:var(--text-dim);margin:0 0 14px;padding-left:18px;font-size:13px;line-height:1.6}.credits a{color:var(--cyan)}.btn{appearance:none;border:1px solid var(--border);color:var(--text);background:var(--panel-raised);cursor:pointer;border-radius:12px;padding:12px 22px;font-size:15px;font-weight:600;transition:transform 60ms,box-shadow .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:linear-gradient(180deg, var(--cyan), #2bb6e0);color:#04121c;border-color:#0000;box-shadow:0 0 20px #5ce0ff59}.loading{left:50%;bottom:calc(26px + env(safe-area-inset-bottom));z-index:3;font-family:var(--mono);color:var(--text-dim);font-size:13px;position:absolute;transform:translate(-50%)}