:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#183d38;background:#f3f4ee;font-size:15px;line-height:1.65}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e1d8}a{color:inherit}.brand{font-size:25px;letter-spacing:-1px;text-decoration:none;font-weight:750}header span,.muted,footer{color:#6c7c73;font-size:12px}#home{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;padding:42px 0}.intro{padding-top:38px}small{font-size:11px;font-weight:700;letter-spacing:2px;color:#6a897b}h1{font-size:46px;line-height:1.4;letter-spacing:-2px;font-weight:600;margin:22px 0}h2{font-size:19px;margin:0 0 20px}.intro p{color:#6c7c73}.tags{margin-top:40px;font-size:12px;border-left:3px solid #d1aa62;padding-left:16px}.card{background:#fffef9;border:1px solid #dce3d9;border-radius:18px;padding:26px;box-shadow:0 8px 26px #234b3511;margin-bottom:20px}label{display:block;font-weight:600;font-size:13px;margin:18px 0 8px}textarea{width:100%;resize:vertical;min-height:100px;border:1px solid #d7e0d7;border-radius:9px;background:#fbfcf7;padding:13px;font:inherit;color:inherit}textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #b89d5c;outline-offset:3px}button{font:inherit;font-size:13px;font-weight:600;border:0;border-radius:9px;padding:12px 17px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.primary{background:#204f45;color:#fff}.quiet{background:#eaf0e8;color:#244e42}.upload{border:1px dashed #a7baab;border-radius:9px;padding:15px;text-align:center;cursor:pointer}.upload input{display:block;width:100%;font-size:12px;margin-top:8px}#create-button{width:100%;margin-top:10px}img{max-width:100%;height:auto}#preview{max-height:250px;object-fit:contain}.room-heading,.spread{display:flex;justify-content:space-between;align-items:center;gap:15px}.room-heading h1{font-size:32px;margin-top:6px}.room-grid{display:grid;grid-template-columns:350px 1fr;gap:24px}.image-button{padding:0;background:none;display:block;width:100%}.image-button img{display:block}.progress-card strong{font-size:26px}.progress-card h2{margin:0}progress{width:100%;height:9px;accent-color:#35816a;margin:18px 0 0}.actions{display:flex;gap:10px;margin-top:12px}.actions button{flex:1}#players{font-size:12px;margin:14px 0;color:#537260}.conversation{display:flex;flex-direction:column;min-height:620px}#connection{font-size:11px;color:#688276}#messages{flex:1;max-height:520px;min-height:230px;overflow:auto;padding:10px 0}.message{margin-bottom:16px;padding:11px 14px;background:#f1f4ed;border-radius:10px}.message small{font-size:10px;letter-spacing:0}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.message.answer{background:#e2eee4;border-left:3px solid #709d78}.message.question{border:1px solid #d6dfcf}.message.hint{background:#faf1dc}.message.answer p{font-weight:700}#room-puzzle,#full-story{white-space:pre-wrap;overflow-wrap:anywhere}#send{border-top:1px solid #e2e7de}#send label{margin-top:12px}#send textarea{min-height:70px}#notice{color:#9b4c35;white-space:pre-wrap}dialog{border:1px solid #c4d0c1;border-radius:16px;max-width:95vw;max-height:95vh;background:#fffef9;padding:25px}dialog::backdrop{background:#13342f99}#image-dialog img{display:block;max-width:none;width:auto;max-height:none}#image-dialog{overflow:auto}#close-image{position:sticky;top:0}footer{text-align:center;border-top:1px solid #d9e1d8}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding:20px}header span{display:none}#home{grid-template-columns:1fr;gap:20px;padding-top:4px}.intro{padding-top:10px}h1{font-size:34px}.tags{margin-top:20px}.card{padding:20px}.room-grid{grid-template-columns:1fr;gap:0}.room-heading{align-items:flex-start}.room-heading h1{font-size:26px}.room-heading button{font-size:11px;padding:10px}.conversation{min-height:500px}#messages{max-height:400px}.actions{flex-wrap:wrap}}