.nye-city{--ink:#18141b;--pink:#c587ab;--green:#b1c879;--paper:#e5dabe;color:var(--paper);background:radial-gradient(ellipse at top,#423047,#17141b 70%);padding:26px clamp(12px,3vw,42px) 44px;font:14px/1.5 Courier New,monospace;isolation:isolate}.nye-city *{box-sizing:border-box}.nye-city [hidden]{display:none!important}.nye-city a{color:inherit}.nye-city button{font:700 11px/1.2 Courier New,monospace;cursor:pointer;min-height:44px;padding:10px 12px;border:1px solid #79667a;border-radius:2px;background:var(--ink);color:var(--paper);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.nye-city button[aria-pressed=true]{background:var(--green);color:var(--ink)}.nye-city :focus-visible{outline:3px solid var(--pink);outline-offset:3px}.city-heading,.city-toolbar,.city-hint,.city-status,.city-directory,.city-footnote{max-width:1536px;margin-inline:auto}.city-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.city-heading h1{font:900 clamp(46px,7vw,90px)/1 Impact,"Arial Black",sans-serif;color:var(--paper);letter-spacing:-.015em;margin:5px 0 10px;text-shadow:3px 3px var(--ink),5px 5px #866aa0}.city-heading h1 span{color:var(--pink)}.city-heading p{margin:0;font-size:12px;letter-spacing:.05em}.city-heading a{font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.city-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;border-block:1px dashed #79667a;padding:12px 0}.city-toolbar>div{display:flex;flex-wrap:wrap;gap:5px}.city-hint{font-size:12px;padding:11px 0;color:#cec2d1}.city-viewport{max-width:1536px;margin:auto;overflow:auto;overscroll-behavior-x:contain;border:5px solid #08070b;outline:1px solid #8f7892;scrollbar-color:var(--pink) #242028;scrollbar-width:thin;touch-action:pan-x pan-y}.city-world{position:relative;width:100%;min-width:1000px;max-width:1536px;aspect-ratio:1.5;overflow:hidden;background:#352337;isolation:isolate}.city-art{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.city-world canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.city-world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 50px #0a070c66}.city-door{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:5;min-width:95px;min-height:72px;display:flex;flex-direction:column;justify-content:end;align-items:center;text-align:center;text-decoration:none;padding:8px;border:2px solid transparent;border-radius:4px}.city-door span{display:block;background:#1b1423ed;border:1px solid var(--pink);box-shadow:2px 3px #0008;color:var(--paper);font-weight:700;font-size:clamp(10px,1.15vw,15px);padding:5px 8px;white-space:nowrap}.city-door i{font-style:normal;font-size:9px;letter-spacing:.1em;background:var(--green);color:var(--ink);padding:2px 6px;transform:rotate(-3deg)}.city-door:hover,.city-door:focus-visible{background:#b5cf7822;border-color:var(--green)}.city-door:hover span{background:var(--green);color:var(--ink)}.city-door-back{min-height:52px}.city-door-back span{border-color:var(--green)}.city-drain.city-drain{position:absolute;left:49%;top:91%;z-index:5;width:62px;height:37px;min-height:37px;border-radius:50%;border:4px ridge #a09585;background:repeating-linear-gradient(90deg,#241e28 0 4px,#837678 5px 8px);transform:rotate(-8deg);padding:0;box-shadow:3px 5px 1px #0008}.city-drain span{position:absolute;white-space:nowrap;font-size:10px;left:50%;top:115%;transform:translate(-50%);background:#18121ae8;padding:3px 6px;color:var(--green)}.city-drain[data-open=true]{background:#09070b;transform:rotate(-8deg) scaleY(.75)}.city-actor.city-actor{position:absolute;z-index:6;padding:0;min-height:44px;min-width:44px;border:0;background:transparent;transform:translate(-50%,-100%);border-radius:30%}.city-actor:hover,.city-actor:focus-visible{outline:2px dashed #e7ddbdaa;background:#e7ddbd11}.city-status{min-height:50px;margin-block:0;padding:15px 0;font-size:13px;color:var(--green)}.city-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding-top:15px;border-top:1px dashed #79667a}.city-directory a{display:block;text-decoration:none;background:#19151ee8;border:1px solid #68566e;border-bottom:3px solid var(--pink);padding:15px 12px;min-height:95px}.city-directory b{display:block;font-size:12px;color:var(--pink)}.city-directory span{display:block;font-size:12px;margin-top:9px}.city-directory a:hover{border-color:var(--green)}.city-footnote{font-size:12px;color:#bbaec0;max-width:760px;text-align:center;margin-block:28px 0}.nye-city[data-overview=true] .city-world{min-width:0}.nye-city[data-overview=true] .city-door{min-width:40px;min-height:44px;padding:0}.nye-city[data-overview=true] .city-door span{font-size:8px;padding:2px}.nye-city[data-overview=true] .city-door i{display:none}.nye-city[data-overview=true] .city-actor{pointer-events:none}.template-nyecity #PageContainer{overflow:visible}@media(max-width:750px){.city-heading{align-items:start}.city-heading p{font-size:10px;max-width:240px}.city-heading a{font-size:10px}.city-toolbar button{font-size:10px;padding:9px}.city-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.city-directory a:last-child{grid-column:1/-1}.city-world{min-width:1000px}.city-hint{font-size:11px}.city-door span{font-size:12px}.city-viewport{border-width:3px}}@media(prefers-reduced-motion:reduce){.nye-city *{scroll-behavior:auto!important;transition:none!important}}.city-drain.city-drain{border:0;background:transparent;box-shadow:none;transform:none;width:80px;height:45px;margin-left:-18px;margin-top:-17px}.city-drain[data-open=true]{background:transparent;transform:none}.city-drain:hover{outline:2px dashed var(--green)}.nye-city[data-overview=true] .city-door span{display:none}.nye-city[data-overview=true] .city-door i{display:block;font-size:9px}.nye-city[data-overview=true] .city-drain{display:none}.city-neighborhoods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:1536px;margin:22px auto 14px}.city-neighborhoods button{text-align:left;position:relative;border:2px solid #7b647e;border-bottom:5px solid #9971a2;padding:14px;background:repeating-linear-gradient(0deg,#201a24,#201a24 3px,#241d28 4px);color:var(--paper)}.city-neighborhoods small,.city-neighborhoods b,.city-neighborhoods span{display:block}.city-neighborhoods small{font-size:9px;letter-spacing:.12em;margin-bottom:8px}.city-neighborhoods b{font-size:15px;line-height:1.2}.city-neighborhoods span{font-size:10px;margin-top:7px}.city-neighborhoods [aria-pressed=true]{border-color:var(--green);background:#b1c879;color:#18141b}.city-neighborhoods [data-visited=true] small:after{content:" / BEEN HERE"}.city-location{display:flex;justify-content:space-between;align-items:baseline;gap:12px;max-width:1536px;margin:auto}.city-location h2{color:var(--pink);font:900 24px/1 Impact,sans-serif;letter-spacing:.03em;margin:8px 0}.city-location>span{font-size:10px}.city-viewport{max-width:calc(var(--street-width,1536px) + 10px);cursor:grab;position:relative}.city-world{width:var(--street-width,1536px);min-width:0;max-width:none}.nye-city[data-overview=true] .city-world{width:100%}.city-art{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.city-street-exit.city-street-exit{position:absolute;top:83%;max-width:180px;z-index:7;background:#211825ef;color:var(--green);border:2px solid #b1c879;box-shadow:3px 4px #110d16;transform:rotate(-3deg);font-size:11px}.city-west{left:1%}.city-east{right:1%;transform:rotate(3deg)!important}.city-walking{max-width:var(--street-width,1536px);margin:12px auto 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.city-walking span{font-size:11px;text-align:center;color:var(--pink)}.city-walking button{flex-shrink:0;border-bottom:3px solid var(--green)}.city-walking button:disabled{opacity:.35;cursor:default}.city-directory{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.city-neighborhoods{gap:5px}.city-neighborhoods button{padding:10px 7px}.city-neighborhoods b{font-size:11px}.city-neighborhoods span{font-size:9px}.city-neighborhoods small{font-size:8px}.city-location h2{font-size:20px}.city-location>span{font-size:9px;max-width:110px;text-align:right}.city-walking span{font-size:9px}.city-walking button{font-size:10px;padding:10px 8px}.city-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.city-street-exit.city-street-exit{font-size:9px;max-width:145px;padding:7px}}.city-door[data-door-active=true]:not(:hover):not(:focus-visible) span,.city-door[data-door-active=true]:not(:hover):not(:focus-visible) i{opacity:0}.city-door span,.city-door i{transition:opacity .18s}.city-actor.city-actor{touch-action:none;cursor:grab;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.city-actor[data-held=true]{cursor:grabbing;outline:none;background:transparent;z-index:9}.city-actor[data-dead=true]{border-radius:12%}
/*# sourceMappingURL=/cdn/shop/t/21/assets/nye-city.css.map */
