body{font-family:Arial;margin:0;background:#f4f6fb;display:flex;height:100vh}
.panel{flex:1;padding:20px;box-sizing:border-box;overflow:auto}
#gamePanel{background:#fff;border-right:2px solid #ddd;display:flex;flex-direction:column}
#characterBox{border:2px solid #ccc;border-radius:12px;padding:20px;background:#fafafa;flex:1;display:flex;flex-direction:column}
#eventLog{height:calc(100vh - 140px);display:flex;flex-direction:column-reverse;gap:6px;overflow:auto;margin-bottom:10px}
.logEntry{background:#fff;padding:6px 10px;border-radius:6px;border:1px solid #ddd;font-size:14px}
button{padding:6px 10px;border:none;background:#4a6cf7;color:white;border-radius:6px;cursor:pointer}
button:hover{background:#364fd6}
.completeBtn{background:#27ae60}
.shopItem{border:1px solid #ddd;padding:10px;border-radius:8px;margin-bottom:10px;background:white}