:root{--bg:#101729;--panel:#19223a;--panel2:#202b46;--text:#f5f3e9;--muted:#bdc6db;--line:#3b4866;--lime:#d0ff9b;--pink:#ffadc4;--yellow:#ffd996;--blue:#b4d4ff;--radius:20px;color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:radial-gradient(circle at 78% 4%,#352d55 0,transparent 28%),var(--bg);color:var(--text);line-height:1.58}a{color:var(--lime)}a:hover{text-decoration-thickness:2px}button,select,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #fdc16d;outline-offset:4px}::selection{background:#f8b7a3;color:#181b30}.skip{position:absolute;left:1rem;top:-4rem;background:#fff;color:#151b2c;padding:.7rem;z-index:100}.skip:focus{top:1rem}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topbar{position:sticky;top:0;z-index:50;background:#101729eb;backdrop-filter:blur(18px);border-bottom:1px solid #3c4867}.topinner{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:70px}.brand{font-weight:950;letter-spacing:-.03em;color:#f5f3e9;text-decoration:none;font-size:1.05rem}.brand b{color:var(--lime)}.nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.nav a{text-decoration:none;font-size:.83rem;color:#e1e6f3}.nav a:hover{color:var(--lime)}.tinybutton{border:1px solid #626f83;background:transparent;color:var(--text);border-radius:10px;padding:.55rem .8rem;font-weight:700;font-size:.75rem}.tinybutton:hover,.tinybutton[aria-pressed="true"]{background:#d0ff9b;color:#161d2c;border-color:#d0ff9b}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.19em;color:var(--lime);font-weight:900}.hero{padding-top:86px;position:relative}.hero h1{font-size:clamp(3.9rem,10vw,9rem);font-weight:1000;letter-spacing:-.095em;line-height:.81;max-width:1000px;margin:24px 0}.hero h1 span{display:block;color:var(--pink)}.hero .intro{max-width:730px;color:#d4dae8;font-size:clamp(1.06rem,2vw,1.34rem);margin:29px 0}.cta{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 30px}.btn{border:1px solid #95a5ba;background:#293550;color:var(--text);border-radius:14px;padding:13px 19px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px);border-color:var(--lime);text-decoration:none}.btn.primary{color:#171b2c;background:var(--lime);border-color:var(--lime)}.btn.alt{color:#171b2c;background:var(--pink);border-color:var(--pink)}.btn.small{padding:8px 13px;font-size:.86rem;min-height:40px}.btn.outline{background:transparent}.btn[aria-pressed="true"],.selected{box-shadow:inset 0 0 0 2px var(--lime)!important;border-color:var(--lime)!important}.city-stage{border:1px solid #536181;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 28px 90px #0008;background:#1a233f}.city-stage img{display:block;width:100%;height:auto;aspect-ratio:1080/600;object-fit:cover}.city-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#c2ff9710,transparent 45%,#ffadc41e);pointer-events:none;animation:cityglow 9s ease-in-out infinite alternate}.city-flag{position:absolute;left:18px;bottom:18px;background:#141b30ed;color:#eef4e3;border:1px solid #7a8c9c;border-radius:13px;padding:8px 13px;font-size:.78rem;max-width:70%}.city-districts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:13px}.city-districts button{border:1px solid var(--line);background:var(--panel);color:#eef2f8;border-radius:999px;padding:9px 15px;font-size:.85rem}.city-districts button:hover{border-color:var(--lime)}.micro{font-size:.86rem;color:var(--muted)}.section{padding-top:100px;padding-bottom:12px}.section h2{font-size:clamp(2.1rem,5vw,4rem);letter-spacing:-.055em;line-height:1.02;margin:10px 0 20px}.section>.lead,.lead{font-size:1.1rem;color:#c8cfde;max-width:790px}.panel{background:linear-gradient(140deg,#222c48,#172036);border:1px solid #415273;border-radius:var(--radius);padding:clamp(17px,3vw,28px);box-shadow:0 18px 34px #080d1b38}.panel.light{background:linear-gradient(145deg,#2b304d,#24273e)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.persona{min-width:0;position:relative;text-align:left;color:var(--text);display:block;cursor:pointer;width:100%;transition:transform .2s,background .2s}.persona:hover{transform:translateY(-3px)}.persona .emoji{font-size:2.1rem;display:block;margin:0 0 12px}.persona h3{font-size:1.15rem;margin:0 0 4px}.persona p{margin:0;color:#d6d8e6;font-size:.89rem}.tag{display:inline-block;background:#33425e;color:#e0f5ca;border:1px solid #50687c;font-size:.7rem;border-radius:999px;padding:2px 9px;letter-spacing:.04em}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.statusbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:13px;margin-bottom:16px}.resourcegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.resource{background:#121d33;border:1px solid #394968;border-radius:14px;padding:12px}.resource .num{font-weight:950;font-size:1.6rem;line-height:1.15}.resource .measure{font-size:.8rem;color:#d6dfec}.meter{height:7px;background:#35415c;border-radius:999px;overflow:hidden;margin-top:9px}.meter>span{display:block;background:var(--lime);height:100%;max-width:100%;transition:width .4s}.resource:nth-child(2) .meter span{background:var(--yellow)}.resource:nth-child(3) .meter span{background:var(--pink)}.resource:nth-child(4) .meter span{background:var(--blue)}.game{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(285px,1fr);gap:18px;margin-top:16px}.clock{font-size:1rem;font-weight:900;color:var(--yellow)}.current-scene{font-size:1rem;color:#e5e5ec;min-height:3.4em}.questtiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quest{background:#17233b;border:1px solid #52637f;color:#f6f5ee;text-align:left;border-radius:13px;padding:13px;min-height:95px;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.quest:hover,.quest[aria-pressed="true"]{border-color:var(--lime);background:#2c3a50}.quest .questname{font-weight:850;font-size:.93rem}.quest small{color:#c9d6e0}.choice{display:grid;gap:9px;margin-top:12px}.choice button{color:var(--text);text-align:left;background:#323f60;border:1px solid #60718c;border-radius:12px;padding:13px}.choice button:hover{border-color:var(--lime);background:#39496c}.choice strong{display:block;color:var(--lime)}.choice small{display:block;color:#d0dbea;margin-top:4px}.event{border-left:3px solid var(--pink);padding-left:13px;color:#f8e1eb;margin-top:12px}.ticker{background:#11192d;border:1px solid #465474;border-radius:15px;padding:14px;overflow-wrap:anywhere}.ticker h4{margin:0;color:var(--lime)}.log{max-height:420px;overflow:auto;display:grid;gap:9px;margin-top:12px}.logitem{background:#121c32;padding:13px;border-left:3px solid #9ba9c4;border-radius:8px}.logitem b{color:#ffe0b3}.logitem p{margin:4px 0 0;font-size:.88rem;color:#d7dae5}.roster{display:flex;flex-wrap:wrap;gap:10px}.roster button{border:1px solid #526782;background:#111b2f;color:var(--text);border-radius:12px;padding:9px 13px}.roster button[aria-pressed="true"]{background:#d0ff9b;color:#141d2c}.aside-block{border-bottom:1px solid #4b5874;padding:0 0 20px;margin-bottom:20px}.aside-block:last-child{border:0;margin:0;padding:0}.aside-block h3,.panel h3{margin-top:0}.plan{list-style:none;padding:0;margin:8px 0;display:grid;gap:9px}.plan li{display:flex;align-items:center;justify-content:space-between;gap:7px;background:#121c30;padding:8px 10px;border:1px dashed #50617e;border-radius:10px}.plan li strong{font-size:.82rem}.plan li.dragging{opacity:.45}.controls{display:flex;gap:4px}.controls button{padding:3px 8px;border:1px solid #6a7b96;background:#252e4c;border-radius:6px;color:#fff;min-width:34px}.controls button:hover{background:#4d5d78}.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compare .panel{padding:15px}.compare p{font-size:.87rem}.soft{color:var(--muted)}select,input[type="text"],input[type="number"],textarea{background:#101a2e;color:var(--text);border:1px solid #62728f;border-radius:10px;padding:10px;max-width:100%}textarea{width:100%;min-height:110px}label{font-weight:700;font-size:.85rem;display:block;margin:5px 0}.formrow{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.formrow>div{flex:1;min-width:140px}.narratives article{background:#202a45;border:1px solid #43546f;border-radius:18px;padding:24px}.narratives article h3{font-size:1.35rem;letter-spacing:-.02em}.narratives article p{color:#d7deeb}.narratives article small{font-weight:800;color:var(--pink)}.essay{border-top:1px solid #405272;padding:17px 0}.essay h3{font-size:1.4rem;margin:0 0 10px}.essay p{max-width:780px;color:#d7deec}.linkcards a{text-decoration:none;color:var(--text);display:block;transition:transform .2s}.linkcards a:hover{transform:translateY(-2px);border-color:var(--lime)}.linkcards h3{font-size:1.02rem;margin:8px 0;color:var(--lime)}.linkcards p{font-size:.88rem;color:#d8deeb;margin:0}.download{background:#d0ff9b;color:#182036;border-radius:26px;padding:clamp(22px,4vw,46px);display:grid;grid-template-columns:1.8fr 1fr;gap:20px;align-items:center}.download h2,.download p{color:#182036}.download h2{margin:9px 0;font-size:clamp(2rem,4vw,3.6rem)}.download .eyebrow{color:#3f5025}.download .btn{background:#1b2940;color:#fff;border-color:#1b2940}.paper{background:#fbf7e8;color:#1b2940;box-shadow:10px 15px 0 #1b29402e;transform:rotate(3deg);border-radius:8px;padding:27px 25px;aspect-ratio:5/6;display:flex;flex-direction:column;justify-content:space-between}.paper .title{font-size:2rem;font-weight:950;line-height:1}.paper hr{border:0;border-top:3px solid #1b2940}.footer{border-top:1px solid #465474;margin-top:80px;padding:50px 0 60px}.footerinner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer a{margin-right:20px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}details{border:1px solid #52627b;border-radius:12px;padding:12px 16px;background:#141e33;margin:12px 0}summary{cursor:pointer;font-weight:750;color:#e4fbbd}details p{color:#d5e1e4}.notice{background:#26334e;border-left:4px solid var(--lime);padding:15px;border-radius:5px;color:#e9eff5}#toast{position:fixed;bottom:18px;right:18px;z-index:80;background:#d0ff9b;color:#172134;padding:12px 18px;border-radius:10px;font-weight:800;max-width:300px;box-shadow:0 8px 35px #0006}#toast[hidden]{display:none}.textmode .city-stage,.textmode .city-flag{display:none}.focusmode .city-stage,.focusmode .decor,.focusmode .paper{display:none}.focusmode .hero{padding-top:30px}.focusmode .section{padding-top:54px}.focusmode .panel{background:#1c2540;box-shadow:none}.focusmode .btn{transition:none}.focusmode .narratives{grid-template-columns:1fr}.motionoff *, .motionoff *:before,.motionoff *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}noscript{display:block;background:#2f3856;border:1px solid #f9d49d;border-radius:13px;padding:14px;color:#f8eacb;margin-top:12px}@keyframes cityglow{from{opacity:.3}to{opacity:.9}}@media(max-width:930px){.nav a:nth-child(2),.nav a:nth-child(3){display:none}.game{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.download{grid-template-columns:1fr 220px}}@media(max-width:590px){.wrap{width:min(100% - 26px,1180px)}.topinner{min-height:68px}.nav{gap:6px}.nav a{display:none}.tinybutton{padding:7px 10px}.hero{padding-top:46px}.hero h1{font-size:clamp(3.4rem,16vw,5.8rem);letter-spacing:-.087em}.section{padding-top:66px}.grid,.grid.two,.grid.four{grid-template-columns:1fr}.questtiles,.compare,.resourcegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-flag{font-size:.65rem}.download{grid-template-columns:1fr}.paper{display:none}.persona{padding:18px}.footerinner{display:block}.city-districts button{font-size:.75rem;padding:7px 9px}.cta .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}