*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#f1e7d1;background:#0c0907;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}#game-shell{width:100%;height:100%;position:relative}#viewport{position:absolute;inset:0}canvas{width:100%;height:100%;display:block}#topbar{pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0a07e0;border:1px solid #e2b15c61;border-radius:10px;box-shadow:0 12px 40px #00000057}#status{min-width:260px;padding:11px 13px}#status strong{color:#ffd78b}.meter{background:#2b2018;border-radius:999px;height:7px;margin-top:5px;overflow:hidden}.meter>span{background:#cf6f42;height:100%;display:block}#objective{color:#d8c9ad;max-width:390px;padding:11px 13px}#legend{color:#cdbfa7;width:min(410px,100vw - 28px);padding:11px 13px;font-size:13px;position:absolute;bottom:14px;right:14px}#legend b{color:#f2d7a2}#log{width:min(430px,100vw - 28px);max-height:170px;padding:10px 12px;font-size:13px;line-height:1.4;position:absolute;bottom:14px;left:14px;overflow:hidden}.log-line{opacity:.78}.log-line:last-child{opacity:1;color:#fff0c8}.log-line.bad:last-child{color:#ffaf9f}.log-line.good:last-child{color:#bfe8a7}#title-card{text-align:center;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;padding:8px 15px;font-size:12px;position:absolute;top:14px;left:50%;transform:translate(-50%)}#title-card .name{letter-spacing:.08em;color:#ffd58a;font-size:17px;font-weight:800;display:block}#cross-note{color:#d6c4a1;pointer-events:none;opacity:.9;padding:7px 10px;font-size:12px;position:absolute;top:82px;left:50%;transform:translate(-50%)}@media (width<=760px){#topbar{flex-direction:column;right:auto}#objective{max-width:270px}#legend{font-size:11px}#log{max-height:120px;bottom:100px}#title-card{top:auto;bottom:14px;left:14px;transform:none}}#action-panel{width:270px;max-height:calc(100vh - 220px);padding:10px;position:absolute;top:78px;right:14px;overflow:auto}.action-title{color:#ffd78b;letter-spacing:.08em;text-transform:uppercase;margin:1px 2px 8px;font-size:12px;font-weight:800}.action-copy{color:#d8c9ad;padding:9px 8px 11px;font-size:13px;line-height:1.45}#action-panel button{color:#f1e7d1;cursor:pointer;text-align:left;background:#3d2a1bbf;border:1px solid #e2b15c47;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:6px 0;padding:9px 10px;display:flex}#action-panel button:hover:not(:disabled){background:#5b3b1fe0;border-color:#ffd3858c}#action-panel button:disabled{opacity:.45;cursor:default}#action-panel button span{font-weight:700}#action-panel button small{color:#baa98e;text-align:right}@media (width<=760px){#action-panel{width:230px;max-height:45vh;top:auto;bottom:92px;right:14px}}.action-title.sub{border-top:1px solid #e2b15c2e;margin-top:13px;padding-top:10px}.resident-card,.quest-card{background:#231b16c2;border:1px solid #e2b15c33;border-radius:7px;margin:8px 1px 4px;padding:9px 10px;font-size:12px;line-height:1.4}.resident-card b,.quest-card b{color:#f2d7a2;font-size:13px;display:block}.resident-card small{color:#bbaa90;margin:1px 0 4px;display:block}.resident-card span,.quest-card span{color:#d7c9af}.quest-card{border-color:#9eb8cf59}.quest-card.complete{border-color:#92c47659}