/* Home (The Street) menu touches in the spirit of the 1997 PC original: paper
   scraps with pushpins, an orange condensed headline and an arrow cursor on the
   active choice, over the original full-screen street background. Original
   art drawn in CSS; loaded after earlier passes. Only the home page changes. */

:root{--cork:#7a4f2c;--cork-dark:#4a2d17;--rr-orange:#ff6a1f;--rr-arrow:#ffe14a;--paper:#ece3cb}

/* Owner decision 2026-10-17: keep the original full-screen street background.
   No cork wall or shrunken pinned photo on this page. */

/* Orange condensed headline, chunky shadow, like the original's title cards. */
#menu-home .street-heading h1{color:var(--rr-orange);text-shadow:3px 3px 0 #2a1205,6px 6px 0 rgba(0,0,0,.45);-webkit-text-stroke:1px #2a1205}
#menu-home .street-heading h1 i{color:#f7eedb;background:#2a1205;-webkit-text-stroke:0;padding:0 .12em}
#menu-home .street-heading .eyebrow{background:#efe8d6;color:#2a1205;transform:rotate(-2deg);box-shadow:0 4px 8px rgba(0,0,0,.45)}
#menu-home .street-heading p{background:rgba(239,232,214,.92);color:#2a1205;display:inline-block;padding:8px 12px;transform:rotate(1deg);box-shadow:0 4px 8px rgba(0,0,0,.4)}
#menu-home .street-scene::after{background:#efe8d6;color:#2a1205}

/* Paper scraps pinned to the board. */
#menu-home .street-locations button{
 position:relative;border:0;border-radius:1px;color:#1d140b;text-shadow:none;
 box-shadow:0 10px 18px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.5) inset;
 transition:transform .14s ease,box-shadow .14s ease;
}
#menu-home .street-locations button:nth-child(1){background:repeating-linear-gradient(90deg,transparent 0 31%,rgba(40,30,20,.13) 31% 31.4%),linear-gradient(#efe6cc,#e2d6b6);transform:rotate(-2.4deg)}
#menu-home .street-locations button:nth-child(2){background:radial-gradient(circle at 0 50%,transparent 0 7px,#c94a1f 7.5px) left/100% 18px repeat-y,#c94a1f;color:#fbf0dc;transform:rotate(2deg)}
#menu-home .street-locations button:nth-child(3){background:linear-gradient(#f6f1e6,#e9e2d1);border-bottom:22px solid #f6f1e6;transform:rotate(-1.2deg)}
#menu-home .street-locations button:nth-child(4){background:repeating-linear-gradient(0deg,transparent 0 21px,rgba(60,110,170,.35) 21px 22px),linear-gradient(90deg,transparent 26px,rgba(200,60,60,.45) 26px 27px,transparent 27px),#f3efe2;clip-path:polygon(0 3%,8% 0,22% 2%,40% 0,61% 3%,80% 0,100% 2%,99% 100%,0 98%);transform:rotate(2.8deg)}
#menu-home .street-locations button b{color:inherit;text-shadow:none}
#menu-home .street-locations button small,#menu-home .street-locations button span{color:inherit;opacity:.82}
/* Pushpins replace the earlier tape strips. */
#menu-home .street-locations button::before{
 content:"";position:absolute;left:50%;top:-7px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9c8a 0 18%,#d0281a 45%,#6b0d06 100%);box-shadow:2px 4px 4px rgba(0,0,0,.5);transform:none;z-index:2;
}
#menu-home .street-locations button:nth-child(2)::before{background:radial-gradient(circle at 35% 30%,#fff2a8 0 18%,#e2b414 45%,#6a4f00 100%)}
#menu-home .street-locations button:nth-child(4)::before{background:radial-gradient(circle at 35% 30%,#a8d0ff 0 18%,#2266c8 45%,#0b2450 100%)}
/* The original's yellow arrow marks the active choice. */
#menu-home .street-locations button:hover,#menu-home .street-locations button:focus-visible{transform:rotate(0) scale(1.03);box-shadow:0 16px 26px rgba(0,0,0,.6);outline:none;z-index:3}
#menu-home .street-locations button b::before{content:"\27A4\00A0";color:var(--rr-arrow);-webkit-text-stroke:1px #2a1205;opacity:0;transition:opacity .12s}
#menu-home .street-locations button:hover b::before,#menu-home .street-locations button:focus-visible b::before{opacity:1}

@media(max-width:700px){
 #menu-home .street-locations button{transform:rotate(0)!important}
}
@media(prefers-reduced-motion:reduce){#menu-home .street-locations button{transition:none}}