/* Desktop-only map guidance and invisible house hit areas. */
.desktop-map-help,.desktop-bird-dock{display:none}
@media (min-width:701px){
  .village{background:#f9fcf5}
  body .village>.bird-dock{display:none!important}
  .desktop-map-help{
    min-height:82px;
    display:grid;
    place-content:center;
    row-gap:3px;
    padding:12px 20px 10px;
    text-align:center;
    background:#f9fcf5;
    color:#52634e;
  }
  .desktop-map-help strong{
    display:block;
    font:400 clamp(16px,1vw,18px)/1.35 var(--display);
    letter-spacing:-.02em;
  }
  .desktop-map-help span{
    display:block;
    font:400 clamp(12px,.75vw,13px)/1.5 var(--body);
    letter-spacing:-.02em;
  }
  .map>.intro{top:auto;bottom:60%;left:30%;right:30%;transform:none}
  body .map>.bird-dock{display:none!important}
  .map>.bird-dock .dock-bird,
  .map>.bird-dock .dock-bird:hover,
  .map>.bird-dock .dock-bird:active{animation:none;transform:none;transition:none}
  .desktop-bird-dock{
    position:absolute;
    inset:0;
    display:block;
    z-index:5;
    pointer-events:none;
  }
  .desktop-bird-dock .dock-bird{
    position:absolute;
    display:block;
    height:auto;
    padding:0;
    margin:0;
    border:0;
    border-radius:0;
    overflow:visible;
    background:transparent;
    pointer-events:auto;
    line-height:0;
    transform:translate(-50%,-50%);
    animation:none;
  }
  .desktop-bird-dock .dock-bird:hover,
  .desktop-bird-dock .dock-bird:active{transform:translate(-50%,-50%);animation:none}
  .desktop-bird-dock .dock-bird img{
    position:static;
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    pointer-events:none;
    opacity:1;
  }
  .desktop-bird-dock .dock-crow{
    left:44.73%;
    top:74.02%;
    width:6.8%;
    aspect-ratio:1295/1214;
  }
  .desktop-bird-dock .dock-pigeon{
    left:86.20%;
    top:49.22%;
    width:6.1%;
    aspect-ratio:1121/1403;
  }
  #detail-content>a.button[href*="coupangeats.com"]+.muted{
    margin-top:30px;
  }
  .map .spot{
    display:block;
    width:31%;
    height:35%;
    max-width:none;
    min-height:0;
    padding:0;
    white-space:nowrap;
    text-align:center;
    border:0;
    border-radius:36%;
    background:transparent;
    box-shadow:none;
    transform:none;
    z-index:2;
    overflow:visible;
  }
  .map .spot:hover{transform:none}
  .map .spot:focus,.map .spot:focus-visible{outline:none}
  .map .spot span{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
  }
  .map .spot b{display:none}
  .map .regular{left:0;right:auto;top:3%}
  .map .chili{left:69%;right:auto;top:4%}
  .map .duck{left:0;right:auto;top:52%}
  .map .coriander{left:69%;right:auto;top:56%}
  .map .spot::before,.map .spot::after{content:none!important}
  .close:focus,.close:focus-visible{outline:none}
}

/* Phones share the desktop bird artwork and map coordinates. */
@media(max-width:700px){
  .desktop-bird-dock{
    position:absolute;
    inset:0;
    display:block;
    z-index:5;
    pointer-events:none;
  }
  .desktop-bird-dock .dock-bird{
    position:absolute;
    display:block;
    height:auto;
    padding:0;
    margin:0;
    border:0;
    border-radius:0;
    overflow:visible;
    background:transparent;
    pointer-events:auto;
    line-height:0;
    transform:translate(-50%,-50%);
    animation:none;
  }
  .desktop-bird-dock .dock-bird:hover,
  .desktop-bird-dock .dock-bird:active{transform:translate(-50%,-50%);animation:none}
  .desktop-bird-dock .dock-bird img{
    position:static;
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    pointer-events:none;
    opacity:1;
  }
  .desktop-bird-dock .dock-crow{
    left:44.73%;
    top:74.02%;
    width:6.8%;
    aspect-ratio:1295/1214;
  }
  .desktop-bird-dock .dock-pigeon{
    left:86.20%;
    top:49.22%;
    width:6.1%;
    aspect-ratio:1121/1403;
  }
}