.mq-page{--mq-sea:color-mix(in srgb, var(--info) 16%, var(--surface));--mq-land:color-mix(in srgb, var(--sun) 28%, var(--surface));--mq-edge:color-mix(in srgb, var(--ink) 55%, transparent);--mq-grey:color-mix(in srgb, var(--muted) 22%, var(--surface))}.mq-menu{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:16px;width:100%;display:grid}.mq-pick{gap:10px;padding:14px;display:grid}.mq-chips{flex-wrap:wrap;gap:6px;display:flex}.mq-modes{gap:8px;display:grid}.mq-mode{text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);gap:2px;padding:10px 12px;display:grid}.mq-mode:hover:not(:disabled){border-color:var(--ink)}.mq-mode:disabled{opacity:.6;cursor:default}.mq-mode:focus-visible{outline:3px solid var(--info);outline-offset:2px}.mq-mode b{font-family:var(--f-word);font-size:18px;font-weight:400}.mq-mode small{color:var(--muted);font-size:13px}.mq-mode .mq-best{color:var(--accent)}.mq{flex-direction:column;gap:10px;width:100%;display:flex}.mq-ask{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-height:44px;padding:8px 12px;display:flex}.mq-q{font-family:var(--f-display);font-size:clamp(20px,3.4vw,28px);line-height:1.15}.mq-tries{color:var(--muted);margin-left:auto;font-size:13px}.mq-tries.wrong{color:var(--bad)}.mq-map{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--mq-sea);width:100%;position:relative;overflow:hidden}.mq-map svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:calc(100dvh - 250px);display:block}.mq-loading{place-items:center;min-height:260px;display:grid}.mq-sea{fill:var(--mq-sea)}.mq-context path{fill:var(--mq-grey);stroke:var(--mq-edge);stroke-width:.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.mq-place{fill:var(--mq-land);stroke:var(--mq-edge);stroke-width:.7px;vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:fill var(--mo-move)}.mq-dot{fill:var(--mq-land);stroke:var(--ink);vector-effect:non-scaling-stroke}.mq-map.live .mq-place,.mq-map.live .mq-dot{cursor:pointer}@media (hover:hover){.mq-map.live .mq-place:hover,.mq-map.live .mq-dot:hover{fill:color-mix(in srgb, var(--sun) 50%, var(--surface))}}.mq-place.t1,.mq-dot.t1{fill:var(--good)}.mq-place.t2,.mq-dot.t2{fill:color-mix(in srgb, var(--good) 55%, var(--surface))}.mq-place.t3,.mq-dot.t3{fill:color-mix(in srgb, var(--sun) 70%, var(--surface))}.mq-place.missed,.mq-dot.missed{fill:var(--bad)}.mq-map.live .mq-place:is(.t1,.t2,.t3,.missed),.mq-map.live .mq-dot:is(.t1,.t2,.t3,.missed){cursor:default}.mq-place.flash-wrong,.mq-dot.flash-wrong{fill:var(--bad-tint);stroke:var(--bad);stroke-width:2.5px}.mq-place.flash-show,.mq-dot.flash-show{stroke:var(--ink);stroke-width:3px;fill:color-mix(in srgb, var(--bad) 45%, var(--surface))}.mq-place.picked,.mq-dot.picked{fill:var(--accent)}.mq-zoom{flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;right:8px}.mq-zoom .btn{background:var(--surface);min-width:36px;padding-inline:8px}.mq-actions{justify-content:flex-start}.mq-end{gap:12px;padding:14px;display:grid}.mq-newbest{font-family:var(--f-word);color:var(--accent);margin:0;font-size:18px}.mq-legal{margin:0;font-size:13px}@media (max-width:760px){.mq-menu{grid-template-columns:1fr}.mq-map svg{max-height:calc(100dvh - 230px)}.mq-end .totals{grid-template-columns:repeat(2,minmax(0,1fr))}}