html,body{height:100%}
body.m3-body{margin:0;overflow:hidden;background:#000}
.m3-top{position:absolute;left:0;right:0;top:0;z-index:5;height:60px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px;background:rgba(0,0,0,.8);border-bottom:1px solid var(--rule)}
.m3-top .wm span{font-size:11.5px}
.m3-top .t{min-width:0;text-align:center}
.m3-top .t1{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--lab);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-top .t2{font-size:12.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-back{flex:none;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);text-decoration:none;white-space:nowrap}
#m3{position:absolute;left:0;right:0;top:60px;bottom:0}
.m3-ctl{position:absolute;left:14px;bottom:30px;z-index:5;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 28px)}
.m3-ctl button,.m3-ctl a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:0;border-radius:2px;background:rgba(4,5,7,.88);box-shadow:inset 0 0 0 1px #2A3038;color:var(--fg);font:600 12px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.m3-ctl a{color:var(--lab)}
.m3-key{position:absolute;right:14px;bottom:64px;z-index:5;max-width:320px;padding:12px 14px;border-radius:3px;background:rgba(4,5,7,.88);font-size:13px;line-height:1.5;color:var(--mu)}
.m3-key p+p{margin-top:6px}
.m3-key b{color:var(--fg);font-weight:600}
.m3-key .msw{position:static;display:inline-block;width:18px;height:3px;margin-right:8px;vertical-align:3px;background:var(--lab);box-shadow:0 0 6px var(--lab)}
.m3-key .msw.pin{width:10px;height:10px;border-radius:50%;vertical-align:0;background:#6EA0FF;box-shadow:0 0 0 2px #F2F6FF}
.m3-key .msw.area{width:14px;height:10px;vertical-align:0;background:rgba(110,160,255,.3);box-shadow:inset 0 0 0 1px #9DBDFF}
.m3-msg{position:absolute;left:50%;top:50%;z-index:6;transform:translate(-50%,-50%);max-width:calc(100% - 40px);padding:12px 16px;border-radius:3px;background:rgba(4,5,7,.92);font-size:14px;color:var(--fg)}
.m3-k{padding:3px 7px;border-radius:2px;background:rgba(4,5,7,.88);color:#DDE8FF;font:600 11px/1.2 var(--font);letter-spacing:.1em}
.m3-l{padding:6px 10px;border-radius:3px;background:rgba(4,5,7,.88);text-align:center;margin-bottom:12px}
.m3-l b{display:block;font:600 11.5px/1.3 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--lab)}
.m3-l span{display:block;font:400 12.5px/1.35 var(--font);color:var(--mu)}
.m3-l.sale b,.m3-l.area b{color:#9DBDFF}
.m3-fb{display:none;position:absolute;left:0;right:0;top:60px;bottom:0;overflow:auto;padding:20px}
.m3-flat #m3{display:none}
.m3-flat .m3-fb{display:block}
.m3-fb .aer-f{position:relative;max-width:1100px;margin:0 auto;aspect-ratio:3 / 2;overflow:hidden;border-radius:3px}
.m3-fb .aer-f img,.m3-fb .aer-f svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.maplibregl-ctrl-attrib{font-family:var(--font)}
.maplibregl-ctrl-scale{background:rgba(4,5,7,.75)!important;color:#EDF0F3!important;border-color:#EDF0F3!important;font-family:var(--font)}
.m3-ctl .m3-stand[aria-pressed=true]{background:var(--lab);color:#090B0E}
.m3-ctl [hidden]{display:none}
.m3-arming #m3 .maplibregl-canvas{cursor:crosshair}
.m3-me{width:22px;height:40px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 40'%3E%3Ccircle cx='11' cy='6' r='5' fill='%23C8FF3D' stroke='%23090B0E' stroke-width='2'/%3E%3Cpath d='M5 13h12l-1 13h-3l-1 12h-2l-1-12H6z' fill='%23C8FF3D' stroke='%23090B0E' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* the move pad (Nov. 5, evening): plain words instead of the map's compass */
.m3-pad{position:absolute;right:14px;top:74px;z-index:5;width:178px;padding:12px 12px 13px;border-radius:4px;background:rgba(4,5,7,.9);box-shadow:inset 0 0 0 1px #2A3038;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.m3-pl{margin:0 0 8px;font:600 11px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--mu);text-align:center}
.m3-pl.g{margin:12px 0 7px}
.m3-dp{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);justify-content:center;gap:4px}
.m3-dp .dp-u{grid-area:1 / 2}.m3-dp .dp-l{grid-area:2 / 1}.m3-dp .dp-r{grid-area:2 / 3}.m3-dp .dp-d{grid-area:3 / 2}
.m3-dp .dp-c{grid-area:2 / 2;align-self:center;justify-self:center;width:12px;height:12px;border-radius:50%;background:var(--lab);box-shadow:0 0 0 3px rgba(200,255,61,.18)}
.m3-pad button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:0 6px;border:0;border-radius:3px;background:#151A21;box-shadow:inset 0 0 0 1px #313945;color:var(--fg);font:600 11.5px/1 var(--font);letter-spacing:.05em;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.m3-pad button:hover{background:#1D232C}
.m3-pad button:focus-visible{outline:2px solid var(--lab);outline-offset:2px}
.m3-pad button.on{background:var(--lab);color:#090B0E;box-shadow:none}
.m3-pad svg{width:18px;height:18px;flex:none}
.m3-pr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px}
.m3-dp+.m3-pr{margin-top:12px}
.m3-pr+.m3-pr{margin-top:4px}
.m3-pr button{height:38px}
.m3-pr b{font-size:17px;font-weight:500;line-height:1}
.m3-tip{position:absolute;left:14px;top:74px;z-index:6;width:max-content;max-width:min(440px,calc(100% - 230px));padding:10px 16px;border-radius:3px;background:rgba(4,5,7,.92);box-shadow:inset 0 0 0 1px #2A3038;font-size:14px;line-height:1.45;color:var(--fg);transition:opacity .4s}
.m3-tip.gone{opacity:0}
.m3-tip b{color:var(--lab);font-weight:600}
@media (max-width:640px){
  .m3-top .wm span,.m3-top .t2{display:none}
  .m3-ctl{left:10px;right:10px;bottom:12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:none;padding-bottom:2px}
  .m3-ctl::-webkit-scrollbar{display:none}
  .m3-ctl button,.m3-ctl a{flex:none;min-height:40px;padding:0 12px;font-size:11px}
  .m3-pad{top:auto;right:10px;bottom:66px;width:auto;padding:8px}
  .m3-pl{display:none}
  .m3-dp{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:3px}
  .m3-pr{margin-top:6px}
  .m3-pr+.m3-pr{margin-top:3px}
  .m3-pr button{height:34px;font-size:10.5px;gap:4px;padding:0 5px}
  .m3-pr b{font-size:15px}
  .m3-key{left:10px;right:auto;bottom:66px;max-width:calc(100% - 170px);font-size:11.5px;padding:9px 11px}
  .m3-tip{left:10px;right:10px;top:70px;width:auto;max-width:none;font-size:13px;padding:9px 12px}
  .maplibregl-ctrl-bottom-right .maplibregl-ctrl-scale{display:none}
}