@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#02070b;--paper:#e9f4f4;--cyan:#8df4ff;--pink:#ff2c88;--acid:#dcff3f;--orange:#ff6747}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;margin:0}body{color:var(--paper);font-family:Barlow Condensed,Arial,sans-serif}button{font:inherit}.city-shell{isolation:isolate;background:var(--ink);min-height:100svh;position:relative;overflow:hidden}.city-image,.city-grade,.rain,.scanlines{pointer-events:none;position:absolute;inset:0}.city-image{z-index:-5;filter:saturate(1.08)contrast(1.15)brightness(.8);background:url(/cyberpunk-city.png) 50% 49%/cover no-repeat;transform:scale(1.018)}.city-grade{z-index:-4;background:radial-gradient(circle at 50% 42%,#0000 0 24%,#00050921 47%,#000306c2 100%),linear-gradient(#0004086b,#0000 22% 72%,#000306a8)}.rain{z-index:8;opacity:.18;mix-blend-mode:screen;background:repeating-linear-gradient(103deg,#0000 0 26px,#a0e5ff38 27px,#0000 28px 78px);animation:1.1s linear infinite rain}.scanlines{z-index:9;opacity:.075;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff80 4px,#0000 5px)}@keyframes rain{to{background-position:-88px 150px}}.skyline-header{z-index:11;letter-spacing:.13em;text-shadow:0 2px 8px #000;background:linear-gradient(#000509cc,#00050929);border-bottom:1px solid #a8e7f338;justify-content:space-between;align-items:center;height:62px;padding:0 4.5vw;font:700 9px Space Mono,monospace;display:flex;position:relative}.system-id span{color:var(--acid);margin-right:11px}.open-channel{color:var(--cyan)}.open-channel i{background:var(--pink);width:7px;height:7px;box-shadow:0 0 14px var(--pink);border-radius:50%;margin-right:9px;display:inline-block}.city-stage{min-height:calc(100svh - 106px);position:relative}.city-greeting{letter-spacing:-.035em;text-transform:uppercase;margin:0;font:900 clamp(44px,6.2vw,100px)/.76 Barlow Condensed,sans-serif}.billboard{z-index:4;isolation:isolate;text-align:center;text-shadow:0 0 8px,0 2px 1px #000000bf;display:flex;position:absolute;overflow:hidden}.billboard:before{content:"";z-index:-1;opacity:.4;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 4px,#ffffff38 5px,#0000 6px),radial-gradient(circle at 30% 20%,#ffffff42,#0000 34%);position:absolute;inset:0}.billboard:after{content:"";opacity:.45;border:1px solid;position:absolute;inset:3px;box-shadow:inset 0 0 14px}.hello-sign{color:#dffcff;background:linear-gradient(145deg,#149cb8a8,#09212f6b);border:1px solid #76eeffcc;flex-direction:column;justify-content:center;align-items:center;width:18%;height:21%;font-size:.72em;top:14.5%;left:25%;transform:perspective(700px)rotateY(8deg)rotate(-.4deg);box-shadow:0 0 18px #5ae7ff6b}.hello-sign small{color:var(--acid);letter-spacing:.15em;margin-bottom:8px;font:700 7px Space Mono,monospace;display:block}.ai-sign{color:#ffb7dc;border:1px solid var(--pink);letter-spacing:.02em;background:linear-gradient(#ff2c88bd,#4b093385);flex-direction:column;justify-content:center;align-items:center;width:7.2%;height:22%;font-size:.48em;top:38%;left:62.3%;transform:perspective(650px)rotateY(-5deg)rotate(.5deg);box-shadow:0 0 20px #ff2c8870}.ai-sign small{color:var(--paper);letter-spacing:.12em;font-size:.58em;line-height:1}.telegram-sign{color:#ffd5e8;letter-spacing:.01em;background:linear-gradient(145deg,#ff2b6bb8,#5b0b2b85);border:1px solid #ff5779;flex-direction:column;justify-content:center;align-items:center;width:11.8%;height:31%;font-size:.42em;line-height:.78;top:27.5%;right:6.5%;transform:perspective(720px)rotateY(-10deg)rotate(.4deg);box-shadow:0 0 22px #ff356c6b}.telegram-sign>span{color:#fff;display:block}.telegram-sign small{color:var(--acid);letter-spacing:.08em;margin-top:10px;font:700 6px Space Mono,monospace}.district-sign{width:14.5%;min-height:27%;color:var(--pink);background:linear-gradient(135deg,#f11269b8,#45072961);border:1px solid #ff2f89bf;flex-direction:column;justify-content:center;align-items:center;padding:16px 10px;top:24%;left:3.2%;transform:perspective(600px)rotateY(8deg)rotate(-.8deg)}.district-sign small{color:var(--acid);letter-spacing:.12em;font:700 7px Space Mono,monospace}.district-sign strong{margin:11px 0;font-size:clamp(27px,3.8vw,58px);line-height:.78}.district-sign b{color:#dfe8e8;letter-spacing:.06em;font:700 6px Space Mono,monospace}.micro-ad{z-index:5;text-transform:uppercase;text-shadow:0 0 10px,0 2px 4px #000;position:absolute}.rooftop-ad{color:var(--cyan);font-size:clamp(16px,2vw,30px);font-weight:900;line-height:.8;bottom:18%;left:7%;transform:rotate(-7deg)}.rooftop-ad span{color:var(--pink);font-size:.62em;display:block}.transit-ad{border-left:3px solid var(--acid);background:#02090dd1;gap:4px;min-width:185px;padding:10px 13px;display:grid;bottom:16%;right:7%;box-shadow:7px 8px #00000061}.transit-ad small,.transit-ad span{color:#a8b8bb;letter-spacing:.1em;font:700 7px Space Mono,monospace}.transit-ad strong{color:var(--acid);font-size:20px;line-height:.9}.transit-ad span{color:var(--pink)}.tower-ad{color:#8ff1ffb3;letter-spacing:.1em;text-align:center;font:800 11px/1 Space Mono,monospace;top:20%;left:48.3%;transform:rotate(-1deg)}.tower-ad span{color:var(--pink)}.coordinates{z-index:6;color:#d3e5e9ad;letter-spacing:.06em;font:700 7px Space Mono,monospace;position:absolute;bottom:22px;left:4.5vw}.signal-kiosk{z-index:12;cursor:pointer;border:1px solid var(--acid);color:var(--acid);letter-spacing:.09em;background:#00070ac7;padding:9px 12px;font:700 7px Space Mono,monospace;transition:all .18s;position:absolute;bottom:16px;right:4.5vw;box-shadow:0 0 12px #dcff3f1f}.signal-kiosk:hover,.signal-kiosk:focus-visible,.signal-seen .signal-kiosk{color:var(--ink);background:var(--acid);box-shadow:0 0 22px #dcff3f73,5px 5px 0 var(--pink);outline:none}.kiosk-light{background:var(--pink);width:5px;height:5px;box-shadow:0 0 8px var(--pink);border-radius:50%;margin-right:8px;display:inline-block}.street-ticker{z-index:11;letter-spacing:.12em;background:#000509de;border-top:1px solid #abe8f340;align-items:center;height:44px;font:700 8px Space Mono,monospace;display:flex;position:relative;overflow:hidden}.ticker-track{white-space:nowrap;min-width:max-content;animation:28s linear infinite ticker}.ticker-track span{color:var(--pink);padding:0 26px}@keyframes ticker{to{transform:translate(-35%)}}.signal-seen .billboard{animation:.35s surge}.signal-seen .city-image{filter:saturate(1.2)contrast(1.18)brightness(.84)}@keyframes surge{50%{filter:brightness(1.8);transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.rain,.ticker-track,.signal-seen .billboard{animation:none}}@media (width<=700px){.city-image{filter:saturate(1.1)contrast(1.12)brightness(.63);background-position:52%}.skyline-header{height:54px;padding:0 5vw;font-size:7px}.system-id{max-width:55%}.city-stage{min-height:calc(100svh - 94px)}.district-sign,.tower-ad,.transit-ad{display:none}.city-greeting{font-size:clamp(54px,18vw,94px)}.hello-sign{width:48%;height:19%;font-size:.72em;top:16%;left:8%;transform:perspective(600px)rotateY(6deg)rotate(-1deg)}.ai-sign{width:21%;height:22%;font-size:.48em;top:39%;left:54%;transform:perspective(600px)rotateY(-5deg)}.telegram-sign{flex-direction:row;gap:.12em;width:53%;height:18%;font-size:.37em;line-height:1;top:57%;right:6%;transform:perspective(600px)rotateY(-7deg)rotate(.5deg)}.telegram-sign small{display:none}.rooftop-ad{font-size:16px;bottom:13%;left:7%}.coordinates{max-width:45%;font-size:5px;bottom:16px;left:5vw}.signal-kiosk{padding:8px;font-size:6px;bottom:11px;right:5vw}.street-ticker{height:40px;font-size:6px}}