:root{--nb-black: #000000;--nb-yellow: #FFEB3B;--nb-yellow-dark: #FFD600;--nb-white: #FFFFFF;--nb-red: #FF2D2D;--nb-gutter: 16px;--nb-panel-width: min(440px, calc(100vw - (var(--nb-gutter) * 2)));--nb-border: 3px;--nb-shadow: 4px 4px 0px 0px var(--nb-black);--nb-shadow-yellow: 4px 4px 0px 0px var(--nb-yellow)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;font-family:Titillium Web,sans-serif;background:var(--nb-black);color:var(--nb-white)}body{overflow-x:hidden}body.map-page{height:100vh;height:100dvh;min-height:100vh;overflow:hidden;overscroll-behavior:none}body:after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;background:radial-gradient(circle at 24% 18%,rgba(255,235,59,.2),transparent 22%),#000000f0;opacity:0}body.nb-blackout-pulse:after{animation:blackout-flicker .85s steps(1,end)}#map{width:100vw;height:100dvh;min-height:100svh;position:fixed;inset:0;z-index:0}.nb-blog-link{position:absolute;top:var(--nb-gutter);right:var(--nb-gutter);z-index:10;display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;color:var(--nb-yellow);background:#000000db;border:2px solid var(--nb-yellow);font-size:.82rem;font-weight:700;line-height:1;text-decoration:none;text-transform:uppercase;box-shadow:3px 3px 0 var(--nb-yellow)}.nb-blog-link:focus,.nb-blog-link:hover{background:var(--nb-yellow);color:var(--nb-black)}.maplibregl-canvas-container{cursor:grab}.maplibregl-canvas-container canvas{outline:none}.maplibregl-ctrl-group{border-radius:0!important;overflow:hidden}.nb-btn{font-family:Titillium Web,sans-serif;font-weight:700;text-transform:uppercase;padding:14px 28px;border:var(--nb-border) solid var(--nb-black);box-shadow:var(--nb-shadow);cursor:pointer;font-size:1rem;transition:transform .08s ease,box-shadow .08s ease;user-select:none;-webkit-user-select:none;border-radius:0}.nb-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 0 var(--nb-black)}.nb-btn-yellow{background:var(--nb-yellow);color:var(--nb-black)}.nb-btn-outline{background:var(--nb-black);color:var(--nb-yellow);border-color:var(--nb-yellow);box-shadow:var(--nb-shadow-yellow)}.nb-btn-outline:active{box-shadow:1px 1px 0 0 var(--nb-yellow)}.nb-btn:disabled{opacity:.6;cursor:not-allowed}.nb-header{position:absolute;top:var(--nb-gutter);left:var(--nb-gutter);z-index:10;background:var(--nb-black);border:3px solid var(--nb-yellow);padding:10px 16px 10px 10px;box-shadow:var(--nb-shadow-yellow);display:flex;align-items:center;gap:10px;transform:rotate(-.6deg)}.nb-logo-mark{width:48px;height:48px;display:block;transform:rotate(6deg)}.nb-header h1{font-size:1.25rem;color:var(--nb-yellow);font-weight:700;line-height:1.2}.nb-header p{font-size:.75rem;color:var(--nb-white);margin-top:2px}.nb-controls{position:absolute;bottom:24px;left:var(--nb-gutter);z-index:10;display:flex;flex-wrap:wrap;gap:12px;width:var(--nb-panel-width)}.nb-controls .nb-btn{flex:1 1 180px}.nb-controls-hidden{opacity:0;pointer-events:none;transform:translateY(24px)}.nb-modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}.nb-modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease}.nb-modal-overlay-center{justify-content:center}.nb-modal-overlay-panel{background:transparent;align-items:flex-start;justify-content:flex-start;pointer-events:none;padding:132px 24px 24px}.nb-modal-overlay-panel.active{pointer-events:none}.nb-modal{background:var(--nb-black);border:3px solid var(--nb-yellow);box-shadow:var(--nb-shadow-yellow);padding:24px;max-width:var(--nb-panel-width);width:var(--nb-panel-width);margin-left:0;max-height:min(760px,calc(100dvh - 48px));overflow:auto;transform:translateY(20px) rotate(-.4deg);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.nb-modal-overlay.active .nb-modal{transform:translateY(0) rotate(0);opacity:1;pointer-events:auto}.nb-modal-pin{position:relative;border:3px solid var(--nb-black);box-shadow:0 20px 48px #00000057;margin-left:0;padding:22px 22px 20px;pointer-events:auto;overflow:hidden}.nb-modal-pin:before{content:"";position:absolute;inset:0 auto 0 0;width:12px;background:linear-gradient(180deg,var(--nb-yellow) 0%,#f1c40f 100%)}.nb-modal-kicker{position:relative;margin-left:18px;margin-bottom:12px;color:var(--nb-yellow);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nb-modal h3{font-size:1.25rem;color:var(--nb-yellow);margin-bottom:12px}.nb-modal-pin h3{position:relative;margin-left:18px;font-size:2rem;line-height:.95;max-width:10ch}.nb-modal p{font-size:.95rem;color:var(--nb-white);margin-bottom:16px;line-height:1.4}.nb-modal-welcome{max-width:min(560px,calc(100vw - 32px));width:min(560px,calc(100vw - 32px));background:linear-gradient(135deg,rgba(255,235,59,.12),transparent 48%),var(--nb-black)}.nb-welcome-logo{display:block;width:88px;height:88px;margin:-6px 0 14px;transform:rotate(-4deg);filter:drop-shadow(5px 5px 0 var(--nb-yellow))}.nb-modal-welcome h3{font-size:clamp(2rem,8vw,3.6rem);line-height:.9;max-width:9ch}.nb-welcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.nb-welcome-grid div{background:var(--nb-yellow);color:var(--nb-black);border:3px solid var(--nb-black);box-shadow:var(--nb-shadow);padding:14px}.nb-welcome-grid strong,.nb-welcome-grid span{display:block}.nb-welcome-grid strong{font-size:1.25rem;text-transform:uppercase}.nb-welcome-grid span{margin-top:6px;font-size:.9rem;line-height:1.25}.nb-address-card{position:relative;margin:0 0 14px 18px;padding:18px 18px 16px;background:linear-gradient(135deg,#ffeb3b2e,#ffeb3b0a),#ffffff08;border-top:3px solid var(--nb-yellow);border-bottom:3px solid rgba(255,235,59,.3)}.nb-address-state{color:var(--nb-yellow);font-size:1.6rem;font-weight:700;line-height:1;text-transform:uppercase}.nb-address-city{margin-top:8px;color:var(--nb-white);font-size:1.05rem;font-weight:600}.nb-address-street{margin-top:8px;color:#ffffffb8;font-size:.92rem;line-height:1.35}.nb-address-note{margin-left:18px;color:#ffffffd9;max-width:32ch}.nb-modal .nb-modal-actions{display:flex;gap:10px;margin-top:4px}.nb-modal-pin .nb-modal-actions{margin-left:18px}.nb-modal .nb-modal-actions button{flex:1}.nb-toast{position:fixed;top:var(--nb-gutter);left:var(--nb-gutter);z-index:200;background:var(--nb-black);border:3px solid var(--nb-yellow);padding:14px 22px;color:var(--nb-white);font-size:.95rem;transform:translate(-120%);transition:transform .35s ease;max-width:340px}.nb-toast.show{transform:translate(0)}.nb-marker{width:42px;height:42px;border-radius:0;background:transparent;border:0;box-shadow:0 0 #ff2d2db3;animation:marker-pulse 2s infinite;display:grid;place-items:center;cursor:grab;transform:rotate(-6deg)}.nb-marker:active{cursor:grabbing}.nb-marker-logo{width:42px;height:42px;display:block;filter:drop-shadow(0 0 0 rgba(0,0,0,.001))}.nb-marker-static{width:20px;height:20px;border-radius:50%;background:var(--nb-yellow);border:3px solid var(--nb-black);cursor:pointer}@keyframes marker-pulse{0%{box-shadow:0 0 #ff2d2db3}70%{box-shadow:0 0 0 18px #ff2d2d00}to{box-shadow:0 0 #ff2d2d00}}@keyframes blackout-flicker{0%{opacity:0}12%{opacity:.82}20%{opacity:.12}34%{opacity:.94}44%{opacity:0}58%{opacity:.42}to{opacity:0}}.nb-share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.nb-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-size:.85rem;font-weight:600;text-decoration:none;color:var(--nb-black);background:var(--nb-yellow);border:3px solid var(--nb-black);box-shadow:var(--nb-shadow);transition:transform .06s;cursor:pointer}.nb-brand-icon{width:22px;height:22px;fill:currentColor;flex:0 0 auto}.nb-share-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--nb-black)}.nb-share-copy{grid-column:span 2;margin-top:4px}.nb-counter{position:absolute;top:104px;left:var(--nb-gutter);z-index:10;background:var(--nb-black);border:3px solid var(--nb-yellow);padding:8px 16px;box-shadow:var(--nb-shadow-yellow);text-align:center}.nb-counter .count{font-size:1.5rem;color:var(--nb-yellow);font-weight:700;line-height:1}.nb-counter .label{font-size:.7rem;color:var(--nb-white);text-transform:uppercase}.maplibregl-popup-content{border-radius:0;border:3px solid var(--nb-black);box-shadow:var(--nb-shadow);padding:8px}.maplibregl-popup-close-button{font-size:22px;color:var(--nb-black);right:4px;top:2px}@media(max-width:768px){:root{--nb-gutter: max(12px, env(safe-area-inset-left));--nb-panel-width: calc(100vw - (var(--nb-gutter) * 2))}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.nb-controls{bottom:calc(16px + env(safe-area-inset-bottom));width:calc(100vw - (var(--nb-gutter) * 2))}.nb-header{max-width:calc(100vw - 96px);padding:8px 12px 8px 8px}.nb-header h1{font-size:1.05rem}.nb-header p{font-size:.68rem}.nb-logo-mark{width:38px;height:38px}.nb-controls .nb-btn{flex-basis:100%}.nb-modal-overlay{align-items:flex-end;padding:12px}.nb-modal-overlay-center{align-items:center}.nb-modal-overlay-panel{align-items:flex-end;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.nb-modal{width:100%;max-width:none;margin-left:0;transform:translateY(24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.nb-modal-overlay.active .nb-modal{transform:translateY(0)}.nb-modal .nb-modal-actions{flex-direction:column}.nb-welcome-grid,.nb-share-grid{grid-template-columns:1fr}.nb-share-copy{grid-column:span 1}.nb-modal-pin h3,.nb-address-card,.nb-address-note,.nb-modal-kicker,.nb-modal-pin .nb-modal-actions{margin-left:0}.nb-modal-pin:before{inset:0 0 auto;width:auto;height:10px}.nb-counter{top:calc(86px + env(safe-area-inset-top));padding:6px 12px}.nb-toast{max-width:calc(100vw - (var(--nb-gutter) * 2))}.maplibregl-ctrl-top-right{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right))}.maplibregl-ctrl-bottom-right{right:calc(8px + env(safe-area-inset-right));bottom:calc(112px + env(safe-area-inset-bottom))}.maplibregl-ctrl-bottom-left{left:calc(8px + env(safe-area-inset-left));bottom:calc(112px + env(safe-area-inset-bottom))}}
