:root{--person:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges' fill='%23101522'%3E%3Crect x='3' width='2' height='3'/%3E%3Crect x='2' y='3' width='4' height='1'/%3E%3Crect x='1' y='4' width='6' height='4'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f1e3;background:#4084c4;font-family:system-ui,sans-serif}html,body{touch-action:pan-x pan-y;height:100%}body{overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0;overflow:hidden}.map,.panel,.dock,.foot,.notices{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.panel :is(input,textarea){-webkit-user-select:text;user-select:text}img,canvas{image-rendering:pixelated}.map{position:fixed;inset:0}.panel{box-sizing:border-box;overscroll-behavior:contain;background:#101522f0;border:3px solid #101522;flex-direction:column;align-items:flex-start;gap:8px;max-height:calc(100% - 32px);padding:12px;display:flex;position:fixed;top:16px;left:16px;overflow-y:auto}.panel .create{flex-direction:column;gap:8px;width:min(420px,100vw - 64px);display:flex}.lockup{width:min(60vw,320px);height:auto}[hidden]{display:none!important}:where(.panel,.overlay) button{color:#f7f1e3;cursor:pointer;background:#26314d;border:2px solid #101522;border-radius:4px;padding:6px 12px;font:600 14px system-ui,sans-serif;box-shadow:inset 0 -2px #0000004d}:where(.panel,.overlay) button:hover:not(:disabled){background:#34436a}:where(.panel,.overlay) button:disabled{cursor:default;opacity:.5}.you{box-sizing:border-box;width:100%;color:inherit;background:#1b2338;border:2px solid #101522;align-items:center;gap:10px;padding:6px;text-decoration:none;display:flex}.you:hover{border-color:#ffd166}.you .face{width:44px;height:44px}.you>span{flex-direction:column;gap:2px;min-width:0;display:flex}.you .open{color:#ffd166;margin-left:auto;padding:0 6px;font-weight:700}.account{margin:0;font-size:13px}.you .who{flex:none;position:relative}.you .count,.tabs b{color:#101522;background:#ffd166;border:2px solid #101522;border-radius:999px;padding:0 6px;font-size:12px;font-weight:800}.you .count{position:absolute;top:-8px;right:-8px}.you .alert{color:#ffd166;font-weight:700}.panel .status{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.panel .status:empty{display:none}.panel .quiet{color:#b9bfcc;box-shadow:none;background:0 0;border-color:#0000;padding:4px 6px;font-size:12px}.panel .pulse{border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:5px 12px;font-size:13px;display:flex}.notices{z-index:1;flex-direction:column;gap:8px;width:min(420px,100vw - 32px);display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.notice{background:#101522f0;border:3px solid #101522;align-items:center;gap:10px;padding:8px 10px;animation:.2s steps(4,jump-none) drop;display:flex;box-shadow:6px 6px #0000004d}.notice.match{border-color:#3a7d44}.notice>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notice strong{align-items:center;gap:6px;display:flex}.notice .pixel{color:#ff5c7a}.notice button{color:#f7f1e3;cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:18px;line-height:1}@keyframes drop{0%{opacity:0;transform:translateY(-16px)}}@media (width<=760px){.notices{top:auto;bottom:172px;left:16px;transform:none}}.overlay{box-sizing:border-box;overscroll-behavior:contain;background:#101522eb;border:3px solid #101522;flex-direction:column;gap:12px;width:min(440px,100vw - 32px);padding:16px;animation:.2s steps(5,jump-none) slide;display:flex;position:fixed;top:16px;bottom:16px;right:16px;overflow-y:auto;box-shadow:6px 6px #0000004d}@keyframes slide{0%{opacity:0;transform:translate(32px)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.overlay .close{z-index:1;color:#f7f1e3;place-items:center;width:44px;height:44px;font-size:26px;line-height:1;text-decoration:none;display:grid;position:absolute;top:0;right:0}.overlay h1,.overlay h2,.overlay p{margin:0}.overlay h1{font-size:22px}.overlay section{flex-direction:column;gap:6px;display:flex}.overlay h2{text-transform:uppercase;letter-spacing:.06em;color:#c9c2b2;margin-top:8px;font-size:14px}.face{width:96px;height:96px;image-rendering:pixelated;background:#1b2338;border:3px solid #5a3b2a;border-radius:6px;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.face.small{border-width:2px;width:36px;height:36px}.face.large{width:160px;height:160px}.pair{justify-content:space-between;align-items:flex-start;gap:10px;padding-top:12px;display:flex}.face-card{text-align:center;width:140px;color:inherit;flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex}.face-card strong{margin-top:4px}.where{text-align:center;flex-direction:column;align-items:center;gap:4px;padding-top:36px;font-size:13px;display:flex}.live{color:#7ed38a;font-weight:700}.live:before{content:"";background:#7ed38a;width:8px;height:8px;margin-right:6px;display:inline-block}.overlay.conversation,.overlay.mine{overflow:hidden}.me{align-items:center;gap:12px;padding-right:24px;display:flex}.me .face{width:80px;height:80px}.me p{font-size:14px}.tabs{border-bottom:3px solid #101522;display:flex}.overlay .tabs button{color:#b9bfcc;box-shadow:none;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;flex:1;margin-bottom:-3px;padding:8px 2px;font-weight:700}.overlay .tabs button[aria-pressed=true]{color:#ffd166;border-bottom-color:#ffd166}.tabs b{margin-left:6px}.pane,.overlay .thread{flex:1;min-height:0}.pane{overscroll-behavior:contain;flex-direction:column;gap:14px;padding-right:4px;display:flex;overflow-y:auto}.overlay .thread{gap:8px}.starters{flex:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.overlay .starters button{border-radius:999px;flex:none;padding:4px 10px;font-size:13px}.compose{gap:8px;display:flex}.compose textarea{min-width:0;font:inherit;resize:none;flex:1;padding:8px 10px}.said{quotes:none;background:#1b2338;border:2px solid #101522;border-radius:8px 8px 8px 2px;padding:8px 10px;font-size:14px;display:block}.said.mine{background:#253a2b;border-radius:8px 8px 2px}.pixel{flex:none;width:14px;height:14px}.meet,.verdicts,.faces,.feed{margin:0;padding:0;list-style:none}.meet,.verdicts{flex-direction:column;gap:8px;display:flex}.meet li{background:#7ed38a1a;border:2px solid #3a7d44;flex-direction:column;gap:8px;padding:12px;display:flex}.meet .who{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.meet .who span,.verdicts a>span{flex-direction:column;gap:2px;min-width:0;display:flex}.meet .face{border-color:#7ed38a}.meet small{color:#b9bfcc;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.verdicts a{color:inherit;background:#1b2338;border:2px solid #101522;align-items:flex-start;gap:10px;padding:8px;text-decoration:none;display:flex}.verdicts a:hover{border-color:#ffd166}.verdicts .face{width:56px;height:56px}.verdicts .match .face{border-color:#7ed38a}.verdicts .mark{color:#b9bfcc;text-transform:uppercase;letter-spacing:.05em;flex-direction:row;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.verdicts .match .mark{color:#7ed38a}.verdicts .why{color:#d8d2c4;font-size:14px}.faces{gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.faces a{width:64px;color:inherit;flex-direction:column;align-items:center;gap:2px;font-size:12px;text-decoration:none;display:flex}.faces .face{width:56px;height:56px}.feed li{gap:10px;padding-bottom:14px;display:flex;position:relative}.feed li:not(:last-child):before{content:"";background:#26314d;width:2px;position:absolute;top:36px;bottom:0;left:17px}.feed .node{box-sizing:border-box;color:#b9bfcc;background:#26314d;border:2px solid #101522;border-radius:6px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.feed .node .face{position:absolute;inset:-2px}.feed .node .face+.pixel{background:#101522;border-radius:3px;width:14px;height:14px;padding:2px;position:absolute;bottom:-8px;right:-8px}.feed li>div{flex-direction:column;flex:1;gap:4px;min-width:0;padding-top:2px;display:flex}.feed p{font-size:14px}.feed a,.overlay .feed .place{font:inherit;color:inherit;box-shadow:none;background:0 0;border:0;padding:0;font-weight:700;text-decoration:none}.feed a:hover,.overlay .feed .place:hover{text-decoration:underline}.feed .muted{white-space:nowrap;font-size:12px}.feed :is(.departed,.arrived) .node{color:#6cb4ff}.feed :is(.accepted,.conversation_started,.judged_match) .node{color:#7ed38a}.feed .mutual_match .node{color:#ffd166}.feed .mutual_match p{color:#ffd166;font-weight:700}.feed :is(.looked_around,.request_expired){opacity:.7}.overlay.terms ul{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.chat{flex-direction:column;flex:1;gap:10px;min-height:0;margin:0;padding:4px 4px 4px 0;list-style:none;display:flex;overflow-y:auto}.chat li{align-items:flex-end;gap:8px;max-width:88%;display:flex}.chat li.right{flex-direction:row-reverse;align-self:flex-end}.chat p{background:#1b2338;border:2px solid #101522;border-radius:8px 8px 8px 2px;padding:8px 10px}.chat li.right p{background:#253a2b;border-radius:8px 8px 2px}.chat .typing p{align-items:center;gap:4px;min-height:20px;display:flex}.chat .typing i{background:#c9c2b2;width:5px;height:5px;animation:1.2s steps(2,jump-none) infinite hop}.chat .typing i:nth-child(2){animation-delay:.2s}.chat .typing i:nth-child(3){animation-delay:.4s}.person{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.person .headline{color:#c9c2b2}.doing{color:#ffd166;font-style:italic}.chips{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chips li{background:#1b2338;border:2px solid #101522;border-radius:999px;padding:3px 9px;font-size:13px}.actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.actions>.big{flex:1}.history{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.history li{justify-content:space-between;gap:8px;display:flex}.form{flex-direction:column;gap:12px;display:flex}.form label{flex-direction:column;gap:4px;display:flex}.form .steps{background:#1b2338;border:2px solid #3a7d44;padding:8px 10px;font-size:14px}.form .why summary{color:#b9bfcc;cursor:pointer;align-items:center;gap:8px;min-height:32px;font-size:13px;display:inline-flex}.form .why summary:before{color:#101522;content:"?";background:#b9bfcc;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-weight:700;display:grid}.form .why p{margin:4px 0 0;font-size:13px;line-height:1.45}.form label.check{flex-direction:row;align-items:flex-start}.form :is(input:not([type=checkbox]),textarea){font:inherit;padding:8px 10px}.form textarea{min-height:64px}.form :is(h2,p){margin:0}.big{justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.big.linkedin{color:#fff;background:#0a66c2;border:3px solid #101522}.big.linkedin .mark{color:#0a66c2;background:#fff;border-radius:3px;padding:0 5px;font-family:system-ui,sans-serif}.big.primary{color:#fff;background:#3a7d44}.big:disabled{opacity:.5}.working{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 0;display:flex}.working .dots{gap:6px;display:flex}.working .dots i{background:#3a7d44;width:10px;height:10px;animation:1.2s steps(2,jump-none) infinite hop}.working .dots i:nth-child(2){animation-delay:.2s}.working .dots i:nth-child(3){animation-delay:.4s}@keyframes hop{50%{transform:translateY(-6px)}}.form .goals{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.form .goals textarea{resize:none;min-height:0}.form .hobbies{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.form .hobbies legend{margin-bottom:6px}.form .hobbies input[type=search]{width:100%}.form .hobbies .choices{box-sizing:border-box;overscroll-behavior:contain;background:#0000002e;border:2px solid #101522;flex-wrap:wrap;align-content:flex-start;gap:6px;width:100%;max-height:216px;padding:6px;display:flex;overflow-y:auto}.form .ideas{flex-wrap:wrap;gap:6px;display:flex}.form .hobbies button,.form .ideas button{border-radius:999px;padding:4px 10px}.form .hobbies button.picked{color:#fff;background:#3a7d44}.portrait{width:256px;height:256px;image-rendering:pixelated;border:3px solid #5a3b2a;border-radius:6px;align-self:center;display:block}.hover-card .portrait{border-width:2px;width:128px;height:128px}.error{color:#ff8a80}a{color:#ffd166}.place-label,.area-label,.region-label{white-space:nowrap;pointer-events:none;position:absolute;top:0;left:0}.place-label{color:#101522;cursor:pointer;pointer-events:auto;background:#f7f1e3eb;border:2px solid #101522;align-items:center;gap:6px;padding:2px 6px;font:600 12px system-ui,sans-serif}.place-label:hover{background:#ffd166}.place-label.close:not(:hover){opacity:.55}.place-label b{align-items:center;gap:3px;font-weight:800;display:flex}.place-label b:empty{display:none}.place-label b:before{content:"";background:var(--person);width:9px;height:9px}.place-label.far{background:#f7f1e3;padding:4px 9px 7px;font-size:14px;box-shadow:inset 0 -3px #c9c2b2}.place-label.far:hover{background:#ffd166}.place-label.far span{display:none}.region-label{letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:3px 0 #101522,-3px 0 #101522,0 3px #101522,0 -3px #101522;font-size:22px;font-weight:800}.talk{justify-content:center;align-items:center;gap:calc(var(--size) / 9);width:var(--size);height:calc(var(--size) * .68);cursor:pointer;background:#fff;border:2px solid #101522;border-radius:4px;padding:0;display:flex;position:absolute;top:0;left:0}.talk:after{content:"";background:#fff;border-bottom:2px solid #101522;border-right:2px solid #101522;width:6px;height:6px;position:absolute;bottom:-5px;left:calc(50% - 4px);transform:rotate(45deg)}.talk i{width:calc(var(--size) / 9);height:calc(var(--size) / 9);background:#101522}.traveler{box-sizing:border-box;background:#ffd166 var(--person) center / 11px no-repeat;cursor:pointer;width:22px;height:22px;image-rendering:pixelated;border:2px solid #101522;margin-top:-5px;padding:0;position:absolute;top:0;left:0}.traveler:after{content:"";background:#101522;width:2px;height:5px;margin:2px 0 0 -1px;position:absolute;top:100%;left:50%}.traveler:hover{background-color:#f7f1e3}.snore{pointer-events:none;color:#f7f1e3;text-shadow:1px 0 #101522,-1px 0 #101522,0 1px #101522,0 -1px #101522;align-items:flex-end;gap:1px;font:800 13px system-ui,sans-serif;position:absolute;top:0;left:0}.snore i{font-style:normal}.snore i:nth-child(2){font-size:11px}.snore i:nth-child(3){font-size:9px}.dock{flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.controls{background:#101522d9;border:3px solid #101522;gap:14px;padding:10px 12px;display:flex}.controls .move,.controls .zoom,.controls .extras{grid-template-columns:repeat(3,32px);gap:4px;display:grid}.controls .zoom,.controls .extras{grid-template-columns:auto;align-content:end;justify-items:center}.controls .move kbd:first-child{grid-column:2/-1}.controls kbd,.controls button{box-sizing:border-box;color:#101522;background:#f7f1e3;border:2px solid #101522;justify-content:center;align-items:center;width:32px;height:32px;padding:0 0 4px;font:700 16px system-ui,sans-serif;display:flex;box-shadow:inset 0 -4px #c9c2b2}.controls button{cursor:pointer}.controls button:hover,.controls button[aria-pressed=true]{background:#ffd166}.controls button.off{color:#8d8778;background:#c9c2b2;text-decoration:line-through}.watching{color:#f7f1e3;cursor:pointer;background:#101522eb;border:3px solid #101522;align-items:center;gap:10px;padding:8px 12px;font:700 13px system-ui,sans-serif;display:flex}.watching b{color:#101522;background:#ffd166;flex:none;padding:2px 8px}.controls span{text-align:center;color:#c9c2b2;grid-column:1/-1;font-size:11px;line-height:1.3}@media (hover:none){.controls .move,.controls .zoom,.controls span{display:none}}.hover-card{color:#f7f1e3;pointer-events:none;background:#101522eb;border:3px solid #101522;flex-direction:column;gap:2px;max-width:260px;padding:8px 10px;font-size:13px;display:flex;position:fixed}.hover-card .doing{font-size:13px}.hover-card.pinned{pointer-events:auto;gap:4px}.hover-card.pinned .big{margin-top:6px}.hover-card [hidden]{display:none!important}.muted{color:#b9bfcc}.hover-card .talking{color:#ffd166}.area-label{letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:2px 0 #101522,-2px 0 #101522,0 2px #101522,0 -2px #101522;font-size:15px;font-weight:800}.credits{color:#b9bfcc;font-size:12px}.foot{white-space:nowrap;background:#101522d9;border:3px solid #101522;flex-wrap:wrap;gap:4px 12px;max-width:calc(100vw - 32px);padding:5px 10px;font-size:12px;display:flex;position:fixed;bottom:16px;left:16px}.foot a{color:#f7f1e3;text-decoration:none}.foot a:hover{color:#ffd166}.foot button{font:inherit;color:#f7f1e3;cursor:pointer;background:0 0;border:0;padding:0}.foot button:hover{color:#ffd166}.share{display:inline-flex;position:relative}.share>button{align-items:center;gap:6px;display:inline-flex}.share-menu{z-index:3;background:#101522;border:3px solid #0b0f1a;flex-direction:column;gap:6px;width:220px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:6px 6px #0000004d}.share-menu.up{inset:auto auto calc(100% + 12px) 0}.actions .share{display:contents}.actions .share-menu{box-sizing:border-box;width:auto;box-shadow:none;flex-direction:row;flex:1 0 100%;position:static}.actions .share-menu>*{flex:1}.share .share-menu a,.share .share-menu button{color:#f7f1e3;text-align:left;cursor:pointer;min-height:44px;box-shadow:none;background:#1b2338;border:2px solid #0b0f1a;border-radius:4px;align-items:center;gap:10px;padding:6px 8px;font:700 15px system-ui,sans-serif;text-decoration:none;display:flex}.share .share-menu a:hover,.share .share-menu button:hover{color:#f7f1e3;background:#26314d}.share-menu i{color:#fff;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;display:grid}.share-menu .x{background:#000}.share-menu .messages{background:#34c759}.share-menu .copy{background:#4a5a86}.overlay.wide{width:min(820px,100vw - 32px);margin:0 auto;left:16px}.how{gap:18px;padding:24px 28px;line-height:1.5}.how h1{font-size:28px}.how .lead{font-size:18px}.overlay.how h2{color:#ffd166;text-transform:none;letter-spacing:0;margin:0;font-size:19px}.how .steps{grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.how .steps li{flex-direction:column;gap:6px;display:flex}.how .steps img{image-rendering:auto;border:3px solid #101522;width:100%;height:auto}.how .steps strong{color:#ffd166;font-size:17px}.how .steps span{font-size:14px}.how .flow{align-items:stretch;gap:10px;display:flex}.how .flow div{background:#1b2338;border:2px solid #101522;flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.how .flow div:nth-of-type(2){border-color:#3a7d44}.how .flow div:nth-of-type(3){border-color:#ffd166}.how .flow span{color:#b9bfcc;font-size:14px}.how .flow i{color:#b9bfcc;align-self:center;font-size:22px;font-style:normal}.how .tools{grid-template-columns:1fr 1fr;gap:6px;margin:0;display:grid}.how .tools div{background:#1b2338;border:2px solid #101522;padding:8px 10px}.how .tools dt{color:#7ed38a;font:700 13px ui-monospace,monospace}.how .tools dd{margin:2px 0 0;font-size:14px}.how ol{flex-direction:column;gap:4px;margin:0;padding-left:22px;display:flex}.how .hood{flex-direction:column;gap:18px;display:flex}.how .hood summary{color:#ffd166;cursor:pointer;background:#1b2338;border:2px solid #101522;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:17px;font-weight:700;display:flex}.how .hood summary:before{content:"▸"}.how .hood[open] summary:before{content:"▾"}.how .hood[open] summary{margin-bottom:4px}@media (width<=760px){.overlay,.overlay.wide{top:var(--screen-top,0);width:auto;height:var(--screen-height,100dvh);box-shadow:none;border-width:0;margin:0;bottom:auto;left:0;right:0}.panel{max-height:calc(100% - 76px)}.foot{border-width:3px 0 0;justify-content:center;gap:0;max-width:none;padding:0 4px;font-size:13px;bottom:0;left:0;right:0}.foot>a,.foot .share>button{align-items:center;min-height:44px;padding:0 9px;display:inline-flex}.dock{bottom:56px}.how{padding:16px}.how .steps,.how .tools{grid-template-columns:1fr}.how .flow{flex-direction:column}.how .flow i{transform:rotate(90deg)}}@media (pointer:coarse){:where(.panel,.overlay) button,.tabs a,.history a{min-height:40px}.tabs a,.history a{align-items:center;display:inline-flex}.form label.check input{flex:none;width:22px;height:22px}.traveler:before{content:"";position:absolute;inset:-11px}}@media (prefers-reduced-motion:reduce){.working .dots i,.chat .typing i,.overlay,.notice{animation:none}}