body{background:#f5f2e8;color:#173e35;font:16px system-ui;margin:0}main{max-width:680px;margin:30px auto;padding:24px}label{display:block;margin:16px 0}input,textarea{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #abb7a9;border-radius:8px}button{padding:12px 20px;background:#173e35;color:white;border:0;border-radius:8px;cursor:pointer}details,section{padding:20px;background:white;border-radius:12px;margin:20px 0}#messages{max-height:45vh;overflow:auto}#messages p{white-space:pre-wrap;border-bottom:1px solid #ddd;padding:12px 0;overflow-wrap:anywhere}#invite{overflow-wrap:anywhere}

.chat-name.master{color:#b4232d;font-weight:700}.chat-name.self{color:#17633e}.chat-name.other{color:#a84908}

.saved-table{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0}.available{color:#17633e}.unavailable{color:#a84908}button:disabled{opacity:.5;cursor:not-allowed}

.master-choice{display:flex;align-items:center;gap:10px;font-weight:600}.master-choice input{width:20px;height:20px;margin:0}#master-key-field[hidden]{display:none}
.npc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.npc-attack{border:1px solid #c6cbbb;padding:12px;margin:12px 0;border-radius:8px}#npc-area select{padding:12px;margin:8px 8px 8px 0;max-width:100%}#npc-area article{border-bottom:1px solid #ddd;padding-bottom:16px}@media(max-width:450px){.npc-grid{grid-template-columns:1fr}}