
#stageCentral{position:fixed;inset:0;z-index:2600;background:#000;visibility:hidden;pointer-events:none;
  --bg:#0a0d10;--panel:#0c0c0d;--line:#262a30;--fg:#f2f2f2;--dim:#8e8e93;--dim2:#5c5c61;--f58-area:#f0c25a;
  --safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;color:var(--fg);overscroll-behavior:none}
#stageCentral.on{visibility:visible;pointer-events:auto}
#cdMap{position:absolute;inset:0;background:#000}
#stageCentral .maplibregl-ctrl-attrib{background:rgba(0,0,0,.78)!important;color:#4a4a50!important;font-size:9px}
#stageCentral .maplibregl-ctrl-attrib a{color:#7a7a80!important}
#cdTitle{position:absolute;left:12px;top:calc(var(--safe-t) + 12px);z-index:900;pointer-events:none;
  background:rgba(8,10,13,.7);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#cdTitle b{display:block;font:700 12.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.28em;color:var(--f58-area)}
#cdTitle i{display:block;font-style:normal;font:600 8.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.24em;color:var(--dim2);margin-top:5px}
#cdTitle u{display:block;text-decoration:none;font-size:10px;color:var(--dim);margin-top:7px;letter-spacing:.06em;white-space:normal;max-width:52vw;line-height:1.5}
.f58night #cdTitle b{color:#c77dff}
#cdTools{position:absolute;right:12px;bottom:calc(16px + var(--safe-b));z-index:900;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
#cdTools .tool{min-width:46px;height:40px;padding:0 11px;border-radius:11px;background:rgba(10,10,11,.9);border:1px solid var(--line);
  color:var(--fg);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(14px);
  font:600 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;user-select:none}
#cdTools .tool.on{background:var(--f58-area);color:#000;border-color:var(--f58-area)}
#cdTools .tool.back{width:auto;min-width:auto;padding:0 12px;flex-direction:column;gap:3px;height:46px;border-color:rgba(255,255,255,.22);white-space:nowrap}
#cdTools .tool{width:auto}
#cdTools .tool.back small{font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.18em;color:var(--fg)}
#cdTools .tool.back em{font-style:normal;font-size:9px;color:var(--dim)}
#cdCompass{width:46px;height:46px;border-radius:50%;padding:0}
#cdCompass svg{width:30px;height:30px;transition:transform .25s}
#cdHud{position:absolute;left:12px;bottom:calc(12px + var(--safe-b));z-index:900;background:rgba(10,10,11,.86);
  border:1px solid var(--line);border-radius:9px;padding:6px 9px;font:10px/1.5 ui-monospace,Menlo,monospace;color:var(--dim);white-space:pre;display:none}
#cdHud b{color:var(--fg);font-weight:500}
#stageCentral.hud #cdHud{display:block}
.f58star{display:block;line-height:0;cursor:pointer;user-select:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.9));z-index:3}
.f58star i{display:block;line-height:0}
.f58star .f58lbl{position:absolute;top:100%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;line-height:normal}
.f58star b{margin-top:2px;font:700 10.5px/1.1 ui-monospace,Menlo,monospace;letter-spacing:.06em;color:#fff;
  text-shadow:0 1px 4px #000,0 0 10px rgba(0,0,0,.95);white-space:nowrap}
.f58star small{display:block;font:600 8px/1.1 ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#f0c25a;margin-top:1px;white-space:nowrap}
.f58star.sm b{font-size:11.5px}
.f58star.local b{font-size:9.5px;color:#e6e6e8}
.f58star.local small{color:#c9a24a;letter-spacing:.12em}
.f58star.local svg path{fill:#e8dcc0}
.f58star.local.sm b{font-size:10.5px}
.f58star.public svg path{fill:#bfe8c8}
.f58star.public small{color:#8fd9a8}
.f58star.ctx{opacity:.72}
.f58star.ctx b{font-size:9.5px;color:#d6d6db}
.f58ix{display:block;width:6px;height:6px;pointer-events:none;user-select:none;z-index:2}
.f58ix i{display:block;width:6px;height:6px;border-radius:50%;background:#e6e6e8;box-shadow:0 0 0 2px rgba(0,0,0,.7)}
.f58ix span{position:absolute;left:calc(100% + 5px);top:50%;transform:translateY(-50%);padding:3px 7px;border-radius:4px;background:rgba(10,13,17,.78);border:1px solid rgba(255,255,255,.22);
  color:#f2f2f2;font:600 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.6)}
.f58ix.big span{font-size:11.5px;padding:4px 8px}
.f58ix.ctx span{color:#cfcfd6;border-color:rgba(255,255,255,.14)}
.f58rd{pointer-events:none;user-select:none;white-space:nowrap;z-index:1}
.f58rd span{font:600 9.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#b8bec6;
  text-shadow:0 1px 3px #000,0 0 6px rgba(0,0,0,.95),0 0 2px #000}
.f58rd.lvA span{color:#d9dde3}
.f58rd.big span{font-size:11px}
.f58night .f58rd span{color:#9aa0a8}
.f58night .f58rd.lvA span{color:#c9cdd3}
.f58shield{display:flex;flex-direction:column;align-items:center;pointer-events:none;user-select:none}
.f58shield b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0 0 5px;box-sizing:border-box;
  background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%3E%3Cpath%20d%3D'M6%203%20H34%20C34%207%2035.5%209%2037%209.5%20V19%20C37%2028.5%2029.5%2034.5%2020%2038%20C10.5%2034.5%203%2028.5%203%2019%20V9.5%20C4.5%209%206%207%206%203%20Z'%20fill%3D'%2312161b'%20stroke%3D'%23e6e6e8'%20stroke-width%3D'1.8'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;color:#e6e6e8;
  font:700 11.5px/1 ui-monospace,Menlo,monospace;filter:drop-shadow(0 2px 3px rgba(0,0,0,.85))}
.f58shield span{margin-top:3px;font:600 8.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;color:#cfcfd6;
  text-shadow:0 1px 4px #000,0 0 8px rgba(0,0,0,.9);white-space:nowrap}
.f58shield small{display:block;margin-top:2px;font:600 8px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#e6e6e8;text-shadow:0 1px 3px #000}
.f58shield.night b{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%3E%3Cpath%20d%3D'M6%203%20H34%20C34%207%2035.5%209%2037%209.5%20V19%20C37%2028.5%2029.5%2034.5%2020%2038%20C10.5%2034.5%203%2028.5%203%2019%20V9.5%20C4.5%209%206%207%206%203%20Z'%20fill%3D'%230b0f14'%20stroke%3D'%23cfcfd6'%20stroke-width%3D'1.8'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E");color:#cfcfd6}
.f58shield.night span{color:#9aa0a8}
.f58shield.nonames span,.f58shield.nonames small{display:none}
.f58shield.national b{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%3E%3Cpath%20d%3D'M6%203%20H34%20C34%207%2035.5%209%2037%209.5%20V19%20C37%2028.5%2029.5%2034.5%2020%2038%20C10.5%2034.5%203%2028.5%203%2019%20V9.5%20C4.5%209%206%207%206%203%20Z'%20fill%3D'%2312161b'%20stroke%3D'%23e8b33c'%20stroke-width%3D'1.8'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E");color:#f0c25a}
#cdSheet{position:absolute;left:0;right:0;bottom:0;z-index:1001;background:#0c0c0d;border-top:1px solid var(--line);
  border-radius:16px 16px 0 0;transform:translateY(102%);transition:transform .22s cubic-bezier(.3,.9,.3,1);
  max-height:62vh;display:flex;flex-direction:column;box-shadow:0 -18px 44px rgba(0,0,0,.75)}
#cdSheet.open{transform:translateY(0)}
#cdGrab{padding:8px 0 4px;display:flex;justify-content:center;cursor:pointer}
#cdGrab i{display:block;width:38px;height:4px;border-radius:2px;background:#3a3a40}
#cdBody{overflow-y:auto;padding:2px 16px calc(18px + var(--safe-b))}
#cdBody .bh{display:flex;align-items:baseline;gap:10px;margin:2px 0 4px}
#cdBody .bh b{font-size:17px;font-weight:600}
#cdBody .bh span{font:600 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.18em;color:var(--f58-area)}
#cdBody .bmeta{font-size:11.5px;color:var(--dim);margin-bottom:10px;line-height:1.6}
#cdBody .srow{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
#cdBody .srow i{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
#cdBody .srow .nm{flex:1;min-width:0;font-size:14px}
#cdBody .srow .nm small{display:block;color:var(--dim);font-size:11px;margin-top:2px}
#cdBody .srow .fl{font:600 10px/1 ui-monospace,Menlo,monospace;color:var(--dim2);flex:0 0 auto}
#cdBody .note{margin-top:12px;font-size:11px;color:var(--dim2);line-height:1.6;border-left:2px solid #33333a;padding-left:9px}
#cdBody .photo{margin:6px 0 10px;height:120px;border:1px dashed #33333a;border-radius:8px;display:flex;align-items:center;
  justify-content:center;color:var(--dim2);font-size:11px;background:#0a0a0b;overflow:hidden}
#cdBody .photo img{max-height:100%;max-width:100%}
#cdBody .lmtag{display:inline-flex;align-items:center;gap:5px;margin:0 6px 6px 0;padding:3px 8px;border-radius:999px;
  border:1px solid var(--line);font:600 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;color:var(--f58-area)}
#cdBody .act{display:block;margin-top:12px;padding:12px;border-radius:10px;background:var(--fg);color:#000;text-align:center;
  text-decoration:none;font-weight:600;font-size:13px}
#cdRot{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(74px + var(--safe-b));z-index:905;
  background:rgba(10,10,11,.92);border:1px solid var(--line);border-radius:999px;padding:7px 14px;
  font-size:11px;color:var(--dim);display:none;align-items:center;gap:8px;white-space:nowrap}
#cdRot.show{display:flex}
#cdRot b{color:var(--fg);font-weight:600}
#cdRot span{cursor:pointer;color:var(--dim2);font-size:14px;line-height:1}
@media (max-width:520px){ #cdHud{font-size:9px;padding:5px 7px} #cdTitle u{max-width:60vw} }
@media (max-height:480px){ #cdTitle{padding:6px 10px} #cdTitle u{font-size:9px;margin-top:4px} #cdHud{font-size:9px;padding:4px 7px}
  #cdTools{gap:6px} #cdTools .tool{height:34px} #cdTools .tool.back{height:40px} #cdCompass{width:40px;height:40px} }
