:root{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#e5ece8;background:#101915;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:24px 18px 48px}header span{font-size:12px;letter-spacing:3px;color:#b0c991}h1{font-size:clamp(25px,6vw,36px);line-height:1.35}h2{font-size:21px}h3{margin-top:25px;font-size:16px}p{line-height:1.7;color:#bac8bf}.warning{padding:14px;background:#30291b;border:1px solid #66532c;border-radius:12px;font-size:13px;line-height:1.7}section{margin-top:20px}input,textarea,select,button{font:inherit;border-radius:10px;padding:12px;border:1px solid #435549;background:#18241d;color:inherit;max-width:100%}input,textarea{width:100%;margin-bottom:8px}button{background:#c8dfae;color:#142113;cursor:pointer;font-weight:650;margin:4px 6px 4px 0;min-height:44px}button:disabled{opacity:.45;cursor:wait}form{margin-top:12px}.status{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}#network{font-size:12px;color:#aec599}#players{display:flex;gap:7px;flex-wrap:wrap}.person{font-size:12px;background:#26342b;padding:7px 10px;border-radius:20px}.scene{background:linear-gradient(130deg,#314035,#16251c);padding:24px;border-radius:16px;margin-top:20px;min-height:145px}.scene small{color:#a8b8ac;font-size:11px}.hint{font-size:12px}#events{max-height:45vh;overflow:auto;overscroll-behavior:contain;padding:8px 2px}.event{border-bottom:1px solid #2b3c30;padding:12px 4px;overflow-wrap:anywhere}.event small{color:#a3b2a6}.event p{margin:5px 0;white-space:pre-wrap;color:#e4eae6}.event.story{border-left:3px solid #aecb8c;padding-left:13px;background:#1c2920}.event.notice,.event.presence{font-size:13px;color:#a7b5aa}.proposal{background:#273124;border:1px solid #667750;border-radius:12px;padding:14px;margin-top:12px}.proposal p{margin:4px 0}#messageForm{position:sticky;bottom:0;background:#101915;padding-top:8px}select{margin-bottom:8px;width:100%}#error{color:#ffb6a5;white-space:pre-wrap}#assistant{background:#21302b;border-radius:10px;padding:15px;white-space:pre-wrap;line-height:1.7}details{margin-top:25px;color:#bdcabb}#links{overflow-wrap:anywhere}#links a{display:block;margin:12px 0;color:#c7dfac}footer{font-size:12px;color:#8f9e93;margin-top:30px;line-height:1.6}

.scene{padding:0 0 18px;overflow:hidden;background:#14211e}.scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:15px}.scene small,.scene h2,.scene p{margin-left:18px;margin-right:18px}.audioControls{display:flex;align-items:center;gap:10px;margin:15px 0}.audioControls input{width:100px;min-height:36px;padding:0;margin:0;accent-color:#bce8b5}.audioControls label{font-size:12px;color:#bbcabf}.audioControls button{margin:0;min-height:42px}.objective{border-left:2px solid #bee19a;padding:10px 14px;background:#1b2924;color:#d8e6c5}#pending{font-size:13px;color:#f0ce8d;min-height:20px}.event.story{border-left:2px solid #789884;background:#18271f}.event.action{border-left:2px solid #b5a279}button:disabled{opacity:.55}input,textarea,select{font-size:16px}#events{max-height:52vh}body{padding-bottom:env(safe-area-inset-bottom)}