/* Parchment A: pixel-stepped edges, restrained ink and warm paper. */
#islandChat{position:fixed;z-index:35;bottom:112px;left:50%;transform:translateX(-50%);width:min(640px,calc(100vw - 28px));color:#493d2b;font-family:Island,'Microsoft YaHei',sans-serif}
#islandChat[hidden]{display:none!important}
.chat-paper{display:flex;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(105deg,#fff4d9,#f1e2c1 72%,#f8ecd1);border:2px solid #8c7049;box-shadow:inset 0 0 0 2px #fff8e6,0 3px 0 #55432d,0 6px 0 #173a4433;position:relative}
.chat-paper::before,.chat-paper::after{content:'';position:absolute;width:4px;height:4px;background:#c6a674;pointer-events:none;top:3px}
.chat-paper::before{left:3px}.chat-paper::after{right:3px}
#islandChat label{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid #c8b18a;white-space:nowrap;font-size:13px;color:#685335}
.chat-pixel-icon{display:inline-block;position:relative;width:18px;height:13px;flex:0 0 18px;background:#84633c;box-shadow:2px 0 #84633c,-2px 0 #84633c}
.chat-pixel-icon::before{content:'';position:absolute;left:3px;top:5px;width:2px;height:2px;background:#fff2d0;box-shadow:5px 0 #fff2d0,10px 0 #fff2d0}
.chat-pixel-icon::after{content:'';position:absolute;left:3px;bottom:-4px;width:4px;height:4px;background:#84633c}
#islandChat input{flex:1;min-width:0;width:0;margin:0;padding:9px 0;color:#3f3426;font-size:14px;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none}
#islandChat input::placeholder{color:#9b896b;font-size:12px}#islandChat input:focus{box-shadow:0 2px #bb914c}
#islandChat button{flex-shrink:0;padding:7px 14px;color:#fff5dd;background:#987044;border:2px solid #725132;border-radius:0;font-size:13px;box-shadow:inset 0 0 0 1px #c49b65,0 2px #563d28;min-height:38px}
#islandChat button:hover{background:#ad8250}#islandChat button:disabled{background:#ae9b7d;color:#f6eedf;opacity:.7}
.chat-help{display:flex;justify-content:space-between;align-items:center;padding:9px 4px 0;font-size:11px;line-height:16px;color:#fff0d2;text-shadow:1px 1px #284447,-1px -1px #284447}
.chat-help kbd{font:inherit;color:inherit}.chat-help i{font-style:normal;margin:0 7px;opacity:.65}.chat-count{font-size:10px;opacity:.85}
#chatLog{position:fixed;z-index:9;left:18px;bottom:123px;width:min(360px,calc(100vw - 36px));max-height:min(250px,34vh);overflow:hidden;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;color:#473c2b;font-size:12px;line-height:1.65;text-shadow:none}
#chatLog p{margin:0;padding:8px 12px;background:linear-gradient(110deg,#fff1d5f5,#efdfbfeF);border:1px solid #a48758;border-left:3px solid #b59663;box-shadow:inset 0 1px #fff9e8,0 2px #18384430;overflow-wrap:anywhere;flex-shrink:0;animation:chat-paper-life 15s linear forwards}
#chatLog b{color:#765634;font-weight:600}body.chat-writing #chatLog{bottom:218px}
@keyframes chat-paper-life{0%{opacity:0;transform:translateY(4px)}2%,88%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
@media(max-width:650px){#islandChat{bottom:110px}.chat-paper{gap:8px;padding:8px}#islandChat label{font-size:11px;padding-right:8px;gap:6px}#islandChat input{font-size:13px}#islandChat button{padding:6px 10px}#islandChat button span{display:none}#chatLog{left:14px;font-size:11px;width:calc(100vw - 28px);max-height:27vh}body.chat-writing #chatLog{bottom:215px}}
@media(prefers-reduced-motion:reduce){#chatLog p{animation:none}}