:root{--bg:#f2f0e9;--ink:#303b35;--muted:#7d867e;--line:#dcded4;--green:#5b705a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:#fffdf6;color:var(--ink);border-radius:6px;padding:10px 15px}button:hover{background:#e9eddf}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #c19b59;outline-offset:3px}header{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:0 4%}.brand{text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-size:25px;letter-spacing:3px}.brand span{font-size:14px;letter-spacing:4px}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);margin-left:auto}#help{border-radius:50%;padding:0;width:31px;height:31px}main{max-width:1310px;margin:auto;padding:38px 4% 20px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2.6px;color:var(--green);margin:0 0 13px}h1{font-weight:500;font-family:serif;font-size:34px;letter-spacing:3px;margin:0}.subtitle{font-size:12px;color:var(--muted);margin-bottom:0}.clock{display:grid;text-align:right;gap:4px}.clock>span:first-child{font-size:10px;letter-spacing:2px}.clock strong{font:35px Georgia,serif}.clock>span:last-child{font-size:10px;color:var(--muted)}.house-panel{border:1px solid #bfc9b9;border-radius:9px;overflow:hidden;background:#e0e6d7;box-shadow:0 16px 45px #394a3310}.scene-top{display:flex;justify-content:space-between;padding:13px 20px;font-size:10px;letter-spacing:1px;background:#f8f8ef}.live{display:flex;gap:8px;align-items:center}.live i{width:6px;height:6px;background:#81906c;border-radius:100%;box-shadow:0 0 0 4px #81906c15}#mode{color:var(--muted)}.canvas-wrap{position:relative;line-height:0;background:#b8c6a3}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:manipulation;cursor:crosshair}.scene-note{position:absolute;bottom:12px;right:14px;line-height:1;font-size:9px;padding:8px 10px;border-radius:4px;background:#f6f5e8dc;color:#616a5b;pointer-events:none}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#fbfbf4;flex-wrap:wrap}.controls{display:flex;gap:7px}.controls button{font-size:11px;padding:8px 12px}.legend{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}#release{font-size:10px;padding:6px 8px}.lower{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;margin-top:30px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h2{font-size:13px;font-weight:500;margin:0}.section-title>span{font-size:9px;letter-spacing:2px;color:var(--muted)}#roster{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.resident{text-align:left;padding:10px 9px;min-width:0;background:#f9f8f1}.resident.active{border-color:var(--green);background:#e5ebdc;box-shadow:inset 0 0 0 1px var(--green)}.resident canvas{width:40px;height:48px;cursor:pointer;margin:auto}.resident strong{display:block;font-size:11px;font-weight:500;margin:5px 0}.resident small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:9px;color:var(--muted)}#detail{font-size:11px;line-height:1.9;border-left:2px solid #b9c4a7;padding:0 0 0 12px;margin:2px 0 18px;min-height:58px}#detail b{font-weight:500}#detail p{margin:3px 0;color:#6c786d}#logs{height:175px;overflow:auto;font-size:10px;line-height:1.9;border-top:1px solid var(--line)}.log{padding:8px 0;border-bottom:1px solid var(--line);display:flex;gap:10px}.log time{color:#8e978d;font-size:9px;white-space:nowrap}footer{font-size:9px;color:#8c9387;display:flex;justify-content:space-between;padding-top:28px;gap:15px}footer span{letter-spacing:1.5px}dialog{max-width:440px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:28px;color:var(--ink)}dialog::backdrop{background:#15221988}dialog h2{font:24px serif}dialog p{font-size:13px;line-height:1.9}dialog button{width:100%}@media(max-width:700px){header{height:62px}.edition{display:none}#help{margin-left:auto}main{padding:25px 12px}.intro{padding:0 7px}h1{font-size:27px}.eyebrow{font-size:7px;letter-spacing:1.2px}.subtitle{font-size:10px}.clock strong{font-size:28px}.lower{grid-template-columns:1fr;gap:25px}.toolbar{padding:10px;gap:10px}.legend{width:100%;justify-content:space-between}.scene-top{padding:12px;font-size:9px}.scene-note{font-size:7px;bottom:5px;right:5px}#roster{gap:5px}.resident{padding:8px 6px}.resident strong{font-size:10px}.resident small{font-size:8px}footer{flex-direction:column}#logs{height:150px}}
header{max-width:1500px}.brand span{font-size:13px}main{max-width:1450px}.intro{margin-bottom:25px}#connection{font-size:10px;color:#69785f;white-space:nowrap}#connection.offline{color:#a77559}#return-note{font-size:12px;padding:16px 20px;background:#e3e9d8;border:1px solid #c4d1b5;border-radius:6px;margin-bottom:20px;line-height:1.8}#areas{display:flex;gap:7px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}#areas button{white-space:nowrap;padding:10px 15px;font-size:11px;background:#f8f7f0}#areas button.active{background:#4e634f;color:#fff;border-color:#4e634f}#areas button small{margin-left:9px;opacity:.65}.world-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:25px;align-items:start}.scene-top{align-items:center;gap:10px}.scene-top h2{font:19px serif;letter-spacing:2px;margin:5px 0 0}.scene-top>div:first-child>span{font-size:8px;letter-spacing:2px;color:#87917d}.scene-top>div:last-child{display:grid;justify-items:end;gap:7px}#area-description{font-size:9px;letter-spacing:0;color:#7d8779;max-width:280px;text-align:right;line-height:1.6}.sidebar{padding-top:3px}.sidebar .section-title{margin-bottom:12px}#atlas{height:176px;position:relative;background:#e5e9dd;border:1px solid #d4dccc;border-radius:7px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px}#atlas:before{content:'';position:absolute;left:48%;right:15%;top:20%;bottom:20%;border:2px solid #c1ccb5;pointer-events:none}.area-node{padding:6px 2px;font-size:10px;z-index:1;position:relative;border:1px solid #cad2be;background:#f6f5eb;box-shadow:0 2px 0 #b4c0aa22}.area-node.active{border-color:#5a7056;background:#d5dfc8}.area-node small{display:block;font-size:8px;color:#839078;margin-top:4px}.atlas-note{font-size:9px;line-height:1.6;color:#8a9284;margin:9px 0 22px}.detail-title button{padding:4px 9px;font-size:9px}#detail{font-size:11px;min-height:118px}#detail .location{font-size:12px;color:#4a654a;margin:8px 0}#detail .trait{font-size:10px;color:#7e887a;line-height:1.9}.follow{display:flex;gap:5px;align-items:center;font-size:10px;color:#788370}.follow input{accent-color:#5e7658}.background-note{border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.background-note>span{font-size:8px;letter-spacing:2px;color:#899381}.background-note p{font-size:11px;line-height:1.8;margin:8px 0}.background-note small{font-size:9px;line-height:1.8;display:block;color:#8b9485}.lower{grid-template-columns:1.3fr 1fr}.resident{position:relative}.resident .location-dot{position:absolute;right:7px;top:9px;font-size:7px;color:#708168}.resident small{margin-bottom:3px}.resident em{font-style:normal;font-size:8px;color:#989e91;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.resident canvas{height:44px;width:36px}#logs{height:216px}.log{align-items:baseline}.log time{min-width:56px}#log-filter{font:10px inherit;font-size:10px;padding:4px;border:1px solid var(--line);background:#f8f7f0;color:#76816e;border-radius:4px}.toolbar #mode{font-size:10px;max-width:230px}.house-panel{border-radius:7px}.scene-note{bottom:10px}.clock strong{font-variant-numeric:tabular-nums}button:disabled{opacity:.55;cursor:wait}.resident{min-height:108px}@media(max-width:1050px){.world-layout{grid-template-columns:minmax(0,1fr) 210px;gap:18px}.scene-top #area-description{display:none}.edition{display:none}}@media(max-width:760px){.world-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.sidebar>.section-title:first-child{grid-column:1;grid-row:1}.sidebar #atlas{grid-column:1;grid-row:2 / span 3;height:173px}.atlas-note{grid-column:1;grid-row:5;margin:0}.detail-title{grid-column:2;grid-row:1}#detail{grid-column:2;grid-row:2;margin:0;padding-left:9px}.follow{grid-column:2;grid-row:3;align-self:start;font-size:9px}.background-note{grid-column:1 / -1;margin-top:3px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-top:12px}.background-note p{margin:0;font-size:10px}.background-note small{font-size:9px}.lower{grid-template-columns:1fr}#areas button{padding:9px 11px;font-size:10px}#areas{gap:5px}#connection{font-size:9px;margin-left:auto}#help{margin-left:0}.clock strong{font-size:28px}.intro h1{font-size:25px;letter-spacing:1px}.eyebrow{font-size:6px;letter-spacing:1px}.subtitle{font-size:9px}.scene-top h2{font-size:17px}.toolbar #mode{font-size:9px}.toolbar{flex-wrap:nowrap}.controls button{padding:8px;font-size:10px}.background-note>span{display:none}#logs{height:230px}}

#atlas:before{display:none}
.social-section{margin-top:34px;border-top:1px solid var(--line);padding-top:28px}.social-intro{font-size:11px;color:#7c8777;line-height:1.8}.social-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-top:18px}.meeting-controls{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:9px;padding:15px;border:1px solid #d7dfcd;border-radius:7px;background:#e9eddf}.meeting-controls label{font-size:9px;color:#7c8971;display:grid;gap:6px}.meeting-controls select{min-width:0;font-size:11px;padding:8px 5px;border:1px solid #cdd6c2;border-radius:4px;background:#fbfaf2;color:#46573f}.meeting-controls button{font-size:10px;padding:9px 6px}#meet{grid-column:1 / 3;background:#5a7054;color:#fff}#ai-talk{font-size:9px}.social-hint{font-size:9px;line-height:1.9;color:#8c9584}#conversations{max-height:540px;overflow-y:auto}.conversation{border:1px solid #d9dfd0;border-radius:6px;padding:16px;margin:12px 0;background:#faf9f1}.conversation header{height:auto;padding:0;border:none;display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}.conversation header b{font-size:12px;font-weight:500}.conversation header span{font-size:9px;color:#8a9481}.conversation .topic{font-size:9px;letter-spacing:1px;color:#7d8b71;margin:0 0 12px}.turn{font-size:11px;line-height:1.9;margin:7px 0;display:grid;grid-template-columns:48px 1fr;gap:9px}.turn strong{font-size:10px;color:#73836a;font-weight:500}.consequence{border-top:1px solid var(--line);font-size:9px;color:#809071;line-height:1.9;margin-top:12px;padding-top:9px}.growth-axis{margin:12px 0}.growth-axis label{display:flex;justify-content:space-between;font-size:10px}.growth-axis .track{height:5px;background:#dce2d3;position:relative;border-radius:4px;margin-top:7px;overflow:hidden}.growth-axis .fill{height:100%;background:#8b9e79}.growth-axis .base{position:absolute;top:0;height:5px;width:2px;background:#4d6547}.growth-axis small{font-size:8px;color:#8c9685}.memory-title{margin-top:24px}#growth{font-size:10px;line-height:1.8;color:#6f7c65}.memory{font-size:10px;line-height:1.8;border-left:2px solid #c4d0b8;padding-left:10px;margin:12px 0}.memory small{font-size:8px;color:#95a089}.relations{font-size:10px;line-height:2.1;margin-top:16px;color:#6f7c65}#social-status{font-size:9px;letter-spacing:0}@media(max-width:760px){.social-grid{grid-template-columns:1fr;gap:22px}.meeting-controls{padding:11px;gap:7px}.conversation{padding:13px}.social-intro{font-size:10px}.conversation header b{font-size:11px}}
#logout{font-size:9px;padding:7px 9px}#auth-gate{position:fixed;inset:0;z-index:100;background:#f2f0e9ed;backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px;overflow:auto}#auth-gate[hidden]{display:none}.auth-card{width:min(430px,100%);background:#fbfaf2;border:1px solid #d3dbca;border-radius:12px;padding:32px;box-shadow:0 20px 80px #34422a15}.auth-card h1{font-size:27px}.auth-card p{font-size:12px;line-height:1.9;color:#7c8872}.auth-card label{display:grid;gap:8px;font-size:11px;color:#617457;margin:18px 0}.auth-card input{padding:12px;min-width:0;border:1px solid #ced8c2;background:#fffdf8;border-radius:5px;font:inherit;color:#3f5136}.auth-buttons{display:flex;gap:9px}.auth-buttons button{flex:1;font-size:11px}.auth-buttons button:first-child{background:#5b7154;color:white}.auth-card small{font-size:9px;color:#8c9784;line-height:1.9;display:block;margin-top:20px}#auth-message{min-height:24px;color:#657d56}#first-world button{font-size:11px;width:100%}
/* Visitor conversations and resident-initiated contact. */
.visitor-talk-button{width:100%;margin:14px 0;background:#394d43;color:#fff;border:0;border-radius:8px;padding:12px;cursor:pointer}
.visitor-talk-button:disabled{opacity:.5;cursor:default}
.visitor-inbox{border-top:1px solid #d8dfd5;margin-top:20px;padding-top:16px}
.visitor-inbox h2{font-size:16px;margin:0 0 12px}
.visitor-contact{background:#f7f3e9;border:1px solid #e2d7bc;border-radius:9px;padding:12px;margin:10px 0}
.visitor-contact p{white-space:pre-wrap;line-height:1.7;font-size:13px;margin:8px 0}
.visitor-contact small{display:block;color:#657060;font-size:11px;line-height:1.6;margin-bottom:8px}
.visitor-contact button{padding:7px 10px;border:1px solid #647b64;border-radius:5px;background:#405a48;color:white;font-size:12px;margin:4px 5px 0 0;cursor:pointer}
.visitor-contact button.secondary{background:transparent;color:#53654f;border-color:#c9d0c2}
.visitor-empty{font-size:12px;color:#72806d;line-height:1.8}
.visitor-dialog{width:min(620px,calc(100vw - 28px));max-height:88dvh;padding:0;border:1px solid #aebba8;border-radius:14px;background:#fafbf6;color:#2c3b32;box-shadow:0 20px 70px #18251d55}
.visitor-dialog::backdrop{background:#15251cc0}
.visitor-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #dae0d4;background:#f0f3ea;position:static;height:auto}
.visitor-dialog h2{margin:4px 0;font-size:21px}
.visitor-dialog .eyebrow{font-size:9px;margin:0}
.visitor-dialog button{border:1px solid #a6b39c;border-radius:7px;padding:9px 14px;cursor:pointer;background:#edf1e7;color:#344533}
#visitor-history{height:min(43dvh,420px);min-height:180px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:14px}
.visitor-bubble{max-width:88%;border-radius:11px;padding:11px 15px;background:#e9eee3;border:1px solid #d8e1d0;align-self:flex-start}
.visitor-bubble.from-user{align-self:flex-end;background:#f4eddd;border-color:#e3d6b9}
.visitor-bubble p{margin:6px 0 0;white-space:pre-wrap;font-size:14px;line-height:1.85;overflow-wrap:anywhere}
.visitor-bubble small{font-size:11px;color:#67755c;display:block;margin-top:3px}
#visitor-state{min-height:18px;font-size:12px;color:#67755c;margin:0;padding:0 20px 10px}
#visitor-form{border-top:1px solid #d8dfd2;padding:14px 20px 20px}
#visitor-form label{font-size:12px;display:block;margin-bottom:6px}
#visitor-input{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #b5c2a9;border-radius:8px;padding:11px;background:white;font:inherit;font-size:14px;min-height:70px}
#visitor-form>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
#visitor-form small{font-size:10px;color:#6f7a65}
#visitor-send{background:#3b5645;color:white;border-color:#3b5645;white-space:nowrap}
#visitor-send:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){.visitor-dialog>header{padding:14px}.visitor-dialog h2{font-size:18px}#visitor-form{padding:12px}#visitor-history{padding:12px}.visitor-bubble{max-width:94%}#visitor-form small{max-width:180px}}
.engagement-panel{max-width:1100px;margin:28px auto;padding:22px;background:#f7f3e7;color:#303c35;border:1px solid #b9c4ae;border-radius:14px}.engagement-card{margin:14px 0;padding:16px;border:1px solid #c9cfbd;border-radius:10px;background:#fffdf5}.engagement-card h3{font-size:16px;line-height:1.6}.engagement-panel p{line-height:1.7}.engagement-panel small{display:block;line-height:1.6}.engagement-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.engagement-panel textarea{width:100%;min-height:65px;padding:8px}.engagement-panel label{display:inline-block;margin:8px}.engagement-panel input[type=number]{width:90px;padding:7px}.engagement-panel button{padding:8px 12px;border:1px solid #9eae94;border-radius:7px;background:#e9efdc;color:#26382b;cursor:pointer}.engagement-error{white-space:pre-wrap;color:#833e35}.resident-reaction{padding:10px;background:#eef1e4;border-left:3px solid #829672}.engagement-panel a{color:#315b55;text-decoration:underline}