.map-shell{color:#1c1f2a;background:#f3f7fc;min-height:100vh;padding:28px;font-family:Inter,Arial,sans-serif}.map-header{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1500px;margin:0 auto 20px;display:flex}.map-header h1{letter-spacing:-.04em;margin:3px 0 0;font-family:Sora,sans-serif;font-size:clamp(28px,4vw,48px)}.map-header p:last-child{color:#637086;margin:9px 0 0;font-size:15px}.map-header>a,.stage-details a,.device-preview a{color:#075fae;justify-content:center;align-items:center;gap:6px;min-height:44px;font-weight:800;text-decoration:none;display:inline-flex}.map-eyebrow{color:#0a73eb;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px;font-weight:850}.map-tabs{background:#fff;border:1px solid #d5e0eb;gap:7px;max-width:1500px;margin:0 auto 16px;padding:6px;display:flex}.map-tabs button{color:#566176;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:7px;min-height:46px;padding:0 18px;font-weight:850;display:inline-flex}.map-tabs button.is-active{color:#075fae;background:#eaf4ff;border-color:#98c4ef}.map-layout{grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:16px;max-width:1500px;margin:0 auto;display:grid}.story-graph,.stage-details,.screen-controls,.device-workbench{background:#fff;border:1px solid #d9e3ee;box-shadow:0 12px 32px #23365212}.story-graph{min-width:0;padding:20px}.map-legend{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.map-status{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:3px 7px;font-size:10px;font-weight:850;display:inline-flex}.status-idea{color:#687387;background:#edf0f4}.status-designed{color:#a14b0f;background:#fff1df}.status-playable{color:#0964bd;background:#e7f3ff}.status-tested{color:#137a4a;background:#e4f7ed}.chapter-row+.chapter-row{border-top:1px solid #e3e9f0;margin-top:22px;padding-top:20px}.chapter-row h2{color:#536075;margin:0 0 10px;font-family:Sora,sans-serif;font-size:14px}.chapter-row>div{align-items:center;gap:6px;padding:4px 4px 12px;display:flex;overflow-x:auto}.node-wrap{flex:none;align-items:center;gap:6px;display:flex}.story-node{color:#273247;text-align:left;cursor:pointer;background:#f9fbfd;border:1px solid #cfdbe7;border-radius:10px;grid-template-columns:30px 1fr;gap:4px 8px;width:210px;min-height:122px;padding:12px;display:grid}.story-node.is-selected{background:#edf6ff;border:2px solid #0a73eb}.story-node>span:first-child{color:#fff;background:#0a73eb;border-radius:50%;grid-row:1/3;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.story-node strong{font-family:Sora,sans-serif;font-size:13px}.story-node small{color:#68758a;font-size:11px;line-height:1.35}.story-node .map-status{grid-column:1/-1;margin-top:3px}.node-arrow{color:#91a3b6;flex:none}.stage-details{align-self:start;padding:20px;position:sticky;top:18px}.stage-details h2{margin:5px 0 10px;font-family:Sora,sans-serif;font-size:24px}.stage-details dl{margin:18px 0}.stage-details dl>div{border-bottom:1px solid #e3e9f0;padding:9px 0}.stage-details dt{color:#778196;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:850}.stage-details dd{color:#354258;margin:3px 0 0;font-size:13px;line-height:1.45}.hint-ladder{background:#fffbed;border-left:4px solid #ffc845;gap:6px;padding:12px;font-size:12px;display:grid}.variant-list{gap:7px;margin-top:14px;display:grid}.variant-list>div{border:1px solid #dce4ed;grid-template-columns:1fr auto;align-items:center;gap:7px;padding:10px;display:grid}.variant-list span strong{font-size:12px;display:block}.variant-list span{color:#59667b;font-size:11px}.variant-list a{grid-column:1/-1;justify-content:flex-start;min-height:36px;font-size:12px}.screens-workspace{max-width:1500px;margin:0 auto}.screen-controls{padding:18px}.mechanic-ledger{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.mechanic-ledger article{background:#f8fafc;border:1px solid #dbe4ed;grid-template-columns:1fr auto;gap:3px 8px;min-height:76px;padding:10px;display:grid}.mechanic-ledger article.is-acceptance-slice{background:#eef7ff;border:2px solid #0a73eb}.mechanic-ledger article>span{color:#667287;letter-spacing:.05em;text-transform:uppercase;grid-column:1/-1;font-size:10px;font-weight:800}.mechanic-ledger article>strong{color:#26354a;align-self:center;font-family:Sora,sans-serif;font-size:12px}.mechanic-ledger .map-status{align-self:center}.screen-controls>div>span,.control-row>div>span{color:#58657a;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:850;display:block}.state-buttons{grid-template-columns:repeat(7,minmax(130px,1fr));gap:7px;padding-bottom:7px;display:grid;overflow-x:auto}.state-buttons>button{color:#465269;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #d7e1eb;border-radius:8px;gap:4px;min-height:96px;padding:10px;display:grid}.state-buttons>button.is-active{background:#edf6ff;border:2px solid #0a73eb}.state-buttons strong{font-size:13px}.state-buttons small{color:#6c778a;min-height:29px;font-size:10px;line-height:1.35}.control-row{grid-template-columns:minmax(250px,.6fr) minmax(0,1.4fr);gap:18px;margin-top:14px;display:grid}.compact-options,.device-options{flex-wrap:wrap;gap:6px;display:flex}.compact-options button,.device-options button{color:#4f5c72;cursor:pointer;background:#fff;border:1px solid #d2dde8;border-radius:7px;min-height:44px;padding:7px 12px}.compact-options button.is-active,.device-options button.is-active{color:#075fae;background:#edf6ff;border:2px solid #0a73eb}.device-options button{align-items:center;gap:5px;display:inline-flex}.device-options small{color:#7a8495}.compare-toggle{color:#465269;align-items:center;gap:9px;width:fit-content;min-height:44px;margin-top:12px;font-size:13px;font-weight:750;display:flex}.compare-toggle input{width:20px;height:20px}.personalization-plan{background:#fff8ef;border:1px dashed #e0a86d;max-width:920px;margin-top:12px;padding:12px 14px}.personalization-plan>div{align-items:center;gap:9px;display:flex}.personalization-plan p{color:#4b5669;margin:7px 0 4px;font-size:12px;line-height:1.5}.personalization-plan small{color:#7a6859;font-size:11px;line-height:1.45}.device-workbench{width:100%;margin-top:14px;padding:18px;overflow:auto}.device-workbench.is-comparison{gap:18px;display:flex}.device-preview{background:#202a39;border:1px solid #bfcbd8;border-radius:14px;width:max-content;margin:0 auto;overflow:hidden;box-shadow:0 14px 35px #1722312e}.device-workbench.is-comparison .device-preview{flex:none;margin:0}.device-preview>header{color:#fff;background:#202a39;grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:48px;padding:0 12px;font-size:11px;display:grid}.device-preview>header span{font-weight:850}.device-preview>header strong{color:#b9c7d9}.device-preview>header a{color:#8cc8ff;min-height:38px;font-size:11px}.device-preview iframe{background:#fff;border:0;max-width:none;display:block}.preview-note{color:#565c66;background:#fffbed;border-left:4px solid #ffc845;align-items:flex-start;gap:9px;max-width:900px;margin:14px 0 0;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.preview-note svg{color:#b27b00;flex:none;margin-top:1px}.scene-state-gallery{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:10px;display:grid}.scene-state-gallery>article{background:#fff;border:1px solid #d9e3ee;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #23334814}.scene-state-gallery iframe{pointer-events:none;border:0;border-bottom:1px solid #e1e8f0;width:100%;height:210px;display:block}.scene-state-gallery>article>div{gap:5px;padding:12px;display:grid}.scene-state-gallery strong,.scene-state-gallery span,.scene-state-gallery small{display:block}.scene-state-gallery strong{color:#26364d;font-family:Sora,sans-serif;font-size:13px}.scene-state-gallery span{color:#516076;font-size:12px;font-weight:750}.scene-state-gallery small{color:#6d7787;min-height:34px;font-size:10px;line-height:1.45}.scene-state-gallery button{color:#0865c8;background:#eef7ff;border:1px solid #9fc5ea;border-radius:8px;justify-self:start;min-height:38px;padding:6px 10px;font-size:11px;font-weight:850}@media (width<=980px){.map-shell{padding:16px}.map-layout{grid-template-columns:1fr}.stage-details{position:static}.control-row{grid-template-columns:1fr}}@media (width<=640px){.map-shell{padding:10px}.map-header{flex-direction:column;align-items:flex-start}.map-header>a{background:#fff;border:1px solid #cdd9e6;width:100%}.map-tabs button{flex:1;justify-content:center}.story-graph,.stage-details,.screen-controls,.device-workbench{padding:12px}.state-buttons{grid-template-columns:repeat(7,144px)}.mechanic-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.device-preview>header{grid-template-columns:1fr auto}.device-preview>header a{grid-column:1/-1;justify-content:flex-start}}