@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;900&display=swap");
:root{--ink:#171b18;--paper:#eee9dd;--red:#b62421;--blue:#147c9c;--orange:#d16a1d;--purple:#72366e;--map-width:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 50% 0,#4e4b45,#282723 42%,#151513);font-family:"Arial Narrow",Arial,sans-serif}
button,a{-webkit-tap-highlight-color:transparent}.map-toolbar,.page-footer{width:min(var(--map-width),calc(100% - 40px));margin-inline:auto}.map-toolbar{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:18px;color:#d6d0c4;font:800 10px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.map-toolbar a,.page-footer a{color:#ff554b;text-decoration:none}.map-toolbar p{margin:0;color:#aaa69d}
.map-viewport{width:100%;overflow-x:auto;padding:0 20px 30px}.map-sheet{position:relative;width:min(var(--map-width),calc(100vw - 40px));margin:0 auto;overflow:hidden;container-type:inline-size;background:#eee9dd url("../assets/cyberpunk-red-map/paper-map-background.webp") center/100% 100% no-repeat;box-shadow:0 28px 90px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.14)}.ticket-stage{position:relative;z-index:5;width:100%;height:650px;overflow:hidden}.ticket-stage-route{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;opacity:1}.map-content{position:relative;width:100%;aspect-ratio:864/1821}
.map-sheet::after{position:absolute;z-index:1;inset:.7%;border:1px solid rgba(164,37,31,.17);box-shadow:inset 0 0 3cqi rgba(65,48,27,.06);content:"";pointer-events:none}.route-overlay{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none}.sr-only,.scale-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.legend{position:absolute;z-index:9;top:-600px;left:54.73%;width:31.52%;padding:1.25%;border:1px solid rgba(145,30,27,.85);background:rgba(242,238,228,.96);box-shadow:inset 0 0 0 .35cqi rgba(242,238,228,.65)}
.legend>h2{margin:-6.2% -6.2% 7%;padding:5.5% 6%;color:#fff;background:var(--red);font:900 1.34cqi/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase}.service-alert{position:relative;padding:7% 6% 7% 34%;border:1px solid rgba(23,27,24,.55);background:rgba(247,244,236,.76)}.service-alert>.warning-sign{position:absolute;top:4%;bottom:4%;left:3%;display:block;width:29%;height:92%;object-fit:contain;filter:drop-shadow(0 .22cqi .16cqi rgba(18,18,16,.34))}.service-alert h3{margin:0 0 9px;font:500 18px/1.05 "Kanit",sans-serif;letter-spacing:.06em;text-transform:uppercase}.service-alert p{margin:0;font:300 15px/1.15 "Kanit",sans-serif}
.symbol-key{display:grid;gap:.72cqi;margin:1.1cqi 0;padding:0 0 1.1cqi;list-style:none}.symbol-key li{display:grid;grid-template-columns:2.2cqi 1fr;align-items:center;font:800 .62cqi/1 Arial,sans-serif;text-transform:uppercase}.symbol-key i{display:block;justify-self:center;width:1.2cqi;height:1.2cqi;border:.18cqi solid var(--ink);border-radius:50%;background:var(--paper)}.symbol-key i.main{border-color:var(--red);box-shadow:inset 0 0 0 .23cqi var(--ink)}.symbol-key i.transfer{box-shadow:inset 0 0 0 .23cqi var(--red)}.symbol-key i.stop{width:.72cqi;height:.72cqi}.symbol-key i.closed{width:1.65cqi;height:0;border:0;border-top:.35cqi dashed var(--red);border-radius:0}.symbol-key i.hazard,.symbol-key i.quarantine{width:1.5cqi;height:.82cqi;border:0;border-radius:0;background:repeating-linear-gradient(135deg,#c8554b 0 .16cqi,transparent .16cqi .38cqi)}.symbol-key i.quarantine{background:repeating-linear-gradient(135deg,#d17a31 0 .16cqi,transparent .16cqi .38cqi)}
.station b{display:inline-block;padding:.28cqi .38cqi;color:#fff;font:900 .62cqi/1 Arial,sans-serif;text-align:center}.red{background:var(--red)}.blue{background:var(--blue)}.black{background:var(--ink)}.orange{background:var(--orange)}.purple{background:var(--purple)}
.legend-details{margin-top:.8cqi;padding-top:.45cqi;border-top:.24cqi solid var(--red)}.legend-details section{padding:8px 0;border-top:1px solid rgba(23,27,24,.25)}.legend-details section:first-child{border-top:0}.legend-details h2,.legend-details h3,.legend-details p,.legend-details dl,.legend-details dt,.legend-details dd{margin:0;font-family:"Kanit",sans-serif;font-size:15px}.legend-details h2{margin-bottom:6px;color:var(--red);font-weight:500;line-height:1.1;text-transform:uppercase}.legend-details h3{margin:7px 0 3px;font-weight:500;line-height:1.1;text-transform:uppercase}.legend-details p,.legend-details dd{font-weight:300;line-height:1.15}.legend-details .scales dl{display:grid;gap:4px}.legend-details .scales dl div{display:grid;grid-template-columns:1fr 22px;gap:6px;align-items:center}.legend-details .scales dt,.legend-details .scales dd{font-family:"Kanit",sans-serif;font-size:15px;font-weight:500;line-height:1;text-transform:uppercase}.legend-details .scales dd{display:grid;width:22px;height:22px;place-items:center;color:#fff;background:var(--red)}.legend-details .warning{border-top:.2cqi solid var(--red)!important}
.city-ticket{position:absolute;z-index:2;top:2cqi;left:-10cqi;width:min(800px,85cqi);aspect-ratio:3/2;filter:drop-shadow(16px 22px 15px rgba(48,36,20,.42));transform:rotate(15deg);transform-origin:50% 50%}.city-ticket>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.city-ticket-copy{position:absolute;z-index:1;inset:28% 10% 12% 19%;hyphens:auto;color:#1c2022;font-family:"Arial Narrow",Arial,sans-serif}.city-ticket-copy h2,.city-ticket-copy h3,.city-ticket-copy p{margin:0}.city-ticket-copy h2{max-width:100%;margin:0 0 8px;color:#b3211d;font:400 25px/1.05 "Kanit",sans-serif;letter-spacing:.04em;text-transform:uppercase;text-wrap:balance}.ticket-fields{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px}.ticket-fields section{min-width:0}.city-ticket-copy h3{display:table;margin:6px 0 4px;padding:3px 8px;color:#f1efea;background:#202426;font:900 20px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.ticket-fields section:first-child h3{background:#b3211d}.city-ticket-copy p:not(.ticket-code){max-width:100%;font:600 15px/1.25 "Arial Narrow",Arial,sans-serif}.city-ticket-copy .ticket-code{position:absolute;top:-24px;left:0;color:rgba(32,36,38,.82);font:900 10px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.title-rail{position:absolute;z-index:8;top:3.8cqi;right:1.7%;width:11.7%;height:77.6cqi;border-inline:1px solid rgba(23,27,24,.5)}.title-rail>p{position:absolute;top:1%;left:-13%;margin:0;color:var(--red);font:900 .48cqi/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl}.title-rail h2{position:absolute;top:1%;right:5%;display:flex;align-items:center;gap:.6cqi;margin:0;font:900 5.6cqi/.9 Impact,"Arial Black",sans-serif;text-transform:uppercase;writing-mode:vertical-rl}.title-rail h2 strong{color:var(--red)}.title-rail small{position:absolute;left:5%;bottom:1%;font:900 .58cqi/1.25 Arial,sans-serif;text-transform:uppercase;writing-mode:vertical-rl}
.district-hatch{position:absolute;z-index:2;border:.12cqi solid rgba(181,49,43,.38);background:repeating-linear-gradient(135deg,rgba(183,52,46,.52) 0 .16cqi,rgba(241,234,220,.2) .16cqi .52cqi);pointer-events:none}.watson-hatch{top:14.7%;left:75.4%;width:8.5%;height:7.7%;clip-path:polygon(0 0,100% 0,100% 75%,76% 86%,76% 100%,0 100%,18% 82%,18% 57%)}.heywood-hatch{top:32.1%;left:6.8%;width:39.7%;height:13.5%;clip-path:polygon(35% 0,100% 3%,93% 21%,94% 62%,84% 63%,84% 77%,71% 77%,62% 100%,16% 100%,0 77%,10% 50%,10% 25%)}.city-hatch-top{top:46.35%;left:33.6%;width:31.2%;height:8.15%;clip-path:polygon(0 22%,12% 0,34% 0,45% 40%,70% 40%,82% 72%,100% 72%,100% 100%,0 100%)}.city-hatch-right{top:54.2%;left:78.2%;width:8.5%;height:8.9%;clip-path:polygon(0 0,44% 18%,100% 62%,100% 100%,53% 100%,0 72%)}.pacifica-hatch{top:77.35%;left:39.6%;width:17.5%;height:5.25%;clip-path:polygon(0 0,100% 0,100% 71%,88% 100%,58% 100%,52% 82%,15% 82%)}.santo-hatch{top:91.95%;left:29.8%;width:25.8%;height:6.25%;clip-path:polygon(0 0,21% 0,30% 21%,100% 21%,100% 85%,82% 100%,18% 100%,9% 82%,0 82%)}
.district{position:absolute;z-index:3;padding:0;overflow:hidden;border:.14cqi solid rgba(182,36,33,.55);background:#1b211f;cursor:zoom-in;filter:drop-shadow(0 .5cqi .55cqi rgba(40,32,20,.19))}.district img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06) sepia(.12);transition:filter .25s,transform .25s}.district:hover img,.district:focus-visible img{filter:saturate(.9) contrast(1.08);transform:scale(1.015)}.district:focus-visible{outline:.3cqi solid var(--blue);outline-offset:.2cqi}.watson::after{position:absolute;z-index:2;top:19%;right:-3%;width:47%;height:48%;background:repeating-linear-gradient(135deg,rgba(141,44,34,.66) 0 .18cqi,rgba(76,47,38,.25) .18cqi .55cqi);clip-path:polygon(16% 0,100% 8%,100% 100%,44% 88%,0 38%);content:"";mix-blend-mode:multiply;pointer-events:none}
.watson{top:3.13%;left:48.61%;width:37.04%;height:18.67%;clip-path:polygon(12% 0,74% 0,80% 6%,86% 6%,100% 20%,100% 64%,94% 70%,94% 90%,91% 93%,91% 99%,74% 99%,70% 96%,64% 96%,61% 100%,19% 100%,12% 94%,12% 78%,5% 72%,0 66%,0 29%,6% 24%,6% 7%)}.heywood{top:27.95%;left:23.15%;width:38.77%;height:17.3%;clip-path:polygon(7% 13%,19% 3%,32% 3%,36% 6%,42% 0,87% 0,100% 13%,100% 60%,95% 71%,77% 71%,70% 78%,70% 86%,61% 97%,54% 97%,52% 100%,25% 100%,18% 94%,4% 57%,0 54%,0 38%,7% 30%)}.city-center{top:48.49%;left:37.73%;width:45.14%;height:17.02%;clip-path:polygon(16% 0,41% 0,47% 7%,57% 7%,65% 18%,74% 18%,85% 34%,92% 34%,100% 48%,100% 90%,94% 100%,36% 100%,29% 91%,16% 91%,8% 81%,8% 62%,0 51%,0 20%)}.pacifica{top:67.38%;left:3.82%;width:54.98%;height:15.71%;clip-path:polygon(8% 0,31% 0,33% 3%,37% 3%,40% 7%,44% 7%,46% 3%,70% 3%,80% 20%,80% 33%,84% 41%,96% 41%,100% 48%,100% 65%,95% 71%,88% 71%,84% 80%,69% 80%,66% 88%,47% 88%,43% 96%,8% 96%,3% 88%,3% 69%,0 64%,0 15%)}.santo{top:83.86%;left:35.53%;width:49.77%;height:14.11%;clip-path:polygon(14% 0,55% 0,59% 8%,64% 8%,69% 0,86% 0,88% 4%,93% 4%,100% 13%,100% 91%,94% 100%,57% 100%,52% 93%,0 88%,0 26%)}
.district-label{position:absolute;z-index:5;display:grid;grid-template-columns:4.2cqi 1fr;min-width:24cqi;padding:.85cqi .95cqi;border:.24cqi solid var(--ink);background:rgba(245,241,231,.97);box-shadow:.45cqi .48cqi 0 rgba(23,27,24,.15);clip-path:polygon(0 0,calc(100% - 3cqi) 0,100% 3cqi,100% 100%,0 100%);font-family:"Arial Narrow",Arial,sans-serif;text-transform:uppercase;pointer-events:none}.district-label>b{display:grid;align-self:start;width:3.35cqi;height:3.35cqi;place-items:center;color:#fff;background:var(--ink);font:900 2.05cqi/1 Arial,sans-serif}.district-label span{display:block}.district-label small{display:block;font:900 .86cqi/1 Arial,sans-serif;letter-spacing:.045em}.district-label strong{display:block;margin:.26cqi 0 .68cqi;font:900 1.72cqi/1 Arial,sans-serif}.district-label em{display:block;font:700 1.02cqi/1.42 Arial,sans-serif;font-style:normal;text-transform:none}.watson-label{top:9.75%;left:48.5%;width:26.5%}.heywood-label{top:37.55%;left:22.7%;width:27.5%}.city-center-label{top:57.8%;left:55.4%;width:28.5%}.pacifica-label{top:75.4%;left:4.8%;width:30%}.santo-label{top:87.1%;left:55.2%;width:29%}
.station{position:absolute;z-index:6;overflow:visible;background:transparent}.station-number{margin:0;color:var(--ink);font:900 7.2cqi/.78 Impact,"Arial Black",sans-serif;letter-spacing:-.02em}.station h2{margin:.48cqi 0 .82cqi;color:var(--red);font:900 1.82cqi/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase}.station>p:not(.station-number){margin:0;font:700 1.32cqi/1.32 "Arial Narrow",Arial,sans-serif}.station-points{display:grid;gap:.58cqi;margin:0;padding:0;list-style:none}.station-points li{position:relative;padding-left:1.38cqi;font:700 1.25cqi/1.3 "Arial Narrow",Arial,sans-serif}.station-points li::before{position:absolute;left:.1cqi;color:var(--red);content:"+";font:900 1.42cqi/1 Arial,sans-serif}.station>div{display:flex;gap:.48cqi;margin-top:1.15cqi}.station-one{top:7.35%;left:26.97%;width:21.5%}.station-two{top:26.9%;left:63.77%;width:20.4%}.station-three{top:50.2%;left:6.5%;width:27.5%}.station-four{top:66.8%;left:63.55%;width:21.2%}.station-five{top:84.8%;left:5.65%;width:26%}
.motto{position:absolute;z-index:5;top:43.1%;left:54%;width:29%;margin:0;font:700 1.06cqi/1.1 "Comic Sans MS","Bradley Hand",cursive;transform:rotate(-5deg)}.motto::after{display:block;width:80%;margin:.35cqi 0 0 12%;border-top:.23cqi solid var(--ink);content:"";transform:rotate(-2deg)}
.ticket{position:absolute;z-index:6;top:79%;right:2.7%;width:10.5%;height:auto;filter:drop-shadow(0 .45cqi .5cqi rgba(45,34,20,.25));transform:rotate(3deg)}.cover-hotspot{position:absolute;z-index:7;top:78.6%;right:1.8%;width:12%;height:19.6%;padding:0;border:0;background:transparent;cursor:zoom-in}.cover-hotspot:hover,.cover-hotspot:focus-visible{outline:.28cqi solid var(--red);outline-offset:-.28cqi}
.page-footer{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:18px;color:#aaa69d;font:800 9px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.lightbox{width:min(1120px,calc(100% - 30px));max-height:92vh;padding:18px;border:2px solid var(--red);background:#111310;color:var(--paper);box-shadow:0 30px 100px rgba(0,0,0,.82)}.lightbox::backdrop{background:rgba(13,14,12,.9);backdrop-filter:blur(5px)}.lightbox figure{margin:0}.lightbox img{display:block;max-width:100%;max-height:78vh;margin:auto}.lightbox figcaption{margin-top:13px;color:#d5cec0;font:700 12px/1.4 Arial,sans-serif;text-align:center}.lightbox-close{position:fixed;z-index:2;top:18px;right:22px;display:grid;width:42px;height:42px;padding:0;place-items:center;border:2px solid var(--red);border-radius:50%;color:#fff;background:#111310;font-size:28px;cursor:pointer}
@media(max-width:720px){html{scroll-behavior:auto}.map-toolbar,.page-footer{width:calc(100% - 24px)}.map-toolbar{min-height:48px}.map-toolbar p{display:none}.map-viewport{padding:0 12px 24px}.map-sheet{width:760px;min-width:760px;margin:0}.page-footer{min-height:58px;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.4}}
@media(prefers-reduced-motion:reduce){.district img{transition:none}}

/* caly tekst na bilecie: Kanit */
.city-ticket-copy,
.city-ticket-copy h2,
.city-ticket-copy h3,
.city-ticket-copy p,
.city-ticket-copy .ticket-code {
  font-family: "Kanit", "Arial Narrow", Arial, sans-serif !important;
}

/* grubosc jak w tytule biletu (400) */
.city-ticket-copy,
.city-ticket-copy h3,
.city-ticket-copy p,
.city-ticket-copy .ticket-code {
  font-weight: 400 !important;
}

/* stacje 01-05: teksty w Kanit */
.station h2,
.station > p:not(.station-number),
.station-points li {
  font-family: "Kanit", "Arial Narrow", Arial, sans-serif !important;
  font-weight: 400 !important;
}