@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@400;500;600;700;800&display=swap');
.back{width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid #e4e7ef;color:#162037;font-size:23px;line-height:1}.back.map-back{box-shadow:0 3px 14px #10182716}
:root{--bg:#f5f6fa;--ink:#162037;--muted:#66708a;--line:#e4e7ef;--navy:#101827;--cyan:#43cfcf;--red:#ef596e;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:Outfit,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{border:0;cursor:pointer}.shell{max-width:450px;margin:auto;min-height:100dvh;padding:28px 21px;display:flex;flex-direction:column}.brand{font-size:27px;line-height:1;font-weight:800;letter-spacing:-1.5px}.brand b{color:#16abab}.hero{margin:auto 0}.eyebrow{font:500 11px 'DM Mono';letter-spacing:.11em;text-transform:uppercase;color:#1aa8a9}.hero h1{font-size:48px;letter-spacing:-2.8px;line-height:.95;margin:13px 0 15px}.hero p,.sub{color:var(--muted);line-height:1.45;margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin:14px 0;box-shadow:0 8px 26px #25385f0a}.card h2{font-size:21px;letter-spacing:-.7px;margin:0 0 5px}.field{display:grid;gap:6px;margin:14px 0}.field label{font-size:13px;font-weight:600}input,select{border:1px solid #d9deea;border-radius:10px;padding:12px;width:100%;background:#fff;color:var(--ink)}.primary,.secondary,.danger{border-radius:11px;width:100%;padding:14px;font-weight:700}.primary{background:var(--navy);color:white}.primary:disabled{background:#bbc2d0;cursor:not-allowed}.secondary{background:#e8f7f7;color:#087d7d;margin-top:9px}.danger{background:#fff0f2;color:#c53650;border:1px solid #ffd8df}.join{display:grid;grid-template-columns:1fr auto;gap:9px}.join .primary{width:auto;padding:0 17px}.note{font-size:12px;color:var(--muted);margin:16px 0 0}.hidden{display:none!important}.lobby{max-width:580px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.code{font:500 13px 'DM Mono';letter-spacing:.09em;background:#e8f7f7;color:#087d7d;padding:8px 10px;border-radius:8px}.section-title{font-size:13px;font-weight:700;margin:22px 0 8px}.player{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line)}.player:first-of-type{border-top:0}.dot{height:8px;width:8px;background:#45caca;border-radius:100%;display:inline-block;margin-right:7px}.muted{font-size:13px;color:var(--muted)}.select-x{font-size:13px;padding:7px;border:1px solid var(--line);border-radius:8px;background:#fff}.map-page{height:100dvh;position:relative}.map{height:100%;width:100%}.bar{position:absolute;z-index:800;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.bar>*{pointer-events:auto}.pill{background:#ffffffeb;border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:0 3px 14px #10182716}.timer{font:500 15px 'DM Mono'}.hud{position:absolute;z-index:800;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:grid;gap:8px}.game-card{background:#101827f5;color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 8px 30px #10182744}.game-card .muted{color:#b8c0d2}.game-card h2{font-size:17px;margin:2px 0}.split{display:flex;justify-content:space-between;align-items:center;gap:15px}.capture{background:var(--red);color:#fff}.end-small{background:#fff;border:1px solid var(--line);color:#a23d51;border-radius:9px;padding:8px 10px;font-size:12px}.draw-sheet{position:absolute;z-index:800;left:12px;right:12px;bottom:18px;max-width:500px;margin:auto;pointer-events:none}.draw-sheet .card{pointer-events:auto}.draw-tools{display:flex;gap:8px;margin:13px 0}.draw-tools button{background:#f0f3f8;border-radius:8px;padding:8px 10px;color:#43506c;font-size:13px}.range{display:grid;grid-template-columns:1fr 1fr;gap:10px}.leaflet-control-attribution{font-size:9px!important}@media(min-width:700px){.shell{max-width:580px}.draw-sheet{right:auto;left:22px;width:420px}.bar{left:22px;right:22px}.hud{left:22px;right:auto;width:390px}}