:root{--sea: #cfe3f3;--sea-deep: #aecbe6;--land: #f8fafc;--land-stroke: #5b6b7b;--ink: #0f172a;--muted: #5b6573;--blue: #2563eb;--blue-dark: #1d4ed8;--red: #dc2626;--card: #ffffff;--shadow: 0 10px 40px rgba(15, 23, 42, .18);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased}.app{height:100%;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--sea) 0%,var(--sea-deep) 100%)}.header{flex:0 0 auto;min-height:142px;padding:14px 20px 10px;text-align:center;color:var(--ink)}.header--hidden{visibility:hidden}.header__meta{display:flex;justify-content:space-between;align-items:center;max-width:820px;margin:0 auto;font-size:19px;font-weight:700;color:var(--muted)}.header__prompt{margin-top:6px;display:flex;flex-direction:column;align-items:center;gap:2px}.header__find{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.header__city{font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.05}.header__hint{margin:6px 0 0;font-size:14px;color:var(--muted)}.stage{position:relative;flex:1 1 auto;display:flex;align-items:flex-start;justify-content:center;padding:8px 16px;min-height:0}.board{position:relative;width:min(100%,900px);aspect-ratio:800 / 640;max-height:100%}.map{width:100%;height:100%;display:block}.map--guessing{cursor:crosshair}.map__land{fill:var(--land);stroke:var(--land-stroke);stroke-width:.8;stroke-linejoin:round}.map__connector{stroke:var(--ink);stroke-width:2;stroke-dasharray:5 5;opacity:.7}.map__distance-label{font-size:18px;font-weight:800;fill:var(--ink);stroke:#fff;stroke-width:4;paint-order:stroke}.dot{pointer-events:none;filter:drop-shadow(0 2px 3px rgba(15,23,42,.4))}.btn{font:inherit;font-weight:700;border:none;border-radius:12px;padding:12px 22px;cursor:pointer;transition:transform .05s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--blue);color:#fff}.btn--primary:hover{background:var(--blue-dark)}.btn--primary:disabled{background:#94a3b8;cursor:not-allowed}.panel{position:relative;background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:28px;text-align:center}.start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px))}.start__title{margin:0 0 8px;font-size:40px;font-weight:900}.start__lead{margin:0 0 16px;font-size:17px;color:var(--muted)}.start__rules{text-align:left;margin:0 0 22px;padding-left:20px;color:var(--ink);line-height:1.6}.reveal{position:absolute;top:28%;left:80%;transform:translate(-50%,-50%);width:min(230px,30%);padding:18px 20px}@media(max-width:680px){.reveal{top:auto;left:50%;bottom:12px;transform:translate(-50%);width:min(280px,calc(100% - 24px))}}.reveal__label{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.reveal__km{font-size:33px;font-weight:900;line-height:1.1;margin:2px 0}.reveal__city{color:var(--muted);margin-bottom:14px}.gameover{position:fixed;top:20px;left:50%;transform:translate(-50%);width:min(460px,calc(100% - 24px));max-height:calc(100vh - 40px);overflow-y:auto}.gameover__title{margin:0 0 12px;font-size:30px;font-weight:900}.gameover__total{display:flex;flex-direction:column;margin-bottom:18px}.gameover__total-km{font-size:44px;font-weight:900;color:var(--blue)}.gameover__total-label{font-size:14px;color:var(--muted)}.gameover__list{list-style:none;margin:0 0 14px;padding:0;text-align:left}.gameover__row{display:flex;justify-content:space-between;padding:7px 4px;border-bottom:1px solid rgba(15,23,42,.08)}.gameover__row-name{font-weight:600}.gameover__row-km{color:var(--muted);font-variant-numeric:tabular-nums}.gameover__best{font-size:14px;color:var(--muted);margin:0 0 18px}.btn--ghost{background:transparent;color:var(--blue);margin-top:8px}.btn--ghost:hover{background:#2563eb14}.intro__badge{display:inline-block;background:var(--blue);color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:999px;margin-bottom:12px}.gameover__banner{font-size:22px;font-weight:900;margin:0 0 14px}.vs{display:flex;align-items:stretch;justify-content:center;gap:12px;margin-bottom:18px}.vs__side{flex:1;display:flex;flex-direction:column;gap:2px;background:#2563eb12;border-radius:12px;padding:12px 8px}.vs__name{font-size:14px;font-weight:700;color:var(--muted)}.vs__km{font-size:26px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}.vs__sep{align-self:center;font-size:13px;font-weight:700;color:var(--muted)}.share{margin:0 0 14px;padding:14px;background:#0f172a0a;border-radius:12px;display:flex;flex-direction:column;gap:10px}.share__title{margin:0;font-size:15px;font-weight:700}.share__input{font:inherit;width:100%;padding:10px 12px;border:1px solid rgba(15,23,42,.15);border-radius:10px;background:#fff}.share__input:focus{outline:2px solid var(--blue);border-color:var(--blue)}.share__hint{margin:0;font-size:13px;color:var(--muted)}