#character .panel-card{width:min(1060px,96vw);height:min(790px,94dvh);max-height:94dvh;background:#15211d;border:1px solid #6e7561;border-radius:12px;overflow:hidden;box-shadow:0 24px 100px #0008;color:#e5e1d0;font-family:system-ui,sans-serif}
#character .panel-head{padding:20px 26px;border-bottom:1px solid #3b473b}#character .panel-title{font:500 15px system-ui;letter-spacing:4px}#character .panel-sub{display:none}#character .panel-body{display:grid;grid-template-columns:300px 1fr;overflow:hidden;padding:0;min-height:0;flex:1}
.character-portrait{position:relative;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 65%,#47513b 0,#233129 45%,#17241e 75%);border-right:1px solid #3b473b;padding:26px 22px;min-height:0;overflow:hidden}.portrait-caption{align-self:stretch;font-size:9px;letter-spacing:2px;color:#a8ae95;display:flex;justify-content:space-between}.portrait-caption span{color:#dac591}.character-portrait canvas{width:100%;flex:1;min-height:0;object-fit:contain}.character-name{font-size:27px;color:#f2e7ca;overflow-wrap:anywhere;text-align:center}.character-role{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#b3b59b;margin:8px 0 0}.turn-character{position:absolute;right:18px;bottom:110px;border:1px solid #737962;border-radius:50%;width:38px;height:38px;color:#dfd4b2;background:#29382b;font-size:24px;cursor:pointer}
.character-editor{display:flex;flex-direction:column;min-height:0;min-width:0}.character-editor nav{display:flex;gap:26px;padding:0 30px;border-bottom:1px solid #3b473b}.character-editor nav button{border:0;border-bottom:2px solid transparent;background:none;color:#8d9d8e;font:500 12px system-ui;padding:18px 0;cursor:pointer}.character-editor nav .selected{color:#e1c785;border-bottom-color:#dcc084}.character-fields{overflow:auto;padding:28px 30px;flex:1;min-height:0}.origin-eyebrow{font-size:9px;color:#bdaf87;letter-spacing:2px}.character-fields h2{font-size:30px;font-weight:400;letter-spacing:-.5px;margin:10px 0 25px;line-height:1.12}.character-field{display:flex;flex-direction:column;gap:10px;margin:18px 0;color:#aebba8;font-size:11px}.character-field input{background:#223128;border:1px solid #566551;border-radius:5px;color:#eee6ce;font:18px system-ui;padding:11px 14px;width:100%;box-sizing:border-box}.appearance-options,.kit-options{display:flex;flex-wrap:wrap;gap:8px}.character-fields button{font:500 12px system-ui;color:#bfcbb7;background:#26372c;border:1px solid #50614c;border-radius:5px;padding:12px 16px;min-height:44px;cursor:pointer}.character-fields button[aria-pressed=true]{color:#f0d696;border-color:#d3b774;box-shadow:inset 0 0 0 1px #d3b774;background:#35432c}.character-fields .color-swatch{padding:5px;width:44px;height:44px}.color-swatch span{display:block;width:100%;height:100%;background:var(--swatch);border-radius:2px}.occupation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.occupation-context{margin:24px 0 20px;border-left:2px solid #d1b77e;padding:0 16px}.occupation-context b{font-size:20px;font-weight:400}.occupation-context>span{float:right;text-transform:capitalize;font-size:11px;color:#b7ad8e;padding-top:5px}.occupation-context p{font-size:12px;color:#abb8a3;margin:8px 0}.starter-items{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.starter-items>span{display:flex;align-items:center;gap:6px;background:#1e2e24;border:1px solid #384a37;border-radius:4px;padding:5px 8px}.starter-items .item-icon{width:22px;height:22px;color:#b9bea0}.starter-items b{font-size:10px;font-weight:400;text-transform:capitalize}.starter-weight{font-size:11px;color:#b7c69d;margin-top:15px}.starter-weight span{float:right;color:#98babc}
#character .panel-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;background:#111c17;border-top:1px solid #3b473b;opacity:1;flex-shrink:0}#character .panel-foot button{min-height:45px;border-radius:5px;padding:12px 25px;cursor:pointer;font:600 12px system-ui}#character .character-back{background:none;border:1px solid #57634e;color:#c1cbb2}#character .character-next{background:#dcc38a;border:1px solid #f1da9e;color:#253125}#character .character-next:disabled{opacity:.55;cursor:wait}.character-page{font:11px ui-monospace,monospace;color:#8a9a81}
.outbreak-title{font-size:38px!important;color:#ead9b1;letter-spacing:1px!important;max-width:440px}.outbreak-location{font-size:12px;color:#d1b982;text-transform:capitalize}.outbreak-location span{color:#a1b099}.outbreak-story{font-size:15px;line-height:1.75;color:#c9d0bb;margin:20px 0}.character-fields blockquote{font-size:13px;line-height:1.7;color:#d7dbbe;margin:20px 0 24px;padding:15px 18px;border-left:2px solid #a2ad7b;background:#243126}.origin-home{display:flex;gap:20px;align-items:center;border-top:1px solid #43513d;padding:16px 0}.origin-home>span{font-size:9px;letter-spacing:2px;color:#d9b97a}.origin-home b{font-size:12px;font-weight:400}.origin-contacts>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #354331}.origin-contacts b{font-size:13px;font-weight:500;flex:1}.origin-contacts small{display:block;font-size:10px;font-weight:400;color:#8fa085;margin-top:4px}.origin-contacts>div>span:last-child{font-size:12px;text-align:right;text-transform:capitalize}.relation-dot{width:8px;height:8px;flex-shrink:0;background:#e0b57c;border-radius:50%}.relation-dot.friend{background:#87bec2}
.story-hud{position:fixed;top:210px;left:24px;max-width:260px;color:#e7dec3;pointer-events:none;z-index:8;text-shadow:0 1px 3px #000}.story-hud[hidden],.opening-beat[hidden]{display:none}.story-hud small{font:9px system-ui;letter-spacing:2px;color:#d5bb82}.story-hud b{font:500 14px/1.5 system-ui;display:block;margin-top:7px}.opening-beat{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);width:min(570px,86vw);box-sizing:border-box;text-align:center;background:#122019eb;padding:23px 26px;border-top:2px solid #c2aa77;z-index:10;color:#dce0ca;pointer-events:none}.opening-beat small{font:9px system-ui;letter-spacing:3px;color:#c6b281}.opening-beat h2{font:400 25px system-ui;letter-spacing:2px;margin:10px 0}.opening-beat p{font:13px/1.65 system-ui;margin:0;color:#bfcbb0}
.map-people{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.map-people button{display:flex;gap:9px;align-items:center;background:#23372e;border:1px solid #5f7057;color:#e2d9bd;border-radius:6px;padding:10px 12px;text-align:left;min-height:46px;cursor:pointer}.map-people b{font:500 12px system-ui}.map-people small{display:block;font:10px system-ui;color:#aebaa2;margin-top:4px}.map-people .home-mark{color:#dfba73;font-size:20px}
@media(max-width:740px){#character .panel-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0}#character .panel-head{padding:15px 18px}#character .panel-body{grid-template-columns:1fr;overflow:auto}.character-portrait{height:200px;padding:12px 18px;display:block;border-right:0;border-bottom:1px solid #3b473b;flex-shrink:0}.character-portrait canvas{width:160px;height:200px;position:absolute;left:10px;top:14px}.portrait-caption{font-size:8px}.character-name{margin:75px 0 0 145px;font-size:24px}.character-role{margin:6px 0 0 145px;font-size:9px;text-align:center}.turn-character{bottom:16px;right:18px}.character-editor{overflow:visible;min-height:410px}.character-editor nav{padding:0 18px;gap:24px}.character-fields{padding:22px 18px;overflow:visible}.character-fields h2{font-size:27px}.occupation-options{grid-template-columns:repeat(2,1fr)}#character .panel-foot{padding:13px 18px}.outbreak-title{font-size:30px!important}.story-hud{top:192px;left:15px;max-width:190px}.story-hud b{font-size:12px}.opening-beat{bottom:225px;padding:16px}.opening-beat h2{font-size:21px}.opening-beat p{font-size:12px}}

.map-people{align-items:flex-start}.map-person{display:flex;flex-direction:column;gap:3px}.map-person>small{padding:0 4px;font-size:10px}.map-person button{width:100%}

.opening-beat{bottom:180px}
#map.has-story .panel-card{width:min(930px,96vw)}
#map.has-story .panel-body{display:grid;grid-template-columns:minmax(0,1fr) 225px;grid-template-rows:auto auto;gap:12px 22px;align-items:start}
#map.has-story .map-wrap{grid-column:1;grid-row:1;width:min(100%,57dvh);margin:0 auto}
#map.has-story .map-tools{grid-column:1;grid-row:2;justify-content:center;padding-top:0}
#map.has-story .map-people{grid-column:2;grid-row:1 / span 2;flex-direction:column;margin:0;gap:18px}
#map.has-story .map-people>*,#map.has-story .map-people button{width:100%;box-sizing:border-box}
#map.has-story .map-note:empty,#map.has-story .panel-foot:empty{display:none}
@media(max-width:740px){.opening-beat{bottom:225px}#map.has-story .panel-card{width:100%}#map.has-story .panel-body{grid-template-columns:1fr;gap:12px}#map.has-story .map-wrap{width:min(100%,42dvh)}#map.has-story .map-people{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:12px}#map.has-story .map-people b{font-size:11px}}