:root{--ink:#f2f0ff;--muted:#b9bbc6;--pink:#fe86b4;--panel:#160e26;--edge:#40334d;--gold:#edc85c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#2a2c32;color:var(--ink);font:15px Arial,Helvetica,sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(#ffffff16 .6px,transparent .8px) 0 0/3px 3px,linear-gradient(155deg,#7c70d74d 0%,#fe86b430 38%,#ffffff09 75%);pointer-events:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--pink);outline-offset:4px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #ffffff14;background:#10091be8;gap:25px;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:33px;height:33px;border-radius:50%}.brand>span{font-size:23px;font-weight:900;font-style:italic;letter-spacing:-1px}.brand small{display:block;font:8px monospace;letter-spacing:1.5px;margin-top:5px;color:#a8a0b6}.brand .dot{color:var(--pink)}nav{display:flex;gap:28px;font-size:12px;color:#b9b2c8}nav a:hover{color:#fff}.header-end{display:flex;align-items:center;gap:20px}.beta{font:10px monospace;letter-spacing:1px;color:var(--pink)}.beta:before{content:'●';font-size:8px;margin-right:8px}.small-button,.map-button{border:1px solid #544260;background:#231733;padding:10px 14px;border-radius:6px;font-size:11px}.hero{max-width:1700px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;padding:55px 4% 35px;margin:auto;align-items:center}.eyebrow{font:9px monospace;letter-spacing:1.6px;color:var(--pink);line-height:1.6;text-transform:uppercase;margin:0 0 18px}h1{font-size:clamp(40px,3.6vw,65px);line-height:1.03;letter-spacing:-2.6px;font-weight:600;margin:0}h1 em,h2 em{font-style:normal;color:var(--pink)}.lede{color:#d0c5d8;font-size:14px;line-height:1.8;max-width:340px;margin:24px 0}.hero-actions{display:flex;align-items:start;flex-direction:column;gap:12px}.button{background:var(--pink);color:#18091d;border:0;border-radius:6px;padding:15px 22px;font-weight:600;font-size:12px;display:inline-flex;gap:35px;justify-content:space-between;align-items:center}.button:hover{background:#ffa3c8}.text-button{border:0;background:none;color:var(--ink);font-size:12px;padding:9px 0;text-align:left}.text-button:hover{color:var(--pink)}.welcome-foot{display:flex;gap:15px;align-items:center;margin:23px 0 25px}.welcome-foot p{font-size:10px;line-height:1.7;color:#beb0ca}.welcome-foot strong{color:#e5ddeb;font-weight:400}.avatars{display:flex;padding-left:6px}.avatars i{font-style:normal;width:29px;height:29px;border-radius:50%;border:2px solid #37283e;background:#684774;display:grid;place-items:center;font-size:10px;margin-left:-6px}.avatars i:nth-child(2){background:#af7097}.avatars i:nth-child(3){background:#9b864a}.selected-card{border-top:1px solid #ffffff22;padding-top:20px}.selected-card .eyebrow{margin-bottom:8px}.selected-card h2{font-size:21px;margin:0 0 7px;letter-spacing:-.6px}.selected-card p:not(.eyebrow){font-size:11px;color:#c3b5cb;line-height:1.7;max-width:305px;margin:0 0 7px}.world-frame{position:relative;border:1px solid #7c5c8533;border-radius:14px;background:#10091f;overflow:hidden;box-shadow:0 30px 90px #08021240}.viewport{height:660px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.scene{position:relative;width:100%;flex-shrink:0;aspect-ratio:3/2;transform:scale(var(--zoom,1));transform-origin:center;transition:transform .25s}.city-img{width:100%;display:block}.map-top,.map-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;gap:12px;z-index:4;align-items:center}.map-top{top:20px}.map-caption{font:10px monospace;color:#d4bfdc;line-height:1.8}.map-caption b{font-weight:400;color:#8f7f9d;font-size:8px}.map-bottom{bottom:20px;font:8px monospace;letter-spacing:1px;color:#b4a4c1}.zoom{display:flex;background:#251833;border:1px solid #4c365f;border-radius:6px}.zoom button{background:none;border:0;padding:9px 11px;font:11px monospace}.marker{position:absolute;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;flex-direction:column;gap:5px;background:none;border:0;white-space:nowrap}.marker i{width:23px;height:23px;border-radius:50%;background:#c163d9;border:2px solid #efc4ff;font:9px monospace;display:grid;place-items:center;box-shadow:0 0 15px #db90e555}.marker span{background:#201329ed;border:1px solid #b788bb55;border-radius:5px;padding:7px 10px;font-size:10px;box-shadow:0 3px 10px #0004}.marker[aria-pressed=true] span{background:var(--pink);color:#210d28;border-color:var(--pink)}.marker[aria-pressed=true] i{background:var(--gold);color:#241028}.hq{left:50%;top:32%}.bank{left:25%;top:52%}.genius{left:76%;top:51%}.fun{left:51%;top:77%}#residents-layer{position:absolute;inset:0;pointer-events:none;z-index:1}.walker{position:absolute;width:4.8%;aspect-ratio:3/4;transform:translate(-50%,-95%);will-change:left,top,opacity}.walker .body{display:block;width:100%;height:100%;background:url('assets/residents.png') left center/200% 100% no-repeat;filter:drop-shadow(0 1px 1px #0008)}.walker.female .body{background-position:right center}.walker.bot{width:2.1%;aspect-ratio:1/1.5;transform:translate(-50%,-90%)}.bot .body{background:none;position:relative}.bot-head{position:absolute;left:4%;top:4%;width:92%;height:50%;background:#f4eddc;border:1px solid #66546c;border-radius:28%;box-shadow:inset -2px -1px #d5cad9}.bot-head:before{content:'';position:absolute;inset:17% 13%;border-radius:25%;background:#21142c}.bot-head:after{content:'••';position:absolute;inset:8% 0;text-align:center;color:#ffd049;font:bold clamp(6px,1.1vw,15px) Arial;letter-spacing:1px}.bot-torso{position:absolute;left:22%;top:55%;width:57%;height:29%;border-radius:25%;background:#eee5d5;border-bottom:2px solid #bbaac8}.bot-torso:after{content:'';position:absolute;width:130%;left:-15%;height:4px;top:100%;border-left:4px solid #4c3958;border-right:4px solid #4c3958}.district-section,.resident-section,.club,.beta-details{max-width:1500px;margin:0 auto;padding:55px 4%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-heading h2,.resident-section h2,.club h2{font-size:clamp(30px,3vw,46px);letter-spacing:-1.4px;font-weight:500;line-height:1.13;margin:0}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p{font-size:12px;color:#c9bacf}.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.district-card{background:#160d25;border:1px solid #5d426966;border-radius:8px;padding:20px;text-align:left;overflow:hidden;transition:transform .2s,border-color .2s}.district-card:hover{transform:translateY(-5px);border-color:#ce88c0}.card-top{font:9px monospace;color:#eaa5cf;letter-spacing:1px;display:flex;justify-content:space-between}.gold .card-top{color:#e5c778}.card-top b{font:16px Arial}.district-card h3{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:16px 0 8px}.district-card p{font-size:12px;color:#baa9c6;line-height:1.7;min-height:60px}.card-link{font-size:11px;color:#f2c1df;display:block;margin-top:20px}.building-thumb{height:165px;background-image:url('assets/city.png');background-repeat:no-repeat;background-size:580px auto;margin:16px -20px 0}.thumb-hq{background-position:50% 14%}.thumb-bank{background-position:19% 49%}.thumb-genius{background-position:83% 47%}.thumb-fun{background-position:50% 86%}.resident-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid #ffffff18}.resident-art{background:radial-gradient(ellipse,#9f578b33,transparent 65%);min-width:0}.resident-art img{width:100%;display:block}.resident-section p:not(.eyebrow),.club p:not(.eyebrow){font-size:14px;color:#c5b7ce;line-height:1.8;max-width:440px}.resident-names{display:flex;gap:70px;margin-top:25px}.resident-names strong{display:block;font-size:18px}.resident-names span{display:block;font-size:11px;color:#bb9fc7;margin-top:8px}.quiet-note{font-size:10px!important;color:#a59ab1!important;line-height:1.7!important;margin-top:25px}.club{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.club-actions{display:flex;gap:15px;align-items:center;margin-top:24px;flex-wrap:wrap}.passport-preview{background:linear-gradient(135deg,#251536,#120a21);padding:34px;border:1px solid #95638d88;border-radius:13px;transform:rotate(-2deg);box-shadow:0 25px 55px #11071644}.passport-top{display:flex;gap:14px;align-items:center;font:11px monospace;letter-spacing:1px}.passport-top img{width:35px;border-radius:50%}.passport-top small{display:block;font-size:8px;margin-top:6px;color:#a88dbb}.passport-star{margin-left:auto;font-size:24px;color:var(--pink)}.passport-preview h3{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:30px 0 8px}.passport-preview>p{font-size:11px!important}.stamps{display:flex;gap:10px;margin:25px 0}.stamps span{border:1px dashed #755d84;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;font:8px monospace;color:#9a86aa;transform:rotate(-10deg)}.stamps .visited{color:var(--pink);border:2px solid #bf72a2;background:#ff88bd12}.beta-details{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid #ffffff1a}.beta-details p{font-size:11px;line-height:1.8;color:#bfb1ca;margin-top:0}.beta-details strong{color:#f0e7f6}footer{background:#10091bee;padding:25px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff18;font-size:11px;color:#bcaac8}.footer-brand{font-weight:900;font-style:italic;font-size:19px;color:#f4eff9}dialog{background:#180e27;color:var(--ink);border:1px solid #80608e;border-radius:12px;padding:32px;width:min(500px,92vw);max-height:88vh;overflow:auto;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#090214cc;backdrop-filter:blur(8px)}dialog h2{font-weight:500;font-size:28px;letter-spacing:-1px;margin:0 0 20px}dialog p{font-size:12px;color:#cbbbd5;line-height:1.8}.close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:24px}.field{display:block;margin:16px 0;font-size:11px;color:#cbbbd5}.field input,.field textarea,.field select{display:block;margin-top:8px;width:100%;padding:12px;color:#eee;background:#090214;border:1px solid #4e3a60;border-radius:5px}.field textarea{min-height:140px;resize:vertical}.dialog-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.tile{height:65px;background:#34203f;border:1px solid #6e4c7e;border-radius:6px;font-size:25px}.tile.face{background:#79466c}.tile.matched{background:#e5c66b;color:#241329}.score{display:flex;justify-content:space-between;font:11px monospace;color:var(--pink)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#f6d9e9;color:#231329;padding:14px 22px;border-radius:8px;font-size:12px;z-index:40;max-width:90vw}.toast[hidden]{display:none}.note-status{font-size:11px;color:var(--pink);margin-top:14px;line-height:1.7}.storage-warning{color:#f4c86b}
@media(min-width:1700px){.viewport{height:740px}.hero{grid-template-columns:380px minmax(0,1fr)}}@media(max-width:1150px){.hero{grid-template-columns:280px minmax(0,1fr);gap:15px;padding-inline:3%}h1{font-size:43px}.viewport{height:580px}.district-grid{grid-template-columns:repeat(2,1fr)}.building-thumb{background-size:650px auto;height:200px}.club{gap:35px}.resident-section{gap:35px}}@media(max-width:760px){html{scroll-padding-top:75px}.site-header{height:72px;padding:0 16px}.brand>span{font-size:20px}.brand small{font-size:7px;letter-spacing:1px}.brand img{width:27px;height:27px}nav{display:none}.header-end{gap:12px}.header-end .small-button{display:none}.hero{display:flex;flex-direction:column;padding:30px 16px 15px;align-items:stretch}.welcome{display:contents}.welcome .eyebrow{margin-bottom:12px;font-size:8px}h1{font-size:47px;letter-spacing:-2px}.lede{font-size:13px;margin:16px 0;max-width:100%}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-bottom:20px}.button{padding:13px 16px;font-size:11px;gap:16px}.welcome-foot{display:none}.selected-card{order:2;padding:20px;background:#160d2599;border:1px solid #ffffff18;border-radius:8px;margin-top:15px}.world-frame{order:1}.viewport{height:365px}.map-top,.map-bottom{left:12px;right:12px}.map-top{top:12px}.map-bottom{bottom:12px;font-size:7px;letter-spacing:0}.map-caption{font-size:8px}.map-caption b{font-size:6px}.map-button{font-size:9px;padding:8px}.marker i{width:20px;height:20px;font-size:8px}.marker span{font-size:8px;padding:5px 6px}.marker{gap:3px}.district-section,.resident-section,.club,.beta-details{padding:35px 16px}.section-heading{display:block}.section-heading h2,.resident-section h2,.club h2{font-size:31px}.section-heading>p{font-size:11px}.district-grid{gap:10px}.district-card{padding:14px}.district-card h3{font-size:16px}.district-card p{font-size:11px;min-height:75px}.building-thumb{height:120px;background-size:420px auto;margin:12px -14px 0}.card-top{font-size:7px;letter-spacing:.3px}.card-link{font-size:10px;line-height:1.6}.resident-section{grid-template-columns:1fr;gap:15px}.resident-art{max-width:440px;margin:auto}.resident-section>div:last-child{padding:0 10px}.club{grid-template-columns:1fr;gap:35px}.passport-preview{padding:24px;transform:rotate(-1deg)}.beta-details{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;padding:22px 16px}footer>span{display:none}.stamps{gap:8px}.stamps span{width:56px;height:56px}.toast{width:max-content}dialog{padding:25px}.resident-names{gap:70px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}